/* 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;}

/* 서브배너 */
.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;}

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

/* 메인배너 클릭 영역 */
.main-banner {
    position: relative;
}

.main-banner .click-area {
    position: absolute;
    display: block;
    z-index: 10;
    background: rgba(255, 0, 0, 0); /* 위치 확인용 */
}

.main-banner .click-area span {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

/* 첫 번째 클릭 영역 */
.main-banner .area-1 {
    left: 34%;
    top: 71.8%;
    width: 9%;
    height: 1.5%;
}

/* 두 번째 클릭 영역 */
.main-banner .area-2 {
    left: 50.5%;
    top: 77.2%;
    width: 5%;
    height: 2%;
}

/* 세 번째 클릭 영역 */
.main-banner .area-3 {
    left: 54.5%;
    top: 62.8%;
    width: 15%;
    height: 0.8%;
}

/* 네 번째 클릭 영역 */
.main-banner .area-4 {
    left: 54.5%;
    top: 28.1%;
    width: 10.5%;
    height: 0.8%;
}
/* BASIC css end */