@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
 * date : 2020-11-25
******************************************************** */
/* ****************** LAYOUT ********************** */
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600&display=swap');

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}  

::selection {
    background: #026bfa;   
    color: #fff;
}
::-moz-selection {
    background: #026bfa;    
    color: #fff;
}

/* ========================================================
 * SETTING
======================================================== */
:root{
	--main-color:#026bf8;
	--header-height: 160px;
	--area-padding: 30px;
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out; /* data-scroll */
	--font-family2:'Play', sans-serif;
	--font-family3: "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}

body, table, th, td, button, select, input, textarea {
	/* font-family: "Pretendard", NanumGothic, Arial, "Nanum Gothic","돋움", Dotum, sans-serif; */
	font-family: "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
}
body { background-color:#fff; }
table, th, td{word-break:break-word;}
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }
.area{ max-width:1390px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{ max-width:1600px; margin:0px auto; }
/* .font-mont {font-family:'Montserrat',  "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}*/
.font-noto {font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.font-play {font-family: 'Play', sans-serif;}
/* .font-ox {font-family: 'Oxanium', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;} */
/* ****************** HEADER ********************** */
#header{
	position:fixed; /* position:absolute; */ height:var(--header-height); top:0; left:0; width:100%; z-index:9999; 
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}	/* 배경위에 헤더가있으면 absolute변경 후 headerInnerWrap 배경삭제 */

#headerInnerWrap{
	position:absolute; top:0px; left:0px; width:100%; height:var(--header-height); z-index:9999; background-color:initial; border-bottom:1px solid transparent; box-sizing:border-box;
	-webkit-transition:background-color 0.3s, border 0.3s, height 0.3s;
	transition:background-color 0.3s, border 0.3s, height 0.3s;
}
#headerInner{
	position:relative; height:var(--header-height); margin:0px auto; 
	-webkit-transition:padding 0.3s;
	transition:padding 0.3s;
	padding:40px 160px 0; box-sizing:border-box;
	display:flex; align-items:center; justify-content:space-between;
	/* transition: var(--transition-custom); */
	transition: all 0.3s;
}

.main-wrap #headerInner {transition: var(--transition-custom);}


#header .logo{position:relative; z-index:100; float:left; transition: padding 0.3s;}		/* padding값 적절히 바꿔주세요 */
#header .logo a{display:block;}
#header .logo a.logo-m-ver {display:none;}
#header .logo img{display:block; vertical-align:top;}
#header .logo img.logo_on {display:none;}

/* -------- Header :: black 일 때 -------- */
#header.black .logo img.logo_on {display:block;}
#header.black .logo img.logo_off {display:none;}
#header.black #gnb > ul > li > a {color:#000;}
#header.black .header-lang .lang-open-btn {color:#000;}
#header.black .header-lang .lang-open-btn .arrow {background:url(/images/layout/language_arrow_on.png) no-repeat;} 
#header.black .sitemap-line-btn .line.line2 {background: #000;}

/* -------- Header :: UTIL BOX -------- */
.header-util-box{position:relative; display:flex; align-items:center; z-index:100;}

/* Header :: 언어선택 */
.header-lang {position:relative;  width:110px; height:40px; z-index:100;}
.header-lang .lang-open-btn {overflow:hidden; position:relative; display:block; width:100%; text-align:left; height:100%; padding:0 37px; font-size:13px; line-height: 40px; color:#fff; font-weight:700; }
.header-lang .lang-open-btn i {display:inline-block; margin-right: 0.9rem; vertical-align: middle; font-size:1.4rem; margin-top:-3px; color:#dddddd; }
.header-lang .lang-open-btn .arrow{position:absolute; top:50%; margin-top:-4.5px; right:20px; width:9px; height:8px; background:url("/images/layout/language_arrow.png") no-repeat;}
.header-lang > ul {display:none; position:absolute; top:40px; left:-1px; z-index:10; width:100%; padding:10px 0; border:1px solid #e2e2e2; background-color:#efefef; border-top:0; border-bottom-left-radius:20px; border-bottom-right-radius:20px; opacity:0;filter:Alpha(opacity=0); transition: opacity 0.4s;}
.header-lang > ul > li > a{display:block; padding:0 10px; font-size:12px; line-height: 30px; color:#a0a0a0; text-align:center; font-weight:500; }
.header-lang.open  {border-radius:20px; border-bottom-left-radius:0; border-bottom-right-radius:0; border-color:#b1b1b1; box-shadow:0px 0px 20px rgba(0, 0, 0, .16);}
.header-lang.open .lang-open-btn .arrow {transform:rotate(180deg); margin-top:-3px;}
.header-lang.open > ul {border-color:#b1b1b1; opacity:1;filter:Alpha(opacity=100); box-shadow:0px 13px 20px rgba(0, 0, 0, .16);}


/* Header :: 아이콘버튼 */
.header-icon {background: url(/images/layout/header_icon_new.png) no-repeat center; height: 44px; width: 44px; border-radius: 100%; background-color:#026bf8; display: flex; align-items: center; justify-content: center;}
.header-icon-cs {height: 44px; width: 44px; border-radius: 100%; background-color:#f1f1f1; display: flex; align-items: center; justify-content: center; margin-left: 10px;}
.header-icon-cs.white {background: #ffffff;}
.header-icon-cs i {font-size:24px; color:var(--main-color);}

/* Header :: 사이트맵버튼 */
.sitemap-line-btn{position: relative; width:80px; height:22px; margin-left:20px; box-sizing:border-box; padding-top:0;}
.sitemap-line-btn > .line {display:block; width:100%; height:5px; background-color:#fff; margin: 12px auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sitemap-line-btn > .line:nth-child(1) {margin-top:0; background: #026bf8;}

/* Header :: 사이트맵버튼 close 버튼 */
.sitemap-line-btn .close-btn {
	position: absolute;
   /*  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    top:50%;
    left:0;
	transform: translateY(-50%);
    opacity: 0;
    transition: var(--transition-custom);
    width: 44px;
    height: auto;
}

.sitemap-line-btn .close-btn .line {display:inline-block; width: 44px; height: 5px; background:#fff;}

#header.sitemap-open .sitemap-line-btn .close-btn {opacity:1;}
#header.sitemap-open .sitemap-line-btn .close-btn .line:nth-child(1) {transform: translateY(5px) rotate(45deg);}
#header.sitemap-open .sitemap-line-btn .close-btn .line:nth-child(2) {transform: translateY(-10px) rotate(-45deg);}

@media all and (max-width:480px){
	#header.sitemap-open .sitemap-line-btn .close-btn .line:nth-child(1) {transform: translateY(7px) rotate(45deg);}
}

/* active */
/* .cm-sitemap-open-btn.active{position:relative; z-index:100000;} */

.cm-sitemap-open-btn.active > .line {opacity:0;}
/* .cm-sitemap-open-btn.active > .line:nth-child(2), 
.cm-sitemap-open-btn.active > .line:nth-child(1){
	 -webkit-transform: translateY(5px) rotate(45deg);
	  transform: translateY(5px) rotate(45deg);
}
.cm-sitemap-open-btn.active > .line:nth-child(3){
	 -webkit-transform: translateY(-5px) rotate(-45deg);
	  transform: translateY(-5px) rotate(-45deg);
} */

/* -------- Header :: GNB(PC) -------- */
.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:var(--transition-custom); }	/* gnb overlay BG */
.gnb-overlay-bg.open{visibility:visible; opacity:1.0;}
#gnb{position:absolute; text-align:left; top:0; left:0; padding-left:410px; width:100%; z-index:99;}
#gnb > ul{display:inline-block; padding:0;}
#gnb > ul > li{position:relative; float:left; word-break:keep-all; width:135px; transition:width 0.4s;}
#gnb > ul > li.gnb4, #gnb > ul > li.gnb5 {width: 90px;}
#gnb > ul > li > a{
	position:relative; z-index:100; display:block; height: var(--header-height); line-height:var(--header-height); /* padding:0 5rem; */ text-align:center; color:#fff; font-size:17.5px; font-weight:700; /* transition:var(--transition-custom); */ font-family:var(--font-family2); padding-top:20px; box-sizing:border-box; transition:all 0.3s;
}

.main-wrap #gnb > ul > li > a {transition:var(--transition-custom);}
/* #gnb > ul > li > a:hover,
#gnb > ul > li > a:focus,
#gnb > ul > li.on > a{color:var(--main-color);} */

#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus, {color:var(--main-color);}

/* 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:var(--header-height); width:100%; left:0; height:1px; background-color:#ddd; content:"";}
#gnb.total-menu > ul > li .gnb-2dep{
	position:absolute; 
	top:var(--header-height); 
	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; box-sizing:border-box;
}
#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:3px; background-color:var(--main-color); 
	transition:var(--transition-custom);
} */
#gnb.total-menu > ul > li .gnb-2dep:before {
	content:""; position:absolute; left:0; top:0px; width:0; left:50%; height:3px; background-color:#026bf8; 
	transition:var(--transition-custom);
}
/* #gnb.total-menu > ul > li:hover .gnb-2dep:before {width:100%; left:0;} */
#gnb.total-menu > ul > li:hover .gnb-2dep:before {width:100%; left:0;}

#gnb.total-menu > ul > li .gnb-2dep ul{padding:37px 0px;}
#gnb.total-menu > ul > li .gnb-2dep ul li{position:relative; text-align:center;}
#gnb.total-menu > ul > li .gnb-2dep ul li a{position: relative; display:block;  padding:0 15px; color:#333; font-size:14px; letter-spacing:-0.5px; font-weight:400; line-height:1.3; transition:var(--transition-custom); }
#gnb.total-menu > ul > li .gnb-2dep ul li a:hover{color:#026bf8;}
#gnb.total-menu > ul > li .gnb-2dep ul li span {position: relative;font-size:16px; letter-spacing:-0.045em; line-height:2.375em;}
#gnb.total-menu > ul > li .gnb-2dep ul li a span:before {display: block; content:""; width: 0; height: 2px; background: #026bf8; position:absolute; left:0; bottom:-3px; opacity:0; transition:var(--transition-custom);}
#gnb.total-menu > ul > li .gnb-2dep ul li a:hover span:before {opacity:1; width: 100%;}
#gnb.total-menu > ul > li .gnb-2dep:after {position:absolute; content:""; top:0; left:0; width: 100%; height: 100%; background: #f5f5f5; opacity:0; z-index:-1; transition:all 0.2s; /* border-left:1px solid #ddd; */ border-right:1px solid #ddd;}
#gnb.total-menu > ul > li:first-child .gnb-2dep:after {border-left:0;}

/* GNB :: 2차메뉴 Over (높이변경) */
#gnb.open #gnbBg{height: 500px; opacity:1.0;filter:Alpha(opacity=100);}
#gnb.open > ul > li .gnb-2dep{
	/* height:280px; */ /* height:328px; */ height: 340px; 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.open > ul > li {width: 200px;}
#gnb.open > ul > li.on .gnb-2dep:after {transition:all 0.3s; opacity:1;}
#gnb.open > ul > li > a {color:#111;}


/* header gnb-open */
#header.gnb-open .logo img.logo_on {display: block;}
#header.gnb-open .logo img.logo_off {display: none;}
#header.gnb-open .header-lang .lang-open-btn {color:#000;}
#header.gnb-open .header-lang .lang-open-btn .arrow {background:url(/images/layout/language_arrow_on.png) no-repeat;} 
#header.gnb-open .sitemap-line-btn .line.line2 {background: #000;}

/* -------- Header :: 사이트맵 오픈 일 때 -------- */
#header.sitemap-open .logo img.logo_off {display: block;}
#header.sitemap-open .logo img.logo_on {display: none;}
#header.sitemap-open #gnb {opacity:0; pointer-events:none;}
#header.sitemap-open .header-lang .lang-open-btn {color:#fff;}
#header.sitemap-open .header-lang .lang-open-btn .arrow {background: url(/images/layout/language_arrow.png) no-repeat;}

/* over했을때 */

#gnb > ul > li .gnb-2dep.open ul li{opacity:1.0;filter:Alpha(opacity=100); -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(1){-webkit-transition-delay: 0.1s; transition-delay:0.1s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(2){-webkit-transition-delay: 0.2s; transition-delay:0.2s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(3){-webkit-transition-delay: 0.3s; transition-delay:0.3s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(4){-webkit-transition-delay: 0.4s; transition-delay:0.4s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(5){-webkit-transition-delay: 0.5s; transition-delay:0.5s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(6){-webkit-transition-delay: 0.6s; transition-delay:0.6s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(7){-webkit-transition-delay: 0.7s; transition-delay:0.7s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(8){-webkit-transition-delay: 0.8s; transition-delay:0.8s;}

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

#header.top-fixed {background: #fff; height:100px;}

.sub-wrap #header.top-fixed #headerInner {padding:0 160px; border-bottom:1px solid #eee;}

.sub-wrap #header.top-fixed.sitemap-open .header-lang .lang-open-btn {color:#000;}
.sub-wrap #header.top-fixed .lang-open-btn .arrow {background: url(/images/layout/language_arrow_on.png) no-repeat;}

@media all and (max-width:1660px){
	.sub-wrap #header.top-fixed #headerInner {padding:0 var(--area-padding);}
}

/* -------- Header :: Fixed -------- */
@media all and (min-width:1025px){
	:root{
		/* --header-height: 100px; */
	}
	/* #header.top-fixed {height:100px; background: #fff;} */
	.main-wrap header.top-fixed {background: #fff; height:100px;}
	#header.top-fixed .logo img.logo_on {display: block;}
	#header.top-fixed .logo img.logo_off {display: none;}
	#header.top-fixed #headerInnerWrap {height:100px;}
	/* #header.top-fixed #headerInnerWrap {height:100px;} */
	/* #header.top-fixed #headerInner {padding: 0 160px; height: 100px;} */
	#header.top-fixed #headerInner {padding:0 var(--area-padding); height: 100px;}	
	/* #header.top-fixed .logo {padding-top:31.5px;} */
	#header.top-fixed #gnb.open > ul > li .gnb-2dep {top:100px;}
	#header.top-fixed #gnb > ul > li > a {line-height:100px; padding-top:0; color:#000; height: 100px;}
	#header.top-fixed #gnb.open #gnbBg {height: 440px;}
	#header.top-fixed #gnbBg:after {top:100px;}
	/* #header.top-fixed  #gnb > ul > li > a:hover, 
	#header.top-fixed  #gnb > ul > li.on > a {line-height:80px; top:10px; } */
	#header.top-fixed  #gnb.each-menu > ul > li .gnb-2dep {padding-top:80px;}
	#header.top-fixed  #gnb > ul > li > a:before {bottom:10px;}
	#header.top-fixed  #gnb.each-menu > ul > li .gnb-2dep ul {padding-top:10px;}
	#header.top-fixed .header-lang .lang-open-btn {color:#000;}
	#header.top-fixed .lang-open-btn .arrow {background:url("/images/layout/language_arrow_on.png") no-repeat;}
	#header.top-fixed .sitemap-line-btn > .line.line2 {background-color:#000;}

	/* #header.top-fixed.sitemap-open {background:initial;} */	
	#header.top-fixed.sitemap-open #headerInnerWrap {border-bottom:0;}
	#header.top-fixed.sitemap-open .header-lang .lang-open-btn {color:#fff;}
}

#header.top-fixed.sitemap-open .sitemap-line-btn .close-btn .line {background: #000;}
/* #header.top-fixed #headerInnerWrap{position:fixed;  z-index:99; border-bottom-color: #eee;} */



/* ****************** FOOTER ********************** */
/* -------- FOOTER :: 레이아웃 -------- */
#footer{background-color:#111; padding:67px 0;}
#footerInner{position:relative;}
#footerTop {padding:0 160px;}
#footerTop .footer-left-con{}


/* -------- FOOTER :: 상단 -------- */

/* Footer :: TOP버튼 */
.to-top-btn{
	position:fixed; bottom:-100px; right:35px; display:block; width:65px; height:65px; background-color:var(--main-color); text-align:center; color:#fff; z-index:99;
	box-sizing:border-box;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.main-top-btn.top {opacity:1; bottom:410px; transition:var(--transition-custom2);}
.to-top-btn.bottom-fixed{bottom:15px; opacity:1.0;filter:Alpha(opacity=100);}
.to-top-btn i{display:inline-block; font-size:18px; line-height:65px; transition:all 0.3s}
.to-top-btn:hover i{transform:translateY(-3px)}

@media all and (max-width:1024px){
	.main-wrap .to-top-btn {right:15px; box-shadow: 7px 7px 24px 0px rgba(0, 0, 0, 0.18);}
}


/* Footer :: 푸터메뉴 */
.foot-menu{float:left; }
.foot-menu li{float:left; position:relative; margin-left:35px; line-height:35px;}
.foot-menu li:first-child{margin-left:0}
.foot-menu li a{color:rgba(255,255,255,0.25); font-size:16px; transition:all 0.3s;}
.foot-menu li a b{font-weight:400;}

.foot-menu li:hover a {color:#fff;}

/* -------- FOOTER :: 중간 -------- */
#footerMiddle {padding:10px 0 47px; border-bottom:1px solid rgba(255,255,255,0.1);}
#footerMiddle .footer-middle-container {display:flex; justify-content:space-between; padding:0 160px;}
#footerMiddle .footer-left-con {width:calc(100% - 210px); align-self: flex-end;}
#footerMiddle .footer-right-con {width:210px;}
#footerMiddle .footer-btn-box .footer-btn-item:last-child {margin-top: 10px;}

/* Footer :: 정보 */
#footerMiddle .footer-left-con .info-list {display:flex;}
#footerMiddle .footer-left-con .info-list li {margin-right: 80px;}
#footerMiddle .footer-left-con .info-list dl dt {font-size:16px; letter-spacing:-0.05em; color:#fff; font-weight: 600; line-height:1.25; margin-bottom: 10px;}
#footerMiddle .footer-left-con .info-list dl dd {font-size:15px; letter-spacing:-0.05em; color:#7d7d7d; line-height:1.533em;}
#footerMiddle .footer-left-con .info-list .contact em {margin-right:8px; font-weight: 600; font-size:16px; letter-spacing:-0.05em; color:#fff; line-height:1.25;}
#footerMiddle .footer-left-con .info-list .contact i {position: relative; top:2px; color:#fff; font-size:20px; transition:transform 0.3s;}
#footerMiddle .footer-left-con .info-list .contact:hover i {transform:rotate(270deg);}

/* Footer :: 패밀리사이트 & IR BOOK */
.footer-btn-item {position:relative; width:210px; height: 50px; border:1px solid rgba(255,255,255,0.8); border-radius:25px; display:flex; align-items:center; padding:0 28px; box-sizing:border-box;  font-size:16px; color:#fff;}
.footer-btn-item .footer-open-btn{display:block; width:100%; height:100%; line-height:50px; text-align:left; font-size:16px; color:#fff;}
.footer-btn-item .footer-open-btn:after{position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:18px; content:"\e945"; font-family:"xeicon"; color:#fff;}
.footer-btn-item.footer-down-btn{transition:all 0.3s;}
.footer-btn-item.footer-down-btn:after {display: block; content:"\eb7c"; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:18px; font-family:"xeicon"; color:#fff; transition:all 0.3s;}
.footer-btn-item.footer-down-btn:hover {background: #fff; color:#333; border-color:#fff;}
.footer-btn-item.footer-down-btn:hover:after {color:#333;}
.family-site-list{position:absolute; bottom:100%; left:0px; width:100%;  padding:10px 0; background-color:#fff; border:1px solid #ddd; border-bottom:0;  z-index:11; display:none; box-sizing:border-box;}
.family-site-list a{display:block; padding:10px 20px; color:#333; font-size:12px;}
.family-site-list a:not(.txt):hover{color:#000; text-decoration:underline;}
.family-site-list a.txt {font-weight:800;}

/* -------- FOOTER :: 하단 -------- */
.footer-bottom-container {display:flex; align-items:center; justify-content:space-between;}
#footerBottom {padding:50px 160px 0;}
#footerBottom .footer-right-con {display:flex; align-items:center;}
#footerBottom .footer-right-con .footer-logo-list {margin-right: 35px;}

/* Footer :: SNS 리스트 */
.foot-sns-menu {display:flex;}
.foot-sns-menu li{margin-left:30px;}
.foot-sns-menu li:first-child{margin-left:0;}
.foot-sns-menu li a{display:block; color:#5b5b5b; font-size:24px; line-height:35px; font-weight:300; transition:all 0.3s;}
.foot-sns-menu li a i {display:inline-block; }
.foot-sns-menu li:hover a {color:#fff;}

/* Footer :: Copyright */
.footer-copyright{font-size:14px; letter-spacing:-0.005em; color: rgba(255,255,255,0.15); line-height:1.25; margin-top: 10px;}

/* Footer :: 인증로고 */
#footer .logo-box {display:flex; flex-direction:column;}
.footer-logo{position: relative; width: 100%;}





/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 비주얼 */
#visual{position:relative; overflow:hidden; width:100%; height:620px; }
#visual .visual-img-con{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	height:100%;
	background-size:cover !important;
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
#visual .visual-txt-con{position:relative; z-index:1; text-align:center; display:table; width:100%; height:100%; letter-spacing:-0.5px; color:#fff; box-sizing:border-box;}
#visual .visual-txt-container{position:relative; width:100%; display:flex; flex-direction:column; align-items:flex-start; padding-top:8%;}
#visual .visual-tit,
#visual .visual-sub-txt,
#visual .location{
	opacity:0;filter:Alpha(opacity=0);
    -webkit-transform: translateY(-30px); 
     transform: translateY(-30px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
#visual .visual-tit{
	font-weight:600; 
	font-size:80px; 
	font-family: var(--font-family2);
	-webkit-transition-delay:0.3s;
	transition-delay:0.3s;
}
#visual .visual-sub-txt{
	font-size:18px; 
	font-weight:300; 
	padding-top:30px;
	line-height:1.667em;
	text-align:left;
	color:rgba(255,255,255,0.7);
	-webkit-transition-delay:0.5s;
	transition-delay:0.5s;
}
#visual .location{
	-webkit-transition-delay:0.5s;
	transition-delay:0.5s;
}
/* #visual.sub-visual-support .visual-sub-txt ,
#visual.sub-visual-pr .visual-sub-txt {display:none;} */
/* SUB LAYOUT :: 상단효과 active */
#visual.active .visual-img-con{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
#visual.active .visual-tit,
#visual.active .visual-sub-txt,
#visual.active .location{
	opacity:1.0;filter:Alpha(opacity=100);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
}


/*  SUB LAYOUT :: 서브메뉴(스타일4) */
#topMenu04{position:relative; width:100%;height:70px; background-color:#f6f6f6;  z-index: 200;}
#topMenu04 .side-menu-inner{width:100%; height:69px; border-bottom:1px solid #ddd; }
#topMenu04 .location-to-home-btn{float:left; width:69px; height:69px; background-color:#fff; text-align:center; border-right:1px solid #ddd; border-left:1px solid #ddd;}
#topMenu04 .location-to-home-btn i{color:#222; font-size:24px; line-height:69px;}
#topMenu04 .menu-location{position:relative; float:left; width:260px; background-color:#fff;}
#topMenu04 .menu-location > .cur-location{position:relative; display:block; width:100%; height:69px; padding:0 50px 0 20px; border-right:1px solid #ddd; text-align:left}
#topMenu04 .menu-location > .cur-location span{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:69px; color:#222; font-weight:400; font-size:16px; letter-spacing:-0.5px;}
#topMenu04 .menu-location.location2 > .cur-location span {font-weight:700; color:#000;}
#topMenu04 .menu-location > .cur-location .arrow{position:absolute; top:50%; right:30px; width:20px; height:20px;margin-top:-10px; font-size:16px; line-height:20px; background:#dcdcdc; border-radius:50%; text-align:center;}
#topMenu04 .menu-location.open > .cur-location .arrow{transform:rotate(-180deg); margin-top:-10px;}
#topMenu04 .menu-location .location-menu-con{display:none; position:absolute; top:69px; left:-1px; width:calc(100% - 1px); border:1px solid #ddd; border-top:0; background-color:#fff; z-index:11; padding-bottom:10px }
#topMenu04 .menu-location .location-menu-con li a{display:block; padding:10px 20px; font-size:15px; word-break:keep-all; line-height:1.5;}
#topMenu04 .menu-location .location-menu-con li.on{position:relative;}
#topMenu04 .menu-location .location-menu-con li.on a{color:#000; font-weight:600;}
/* 선택된메뉴앞에 bullet 넣을때 */
/* #topMenu04 .menu-location .location-menu-con li.on a{padding-left:25px;}
#topMenu04 .menu-location .location-menu-con li.on a:before{content:""; position:absolute; top:50%; left:10px; width:7px; height:3px; margin-top:-1px; background-color:#f57f20} */
/* // */

/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
@media all and (min-width:1025px){
	.fixed-sub-menu.top-fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}
}

/* SUB LAYOUT :: 모바일메뉴(공통)  */
#topMenuM01,
#topMenuM02{display:none;}

/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#content {font-size:16px;}
#content:not(.wide){padding:100px 0}
#content.wide{padding:100px 0 0 0}

/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{position:relative; margin:0 auto 50px; text-align:center; }
#contentInfoCon .content-tit{color:#333; font-size:38px; font-weight:600; letter-spacing:-0.6px;}
#contentInfoCon .content-tit:after{display:block; content:""; width:58px; height:2px; margin:30px auto 0; background-color:#040508}
#contentInfoCon .content-sub-tit{color:#888; font-weight:300; margin-top:30px; font-size:16px; letter-spacing:-0.8px; word-break:keep-all;}
/*  SUB LAYOUT :: 상단정보(타이틀+location) */
#contentInfoCon.content-title-location{text-align:left;}
#contentInfoCon.content-title-location .content-tit{float:left;}
#contentInfoCon.content-title-location .content-tit:after{display:none;}
#contentInfoCon.content-title-location .location{float:right;}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg);  }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; }
.footer-modal-content h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.modal-close-btn{position:absolute; top:-6px; right:-6px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; background-color:#fff; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

/* ****************** 사이트맵 ********************** */
/* -------- 사이트맵 01 -------- */
/* 사이트맵 01 */
#siteMapCon {max-width:1390px;}
#siteMapCon .modal-close-btn {left:50%; right:auto; top:-70px; margin-left:-25px;color:#fff;}
#siteMapCon .modal-close-btn i {font-size:50px;}
.sitemap-wrapper{position:relative; padding:70px 56.5px; }
.sitemap-wrapper > ul{display:table; width:100%; table-layout:fixed;}
.sitemap-wrapper > ul > li{display:table-cell; vertical-align:top; text-align:center; padding:0 27.5px;}
.sitemap-wrapper > ul > li > h2 {position:relative; padding-bottom:38px; color:#3d3d3d; margin:0 2% 20px 2%;  font-size:36px; letter-spacing:-1.0px; margin-bottom:20px; font-weight:600; text-transform:uppercase}
.sitemap-wrapper > ul > li > h2:before {content:""; width:100%; height:1px; background-color: #e6e6e6; position:absolute; bottom:0; left:0; }
.sitemap-wrapper > ul > li > h2:after {content:""; width:80px; height:3px; background-color:#026bfa; position:absolute; bottom:-1px; left:50%; margin-left:-40px; }
.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5% 20px;}
.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#979797; font-size:16.5px; font-weight:400; line-height:1.2em; transition: color 0.4s;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#000; font-weight:600; }

.sitemap-wrapper:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	padding-top:6px;
	margin: -3px; /* same as border width */
	border-radius: 18px; /* inherit container box's radius */
	background: linear-gradient(to right, #0386f5, #18cfc0);
	height:100%;
}

.sitemap-wrapper:after{
	content: "";
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left:3px;
	z-index: -1;
	margin: -3px; /* same as border width */
	border-radius: 15px; /* inherit container box's radius */
	background:#fff url("/images/layout/sitemap_bg.jpg") no-repeat; background-size:cover;
	height:100%;
}

/* ****************** 온라인 문의 ********************** */
.inquiry-container {
	position:relative; padding: 245px 0 94px; background:url("/images/content/online_bg.jpg")  center  no-repeat; background-size:cover;
	/* background: rgb(3,134,245);
	background: -moz-linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
	background: -webkit-linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
	background: linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0386f5",endColorstr="#18cfc0",GradientType=1);	 */
}
.inquiry-container:before {content:""; position:absolute; left:0; top:0; width:810px; height:100%; background:url("/images/content/online_logo.png") 0 116px no-repeat; }
.inquiry-container .wave {position:absolute; top:0; left:0; width:100%; height:158px; background:url("/images/content/online_wave.png") repeat-x 0 0; transition: all 0.4s;}
.inquiry-con {position:relative; display:flex; font-size:16px; }
.inquiry-con .tit-box {width:50%; color:#fff; padding-top:15px; padding-right:20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.inquiry-con .tit-box b {font-size: 1.375em; }
.inquiry-con .tit-box .tit {display:block; font-size: 3.5em; line-height:1.35em; margin-top: 0.53em;}
.inquiry-con .tit-box .tit span {opacity:0.5;filter:Alpha(opacity=50);}
.inquiry-con .tit-box .txt {font-size: 1.25em; line-height:1.75em; opacity:0.5;filter:Alpha(opacity=50); font-weight:300; margin-top:1.25em;}
/* 문의폼 */
.inquiry-con .form-box {width:50%;}
.inquiry-con .inquiry-form .item {position:relative; display:flex;  align-items:center; height:3.31em; border-bottom: 1px solid rgba(255,255,255,0.3); padding:0 10px; margin-top:10px; color:#fff;}
.inquiry-con .inquiry-form .item:first-child {margin-top:0; }
.inquiry-con .inquiry-form .item .icon {display:block; width:3.93em; height:100%; text-align:center;}
.inquiry-con .inquiry-form .item .icon i {font-size:1.25em; line-height:2.65em;}
.inquiry-con .inquiry-form .item input,
.inquiry-con .inquiry-form .item textarea {background:transparent; border:0; color:#fff; font-size:1em;}
.inquiry-con .inquiry-form .textarea {display:table; width:100%; height:auto; padding:10px; border-top: 1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.1); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.inquiry-con .inquiry-form .item input:focus,
.inquiry-con .inquiry-form .item textarea:focus {outline:0;}
.inquiry-con .inquiry-form .item input::-webkit-input-placeholder {color: #fff;}
.inquiry-con .inquiry-form .item input:-ms-input-placeholder { color: #fff;}
.inquiry-con .inquiry-form .item textarea::-webkit-input-placeholder { color: #fff;}
.inquiry-con .inquiry-form .item textarea:-ms-input-placeholder { color: #fff;}
.inquiry-con .inquiry-form .textarea .icon {display:table-cell; vertical-align:top;}
.inquiry-con .inquiry-form .textarea textarea  {display:table-cell; vertical-align:top; width:100%; height: 6.875em; padding:0.9375em 0;}
.inquiry-con .inquiry-form .item input {width:calc(100% - 3.625em - 3.93em); height:100%;}
.inquiry-con .inquiry-form .item .necessary-txt {display:block; width:3.625em; text-align:center;}
/* 개인정보처리방침 */
.inquiry-con .agree-box {position:relative; padding-right: 100px; margin-top:20px;}
.inquiry-con .agree-box .checkbox-item input[type="checkbox"] {visibility:hidden;}
.inquiry-con .agree-box .checkbox-item input[type="checkbox"] + label {position:relative; padding-left: 2.28em; font-size:0.875em; color:#fff; margin-left:-20px;}
.inquiry-con .agree-box .checkbox-item input[type="checkbox"] + label span {color:#9bd7e9;}
.inquiry-con .agree-box .checkbox-item input[type="checkbox"] + label:before {content:"\e929"; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.21em; line-height:1.21em; text-align:center; z-index:9; color:#3d3d3d; opacity:0;filter:Alpha(opacity=0);}
.inquiry-con .agree-box .checkbox-item input[type="checkbox"] + label:after {content:""; width:1.07em; height:1.07em; border:1px solid #458596; background-color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.inquiry-con .agree-box .checkbox-item input[type="checkbox"]:checked + label:before {opacity:1;filter:Alpha(opacity=100);}
.inquiry-con .agree-box a {position:absolute; right:0; top:0; color:#fff; border-bottom:1px solid #fff; font-size:0.875em; padding-bottom:5px; opacity:0.5;filter:Alpha(opacity=50);}
/* 보내기버튼 */
.inquiry-con .send-btn {display:block; width:100%; max-width:10.27em; height:3em; margin: 40px 0 0 auto; border:1px solid #fff; border-radius:50px; font-size:1.125em; color:#fff; font-weight:700; letter-spacing:-0.25px; transition:all 0.4s;}
.inquiry-con .send-btn span {display:inline-block; vertical-align:top; position:relative; padding-right: 55px; line-height:3em; }
.inquiry-con .send-btn span:before {content:""; position:absolute; right:0; top:50%; margin-top:-8px; display:block; width:21px; height:16px; background:url("/images/main/main_news_arrow_on.png") no-repeat; transition:all 0.4s;}
/* 오버시 */
@media all and (min-width:801px){
	.inquiry-con .send-btn:hover {color:#12bbce; background-color:#fff;}
	.inquiry-con .send-btn:hover span:before {background-image:url("/images/content/online_arrow_on.png");}
}

@media all and (max-width:800px){
	.inquiry-container {padding:85px 0 50px;
		background: rgb(3,134,245);
		background: -moz-linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
		background: -webkit-linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
		background: linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);	
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0386f5",endColorstr="#18cfc0",GradientType=1);	
	}
	.inquiry-container:before {display:none;}
	.inquiry-container .wave {height:36px; background-size:auto 36px;}
	.inquiry-con  {font-size:13px;}
	.inquiry-con .tit-box .tit {font-size:36px;}
	.inquiry-con .tit-box .txt {font-size:13px;}
	
	/* 문의폼 */
	.inquiry-con .inquiry-form .item  {padding:0; margin-top:5px;}
	/* 개인정보처리방침 */
	.inquiry-con .agree-box .checkbox-item input[type="checkbox"] + label {padding-left: 20px;}
}
@media all and (max-width:640px){
	.inquiry-con {display:block;}
	.inquiry-con .tit-box {width:100%;}
	.inquiry-con .form-box {width:100%; margin-top:35px;}
	/* 문의폼 */
	.inquiry-con .inquiry-form .item {margin-top:0;}
	.inquiry-con .inquiry-form .textarea {margin-top:5px;}
	/* 보내기버튼 */
	.inquiry-con .send-btn {margin:40px auto 0;}
}

/* ******************  사이트맵 :: 사이트맵 06 (2023-06-26 update) ********************** */
/* ******************  사이트맵 :: 사이트맵 공통 ********************** */
.cm-sitemap-wrapper:not(#siteMapCon02)::-webkit-scrollbar{width: 5px; height:5px;}
.cm-sitemap-wrapper:not(#siteMapCon02)::-webkit-scrollbar-thumb{background-color:#333; transition:all 0.5s;}
.cm-sitemap-wrapper:not(#siteMapCon02)::-webkit-scrollbar-track{background-color:#fff; background:rgba(100,100,100,0.1); border-radius:5px;}
/* .cm-sitemap-wrapper{font-size:2rem;} */
.cm-sitemap-wrapper:not(#siteMapCon01){position:fixed; top:0px; left:0px; width:100%; height:100%; overflow-y:auto; overflow-x:hidden; }
.cm-sitemap-wrapper:before{/* position:absolute; */ position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#fff; content:""; display:none; /* opacity:0; */ transition:opacity 0.2s ease;}
.cm-sitemap-wrapper .cm-sitemap-bg{overflow:hidden; position:absolute; left:0; top:0px; width:0; height:100%; background:#fff; transition:all 0.6s ease}
.cm-sitemap-container{position:absolute; display:table; width:100%; height:100%; overflow-y:auto; }
.cm-sitemap-inner-con{position: relative; display:table-cell; vertical-align:middle; padding: 5em 0; opacity:0; transition:opacity 0.5s ease 0s }
.cm-sitemap-inner-con .splitting,
.cm-sitemap-inner-con .splitting .word{overflow:hidden;}
.cm-sitemap-inner-con .splitting .word,
.cm-sitemap-inner-con .splitting .char{display:inline-block;}
.sitemap-wrapper-style span.num{display:none;} 
.cm-sitemap-inner-con .splitting .char{transform:translateY(100%); transition:transform 0.6s ease 0.3s , color 0.3s}
/* 공통 :: open */
.cm-sitemap-wrapper.open:before{/* opacity: 0.5 */ display:block;}
.cm-sitemap-wrapper.open .cm-sitemap-inner-con{opacity:1.0; transition-delay:0.4s}
.cm-sitemap-wrapper.open .splitting .char{transform:translateY(0); transition-delay:0.3s}

#siteMapCon06:before {background-color: rgba(0,0,0,0.5);
    backdrop-filter: blur(10px);  -webkit-backdrop-filter:blur(10px);}

#siteMapCon06{
	z-index:-1;
	/* opacity:0;filter:Alpha(opacity=0); */ 
	visibility:hidden;
}
/* #siteMapCon06:before{background-color: rgba(0,0,0,1); backdrop-filter: blur(10px); -webkit-backdrop-filter:blur(10px);}  */
#siteMapCon06 .sitemap-bg{left:auto; width: 100%; right:0%; height:0%; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(10px); -webkit-backdrop-filter:blur(10px);}
.cm-sitemap-container-06 .cm-sitemap-area-con{position:relative;}
.sitemap-modal-tit-con-06{overflow:hidden; display:flex; align-items:center; justify-content:space-between;}
.sitemap-modal-tit-con-06 h1{position: relative; font-size: 3em; padding-bottom: 0; font-weight: 700; letter-spacing: -0.004em; color: #fff; text-align: left;}
.sitemap-modal-tit-con-06 .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-modal-tit-con-06 .sitemap-close-btn i{font-size:0.9em; line-height: 40px; transition:transform 0.5s}
.sitemap-wrapper-style06{margin-top:3.75em;}
.sitemap-wrapper-style06 > ul{display:table; width:100%; table-layout:fixed; margin: 0 -2%;}
.sitemap-wrapper-style06 > ul > li{padding: 0 2%; display:table-cell; vertical-align:top; text-align: left; opacity: 0; transform: translateY(50px); transition:var(--transition-custom2);}
.sitemap-wrapper-style06 > 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:var(--transition-custom);}
.sitemap-wrapper-style06 > ul > li > h2{margin-bottom: 1em; font-size:2.46em; min-height:80px; line-height: 1.3; letter-spacing:-0.0083em; font-weight:600; color: #fff; background-color: transparent;}
.sitemap-wrapper-style06 > ul > li .sitemap-2dep a{display:block; overflow:hidden; padding:0.5em 0; color:#fff; font-size:20px; font-weight:300; line-height:1.3;  -webkit-transition: all 0.2s; transition: all 0.3s;}
/* Open */
#siteMapCon06.open{
	/* opacity:1.0;filter:Alpha(opacity=100); */ 
	visibility:visible; 
	z-index:9998; 
}
/* #siteMapCon06.open:before {opacity:0.5;} */
#siteMapCon06.open .sitemap-bg{height:100%;}
#siteMapCon06.open .sitemap-bg .logo-bg span{transform:translateY(0); transition-delay:0.3s}
#siteMapCon06.open .sitemap-wrapper-style06 > ul > li{opacity: 1; transform: translateY(0);}
#siteMapCon06.open .sitemap-wrapper-style06 > ul > li:nth-child(2){transition-delay:0.2s;}
#siteMapCon06.open .sitemap-wrapper-style06 > ul > li:nth-child(3){transition-delay:0.4s;}
#siteMapCon06.open .sitemap-wrapper-style06 > ul > li:nth-child(4){transition-delay:0.6s;}
#siteMapCon06.open .sitemap-wrapper-style06 > ul > li:nth-child(5){transition-delay:0.8s;}
#siteMapCon06.open .sitemap-wrapper-style06 > ul > li:nth-child(6){transition-delay:1s;}
.sitemap-wrapper-style06 > ul > li.active:before{opacity: 1; transform: translateY(0);}
@media (hover: hover) {
	.sitemap-modal-tit-con-06 .sitemap-close-btn:hover i{transform:rotate(180deg)}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep:hover a{opacity:0.4}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep:hover a:hover{opacity:1.0; color: #fff;}
}

@media all and (max-width:1560px){
	.sitemap-wrapper-style06 > ul {margin: 0 -1%;}
	.sitemap-wrapper-style06 > ul > li {padding: 0 1%;}
}

@media all and ( max-width: 1280px ){
	.sitemap-wrapper-style06 {margin-top: 0;}
	.sitemap-modal-inner-06,
	.sitemap-wrapper-style06 > ul{display:block; margin: 0;}
	.sitemap-wrapper-style06 > 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-wrapper-style06 > ul > li:last-child{border-right: none;}
	.sitemap-wrapper-style06 > ul > li:first-child{border-top: none;}
	.sitemap-wrapper-style06 > ul > li > h2{min-height: auto;}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep{overflow:hidden; margin:0 -1%; padding:0;}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep li{float:left; position:relative; width:31.33%; margin: 0 1%; word-break:keep-all;}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep li:before{position:absolute; top:0px; left:0; bottom:0px; width:1px; background-color:#eee; content:""; display:none;}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep li:nth-child(3n+1){clear:both;}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep a.has-3dep {margin-top: 0;}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep .gnb-3dep li{width: 98%;}
}

@media all and ( max-width: 800px ){
	.sitemap-wrapper-style06 > ul > li > h2 {font-size:35px; margin-bottom: 10px;}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep a {font-size:17px;}

	.sitemap-wrapper-style06 > ul > li:before{display: none;}
}

@media all and ( max-width: 480px ){
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep li{width:48%;}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep li:nth-child(3n+1){clear:none;}
	.sitemap-wrapper-style06 > ul > li .sitemap-2dep li:nth-child(odd){clear:both;}
}

/* solution page 에서만 적용 */
#visual.sub-visual-solution .visual-tit {font-family:inherit;}