/* ----- QUICK NAV -----*/
#quick-menu {
    position:fixed;
    right:0;
    top:50%;
    margin-top:-10.5em;
    z-index:1000;
    -webkit-transition:right 1.5s;
    -moz-transition:right 1.5s;
    -ms-transition:right 1.5s;
    -o-transition:right 1.5s;
    transition:right 1.5s;
}
#quick-menu > ul {
	position:relative;
	z-index:1;
	height:30em;
}
#quick-menu > ul > li {
	position:absolute;
	right:0;
	top:0;
}
#quick-menu > ul > li:nth-child(2) {
	top:5em;
}
#quick-menu > ul > li:nth-child(3) {
	top:10em;
}
#quick-menu > ul > li:nth-child(4) {
	top:15em;
}
#quick-menu > ul > li:nth-child(5) {
	top:20em;
}

#quick-menu > ul > li:nth-child(6) {
	top:25em;
}

#quick-menu > ul > li > a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:4em;
	height:5em;
	background-color:rgba(23,94,177,0.4);
	-webkit-transition:width 0.3s, background-color 0.3s;
	-moz-transition:width 0.3s, background-color 0.3s;
	-ms-transition:width 0.3s, background-color 0.3s;
	-o-transition:width 0.3s, background-color 0.3s;
	transition:width 0.3s, background-color 0.3s;
}
#quick-menu > ul > li > a > i {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-15px;
	margin-left:-15px;
	width:32px;
	height:32px;
	vertical-align:middle;
  transition: all 1s;
}
#quick-menu > ul > li:nth-child(1) > a > i {
	background:url(../../images/common/quick_instagram.png) no-repeat center;
}
#quick-menu > ul > li:nth-child(2) > a > i {
	background:url(../../images/common/quick_youtube.png) no-repeat center;
}
#quick-menu > ul > li:nth-child(3) > a > i {
	background:url(../../images/common/quick_blog.png) no-repeat center;
}
#quick-menu > ul > li:nth-child(4) > a > i {
	background:url(../../images/common/quick_kakao.png) no-repeat center;
}
#quick-menu > ul > li:nth-child(5) > a > i {
	background:url(../../images/common/quick_phone.png) no-repeat center;
}

#quick-menu > ul > li:nth-child(6) > a > i {
	background:url(../../images/common/quick_download.png) no-repeat center;
	background-size: 32px;
}
#quick-menu > ul > li > a > span {
	opacity:0;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	padding-left:0.625em;
	margin-top:-0.5em;
	font-size:15px;
	color:#fff;
	font-weight:500;
	line-height:1;
	vertical-align:middle;
	text-align:center;
  transition: all 1s ;
}
#quick-menu > ul > li:last-child > a > span{
	padding-left:2.5em;
}

#quick-menu .btn-gotop {
	display:inline-block;
	width:4em;
	height:4em;
	background:#fff url(../../images/common/quick-top.png) no-repeat center;
	border:none;
	box-shadow:-5px 10px 15px rgba(0,0,0,0.2);
}

@media screen and (min-width:1025px){
    #quick-menu > ul > li > a:hover {
        width:12em;
        background-color:#175eb1;
    }
    #quick-menu > ul > li > a:hover > i {
        margin-left:-4em;
    }

	#quick-menu > ul > li:nth-child(4) > a:hover > i {
        margin-left:-4.5em;

	}

	#quick-menu > ul > li:nth-child(6) > a:hover > i {
        margin-left:-5em;

	}

    #quick-menu > ul > li > a:hover > span {
        opacity:1;

    }
}

/* @media screen and (max-width:1440px) {
  
	#quick-menu {
		margin-top:-17em;
	}
	#quick-menu > ul {
        height:16em;
	}
	#quick-menu > ul > li:nth-child(2) {
		top:4em;
	}
	#quick-menu > ul > li:nth-child(3) {
		top:8em;
	}
	#quick-menu > ul > li:nth-child(4) {
		top:12em;
	}
    #quick-menu > ul > li > a {
    	width:4em;
    	height:4em;
    }
    #quick-menu .btn-gotop {
    	width:4em;
    	height:4em
    }
}
 */
@media screen and (max-width:1024px) {
  #quick-menu {
		margin-top:0;
		top:auto;
		right:1%;
		bottom:1%;
	}
	#quick-menu > ul {
        height:26em;
	}

	#quick-menu > ul > li > a:hover {
        background-color: rgba(23,94,177,0.8);
    }

	#quick-menu > ul > li:nth-child(2) {
		top:4.2em;
	}
	#quick-menu > ul > li:nth-child(3) {
		top:8.4em;
	}
	#quick-menu > ul > li:nth-child(4) {
		top:12.6em;
	}
  
	#quick-menu > ul > li:nth-child(5) {
		top:16.8em;
	}

	#quick-menu > ul > li:nth-child(6) {
		top:21em;
	}

    #quick-menu > ul > li > a {
    	width:4em;
    	height:4em;
    	border-radius:50%;
    }
    #quick-menu .btn-gotop {
    	width:4em;
    	height:4em;
    	border-radius:50%;
      margin-top: 2px;
    }

}

@media screen and (max-width: 767px) {
  #quick-menu > ul {
      display: none;
  }

  #quick-menu .btn-gotop{
    width: 3em;
    height: 3em;
    margin-top: 0;
  }
}




/*** Header ***/


.header{position: fixed; width: 100%; height: 80px; top: 0; left: 0; z-index: 1000; /* background: rgba(255,255,255,1); */ transition:.3s; /* border-bottom: 1px solid #ddd; */}
.header .inner{max-width: 1550px;}
.hd_sub {position: relative; height: 100%; display: flex; justify-content: flex-end; align-items: center;}
.hd_logo{float: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1000;  transition:.3s; /*  width: 171px; */}
.hd_logo a{background: url(/images/common/logo_b.png) left center no-repeat; display: block;  width: 270px; aspect-ratio: 303/70;  transition:.3s; background-size: 100%; color: #fff; font-size: 32px; font-weight: bold; }

.hd_sub2 {position: relative; text-align: center;}
.gnb { margin: 0 auto; width: auto; display: flex; justify-content: center; align-items: center; position: relative; }
.gnb > li{float: left;  position: relative; z-index: 150;}
.gnb > li:after{position: absolute; content:''; width: 7px; height: 7px; background: #295c9b; border-radius: 50%; left: 50%; margin-left: -3px; top: 13px; transition:.3s; transform:scale(0) }
.gnb > li:hover:after{ transform:scale(1)}
.gnb > li > a{font-size: 20px; line-height: 80px; color: #333; font-weight: 400; text-align: center; padding: 0px 51px 0px; transition:.3s;}
.gnb > li > ul{display: none; position: absolute; left: -30px; background:#295c9b; top:80px; text-align: center; width: 238px; padding: 26px 0; box-sizing: border-box; text-align: left; box-shadow:10px 10px 20px rgba(0,0,0,0.1); z-index: 120;} 


.gnb > li > ul > li{position: relative;}
.gnb > li > ul > li > a{position: relative; display: block; text-align: center; transition:.3s; font-size: 18px;-ms-word-break: keep-all; word-break: keep-all; line-height: 25px; color: #fbf4e9; font-weight: 500; position: relative; padding: 10px 10px 10px 10px; box-sizing: border-box; }
.gnb > li > ul > li > a:before{position: absolute; content:''; width: 100%; }
/* .gnb > li > ul > li > a:after{position: absolute; content:''; width: 6px; height: 8px; background: url(/images/common/gnb_arr.png) center no-repeat; right: 30px; top: 50%; margin-top: -4px;} */
.gnb > li > ul > li > a.dep3_hover:after{position: absolute; content:''; width: 6px; height: 8px; background: url(/images/common/gnb_arr.png) center no-repeat; right: 30px; top: 50%; margin-top: -4px;}
.gnb > li > ul > li > a span{position: relative; text-transform: uppercase;}
.gnb > li > ul > li > a span:after{position: absolute; content:''; width: 0%; height: 1px; background: rgba(255,255,255,0.7); left: 0; bottom: -8px; transition:.3s;}
.gnb > li > ul > li:hover > a span:after{width: 100%;}
.gnb > li > ul > li:hover > a{font-weight: 500; color: #fff;}
.gnb > li > ul > li > ul{display: none; position: absolute; left: 202px; width: 202px; /* top: 43px; */top: 0; width: 202px; box-sizing: border-box; background: rgba(255,255,255,0.9); box-shadow:0px 0px 20px rgba(0,0,0,0.1); padding: 25px 0 25px 30px; z-index: -10; }
.gnb > li > ul > li > ul > li > a{font-size: 16px; display: block; line-height: 1.2; padding: 8px 0; color: #444; transition:.3s; box-sizing: border-box; }
.gnb > li > ul > li > ul > li:hover > a{color: #295c9b}

.gnb_i1{position: absolute; right: 4px; top: 22px; transition:.3s; display: inline-block; width: 111px; background: #aba79e; color: #fff; font-size: 13px; line-height: 36px; height: 36px; font-weight: 500; text-align: center; border-radius: 50px; }
.gnb_i1 span {margin-right: 7px; position: relative; top:-1px; transition:.3s;}
.gnb_i1 span img{width: auto; vertical-align: middle;}
.gnb_i1:hover span {top:-5px}

.site_map{position: absolute; right: 1px; top: 32px; transition:.3s;}
.site_map ul{text-align: right;}
.site_map ul li{width: 23px; height: 2px; background: #333; transition:.3s; }
.site_map ul li:nth-child(2){width: 18px; margin: 5px 0;}

.header {border-bottom: 0;}
.header .hd_logo{}
.header .site_map{position: absolute; right: 1px; top: 50%; transform: translateY(-50%); z-index: 50; display: none;}
.header .site_map ul li{background: #fff;}
.header  {background: rgba(255,255,255,0);}

.header .hd_logo a{ background: url(/images/common/logo_w.png) left center no-repeat; color: #fff; font-weight: bold; font-size: 32px;  /* height: 92px; width: 171px; */  background-size: 100%;}
.header .gnb > li > a{font-size: 20px; line-height: 1; color: #fff; font-weight: 500; text-align: center; padding: 45px 51px 27px; text-transform: uppercase;}
.header .gnb_i1{ top: 37px;; background: rgba(167,169,172,0.25);}
.header .gnb > li:after{top:-10px}
.header .gnb > li > ul{top:51px	}

.header.sc{position: fixed; width: 100%; height: 80px; top: 0; left: 0; z-index: 1000; background: rgba(255,255,255,1); transition:.3s; border-bottom: 1px solid #ddd;}
.header.sc .site_map{position: absolute; right: 1px;/*  top: 32px; */}
.header.sc .site_map ul li{width: 23px; height: 2px; background: #333; transition:.3s; }
.header.sc .hd_logo a{ background: url(/images/common/logo_b.png) left center no-repeat; background-size: 100%; /* height: 80px; width: 137px; */ color: #000; font-size: 26px;}
.header.sc .gnb > li > a{font-size: 20px; line-height: 80px; color: #333; font-weight: bold; text-align: center; /* padding: 0px 51px 0px; */ transition:.3s;}
.header.sc .gnb_i1{position: absolute; right: 4px; top: 22px; transition:.3s; display: inline-block; width: 111px; background: #aba79e;  color: #fff; font-size: 13px; line-height: 36px; height: 36px; font-weight: 500; text-align: center; border-radius: 50px;}
.header.sc .gnb > li:after{top: 13px; }
.header.sc .gnb > li > ul{top:80px	}
.header.sc .hd_logo{}

.header.sc .site_map ul li{
	background-color: #000;
}


@media screen and (max-width:1600px){
	#fp-nav.fp-right{right:20px !important;}
	.header {box-sizing: border-box; padding: 0 20px 0 0;}
	.gnb_i1{right:40px}
}

/* @media screen and (max-width:1100px){
	.fp-viewing-0 .gnb > li > a{padding: 45px 2.5vw 27px;}
	.gnb > li > a {padding: 0px  2.5vw 0px;}
	.gnb {left: -7vw;}	


	
} */


@media screen and (max-width:1280px){
	/* head */
	.header .site_map{
		display: block;
	}
	.hd_sub{
		justify-content: flex-start;
	}
		.gnb{display: none;}
		.site_map{position: absolute; right: 1px; top: 32px; }
		.header .site_map ul li{width: 23px; height: 2px; background: #333; transition:.3s;}
		.header {position: fixed; width: 100%; height: 80px; top: 0; left: 0; z-index: 1000; background: rgba(255,255,255,1); transition:.3s; border-bottom: 1px solid #ddd;}
		.header .hd_logo{float: left; position: relative; z-index: 1000;  transition:.3s;  /* width: 120px; */ width: auto; transform: none; top: auto; display: flex; align-items: center;}
		.header .hd_logo a{background: url(/images/common/logo_b.png) left center no-repeat; display: block; /* width: 120px; height: 80px; */  transition:.3s; background-size: 100%; color: #000;}
		.gnb > li > a{font-size: 20px; line-height: 80px; color: #333; font-weight: 400; text-align: center; padding: 0px 51px 0px; transition:.3s;}
		 .gnb_i1{position: absolute; right: 40px; top: 22px; transition:.3s; display: inline-block; width: 111px; background: #aba79e; color: #fff; font-size: 13px; line-height: 36px; height: 36px; font-weight: 500; text-align: center; border-radius: 50px; }
		.gnb > li > ul{top:80px}
		.gnb > li:after{top:13px}
		/* .hd_logo, .hd_logo a{width: 120px;} */
		
	}

	@media screen and (max-width:480px){
		.header .hd_logo a{width: 220px;}
	}

	/* 사이트맵 */


/* 레이어 구성 */
.layer_box { display:block; width:100%; height:100%; padding:20px; box-sizing:border-box;  }
.layer_box > header { display:none; }
.layer_box > .layer_cnt { display:block; overflow:hidden; }

.layer_box textarea {
	width:100%; height:310px; padding:10px; border:1px solid #ddd; overflow-y:auto; resize:none; outline:0;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.layer_box .email_area { display:table; width:100%; height:300px; border-collapse:collapse; border-spacing:0; margin:0; padding:0; overflow:hidden; }
.layer_box .email_area .email_box { display:table-cell; width:100%; padding:30px 20px; text-align:center; vertical-align:middle; overflow:hidden; box-sizing: border-box;}
.layer_box .email_area .email_box .big_txt { margin-bottom:20px; font-size:20px; color:#222; font-weight:700; }
.layer_box .email_area .email_box .normal_txt { margin:0 10%; font-size:15px; color:#555; line-height:1.5; text-align:justify; word-break:keep-all; }

.layer_box .sitemap { display:block; float:left; width:24%; min-height:230px; height: auto; margin-right:1%; margin-bottom:1%; border:1px solid #ddd; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.layer_box .sitemap dt { padding:5px 5px; font-size:0.87em; color:#000; font-weight:700; text-align:left; border-bottom:1px dotted #b7b7b7; }
.layer_box .sitemap dd { margin:0; padding:5px 5px; }
.layer_box .sitemap dd > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.layer_box .sitemap dd > ul > li { display:block; margin:0; padding:0; overflow:hidden; }
.layer_box .sitemap dd > ul > li > a { display:block; padding:5px 5px; font-size:0.87em; color:#666; border-bottom:1px dotted #ddd; overflow:hidden; text-transform: uppercase; }
.layer_box .sitemap dd > ul > li:nth-last-child(1) a { border-bottom:0; }
.layer_box .sitemap:nth-child(4n+4) { margin-right:0; }

.layer_box .t_depth_menu { padding:7px 5px !important; background:#f4f4f4; }
.layer_box .t_depth_menu > li { display:block; margin:0; padding:0; overflow:hidden; }
.layer_box .t_depth_menu > li > a { display:block; padding:5px 5px; font-size:0.81em; color:#666;  overflow:hidden; }
.layer_box .t_depth_menu > li:nth-last-child(1) > a { border-bottom:0; }

.layer_box .f_depth_menu { padding:5px !important; background:#fff; }
.layer_box .f_depth_menu > li { display:block; margin:0; padding:0; overflow:hidden; }
.layer_box .f_depth_menu > li > a { display:block; padding:5px 5px; border-bottom:1px dotted #ddd; overflow:hidden; }
.layer_box .f_depth_menu > li:nth-last-child(1) > a { border-bottom:0; }


.layer_box .sitemap dd > ul > li > ul > li > a{ display: block; color: rgba(255,255,255,0.7);  line-height: 2; text-align: center; font-size: 14px; transition:.3s;}
.layer_box .sitemap dd > ul > li > ul > li > a:hover{color: #fff;}

.ui-widget-overlay { background:rgba(0,0,0,0.7); }



	.pop_bg {
		position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:101110;
		background:rgba(0,0,0,0.7);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
	}
	.layer_box {
		position:fixed; display:block; left:0; right:0; top:0; bottom:0; width:980px; max-width:980px; height:609px; max-height:609px; margin:auto auto; padding:30px; background:#fff; z-index:1001111;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	.layer_email{width: 700px; height: 500px; } 
	.layer_box > h3 { margin-bottom:40px; font-size:30px; color:#111; font-weight:700; }
	.layer_box .btn_close { position:absolute; display:block; width:60px; height:56px; right:-60px; top:0; background:url(/images/common/btn_close.jpg) no-repeat center center; overflow:hidden; font-size:0;line-height:0;}
	.layer_box.layer_sitemap .btn_close {right:0; left: auto; width:70px; height:70px;  border: 1px solid rgba(255,255,255,0.15); background: #000;}	
	.layer_box.layer_sitemap .btn_close:after{position: absolute; content:''; left: 0; top: 0; width:70px; height:70px;  background:url(/images/common/btn_close.jpg) no-repeat center center;  transform:rotate(90deg);  transition:.8s; }
	.layer_box.layer_sitemap .btn_close:hover:after{transform:rotate(360deg);}
	.layer_box .div_outline { display:block; /*height:360px; overflow-y:auto;*/ border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.layer_box .div_outline:after { display:block; content:""; clear:both; }
	.layer_box .div_outline_padding { display:block; height:360px; padding:20px; border:1px solid #ddd; overflow-y:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.layer_box .div_outline_padding:after { display:block; content:""; clear:both; }

	.layer_box textarea {
		width:100%; height:450px; padding:10px; border:0; overflow-y:auto; resize:none; outline:0;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}

	.layer_box .email_area { display:table; width:100%; height:100%; border-collapse:collapse; border-spacing:0; margin:0; padding:0; overflow:hidden; }
	.layer_box .email_box { display:table-cell; width:100%; height:350px; padding:50px; text-align:center; vertical-align:middle; box-sizing:border-box; overflow:hidden; }
	.layer_box .email_area .email_box .big_txt { margin-bottom:20px; font-size:20px; color:#222; font-weight:700; }
	.layer_box .email_area .email_box .normal_txt { margin:0; font-size:15px; color:#555; line-height:1.5; word-break:keep-all; }

	.layer_box.layer_pat {top:auto;bottom:20px;width:600px;height:800px;max-height:800px;padding:30px 30px 0;}
	.layer_box.layer_pat .pop_name {display:table;position:relative;width:93%;height:72px;margin:-36px auto 0;background:#49494b;border-radius:10px 10px 0 0;table-layout:fixed;}
	.layer_box.layer_pat .pop_name > span {display:table-cell;padding:0 20px;font-size:17px;font-weight:400;color:#fff;line-height:27px;text-align:center;vertical-align:middle;}
	.layer_box.layer_pat .div_outline {height:734px;border:none;text-align:center;}
	.layer_box.layer_pat .div_outline img {width:auto;max-width:100%;height:100%;box-shadow:0 0 5px rgba(100,100,100,0.5);}
	.layer_box.layer_sitemap {position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;;background:rgba(0,0,0,0.4); box-sizing: border-box; padding-top: 5vh;}
	.layer_box.layer_sitemap .div_outline_padding {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:1400px;max-width:1400px;height:630px;max-height:630px;border:0;padding:0;}

	.layer_box.layer_sitemap h3{font-size: 30px; color: #fff; text-align: center;}

/* 	.layer_box.layer_sitemap .btn_close {top:0;right:0;background-color:transparent;} */
	.layer_box .sitemap {border:0;height:auto;width:25%;margin:0;box-sizing:border-box; margin-bottom: 33px;}
	.layer_box .sitemap:last-child {border-right:0;}
	.layer_box .sitemap dt {padding:0;font-size:30px;font-weight:700;line-height:1;color:#fff;text-align:center;border-bottom:0;margin-bottom:30px;transition:0.4s;}
	.layer_box .sitemap dt span{position: relative;}
	.layer_box .sitemap dd {padding:0;}
	.layer_box .sitemap dd > ul {/* height:300px; */}
	.layer_box .sitemap dd > ul > li > a {padding:0;font-size:16px;line-height:36px;font-weight:350;color:#fff;text-align:center;border-bottom:0;transition:0.4s;} 
	.layer_box .sitemap dd > ul > li > .dep3{
		display: none;
	}

	.layer_box .sitemap dd > ul > li > a.dep3Toggle{
		background: url(/images/common/gnb_down.svg) no-repeat 80% center;
		background-size: 14px;

	}

	.layer_box .sitemap dt{} 
	.layer_box .sitemap dt span{position: relative; color: #fff;}
	.layer_box .sitemap dt span:before{position: absolute; content:''; width: 0%; height: 14px; background: #295c9b; left: 0; bottom: 0; z-index: -1; opacity: 0; transition:.3s;} 
	.layer_box .sitemap dt.current span:before,
	.layer_box .sitemap:hover dt span:before{width: 100%; opacity: 1;}
	.layer_box .sitemap:hover dd > ul > li > a {color:#fff;}
	.layer_box .sitemap dd > ul > li:hover > a {color:#98afff;}
	 
	.layer_privacy { display:none; }		 
	.layer_privacy2 { display:none; }
	.layer_email { display:none; }
	.layer_pat { display:none; }
	.layer_regis { display:none; }
	.layer_sitemap { display:none; }
	.layer_video { display:none; width:1280px;max-width:1280px;height: 720px;max-height: 720px;padding: 0;}
	
	@media(max-width:1400px){
		.layer_box.layer_sitemap .div_outline_padding {width: 100%; padding-top: 50px;}	
	
	}

	@media(max-width:1024px){
		.layer_box { width:auto; max-width:90%; height:auto; padding:10px; }
		.layer_box > h3 { margin-bottom:10px; padding:10px 0; font-size:1.4em; }
		.layer_box .btn_close { position:absolute; display:block; width:35px; height:35px; right:0; top:0; overflow:hidden; }
		.layer_box .div_outline { display:block; height:auto; border:1px solid #ddd; overflow-y:auto; }
		.layer_box .div_outline:after { display:block; content:""; clear:both; }
		.layer_box .email_area .email_box { padding:30px; }
		.layer_box .email_area .email_box .big_txt { font-size:1em; }
		.layer_email { max-height:300px; }
	}

	@media(max-width:800px){
		.layer_box.layer_sitemap .div_outline_padding{box-sizing: border-box; padding: 50px 20px;}
		.layer_box .sitemap{width: 49%; margin-right: 2%; overflow: hidden; overflow-y: auto;}
		.layer_box .sitemap:nth-child(2n+2){margin-right:  0;}
	}

	@media(max-width:640px){
		.layer_box .email_box {height: auto;}

		.layer_box .sitemap { width:100%; margin-right: 0; min-height: auto; margin-bottom: 50px;}
		.layer_box .sitemap dd > ul > li:not(:last-child){margin-bottom: 10px;}
		.layer_box .sitemap dd > ul > li > a { font-size:18px; font-weight: bold; }
		
		/* 사이트맵 */
		.layer_box.layer_sitemap .div_outline_padding {width:100%;height:80%;max-height:80%;}
		.layer_box .sitemap:nth-child(2n+2) {border-right:0;}
		.layer_box.layer_sitemap .btn_close {width: 45px; height: 45px;}
		.layer_box.layer_sitemap .btn_close:after {width: 45px; height: 45px; background-size: 30px;}
		.layer_box .sitemap dt {font-size:28px;line-height:3vh;margin-bottom:3vh;}
		.layer_box .sitemap dd > ul {height:auto;}
		.layer_box .sitemap dd > ul > li > a {line-height:3vh;}
	}
	/* @media(max-width:480px){
		.layer_box > h3{font-size: 5vw !important; font-weight: 500 !important;}
		.layer_box textarea{font-size: 3.2vw; line-height: 1.7;}
		.layer_box .email_area .email_box .normal_txt{font-size: 3.2vw; text-align: center; line-height: 1.7;}
		.layer_box .sitemap dd{overflow: hidden; overflow-y: scroll !important;}
		.layer_box .sitemap dd > ul{overflow: hidden; overflow-y: scroll !important;}
		.layer_box .sitemap dd > ul > li > a{line-height: 2;}
		.layer_box .sitemap{overflow: hidden; overflow-y: scroll !important;}
		.layer_box .sitemap dd{height: auto; overflow-y: scroll !important;}
		.layer_box.layer_sitemap .btn_close {width: 45px; height: 45px;}
		.layer_box.layer_sitemap .btn_close:after {width: 45px; height: 45px; background-size: 30px;}
		.layer_box.layer_sitemap {padding-top: 11vh;}
		.layer_box.layer_sitemap{overflow: hidden; overflow-y: auto;}
		.layer_box.layer_sitemap .div_outline_padding{overflow: hidden; overflow-y: auto; top: 27vh;}
		.layer_box .sitemap dd > ul > li > ul {display: none;}
	} */

	/* 사이트맵 */

/* ===== FOOTER ===== */
#footer {
    position: relative;
    z-index:1;
	background:#111111;
}
#footer .ft-top {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding: 25px 0;
	border-bottom:1px solid rgba(255,255,255,0.15);
}


#go-top {position:fixed;bottom:40px;right:20px;width:60px; height:60px;  color:#fff;text-align:center;font-size:18px;z-index:90;background:#111; border-radius:50%; border:1px solid #444;}
#go-top .arr{display:block; background:url(/img/bu/bu-language-white.png) no-repeat center; width:11px; height:4px; transform:rotate(180deg); margin:0 auto 5px}
#go-top p{font-size:12px;}


#footer .ft-top .ft-menu {
	font-size:0;
}
#footer .ft-top .ft-menu li {
	display:inline-block;
	margin-left:30px;
}
#footer .ft-top .ft-menu li:first-child {
	margin-left:0;
}
#footer .ft-top .ft-menu li a {
	font-size:16px;
	color:#fff;
}
#footer .ft-top .ft-site {
	position:relative;
	width:190px;
	border:1px solid #595959;
}
#footer .ft-top .ft-site h2:after {
	content:"";
	position:absolute;
	right:18px;
	top:50%;
	width:11px;
	margin-top:-1px;
	height:4px;
	background:url(/images/common/footer-family.png) no-repeat center; 
}
#footer .ft-top .ft-site.open h2:after{
	transform:rotate(180deg);
}
#footer .ft-top .ft-site h2 {
	padding-left:20px;
	font-size:14px;
	color:rgba(255,255,255,0.5);
	font-weight:400;
	line-height:48px;
	cursor:pointer
}
#footer .ft-top .ft-site ul {
	display:none;
	position:absolute;
	left:0;
	bottom:100%;
	width:100%;
	background:#fff;
	padding:10px 20px;
	border:1px solid #ddd;
}
#footer .ft-top .ft-site ul li a{
	font-size:14px;
	color:#aaa;
	display:block;
	margin:5px 0;
	line-height:1.5;
}
#footer .ft-top .ft-site ul li a:hover{
	color:#111;
}
#footer .ft-btm  {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:30px 0 55px;
	border-bottom:1px solid rgba(255,255,255,0.15);
}

#footer .ft-btm .ft-addr{
	width:calc(100% - 240px);
}
#footer .ft-btm address p {
	position:relative;
	display:inline-block;
	padding-left:15px;
	margin-left:15px;
	font-size:14px;
	color:#aaa;
	letter-spacing:-0.25px;
	font-weight:400;
	font-style:normal;
} 
#footer .ft-btm address p:after {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	width:1px;
	height:10px;
	background:#484848;
}
#footer .ft-btm address p:first-child {
	padding-left:0;
	margin-left:0;
}

#footer .ft-btm address p:first-child:after{
	display: none;
}

#footer .ft-btm p.copyright {
	margin-top:20px;
	font-size:14px;
	color:rgba(255,255,255,0.5);
}
#footer .ft-btm .ft-sns {
	font-size:0;
}
#footer .ft-btm .ft-sns li { 
    display:inline-block;
    margin-left:10px;
}
#footer .ft-btm .ft-sns li:first-child {
	margin-left:0;
}
#footer .ft-btm .ft-sns li a {
	display:block;
	width:40px;
	height:40px;
	border-radius:50%;
    background-color:#292929;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
#footer .ft-btm .ft-sns li.sns-youtube a {
	background-image:url(/images/common/ico-youtube-white.png);
}
#footer .ft-btm .ft-sns li.sns-kakao a {
	background-image:url(/images/common/ico-kakao-white.png);
	background-size: 20px;
}
#footer .ft-btm .ft-sns li.sns-blog a {
	background-image:url(/images/common/ico-blog-white.png);
}
#footer .ft-btm .ft-sns li.sns-instagram a {
	background-image:url(/images/common/ico-instagram-white.png);
}
#footer .ft-btm .ft-sns li.sns-linkedin a {
	background-image:url(/images/common/ico-linkedin-white.png);
}

#footer .ft-btm .ft-sns li.sns-download a {
	background-image:url(/images/common/ico-down-white.png);
	background-size: 24px;
}


#footer .ft-btm .ft-sns li a:hover {
	background-color:#444;
}

#footer.en .ft-btm address {
    display: flex;
    flex-direction: column;
}
#footer.en .ft-btm address p {
    padding: 0;
    margin: 0;
}

@media screen and (max-width:820px) {
	#footer .ft-top {
        display: block;
    }
    #footer .ft-top .ft-menu li {
        margin-left: 15px;
    }
    #footer .ft-top .ft-menu li a {
        font-size: 14px;
    }
    #footer .ft-top .ft-site {
        margin: 20px 0 0;
    }
    #footer .ft-btm {
        display: block;
    }
    #footer .ft-btm .ft-addr {
        width: 100%;
    }
    #footer .ft-btm address p {
        display: block;
        padding-left: 0;
        margin-left: 0;
    }
    #footer .ft-btm address p:after {
        display: none;
    }
    #footer .ft-btm p.copyright {
        font-size: 12px;
    }
    #footer .ft-btm .ft-sns {
        margin: 20px 0 0;
    }
}