@media (max-width: 768px){

.mobile_nav_bar {
    display: block;
}

.show_nav #header{
        overflow: hidden
}


}

.mobile_nav_bar {position: fixed; display: block; bottom: -7px;  width: 100%; /* height: 6px; */ background: #0e1727; font-size: 0; z-index: 550; -webkit-transition: bottom 300ms; transition: bottom 300ms;  padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);    background: linear-gradient(305deg, #057064 0%, #057064 100%);}
.ios .mobile_nav_bar {bottom: calc(-7px + -4px)}
.mobile_nav_bar a { display: inline-block; vertical-align: top; width: 20%; height: 100%; text-align: center; color: #fff;  padding-top:15px; height: 75px;}
.mobile_nav_bar a i { display: block; margin-bottom: 7px; }
.mobile_nav_bar a i:after {content: '';font-family: 'nc-font';display: inline-block;vertical-align: top;font-size: 1.4px;color: #fff;font-style: normal;}
.mobile_nav_bar a.weekly i:after {content: '\e816';}
.mobile_nav_bar a.home i:after {font-family: 'nc-home';
    content: '\E800';
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-style: normal;

}
.mobile_nav_bar a.home {
 /*
	display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top: 1.2px;
    height: 75px;
	*/
}



.mobile_nav_bar a.one i:after {content: '\E929'; font-family: 'kiwi-font';font-style: normal;}
.mobile_nav_bar a.two i:after {content: '\E827'; font-style: normal;}
.mobile_nav_bar a.three i:after {content: '\E92C';font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.four i:after {content: '\E961'; font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.menu i:after {content: '\E954';font-family: 'nc-font'; font-style: normal;}
.mobile_nav_bar > a > span { font-size: 12px; letter-spacing: -0.025em; line-height: 1; font-weight:700}

body.show_nav .mobile_nav_bar {bottom: 0;}


@media (min-width: 768px){
.mobile_nav_bar {
    display: none;
}
}


.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}


#header{
	position:absolute; height:90px; top:0; left:0; width:100%; z-index:9999; transition:all 0.8s ease-in-out;    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px){

.mobile_nav_bar {
    display: block;
}
#header .mmenu{
  display:none;
}
#header .dmenu{
  display:block;
}

}

.mobile_nav_bar {position: fixed; display: block; bottom: -7rem;  width: 100%; /* height: 6rem; */ background: #0e1727; font-size: 0; z-index: 550; -webkit-transition: bottom 300ms; transition: bottom 300ms;  padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);    background: linear-gradient(305deg, #dc692a 0%, #dc692a 100%);}
.ios .mobile_nav_bar {bottom: calc(-7rem + -4rem)}
.mobile_nav_bar a { display: inline-block; vertical-align: top; width: 20%; height: 100%; text-align: center; color: #fff;  padding-top:15px; height: 75px;}
.mobile_nav_bar a i { display: block; margin-bottom: 7px; }
.mobile_nav_bar a i:after {content: '';font-family: 'nc-font';display: inline-block;vertical-align: top;font-size: 1.4rem;color: #fff;font-style: normal;}
.mobile_nav_bar a.weekly i:after {content: '\e816';}
.mobile_nav_bar a.home i:after {font-family: 'nc-home';
    content: '\E800';
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-style: normal;

}
.mobile_nav_bar a.home {
 /*
	display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top: 1.2px;
    height: 75px;
	*/
}



.mobile_nav_bar a.one i:after {content: '\E929'; font-family: 'kiwi-font';font-style: normal;}
.mobile_nav_bar a.two i:after {content: '\E827'; font-style: normal;}
.mobile_nav_bar a.three i:after {content: '\E92C';font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.four i:after {content: '\E961'; font-family: 'kt-font'; font-style: normal;}
.mobile_nav_bar a.menu i:after {content: '\E954';font-family: 'nc-font'; font-style: normal;}
.mobile_nav_bar > a > span { font-size: 12px; letter-spacing: -0.025em; line-height: 1; font-weight:700}

body.show_nav .mobile_nav_bar {bottom: 0;}



@media (min-width: 768px){
.mobile_nav_bar {
    display: none;
}

#header .mmenu{
  display:none;
}
#header .dmenu{
  display:none;
}


}

.gnb-overlay-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9997;
    transition: all 0.4s ease-in-out;
}
#headerInnerWrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    z-index: 9999;
    transition: all 0.4s ease-in-out;
    transition-property: background-color;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
}
.nav-open-btn {
    display: none;
}
#headerInner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    margin: 0px auto;
    padding: 0 30px;
    max-width: 1720px;
	/*background: #fff;*/
}
#header .logo {
    position: relative;
    z-index: 100;
	    width: 280px;
}
.header-util-box {
    position: relative;
    z-index: 100;
}
#header .logo a {
    display: block;
}

#header .logo img {
    display: block;
    vertical-align: top;
}
#gnb {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0px;
    width: 100%;
    z-index: 99;
    transition: all 0.8s ease-in-out;
}
.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}
.area {
    max-width: 1400px;
    margin: 0px auto;
}
#gnb > ul {
    display: inline-block;
}

.sitemap-line-btn {
    float: left;
    width: 130px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    background:#dc692a;
    padding-inline: 25px 20px;
    border-radius: 40px;
}
.sitemap-line-btn .txt {
    font-size: 13px;
    line-height: 2;
    letter-spacing: -0.02em;
    color: #fff;
    font-family: "RiaSans-ExtraBold";
}
.cm-button-style {
    position: relative;
    overflow: hidden;
    transition: all 1s;
    background:#dc692a;
    background-size: 500% 500%;
    background-position: 100% 100%;
}
.sitemap-open #headerInner{
background:transparent;
}
.sitemap-line-btn .line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    margin: 3px auto;
    transition:  all 0.4s ease-in-out;
}
.sitemap-line-btn.active{position:relative; z-index:100000;}
.sitemap-line-btn.active .line:nth-child(1){
	transform: translateY(2px) rotate(45deg);
}
.sitemap-line-btn.active .line:nth-child(2){
	transform: translateY(-3px) rotate(-45deg);
}
#gnb{position:absolute; text-align:center; top:0; left:0px; width:100%; z-index:99; transition:all 0.4s ease-in-out;}
#gnb > ul{display:inline-block;}
#gnb > ul > li{position:relative; float:left; word-break:keep-all;}
#gnb > ul > li > a{
	position:relative; z-index:100; display:flex; align-items:center; justify-content:center; height:90px; padding:0 25px; text-align:center; color:#fff; font-size:18px; letter-spacing:-0.05em; font-weight:700; transition:all 0.4s ease-in-out;
}
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus,
#gnb > ul > li.on > a{color:#dc692a;}

/* GNB :: 2차 전체메뉴 */
#gnbBg{
	overflow:hidden; 
	position:absolute; 
	left:0; top:0px; 
	width:100%; 
	height:0; 
	background:#fff; 
	z-index:98;
	opacity:0;
	transition:height 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
#gnbBg:after{position:absolute; top:90px; width:100%; left:0; height:1px; background-color:#ddd; content:"";}
#gnb.total-menu > ul > li .gnb-2dep{
	position:absolute; 
	top:90px; 
	left:0px; 
	z-index:99;
	width:100%; 
	text-align:left; 
	border-right:1px solid #ddd;
	opacity:0;filter:Alpha(opacity=0);
	height:0;
    transition: all 0.2s 0s;
	transition-delay: 0s;
	visibility:hidden;
}
#gnb.total-menu > ul > li:first-child .gnb-2dep{border-left:1px solid #ddd;}
#gnb.total-menu > ul > li .gnb-2dep:before {
	content:""; position:absolute; left:0; top:0px; width:0; left:50%; height:1px; background-color:#dc692a; 
	transition:all 0.4s ease-in-out;
}
#gnb.total-menu > ul > li:hover .gnb-2dep:before {width:100%; left:0;}
#gnb.total-menu > ul > li .gnb-2dep ul{padding:13px 0px;}
#gnb.total-menu > ul > li .gnb-2dep ul li{position:relative;}
#gnb.total-menu > ul > li .gnb-2dep ul li a{ display:block;  padding:7px 15px; color:#333; font-size:14px; letter-spacing:-0.5px; font-weight:400; line-height:1.3; transition:all 0.4s ease-in-out; }
#gnb.total-menu > ul > li .gnb-2dep ul li a:hover{color:#dc692a;}

/* GNB :: 2차메뉴 Over (높이변경) */
#gnb.open #gnbBg{height:350px; opacity:1.0;filter:Alpha(opacity=100);}
#gnb.open > ul > li .gnb-2dep{
	height:250px; opacity:1.0;filter:Alpha(opacity=100);
	visibility:visible;
    transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;
}

/* GNB :: 2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{
	/*display: none; */
    position: absolute;
    top: calc(80px - 0px);
    left: 50%;
    z-index: 99;
    width: 100%;
    min-width:140px;
	margin-left:-70px;
	text-align: left;
    visibility: hidden;
    /* margin-left: -65%; */
    opacity: 0;
    filter: Alpha(opacity=0);
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    background-color: #fff;
    border: 1px solid #e5e7ee;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 8%);
}
#gnb.each-menu > ul > li .gnb-2dep:before{
	content:""; 
	position:absolute; top:0px; left:0px; right:0px; 
	height:0; 
	background-color:#fff; 
	transition:all 0.2s cubic-bezier(0.4, 0, 1, 1);
    position: absolute;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -3px;
    width: 10px;
    height: 10px;
    margin-top: -3px;
    margin-left: -5px;
    background-color: #fff;
    border-top: 1px solid #e5e7ee;
    border-left: 1px solid #e5e7ee;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);


}
#gnb.each-menu > ul > li .gnb-2dep ul{padding:15px 0px;}
#gnb.each-menu > ul > li .gnb-2dep ul li{position:relative; padding:8px 10px; opacity:0; transition:all 0s 0s; }
#gnb.each-menu > ul > li .gnb-2dep ul li a{display:block; color:#222; font-size:15px; font-weight:600; text-align:center; line-height:1.4; opacity:0.9;}
#gnb.each-menu > ul > li .gnb-2dep ul li a:hover{opacity:1.0;}
/* over했을때 */
#gnb.each-menu > ul > li .gnb-2dep.open{visibility:visible; opacity:1.0;}
#gnb.each-menu > ul > li .gnb-2dep.open:before{/*height:100%;*/}
#gnb > ul > li .gnb-2dep.open ul li{opacity:1.0; transition:all 0.4s ease-in-out;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(1){transition-delay:0s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(2){transition-delay:0s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(3){transition-delay:0s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(4){transition-delay:0s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(5){transition-delay:0s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(6){transition-delay:0s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(7){transition-delay:0s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(8){transition-delay:0s;}

/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}

@media (min-width: 801px) {
    .cm-button-style:hover {
        background-position: 0% 25%;
    }




}

@media (max-width: 1460px) {
    .area {
        padding: 0 30px;
        max-width: none;
    }
}
#header.sitemap-open .logo img {
    display: none;
}

#header .logo img.white {
    display: none;
}


#header.sitemap-open .logo img.white {
    display: block;
}


@media all and (max-width:1280px){ 
	.m-br{display:block;}
	.pc-br{display:none;}
	.display-m{display:block;}
	.display-pc{display:none;}
}

/* ****************** HEADER ********************** */
@media all and ( max-width: 1366px ){
	/* -------- Header :: GNB(PC) -------- */
	#gnb > ul > li > a{font-size:18px; padding:0 40px}
	#gnb > ul > li .gnb-2dep ul li a{font-size:14px; }
}
@media all and ( max-width: 1280px ){
	.fullpage-html #header{position:relative;}
	#headerInnerWrap{position:fixed; z-index:99;}
	#header.top-fixed #headerInnerWrap{background-color:#fff; border-bottom:0px solid #eee;}
	
	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{padding-right:50px;}
	/* Header :: 사이트맵 버튼 */
	.sitemap-line-btn, .sitemap-custom-btn{display:none;}

	/* -------- Header :: GNB(Pc) -------- */
	#gnb{display:none;}
	.gnb-overlay-bg{display:none}

	/* -------- Header :: GNB(Mobile/기본스타일) -------- */
	.gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998;}	
	#gnbM{ 
		display:block; 
		position:fixed; 
		top:0px; 
		right:-82%;
		width:80%; 
		height:100%;  
		max-width:280px; 
		background-color:#fff; 
		z-index:9999; 
		transition:all 0.4s ease-in-out;   
		visibility:hidden;
	}
	#gnbM.open{
		right:0px; 
		visibility:visible;
	}
	/* GNB Mobile :: 레이아웃 */
	.gnb-navigation-wrapper{position:relative; height:100%; box-sizing:border-box; padding-top:80px; overflow-y:auto;}	
	.header-util-menu-box + .gnb-navigation-wrapper{padding-top:0; height:calc(100% - 80px);}
	
	/* GNB Mobile :: 메뉴영역 :: 1차 */
	#navigation > li{border-bottom:1px solid #e7e7e7;}
	#navigation > li:first-child{border-top:1px solid #e7e7e7}
	#navigation > li > a {position:relative; display:block; padding:15px 20px; color:#333; font-size:17px; font-weight:700; }
	#navigation > li.active > a{color:#dc692a;}
	#navigation > li.has-2dep > a:before{  display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 40px;
        top: 50%;
        margin-top: -9px;
        font-family: 'nc-font';
        content: '\e91b';
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 20px;
        color: #000;
        -webkit-transition: -webkit-transform 350ms;
        transition: -webkit-transform 350ms;
        transition: transform 350ms;
        transition: transform 350ms, -webkit-transform 350ms;}
	#navigation > li.has-2dep.active > a:before{content: "\e91b";        
	    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);color: #dc692a}
	/* GNB Mobile ::  메뉴영역 :: 2차 */
	#navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#f2f2f2; }
	#navigation > li .gnb-2dep > ul > li{height:auto !important;}
	#navigation > li .gnb-2dep > ul > li > a{display:block; color:#888; font-size:15px; padding:12px 20px; font-weight:600}
	#navigation > li .gnb-2dep > ul > li.on > a{color:#000; font-weight:600;}
	/* GNB Mobile :: 메뉴영역 ::  3차 */
	#navigation > li .gnb-2dep > ul > li > .gnb-3dep{display:none; padding:10px; background-color:#aaa; margin:0 10px}
	#navigation > li .gnb-2dep > ul > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
	#navigation > li .gnb-2dep > ul > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
	
	/* -------- GNB Mobile :: 스타일2 (Full Style) -------- */
	#gnbM.gnb-style-full{ 
		top:-100%; 
		right:0;
		width:100%; 
		height:100%;  
		max-width:none; 
	}
	#gnbM.gnb-style-full.open{
		top:0px; 
	}
	.gnb-style-full .gnb-navigation-wrapper{height:auto; width:100%; position:absolute; top:0px; bottom:0px; left:0; padding-top:0;}
	.gnb-style-full .header-util-menu-box + .gnb-navigation-wrapper{top:80px; }
	.gnb-style-full-member .gnb-navigation-wrapper{bottom:80px;}
	.gnb-style-full .gnb-navigation-inner{display:table; width:100%; height:100%;}
	.gnb-style-full #navigation{
		display:table-cell;
		vertical-align:middle;
	}
	.gnb-style-full #navigation > li{
		text-align:center; 
		border:0; 
		opacity:0;
		transform:translateY(-20px);
		transition:all 0s 0s;
	}
	.gnb-style-full #navigation > li:first-child {border:0}
	.gnb-style-full #navigation > li > a {}
	.gnb-style-full #navigation > li .gnb-icon i{display:none;}
	.gnb-style-full.open #navigation > li{
		opacity:1.0;
		transform:translateY(0px); 
		transition:transform 0.8s, opacity 0.8s;
	}
	.gnb-style-full.open #navigation > li:nth-child(1){transition-delay:0.3s;}
	.gnb-style-full.open #navigation > li:nth-child(2){transition-delay:0.4s;}
	.gnb-style-full.open #navigation > li:nth-child(3){transition-delay:0.6s;}
	.gnb-style-full.open #navigation > li:nth-child(4){transition-delay:0.7s;}
	.gnb-style-full.open #navigation > li:nth-child(5){transition-delay:0.9s;}
	.gnb-style-full.open #navigation > li:nth-child(6){transition-delay:0.9s;}
	
	/* -------- GNB Mobile :: 언어선택 및 회원메뉴 -------- */
	/* 언어선택 */
	.header-util-menu-box .lang-select{height:80px; display:flex; align-items:center; padding:0 20px; }
	.header-util-menu-box .lang-select li{float:left; border:1px solid #e5e5e5; margin-left:-1px}
	.header-util-menu-box .lang-select li:first-child{margin-left:0;}
	.header-util-menu-box .lang-select li > a{position:relative; display:block; min-width:18px; text-align:center ; height:40px; line-height:40px; padding:0 10px; color:#555; font-size:12px; font-weight:500;}	
	.header-util-menu-box .lang-select li.cur{border-color:#dc692a; position:relative; z-index:1;}
	.header-util-menu-box .lang-select li.cur a{color:#dc692a; z-index:1;}
	/* 회원메뉴 */
	.member-menu-box{
		display:flex;
		justify-content: space-around;
		height:80px;
		text-align:center; 
		padding:10px 0; 
		padding-right:60px;
		box-sizing: border-box; 
	}
	.member-menu-box li{float:left; width:50%; height:100%; position:relative;}
	.member-menu-box li:before{content:""; position:absolute; top:10px; bottom:10px; left:0px; width:1px; background-color:rgba(0,0,0,0.1); content:"";}
	.member-menu-box li:first-child:before{display:none;}
	.member-menu-box li a{display:block; color:#444;  padding:6px 0}
	.member-menu-box li a i{font-size:30px;}
	.member-menu-box li a strong{display:block; padding-top:5px; font-size:13px; letter-spacing:-0.5px; font-weight:400;}
	.header-util-menu-box .lang-select + .member-menu-box{border-top:1px solid #e7e7e7; padding-right:0;}
	/* gnb full style일때 회원메뉴 위치이동 */
	.gnb-style-full .member-menu-box{position:absolute; bottom:0px; left:0px; right:0; margin-right:0px; padding:0; border-top:1px solid #e7e7e7;}
	.gnb-style-full .member-menu-box li a{padding:16px 0;}

	/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	/* Header :: 사이트맵버튼 */
	.nav-open-btn{position:fixed; top:24px;  right:20px; z-index:10000; transition:all 0.4s ease-in-out; width:13rem; height:4rem; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; background:#dc692a; padding-inline:2.5rem 2rem; border-radius:4rem;}
	.nav-open-btn .txt{font-size:1.5rem; line-height:2; letter-spacing:-0.02em; color:#fff; font-weight:500;}
	.nav-open-btn .line{display:block; width:2rem; height:2px; background-color:#fff; margin: 3px auto; transition:all 0.4s ease-in-out;}
	/* active */
	.nav-open-btn.active .line:nth-child(1){
		transform: translateY(2px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(2){
		transform: translateY(-3px) rotate(-45deg);
	}
}


@media (max-width: 1280px) {

    .sitemap-line-btn, .sitemap-custom-btn {
        display: none;
    }

    .gnb-overlay-bg {
        display: none;
    }

    .nav-open-btn {
        position: fixed;
        top: 20px;
        right: 30px;
        z-index: 10000;
        transition: all 0.4s ease-in-out;
        width: 130px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        background: #dc692a;
        padding-inline: 25px 20px;
        border-radius: 40px;
    }
    .gnb-overlay-bg-m {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
    }

	 .header-util-box {
        padding-right: 50px;
    }

	    #gnb {
        display: none;
    }
.nav-open-btn .txt {
        font-size: 15px;
        line-height: 2;
        letter-spacing: -0.02em;
        color: #fff;
        font-weight: 500;
    }

    .nav-open-btn .line {
        display: block;
        width: 20px;
        height: 2px;
        background-color: #fff;
        margin: 3px auto;
        transition:all 0.4s ease-in-out;
    }

}
@media (max-width: 1280px) {
#header {
 overflow: hidden;
}
}
@media (max-width: 768px) {
#header{
 overflow: hidden;
}
#WRAP {
overflow-x: hidden;
}

#headerInner {
    padding: 0 10px;

}
    .nav-open-btn {
        position: fixed;
        top: 25px;
        right: 10px;
        z-index: 10000;
        transition: all 0.4s ease-in-out;
        width: 120px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        background: #dc692a;
        padding-inline: 20px 20px;
        border-radius: 40px;
    }
.sectiontext {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 0px;
        margin-bottom: 33px;
    }
}
}


.sitemap_content_wrap:not(#siteMapCon02)::-webkit-scrollbar{width: 5px; height:5px;}
.sitemap_content_wrap:not(#siteMapCon02)::-webkit-scrollbar-thumb{background-color:#333; transition:all 0.5s;}
.sitemap_content_wrap:not(#siteMapCon02)::-webkit-scrollbar-track{background-color:#fff; background:rgba(100,100,100,0.1); border-radius:5px;}
.sitemap_content_wrap{font-size:2rem; }
.sitemap_content_wrap:not(#siteMapCon01){position:fixed; top:0px; left:0px; width:100%; height:100%; overflow-y:auto; overflow-x:hidden; }
.sitemap_content_wrap:before{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000; content:""; opacity:0; transition:opacity 0.2s ease;}
.sitemap_content_wrap .cm-sitemap-bg{overflow:hidden; position:absolute; left:0; top:0px; width:0; height:100%; background:#000; transition:all 0.6s ease}
.sitemap_con{position:absolute; display:table; width:100%; height:100%; overflow-y:auto; }
.sitemap_content_inner_area{position: relative; display:table-cell; vertical-align:middle; padding: 5em 0; opacity:0; transition:opacity 0.5s ease 0s }
.sitemap_content_inner_area .splitting,
.sitemap_content_inner_area .splitting .word{overflow:hidden;}
.sitemap_content_inner_area .splitting .word,
.sitemap_content_inner_area .splitting .char{display:inline-block;}
.sitemap-wrapper-style span.num{display:none;} 
.sitemap_content_inner_area .splitting .char{transform:translateY(100%); transition:transform 0.6s ease 0.3s , color 0.3s}

.sitemap_content_wrap.open:before{opacity: 0.5}
.sitemap_content_wrap.open .sitemap_content_inner_area{opacity:1.0; transition-delay:0.4s}
.sitemap_content_wrap.open .splitting .char{transform:translateY(0); transition-delay:0.3s}



#sitemap_area{
	z-index:-1;
	opacity:0;filter:Alpha(opacity=0); 
	visibility:hidden;
}
#sitemap_area:before{background-color: rgba(0,0,0,0.5); backdrop-filter: blur(10px);}
#sitemap_area .sitemap-bg{left:auto; width: 100%; right:0%; height:0%; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(10px);}
.sitemap_con_style .cm-sitemap-area-con{position:relative;}
.sitemap_con_style_title{overflow:hidden; display:flex; align-items:center; justify-content:space-between;}
.sitemap_con_style_title h1{position: relative; font-size: 3em; padding-bottom: 0; font-weight: 700; letter-spacing: -0.004em; color: #fff; text-align: left;}
.sitemap_con_style_title .sitemap-close-btn{background-color: #fff; width: 40px; height: 40px; font-size: 1em; line-height: 40px; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; display:flex; align-items:center; justify-content:center;}
.sitemap_con_style_title .sitemap-close-btn i{font-size:0.9em; line-height: 40px; transition:transform 0.5s}
.sitemap_con_style_wrap{margin-top:30px;}
.sitemap_con_style_wrap > ul{display:table; width:100%; table-layout:fixed;}
.sitemap_con_style_wrap > ul > li{padding: 0 2%; display:table-cell; vertical-align:top; text-align: left; opacity: 0; transform: translateY(50px); transition:var(--transition-custom2);}
.sitemap_con_style_wrap > ul > li:before{position: absolute; top: -2.6rem; left: 12%; content: ''; width: 1.2rem; height: 1.2rem; background-color: var(--main-color); border-radius: 100%; opacity: 0; transform: translateY(-30px); transition:all 0.4s ease-in-out;}
.sitemap_con_style_wrap > ul > li > h2{margin-bottom: 40px; font-size:25px; min-height: 26px; line-height: 1.3; letter-spacing:-0.0083em; font-weight:700; color: #fff; background-color: transparent;}
.sitemap_con_style_wrap > ul > li .sitemap-2dep a{display:block; overflow:hidden; padding:5px 0; color:#fff; font-size:18px; font-weight:500; line-height:1.3;  -webkit-transition: all 0.2s; transition: all 0.3s;}
/* Open */
#sitemap_area.open{
	opacity:1.0;filter:Alpha(opacity=100); 
	visibility:visible; 
	z-index:9998; 
}
#sitemap_area.open .sitemap-bg{height:100%;}
#sitemap_area.open .sitemap-bg .logo-bg span{transform:translateY(0); transition-delay:0.3s}
#sitemap_area.open .sitemap_con_style_wrap > ul > li{opacity: 1; transform: translateY(0);}
#sitemap_area.open .sitemap_con_style_wrap > ul > li:nth-child(2){transition-delay:0s;}
#sitemap_area.open .sitemap_con_style_wrap > ul > li:nth-child(3){transition-delay:0s;}
#sitemap_area.open .sitemap_con_style_wrap > ul > li:nth-child(4){transition-delay:0s;}
#sitemap_area.open .sitemap_con_style_wrap > ul > li:nth-child(5){transition-delay:0s;}
#sitemap_area.open .sitemap_con_style_wrap > ul > li:nth-child(6){transition-delay:0s;}
.sitemap_con_style_wrap > ul > li.active:before{opacity: 1; transform: translateY(0);}
@media (hover: hover) {
	.sitemap_con_style_title .sitemap-close-btn:hover i{transform:rotate(180deg)}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep:hover a{opacity:0.4}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep:hover a:hover{opacity:1.0; color: #fff;}
}
@media all and ( max-width: 800px ){
	.sitemap-modal-inner-06,
	.sitemap_con_style_wrap > ul{display:block;}
	.sitemap_con_style_wrap > ul > li{float:none; display:block; width:auto; padding: 5% 0; margin-bottom:0; border-left: none; border-top: 1px solid rgba(255,255,255,0.1);} 
	.sitemap_con_style_wrap > ul > li:last-child{border-right: none;}
	.sitemap_con_style_wrap > ul > li:first-child{border-top: none;}
	.sitemap_con_style_wrap > ul > li > h2{min-height: auto;}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep{overflow:hidden; margin:0 -1%; padding:0;}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep li{float:left; position:relative; width:31.33%; margin: 0 1%; word-break:keep-all;}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep li:before{position:absolute; top:0px; left:0; bottom:0px; width:1px; background-color:#eee; content:""; display:none;}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep li:nth-child(3n+1){clear:both;}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep a.has-3dep {margin-top: 0;}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep .gnb-3dep li{width: 98%;}
}
@media all and ( max-width: 480px ){
	.sitemap_con_style_wrap > ul > li .sitemap-2dep li{width:48%;}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep li:nth-child(3n+1){clear:none;}
	.sitemap_con_style_wrap > ul > li .sitemap-2dep li:nth-child(odd){clear:both;}
}
.sitemap_con_style .cm-sitemap-area-con {
    position: relative;
	width:auto;
}
.area-box {
    max-width: 1600px;
    margin: 0px auto;
}
@media all and (max-width:1860px){	/* max-width : (area-box width) + 60px */
	.area-wide{padding:0 30px; max-width:none;}
}
@media all and (max-width:1660px){	/* max-width : (area-box width) + 60px */
	.area-box{padding:0 30px; max-width:none;}
}
@media all and (max-width:1320px){ /* max-width : (area width) + 60px */
	.area{padding:0 30px; max-width:none;}
}
@media all and (max-width:1280px){ 
	.m-br{display:block;}
	.pc-br{display:none;}
	.display-m{display:block;}
	.display-pc{display:none;}
}


@media (max-width: 1280px) {

html, body {
    overscroll-behavior: none;
    touch-action: none;
}
body.menu-open {
    overflow: hidden;
    height: 100%;
}

#header .nav-open-btn {
  position: fixed !important;
  top: 25px;
  right: 20px;
  z-index: 10000;
}

  #header.top-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: height 0.3s ease;
  }

  .nav-open-btn {
    position: fixed !important;
    top: 20px;
    right: 20px;
    z-index: 10000;
  }

  .mobile_nav_bar {
    z-index: 9998;
  }
#header.top-fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
#gnb{display:none;}
	.gnb-overlay-bg{display:none}
.gnb-overlay-bg {
    display: none;
}

.gnb-overlay-bg.open {
    visibility: visible;
    opacity: 1.0;
}
#headerInnerWrap{position:fixed; z-index:99;}
	#header.top-fixed #headerInnerWrap{ border-bottom:0px solid #eee;background-color: transparent;
        border-bottom: 0px solid #eee;
   }
	
	.gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998;}	
	#gnbM{ 
		display:block; 
		position:fixed; 
		top:0px; 
		right:-82%;
		width:80%; 
		height:100%;  
		max-width:280px; 
		background-color:#fff; 
		z-index:9999; 
		visibility:hidden;
	}
	#gnbM.open{
		right:0px; 
		visibility:visible;
	}
#header.top-fixed {
    position: fixed;
    top: 0;
}
.gnb-overlay-bg-m {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
  display: none;
}
html, body {
    overscroll-behavior: none;
    touch-action: none;
}
body.menu-open {
    overflow: hidden;
    height: 100%;
}
}

@media (max-width: 768px) {

#header .logo {
    position: relative;
    z-index: 100;
    width: 220px;
}

}