@charset "utf-8";

/* pc */
#main_visual{position:relative}
#main_slide.pc *{transition:all .2s}
#main_slide.pc li{position:relative;height:480px;background:url(/sh_img/index/main_banner/pc_bg.jpg) center no-repeat}
#main_slide.pc li .txt{width:1200px;margin:0 auto;padding-top:50px;font-size:34px;line-height:1.4;letter-spacing:-1px;color:var(--dark);font-family:'notokr-medium'}
#main_slide.pc li .txt p{margin-bottom:5px;font-size:40px;font-family:'notokr-black'}
#main_slide.pc li .txt span{font-family:'notokr-regular'}
#main_slide.pc li .btn_area{display:inline-block;margin-top:20px;text-align:center}
#main_slide.pc li .btn_area button{display:inline-block;padding:10px 35px;border-radius:14px;border:none;font-size:24px;letter-spacing:-.4px;color:#fff;background:#046fd9;}
#main_slide.pc li .btn_area button:hover{background-color:#0664c1}
#main_slide.pc li .btn_area button.wbtn{padding:10px 25px;margin-top:8px;border:2px solid #046fd9;font-size:18px;color:#046fd9;background-color:#fff;font-family:'notokr-medium'}
#main_slide.pc li img{display:none}

/* mo */
#main_slide.mo{display:none;position:relative}
#main_slide.mo li img{width:100%}
#main_visual .mo_btn{display:none;background-color:#ebebeb}
#main_visual .mo_btn button, #main_visual .mo_btn a{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;height:90px;padding:0 5px 0 15px;border:none;border-top:2px solid #c0c8d5;font-size:15px;color:#3e5463;text-align:center;letter-spacing:-1px;background-color:#fff;font-family:'notokr-regular'}
#main_visual .mo_btn button:not(.bgw){background-color:#e8edf1}
#main_visual .mo_btn .icon{height:75%}

/* 반응형 [s] */
@media (max-width:1280px){
#main_slide.pc li{height:400px;background-position:60% -30px}	
#main_slide.pc li .txt{padding:30px 20px 0;font-size:30px}
#main_slide.pc li .txt p{font-size:36px}
#main_slide.pc li .btn_area{margin-top:10px}
#main_slide.pc li .btn_area button{padding:10px 25px;font-size:20px}
#main_slide.pc li .btn_area button.wbtn{padding:10px 12px;font-size:16px}
}
@media (max-width:1024px){
#main_slide.pc li{height:340px;background-position:65% -30px}	
#main_slide.pc li .txt{padding:25px 20px 0;font-size:22px}
#main_slide.pc li .txt p{font-size:28px}
}
@media (max-width:768px){
#main_slide.pc{display:none}
#main_slide.mo{display:block}
#main_visual .mo_btn{display:block}	
}
@media (max-width:480px){
#main_visual .mo_btn button, #main_visual .mo_btn a{height:75px;/*font-size:16px*/}	
}
@media (max-width:380px){
#main_visual .mo_btn button, #main_visual .mo_btn a{/*font-size:15px*/}	
#main_visual .mo_btn .icon{height:75%}
}
/* 반응형 [e] */