@charset "utf-8";

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

/* 텍스트 */
#mainVisual .main_txt{position:absolute;z-index:10;top:27%;transform:translateX(-50%);left:50%;width:100%;line-height:1.5;color:rgba(255,255,255,0.7);font-family:var(--e-font), var(--k-font);text-align:center;font-size:18px}
#mainVisual .main_txt .txt p{padding-bottom:50px;line-height:0;color:#fff;font-size:16px;font-weight:600}
#mainVisual .main_txt .txt .ko_tit{padding-bottom:70px;color:#fff;line-height:1.15;font-size:60px;font-weight:600;font-family:var(--k-font)}

/* 스와이퍼 */
#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');background-position:center}
#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}
#mainVisual .main_slide ul li.bg04{background-image:url('./main04.jpg');background-position:center}
#mainVisual .main_slide ul li.bg05{background-image:url('./main05.jpg');background-position:center}
/* Pager */
#mainVisual .pager{display:flex;gap:13px;position:absolute;left:50%;bottom:11%;transform:translateX(-50%);z-index:30;width:max-content;height:max-content}
#mainVisual .pager span{display:block;opacity:1;width:8px;height:8px;margin:0;border-radius:100%;color:#fff;cursor:pointer;background:rgba(255,255,255,0.2);transition:.2s}
#mainVisual .pager span.on{background-color:#fff}
#mainVisual .pager span:first-child:after{display:none}

/* latest */
#mainVisual .main_latest{position:absolute;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;bottom:72px;left:50%;transform:translateX(-50%);width:100%;max-width:1600px;font-family:var(--e-font), var(--k-font);z-index:40}
#mainVisual .main_latest .left{display:flex;align-items:center;gap:60px;line-height:1.5;letter-spacing:0;padding:38px 60px;color:#fff;background:var(--primary);font-size:15px}
#mainVisual .main_latest .left .txt{position:relative;word-break:keep-all}
#mainVisual .main_latest .left .txt:after{position:absolute;content:'';left:-34px;top:14px;width:4px;height:4px;background:#fff;border-radius:50px}
#mainVisual .main_latest .right{background:#fff}
#mainVisual .main_latest .notice{display:flex;padding:0 50px;line-height:120px;align-items:center}
#mainVisual .main_latest .notice .sh_notice a{font-weight:500;color:#666;font-size:16px}
#mainVisual .main_latest .notice .n_tit{display:inline-block;width:108px;line-height:50px;margin-right:30px;border-radius:50px;font-size:17px;font-weight:700;text-align:center;color:#fff;background:var(--primary)}
#mainVisual .main_latest .notice .sh_lt{margin:0;width:100%}
#mainVisual .main_latest .notice .sh_lt ul{height:50px}
#mainVisual .main_latest .notice .sh_lt li{display:flex;align-items:center;line-height:50px;justify-content:space-between}
#mainVisual .main_latest .notice .sh_lt li .datetime{color:#888;font-size:15px;font-family:var(--k-font)}

/* 반응형 [s] */
@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:600px}
#mainVisual .main_txt{top:33%;font-size:16px}
#mainVisual .main_txt .txt p{padding-bottom:35px;line-height:1;font-size:15px}
#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}
}
@media (max-width:768px){
#mainVisual{height:480px}
#mainVisual .main_txt{margin:auto;width:95%;font-size:15px;word-break:keep-all}
#mainVisual .main_txt .txt p{padding-bottom:25px;font-size:14px}
#mainVisual .main_txt .txt .ko_tit{padding-bottom:30px;font-size:30px}
}
@media (max-width:480px){
#mainVisual{height:400px}
#mainVisual .main_txt{font-size:14px}
#mainVisual .main_txt .txt p{padding-bottom:15px;font-size:13px}
#mainVisual .main_txt .txt .ko_tit{padding-bottom:24px;font-size:24px}
#mainVisual .pager span{width:11px;height:11px}
}
@media (max-width:380px){
#mainVisual{height:360px}
#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}
#mainVisual .pager span{width:10px;height:10px}
}
/* 반응형 [e] */