/* BASIC css start */
/* 공통 */
body .h-white {display:block;}
body .h-black {display:none;}

/* 헤더 */
body #header {background: none;}
body #header .inner {border:none;}
body #header .inner .all-menu .gnb {border-top:1px solid var(--color_grey);}

/* 메인배너 */
.main-banner {position:relative;}
.main-banner img {max-width:100%; width:100%;}
.main-banner .info {position:absolute; width:100%; bottom:50px; text-align:center;}
.main-banner .info h3 {font-weight: 500; font-size: 18px; line-height: 16px; color:var(--color_white); margin-bottom:10px;}
.main-banner .info a {font-weight: 500; font-size: 13px; line-height: 16px; color:var(--color_white); display:inline-block; border-bottom:1px solid var(--color_white); text-decoration:underline; text-underline-position: under;}


/* 메인영상배너 */
.main-video-banner video {
    max-width: 100%;
    width: 100%;
    display: block;
}


/* 서브배너 */
.sub-banner {display:flex;}
.sub-banner > div {flex:1; position:relative;}
.sub-banner > div img {max-width:100%; width:100%;}
.sub-banner .info {position:absolute; width:100%; bottom:50px; text-align:center;}
.sub-banner .info h3 {font-weight: 500; font-size: 18px; line-height: 16px; color:var(--color_white); margin-bottom:10px;}
.sub-banner .info a {font-weight: 500; font-size: 13px; line-height: 16px; color:var(--color_white); display:inline-block; border-bottom:1px solid var(--color_white); text-decoration:underline; text-underline-position: under;}

.left-banner {position: relative;}
.left-banner img {width: 100%;display: block;}
.left-banner .hover-img {position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 0.3s ease;}
.left-banner:hover .hover-img {opacity: 0.8;}

.right-banner {position: relative;}
.right-banner img {width: 100%;display: block;}
.right-banner .hover-img {position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 0.3s ease;}
.right-banner:hover .hover-img {opacity: 0.8;}

/* 푸터 */
body #footer {margin:0;}
/* BASIC css end */