@charset "utf-8"; 

.mouse_cursor{position:fixed; left:0; top:0; pointer-events:none; width:20px; height:20px; background-color: #f00; opacity: .6; border:none; border-radius:50%; transform: translate(-50%,-50%);}


body{}
#wrap{}

#header{display: flex; align-items: center; justify-content: center; position: fixed; opacity: 0; top: -50px; left: 0; right: 0; height: 90px; background: #fff; border-bottom: 1px solid  rgba(255,255,255,0.3); z-index: 9;}
body.fp-viewing-1Page.start_con #header{ transition-delay: 5s !important; opacity: 1; transition: all 0.5s !important;}

.start_con #header{transform: translateY(0) !important; opacity: 1; top: 0;}
.fp-viewing-2Page #header,
.fp-viewing-4Page #header,
.fp-viewing-5Page #header,
.fp-viewing-6Page #header {border-color: #e0e0e0;}

/* fullPage 우측네비 */
.fullPage_nav{background: url(/html/_skin/1/images/main/page_na_bg_01.png) no-repeat center bottom; width: 20px;height: 130px; position: fixed; right: 5%;top: 50%;z-index: 9;transform: translateY(-50%); color: #fff;}
.fp-viewing-2Page .fullPage_nav{background-image: url(/html/_skin/1/images/main/page_na_bg_02.png); color: #000;}
.fp-viewing-3Page .fullPage_nav{background-image: url(/html/_skin/1/images/main/page_na_bg_03.png);}
.fp-viewing-4Page .fullPage_nav{background-image: url(/html/_skin/1/images/main/page_na_bg_04.png); color: #000;}
.fp-viewing-footer .fullPage_nav{display: none;}

/* 스크롤 */
.scroll_dw{position: fixed;left: calc(50% - 10px); bottom: 80px;z-index: 9;opacity: 0;animation: scrollDown 2.5s 3s infinite;animation-delay: 1s;}
.scroll_dw .scroll_icon{ width: 18px; height: 42px; background: url("/html/_skin/1/images/main/icon_scroll_w.png") 50% 50% no-repeat;}

.fp-viewing-2Page .scroll_dw .scroll_icon{background: url("/html/_skin/1/images/main/icon_scroll_b.png") 50% 50% no-repeat;}
.fp-viewing-3Page .scroll_dw .scroll_icon{background: url("/html/_skin/1/images/main/icon_scroll_w.png") 50% 50% no-repeat;}
.fp-viewing-4Page .scroll_dw .scroll_icon{background: url("/html/_skin/1/images/main/icon_scroll_b.png") 50% 50% no-repeat;}
.fp-viewing-footer .scroll_dw{display: none;}


@keyframes scrollDown {
        0% { opacity: 0; -webkit-transform:translateY(0); transform:translateY(0); }
        80% { opacity: 1; -webkit-transform:translateY(1.2rem); transform:translateY(1.2rem); }
        100% { opacity: 0; -webkit-transform:translateY(1rem); transform:translateY(1rem); }
    }

body.fp-viewing-1Page #header,
body.fp-viewing-3Page #header{background: none; border-color: rgba(224,224,224,.01);}

body.fp-viewing-1Page #header h1 a,
body.fp-viewing-3Page #header h1 a{background: url("/html/_skin/1/images/layout/logo_02.png") 0 50% no-repeat;}
body.fp-viewing-1Page .gnb .depth01 > li > a,
body.fp-viewing-3Page .gnb .depth01 > li > a{ color: #fff;}

body.fp-viewing-1Page #header .btn_allmenu span,
body.fp-viewing-3Page #header .btn_allmenu span {background: #fff;}
#header .btn_allmenu {width: 30px; height: 23px; display: none; text-align: right; font-size: 0;}
    

/* mobile gnb */
    #m-gnb-wrap{display:none;position:fixed;top:0;right:0;z-index:999999999999999999999;width:100%;height:100vh;background:rgba(0,0,0,.8)}
    #m-gnb-wrap .m-gnb-inner{position:absolute;top:0;right:-100%;padding:85px 0 0;width:80%;max-width:500px;height:100%;background:#fff}
    #m-gnb-wrap .m-header-utils{position:absolute;top:30px;right:88px;font-size:0}
    #m-gnb-wrap .m-header-utils li{display:inline-block;margin-left:20px;vertical-align:top}
    #m-gnb-wrap .m-header-utils li a{position:relative;display:block;line-height:0}
    #m-gnb-wrap .m-header-utils .alarm .new{position:absolute;bottom:100%;left:100%;margin-bottom:-10px;margin-left:-6px;width:18px;height:18px;border-radius:50%;background:var(--color-red);font-weight:500;font-size:14px;line-height:18px;color:#fff;text-align:center}
    #m-gnb-wrap .m-user-menu{margin-bottom:40px}
    #m-gnb-wrap .m-user-menu dt{padding:0 30px;font-weight:400;font-size:36px;line-height:69px;color:#000}
    #m-gnb-wrap .m-user-menu dt strong{font-weight:700}
    #m-gnb-wrap .m-user-menu dt a{display:block;font-weight:700;font-size:36px;line-height:69px;color:#000}
    #m-gnb-wrap .m-user-menu dd{padding:0 30px}
    #m-gnb-wrap .m-user-menu dd a{position:relative;display:block;padding-left:25px;font-weight:500;font-size:36px;line-height:69px;color:#000}
    #m-gnb-wrap .m-user-menu dd a:before{content:'';position:absolute;top:20px;left:0;width:10px;height:10px;border-radius:50%;background:var(--color-dark-gray)}
    #m-gnb-wrap .m-gnb{overflow-x:hidden;max-height:calc(100% - 363px);border-top:1px solid #eee}
    #m-gnb-wrap .m-gnb .depth01 > a{position:relative;display:block;padding:19px 30px 20px;border-bottom:1px solid #eee;font-weight:500;font-size:28px;line-height:1.5em;color:#000}
    #m-gnb-wrap .m-gnb .depth01 > :is(a:before,a:after){content:'';position:absolute;top:50%;right:30px;margin-left:-6.5px;width:13px;height:1px;background:#32186d}
    #m-gnb-wrap .m-gnb .depth01 > a:after{transform:rotate(-90deg)}
    #m-gnb-wrap .m-gnb .depth01.on > a:after{display:none}
    #m-gnb-wrap .m-gnb .depth02{display:none;padding:22px 0;border-bottom:1px solid #eee}
    #m-gnb-wrap .m-gnb .depth02 li a{display:block;padding:0 30px;font-weight:400;font-size:24px;line-height:56px;color:#000}
    #m-gnb-wrap .login-utils{padding:55px 0 30px;font-size:0;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;row-gap:7px}
    #m-gnb-wrap .login-utils li{position:relative;display:inline-block;margin:0 27px;vertical-align:top}
    #m-gnb-wrap .login-utils li:after{content:'';position:absolute;top:50%;right:-27px;margin-top:-10px;width:1px;height:20px;background:var(--color-light-gray,#ccc)}
    #m-gnb-wrap .login-utils li:last-child:after{display:none}
    #m-gnb-wrap .login-utils li a{display:block;font-weight:400;font-size:22px;color:var(--color-light-gray)}
    #m-gnb-wrap .cs {display:block; margin-top:30px; font-size:22px; font-weight:500; text-align:center;}
    


#m-gnb-wrap.act{display: block;}
#m-gnb-wrap.act .m-gnb-inner{position:absolute;top:0;right:0;padding:85px 0 0;width:80%;max-width:500px;height:100%;background:#fff}



#header .btn_allmenu span{display: inline-block; background: #000; border-radius: 1rem; width: 100%; height: 3px; transition: all 0.15s;}
#header .btn_allmenu span:nth-child(1) { width: 27px;}
#header .btn_allmenu span:nth-child(2) { width: 17px; margin: 8px 0;} 
/*
#header .btn_allmenu:hover span,
#header .btn_allmenu:focus span { width: 100%;}
*/

#header .btn_allmenu_clo{position: absolute; right: 20px; top: 30px; display: inline-block; width: 30px; height: 30px;}
#header .btn_allmenu_clo span{display: inline-block; background: #000; border-radius: 1rem; width: 100%; height: 2px; transition: all 0.15s;}
#header .btn_allmenu_clo span:nth-child(1){transform: translate(0px, -4px) rotate(-45deg);}
#header .btn_allmenu_clo span:nth-child(2){transform: translate(0px, -30px) rotate(45deg);}
/*
#header .btn_allmenu.exit:hover span,
#header .btn_allmenu.exit:focus span { width: 100%;}
*/

body.fp-viewing-1Page #header:hover,
body.fp-viewing-1Page #header:focus,
body.fp-viewing-3Page #header:hover,
body.fp-viewing-3Page #header:focus { background: #fff; border-bottom: 1px solid #ddd;}
body.fp-viewing-1Page #header:hover h1 a,
body.fp-viewing-1Page #header:focus h1 a,
body.fp-viewing-3Page #header:hover h1 a,
body.fp-viewing-3Page #header:focus h1 a{background: url("/html/_skin/1/images/layout/logo_01.png") 0 50% no-repeat;}
body.fp-viewing-1Page #header:hover .gnb .depth01 > li > a,
body.fp-viewing-1Page #header:focus .gnb .depth01 > li > a,
body.fp-viewing-3Page #header:hover .gnb .depth01 > li > a,
body.fp-viewing-3Page #header:focus .gnb .depth01 > li > a{ color: #000;}
body.fp-viewing-1Page #header:hover .btn_allmenu span,
body.fp-viewing-1Page #header:focus .btn_allmenu span,
body.fp-viewing-3Page #header:hover .btn_allmenu span,
body.fp-viewing-3Page #header:focus .btn_allmenu span { background: #000;}
body.fp-viewing-1Page #header .gnb .depth01 > li:nth-child(1) > a{ color: #fff; font-weight: 700;}
body.fp-viewing-1Page #header .gnb .depth01 > li:nth-child(1) span::after{content: ''; position: absolute; right: -10px; top: -5px; width: 6px; height: 6px; border-radius: 6px;  background-color: #fff; font-weight: 700;}
body.fp-viewing-1Page #header:hover .gnb .depth01 > li:nth-child(1) > a{ color: #BE1D2C; font-weight: 700;}
body.fp-viewing-1Page #header:hover .gnb .depth01 > li:nth-child(1) span::after{content: ''; position: absolute; right: -10px; top: -5px; width: 6px; height: 6px; border-radius: 6px;  background-color: #BE1D2C; font-weight: 700;}
body.fp-viewing-2Page #header .gnb .depth01 > li:nth-child(2) > a{ color: #BE1D2C; font-weight: 700;}
body.fp-viewing-2Page #header .gnb .depth01 > li:nth-child(2) span::after{content: ''; position: absolute; right: -10px; top: -5px; width: 6px; height: 6px; border-radius: 6px;  background-color: #BE1D2C; font-weight: 700;}
body.fp-viewing-3Page #header .gnb .depth01 > li:nth-child(3) > a{ color: #BE1D2C; font-weight: 700;}
body.fp-viewing-3Page #header .gnb .depth01 > li:nth-child(3) span::after{content: ''; position: absolute; right: -10px; top: -5px; width: 6px; height: 6px; border-radius: 6px;  background-color: #BE1D2C; font-weight: 700;}
body.fp-viewing-4Page #header .gnb .depth01 > li:nth-child(4) > a{ color: #BE1D2C; font-weight: 700;}
body.fp-viewing-4Page #header .gnb .depth01 > li:nth-child(4) span::after{content: ''; position: absolute; right: -10px; top: -5px; width: 6px; height: 6px; border-radius: 6px;  background-color: #BE1D2C; font-weight: 700;}


#header .container {position: relative; width: 100%; margin: 0 auto;display: flex;justify-content: flex-end;align-items: center;}
#header .container h1{height: 90px;}
#header .container h1 a{display: inline-block; width: 172px; background: url("/html/_skin/1/images/layout/logo_01.png") 0 50% no-repeat; height: 90px; position: absolute; top: 0; left: 5%; text-indent: -9000px;}

/* GNB */
.nav{position:relative; width: auto; z-index:99; right: calc(5% - 30px);}
.gnb{ position:relative; height:90px; z-index:2; display: flex; align-items: center;}
.gnb ul{ margin-right: 40px;}
.gnb ul, .gnb li {position:relative; height:100%;}
.gnb li a{ position:relative; display:block; font-weight:400; }
.gnb li a span{ position:relative;}
.gnb .depth01{width:100%; height:90px;}
.gnb .depth01 {display:flex;width:100%;text-align:center;z-index: 1;}
.gnb .depth01 > li {flex: auto;} 
.gnb .depth01 > li > a{display:flex;width:100%;font-family: 'Montserrat';padding: 0 30px;height:90px;line-height:1.2;justify-content: center;align-items: center;font-size:0.9rem;color:#333;font-weight: 500;}
.gnb .depth01 > li > a > span {position:relative;}
.gnb .depth01 .depth02 {display: none;}


.main-popup-wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; background-color: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 9999999999999999999999;}
.main-popup-wrap.dim{display: flex;}
.main-popup{border: 1px solid #e0e0e0;overflow: hidden;}
.popup-bottom-inner{display: flex; justify-content: space-between; padding: 10px 20px; border-top: 1px solid #e0e0e0; background-color: #F7F7FE; font-size: 14px;}

/*  == :::::::::::::::: ==  */
@media screen and (max-width:1700px){
	
}
@media screen and (max-width:1440px){
	
}
@media screen and (max-width:1280px){
	
}
@media screen and (max-width:1240px){
	
}
@media screen and (max-width:1024px){
	
}
@media screen and (max-width:860px){
	
}   
@media screen and (max-width:768px){
}
@media screen and (max-width:767px){
    .nav{right: 5%;}
	#header .nav .gnb>ul {display: none;}
	#header .nav .btn_allmenu {display: block;}
    
    

    
    #m-gnb-wrap .m-gnb-inner{padding-top:50px}
    #m-gnb-wrap .m-header-utils{top:29px;right:60px}
    #m-gnb-wrap .m-header-utils li{margin-left:12px}
    #m-gnb-wrap .m-header-utils li a img{height:21px}
    #m-gnb-wrap .m-header-utils .alarm .new{margin-bottom:-7px;margin-left:-4px;width:13px;height:13px;font-size:9px;line-height:13px}
    #m-gnb-wrap .m-user-menu{margin-bottom:25px}
    #m-gnb-wrap .m-user-menu dt{padding:0 20px;font-size:22px;line-height:50px}
    #m-gnb-wrap .m-user-menu dt a{font-size:22px;line-height:50px}
    #m-gnb-wrap .m-user-menu dd{padding:0 20px}
    #m-gnb-wrap .m-user-menu dd a{padding-left:15px;font-size:22px;line-height:43px}
    #m-gnb-wrap .m-user-menu dd a:before{top:12px;width:7px;height:7px}
    #m-gnb-wrap .m-gnb{max-height:calc(100% - 235px)}
    #m-gnb-wrap .m-gnb .depth01 > a{padding:11px 20px 12px;font-size:17px}
    #m-gnb-wrap .m-gnb .depth01 > :is(a:before,a:after){right:20px;width:9px}
    #m-gnb-wrap .m-gnb .depth02{padding:14px 0}
    #m-gnb-wrap .m-gnb .depth02 li a{padding:0 20px;font-size:15px;line-height:35px}
    #m-gnb-wrap .login-utils{padding:35px 0 20px}
    #m-gnb-wrap .login-utils li{margin:0 16px}
    #m-gnb-wrap .login-utils li a{font-size:14px}
    #m-gnb-wrap .login-utils li:after{right:-16px;margin-top:-6.5px;height:13px}
    #m-gnb-wrap .cs {margin-top:20px; font-size:16px; font-weight:500;}
    
    
}
@media screen and (max-width:640px){
	
}
@media screen and (max-width:375px){
	
}
/*  == :::::::::::::::: ==  */






/* 하단 */
#sitemap{position:relative;width:100%;background:#fff}
/* -------- utils -------- */
    #sitemap .footer-utils{border-top:1px solid #ddd;overflow:hidden}
    #sitemap .footer-utils .swiper-wrapper{margin:0 5%; width:90%; padding: 0 20px; font-size:0}
    #sitemap .footer-utils .swiper-slide{display:inline-block;margin-right:40px;width:auto;vertical-align:top}
    #sitemap .footer-utils .swiper-slide a{display:block;font-weight:400;font-size:16px;line-height:67px;color:var(--color-dark-gray)}
@media only screen and (max-width:1180px) {
    #sitemap .footer-utils .swiper-wrapper{padding:0 30px;width:100%}
}
@media only screen and (max-width:768px) {
    #sitemap .footer-utils .swiper-wrapper{padding:0 20px}
    #sitemap .footer-utils .swiper-slide{margin-right:30px}
    #sitemap .footer-utils .swiper-slide a{font-size:15px;line-height:60px}
}
@media only screen and (max-width:640px) {
    #sitemap .footer-utils .swiper-slide{margin-right:20px}
    #sitemap .footer-utils .swiper-slide a{font-size:14px;line-height:50px}
}
.band-banner{overflow:hidden}