@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:100%;height:792px}

/* 텍스트 */
#mainVisual .main_txt{position:absolute;z-index:10;top:34%;transform:translateX(-50%);left:50%;width:100%;max-width:1520px;font-family:var(--e-font), var(--k-font);font-size: 16px;line-height:25px;color:rgba(255,255,255,0.7);word-break: keep-all;}
#mainVisual .main_txt .txt img{position:absolute;top:-245px;width:185px}
#mainVisual .main_txt .txt p{padding-bottom:54px;font-size:21px;font-weight:700;line-height:0;color:rgba(255,255,255,0.6)}
#mainVisual .main_txt .txt .ko_tit{margin-bottom:40px;padding-bottom:70px;font-size:54px;font-family:var(--k-font);line-height:64px;border-bottom:1px solid rgba(255,255,255,0.3);color:#fff}
#mainVisual .main_txt .txt .ko_tit h1{font-weight:200;line-height: 1.3;}
#mainVisual .main_txt .txt .ko_tit h1 b{font-weight:600}

/* 스와이퍼 */
#mainVisual .main_slide{overflow:hidden;width:100%;height:100%}
#mainVisual .main_slide ul{height:100%}
#mainVisual .main_slide ul li{width:100%;height:100%;background:no-repeat;background-size:cover}
#mainVisual .main_slide ul li.bg01{background-image:url('./main01.jpg')}
#mainVisual .main_slide ul li.bg02{background-image:url('./main02.jpg');background-position:center}
#mainVisual .main_slide ul li.bg03{background-image:url('./main03.jpg');background-position:center}

/* Pager */
#mainVisual .pager{display:flex;gap:10px;position:absolute;right:0;bottom:40%;transform:translateX(-50%);z-index:20;width:max-content;height:max-content}
#mainVisual .pager span{display:block;opacity:1;width:9px;height:9px;margin:0;border-radius:100%;background:rgba(255,255,255,0.3);cursor:pointer;transition:.2s}
#mainVisual .pager span.on{background-color:#fff}
#mainVisual .pager span:first-child:after{display:none}

/* 검색 창 */
#mainVisual .main_sch{position:absolute;right:0;bottom:-140px;max-width:638px;width:100%;padding:13px 15px 13px 0;border-radius: 3px;background: #333;}
#mainVisual .main_sch .titSch{float:left;width:148px;font-size:17px;font-weight:600;line-height:56px;color:#fff;text-align:center;}
#mainVisual .main_sch .cbSch{float:left;width:calc(100% - 237px);height:56px;margin:0;padding:0 0 0 30px;font-size:16px;font-weight:500;border:none !important;border-radius:3px 0 0 3px;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
#mainVisual .main_sch .cbSch:focus{outline-style:none !important;border:none !important}
#mainVisual .main_sch .sch_btn{width:90px;height:56px;margin-left: -1px;border:none!important;outline-style:none !important;border-radius:0 5px 5px 0;color: #111;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff}
#mainVisual .main_sch .sch_btn:focus{outline-style:none !important;border:none !important;box-shadow:none}
#mainVisual .main_sch .sch_btn i{font-size:21px}
#mainVisual .main_sch .sch_btn p{margin-top:5px;font-size:14pix;font-family:notokr-regular}
#mainVisual .main_sch .schm_logo{display:none;position:absolute;left:27px;top:12px;width:38px}
#mainVisual .main_sch input::-webkit-input-placeholder{color:#999}
#mainVisual .main_sch input:-ms-input-placeholder{color:#999}

/* 반응형 [s] */
@media (max-width:1500px){
#mainVisual .main_txt{padding:0 50px}
}
@media (max-width:1380px){
#mainVisual .main_txt .txt .ko_tit{padding-bottom:60px;font-size:50px}
#mainVisual .main_latest{align-items:center;width:95%}
#mainVisual .main_latest .left{padding:38px 35px;gap:35px}
#mainVisual .main_latest .left .txt:after{top:50%;left:-22px;transform:translateY(-50%)}
#mainVisual .main_latest .notice{padding:0 35px}
#mainVisual .main_latest .notice .n_tit{margin-right:22px;width:98px;line-height:44px;font-size:16px}
}
@media (max-width:1140px){
#mainVisual .main_latest .left{gap:30px;padding:34px 22px;font-size:14px}
#mainVisual .main_latest .left .txt:after{left:-19px}
#mainVisual .main_latest .notice{padding:0 22px;line-height:112px}
#mainVisual .main_latest .notice .n_tit{margin-right:18px;width:90px;line-height:39px;font-size:15px}
#mainVisual .main_latest .notice .sh_notice a{font-size:15px}
#mainVisual .main_latest .notice .sh_lt li .datetime{font-size:14px}
}
@media (max-width:1024px){
#mainVisual{height:700px}
#mainVisual .main_txt{top:33%;font-size:16px}
#mainVisual .main_txt .txt img{top:-200px;width:160px}
#mainVisual .main_txt .txt p{padding-bottom:35px;line-height:1;font-size:15px}
#mainVisual .main_txt .txt br{display:none}
#mainVisual .main_txt .txt .ko_tit{padding-bottom:50px;font-size:38px}
#mainVisual .main_slide ul li.bg01{background-image:linear-gradient(rgb(0, 0, 0, 0.3), rgb(0, 0, 0, 0.3)),url('./main01.jpg')}
#mainVisual .main_slide ul li.bg02{background-image:linear-gradient(rgb(0, 0, 0, 0.3), rgb(0, 0, 0, 0.3)),url('./main02.jpg')}
#mainVisual .main_slide ul li.bg03{background-image:linear-gradient(rgb(0, 0, 0, 0.3), rgb(0, 0, 0, 0.3)),url('./main03.jpg')}
#mainVisual .pager{bottom:11%}
#mainVisual .main_latest{display:none}
#mainVisual .main_sch {bottom:-125px;max-width:500px;padding:10px 15px 10px 0}
}
@media (max-width:768px){
#mainVisual{height:480px}
#mainVisual .main_txt{top:12%;padding:0 30px;font-size:15px;text-align:center}
#mainVisual .main_txt .txt img{display:none}
#mainVisual .main_txt .txt p{padding-bottom:25px;font-size:14px}
#mainVisual .main_txt .txt .ko_tit{padding-bottom:30px;margin-bottom: 30px;font-size: 26px;}
#mainVisual .pager {left:50%;transform:translateX(-50%);bottom:-40px}
#mainVisual .sch_box{position:relative}
#mainVisual .main_sch{max-width:100%}
#mainVisual .main_sch .cbSch{padding:0px 0 0 18px;height:40px;font-size:12px}
#mainVisual .main_sch .sch_btn{height:40px}
#mainVisual .main_sch .titSch{line-height:40px;font-size: 15px;}
#mainVisual .main_sch .sch_btn i{font-size:17px}
}
@media (max-width:480px){
#mainVisual{height:460px}
#mainVisual .main_txt{padding: 0 20px;font-size:14px}
#mainVisual .main_txt .txt p{padding-bottom:15px;font-size:13px}
#mainVisual .main_txt .txt .ko_tit{margin-bottom:22px;padding-bottom:20px;font-size: 24px;}
#mainVisual .pager{bottom:-20px}
#mainVisual .pager span{width:9px;height:9px}
#mainVisual .main_sch{bottom:-85px}
#mainVisual .main_sch .titSch{width:120px}
#mainVisual .main_sch .cbSch{width:calc(100% - 190px)}
#mainVisual .main_sch .sch_btn{width:70px}
}
@media (max-width:380px){
#mainVisual{height:460px}
#mainVisual .main_txt{font-size:13px}
#mainVisual .main_txt .txt p{padding-bottom:12px;font-size:12px}
#mainVisual .main_txt .txt .ko_tit{padding-bottom:20px;font-size:21px}
}
/* 반응형 [e] */