@charset "utf-8";

#shMain{padding:60px 0;background:var(--surface-gray)}
#shMain .cont .txt{font-size:19px;color:var(--color-dark)}
#shMain .cont .txt span{font-weight:700;color:var(--primary)}
#shMain .cont .txt h1{margin-bottom:32px;font-size:46px;font-weight:700;color:var(--secondary);line-height:1.35;white-space:pre-line}
#shMain .cont .txt h1 b{font-weight:700;background:linear-gradient(60deg, var(--primary), #17CCEA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent} 
#shMain .cont-search{width:90%;height:60px;padding:2px;margin-top:32px;border-radius:30px;background:linear-gradient(60deg, var(--primary) 60%, #17CCEA 100%)}
#shMain .cont-search .inner{width:100%;height:100%;padding:5px 20px;border-radius:30px;background:#fff }
#shMain .cont-search input{flex:1;padding:5px 8px;border:none;border-radius:30px;outline:none;font-size:16px;color:var(--secondary)}
#shMain .cont-search button{padding:5px;color:var(--primary)}
#shMain .cont-search button span{font-size:30px;font-weight:300}

/* main-slide */
#shMain .banner{position:relative;max-width:490px;margin-left:auto}
#shMain .banner ul{border-radius:16px}
#shMain .banner ul li{overflow:hidden;border-radius:16px}
#shMain .banner ul li img{width:100%}
#shMain .banner-control{justify-content:center;position:absolute;bottom:15px;right:15px;z-index:100;width:110px;height:35px;padding:0 10px 0 20px;border-radius:30px;color:var(--secondary);background:#fff}
#shMain .banner-control-pager{width:auto;margin-right:auto;font-size:13px;font-weight:500;white-space:nowrap}
#shMain .banner-control button{all:unset;display:flex;cursor:pointer}
#shMain .banner-control button svg{width:20px;height:20px;color:var(--secondary)}
#shMain .banner-control button.btn-play{display:none}
#shMain .banner-control button.btn-play svg{fill:var(--secondary);width:12px;height:12px}
#shMain .banner-control button.btn-pause svg{fill:var(--secondary);width:15px}
#shMain .banner-control button.btn-pause svg rect{width:1px !important}


/* 반응형 [s] */
@media (max-width:1200px){
#shMain .cm-inner{flex-direction:column}
#shMain .cont .txt{margin-bottom:40px;text-align:center;font-size:clamp(15px, 1.58vw, 19px)}
#shMain .cont .txt h1{font-size:clamp(20px, 3.83vw, 46px)}
#shMain .banner{max-width:100%;margin-left:0}
}
@media (max-width:768px){
#shMain{padding:50px 0}
#shMain .cont .txt{margin-bottom:30px}
#shMain .cont .txt h1{margin-bottom:25px}
#shMain .banner ul li{border-radius:10px}
}
@media (max-width:580px){
#shMain .cont .txt{margin-bottom:25px}
#shMain .cont .txt h1{margin-bottom:20px}
}
@media (max-width:480px){
#shMain{padding:40px 0}
#shMain .banner-control{width:105px;height:30px}
#shMain .banner-control button .icon{width:15px}
#shMain .banner-control button.btn-pause svg{width:10px}
}
/* 반응형 [e] */