@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(http://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);
@import url(../../../spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); 
@import url(../../../fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(../../../gists.rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/856f1dbb8d807aabceb80b6d4f94b464df461b3e/gotham.css);
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

html,body { font-family:'Roboto', 'Noto Sans KR', 'Spoqa Han Sans', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; }
body {overflow-y:visible;overflow-x:auto;}
#doc {position:relative;background:#fff;min-width:360px; overflow:hidden;z-index:8999;min-width:360px;opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
#doc.show{ transition-delay:0s; opacity:1;}
#doc.main{position:fixed; left:0; top:0; width:100%;height:100%;}
	@media only screen and (max-width:1200px){
		#doc.main{position:relative; left:auto; top:auto; width:auto; height:auto;}
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1240px; padding:0 20px; box-sizing:border-box;}
.div-cont2 {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1600px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:999px){
		.div-cont{padding:0 15px;}
		.div-cont2{padding:0 15px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2010;width:100%;height:100%;/* height:calc(100% - 60px) */;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1200px){
		.header-slider-ovclick{display:none !important}
	}

/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:absolute;z-index:2005;}
#container-wrap{position:relative;z-index:1004;}
#footer-wrap{position:relative;z-index:1005; height:auto !important}
#doc.show { transition-delay:0s; opacity:1;}


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap.fix{position:fixed; top:0;}
	
	@media only screen and (min-width:1200px){
		#header-wrap.fixed{position:fixed; top:0;}
		#header-wrap.fixed:after{border-bottom:1px solid #ddd;background:#fff;  }
		#header-wrap.fixed #logo a{background-image:url(../img/logo-over.png)}

		#header-wrap.fixed .bt-allmenu{background-image:url(../img/Layout/bt-mnallo.png)}
		#header-wrap.fixed .bt-mnall{background-image:url(../img/Layout/bt-mnallo.png)}
		#header-wrap.fixed .bt-mnclose{background-image:url(../img/Layout/bt-mncloseo.png)}

		#header-wrap.fixed .topmenu .mn_a1{color:#2f3035;}
		#header-wrap.fixed #gnb-wrap li a{color:#000;}
		#header-wrap.fixed #gnb-wrap li a:after{background:#000;}

		#header-wrap.fixed #mainNavi-wrap .ovbar{opacity:1}
	
	}
#header-wrap {left:0; width:100%; top:0; min-width:360px; }
#header-wrap:after{position:absolute;left:50%; top:0; width:20000px;background:none;margin-left:-10000px;height:100%; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.2);z-index:-1;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;display:block; content:"";}
#header-wrap.fix:after, #header-wrap.isOver:after{border-bottom:1px solid #ddd;background:#fff;  }
#header{position:relative;height:90px; z-index:5001; }

/*=== #logo{position:absolute; left:20px; top:31px; width:224px; height:40px; z-index:2009;} ===*/
#logo{position:absolute; left:18px; top:25px; width:265px; height:40px; z-index:2009;}
#logo a{display:block; height:40px;background:url(../img/logo.png) no-repeat left center; background-size:100% auto}
#header-wrap.isOver #logo a, #header-wrap.fix #logo a{background-image:url(../img/logo-over.png)}



#gnb-wrap{position:absolute; right:80px; top:50%; z-index:2008;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#gnb-wrap ul{}
#gnb-wrap ul:after{display:block; content:"";clear:both}
#gnb-wrap li{float:left;}
#gnb-wrap li:nth-child(n+2){margin-left:24px;}
#gnb-wrap li a{font-size:13px; color:#fff; line-height:30px; display:block;text-transform:uppercase; position:relative;}
#gnb-wrap li a:after{width:0;height:1px;background:#fff; position:absolute; left:0; bottom:0; display:block; content:""; -webkit-transition: width 0.3s ease-out;-moz-transition: width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}
#gnb-wrap li a:hover:after{width:100%;}

#header .bt-allmenu{position:absolute;z-index:2599; width:30px; height:30px; background:url(../img/Layout/bt-mnall.png) no-repeat center center; background-size:26px auto;right:20px; top:50%;margin-top:-15px;}

#header .bt-mnall {position:absolute;display:none;z-index:2599; width:30px; height:30px; background:url(../img/Layout/bt-mnall.png) no-repeat center center; background-size:24px auto;right:15px; top:50%;margin-top:-15px;;}
#header .bt-mnclose {position:absolute;display:none;z-index:2599; width:30px; height:30px; background:url(../img/Layout/bt-mnclose.png) no-repeat center center; background-size:18px auto;right:15px; top:50%;margin-top:-15px;;}

#header-wrap.isOver .bt-allmenu, #header-wrap.fix .bt-allmenu{background-image:url(../img/Layout/bt-mnallo.png)}
#header-wrap.isOver .bt-mnall, #header-wrap.fix .bt-mnall{background-image:url(../img/Layout/bt-mnallo.png)}
#header-wrap.isOver .bt-mnclose, #header-wrap.fix .bt-mnclose{background-image:url(../img/Layout/bt-mncloseo.png)}
	
#allmenu-wrap{position:fixed; top:0;left:0; display:none;;opacity:0; z-index:3005;background:url(../img/Layout/allmenu-bg.jpg) no-repeat center center; background-size:cover;background-attachment:fixed; width:100%;height:100%; box-sizing:border-box; overflow-y:auto; padding:70px 0 0 0 ;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}	
#allmenu-wrap.open{display:block;}
#allmenu-wrap.open.show{opacity:1}
#allmenu-wrap h2{background:url(../img/logo.png) no-repeat left center; background-size:100% auto; width:224px;height:33px; position:absolute; left:20px; top:31px}	
#allmenu-wrap .close {position:absolute;z-index:2599; width:30px; height:30px; background:url(../img/Layout/bt-mnclose.png) no-repeat center center; background-size:26px auto;right:25px; top:32px; -webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
#allmenu-wrap .close:hover{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }

#allmenu-wrap .allmenu{padding:50px 0 70px 0}
#allmenu-wrap ul{max-width:1200px; margin:0 auto; font-size:0;}
#allmenu-wrap ul:after{display:block; content:"";clear:both;}
#allmenu-wrap li.mn_l1{display:inline-block;vertical-align:top; width:33.333333%; box-sizing:border-box;padding-left:10%}
#allmenu-wrap li.mn_l1:nth-child(n+4){margin-top:90px;}
#allmenu-wrap li .mn_a1 {font-size:25px;font-weight:700; line-height:1.5em; color:#fff; letter-spacing:-0.02em}
#allmenu-wrap li .mn_a1:hover { color:#005abb;}
#allmenu-wrap li .mn_a1:after { display: block; content: ""; padding-left:0px; width: 180px; height: 1px;  background:rgba(255,255,255,0.35); margin: 10px 0px;}

#allmenu-wrap li .depth2-wrap{padding-top:30px}
#allmenu-wrap li .depth2{}
#allmenu-wrap li.mn_l2:nth-child(n+2){margin-top:7px;}
#allmenu-wrap li .mn_a2{font-size:15px;font-weight:400; line-height:1.2em; color:#fff; letter-spacing:-0.02em; padding:4px 0}
#allmenu-wrap li .mn_a2:hover{color:#0062cb}

#header-wrap.fix .topmenu .mn_a1, #header-wrap.isOver .topmenu .mn_a1{color:#2f3035;}
#header-wrap.fix #gnb-wrap li a, #header-wrap.isOver #gnb-wrap li a{color:#000;}
#header-wrap.fix #gnb-wrap li a:after, #header-wrap.isOver #gnb-wrap li a:after{background:#000;}


	@media only screen and (min-width:1480px) and (max-width:1700px){
		#gnb-wrap{right:75px;}
		#gnb-wrap li:nth-child(n+2){margin-left:20px;}
	}
	@media only screen and (min-width:1200px) and (max-width:1479px){
		#gnb-wrap{right:75px;}
		#gnb-wrap li:nth-child(n+2){margin-left:20px;}
		#gnb-wrap li a{font-size:12px;}
	}
	@media only screen and (max-width:1199px) {
		#header{height:60px;}
		#header .bt-allmenu{display:none;}
		#header .bt-mnall{display:block}

		#logo{width:150px;height:25px; left:15px; top:18px;}
		#logo a{height:25px;}
		
		#gnb-wrap{right:65px;}
		#gnb-wrap li:first-child{display:none}
		#gnb-wrap li:nth-child(n+2){margin-left:0;}
		#gnb-wrap li a span{display:block;width:50px;overflow:hidden; font-weight:700; height:30px; line-height:29px;}

		#allmenu-wrap{display:none !important}
	}

	/*=======================================================
		#mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1200px){
		#header .bt-mnall, #header .bt-mnclose{display:none !important;}

		#header .bt-mnall{display:none;}
		#mainNavi-wrap {height:50px;overflow:hidden;position:absolute;left:0;top:7px;width:100%;display:block;z-index:2007;}
		#mainNavi-wrap .tmn-tit {display:none;}

		#mainNav {position:relative;}
		.tm-top{display:none}
		
		.topmenu {display:block;position:relative;text-align:center; font-size:0;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {font-size:18px;line-height:1.35em;display:block;color:#fff; font-weight:500; letter-spacing:-0.03em; position:relative; text-align:center; z-index:14;}
		.topmenu .mn_l1:first-child .mn_a1:after{display:none;}
		.topmenu .mn_l1:first-child{margin-left:30px;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;}
		.topmenu .mn_a1 {font-size:20px;padding:25px 57px;}
		.topmenu .mn_a1:hover{color:#00438a}
		.topmenu .mn_a1:before{width:0;left:50%; height:3px; background:#00438a; display:block; content:""; position:absolute; bottom:-7px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: width 0.3s ease-out;-moz-transition: width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1{color:#00438a}
		.topmenu .is-open .mn_a1:before{width:100%;}
		
		.topmenu #tm01 .mn_a1 {padding:25px 30px;}
		.topmenu #tm03 .mn_a1 {padding:25px 70px;}
		.topmenu #tm04 .mn_a1 {padding:25px 40px;}
		.topmenu #tm05 .mn_a1 {padding:25px 10px;}

		.topmenu .mn_l1.is-open .depth2-wrap:before{width:1px;height:100%; position:absolute; left:0; top:0; background:#e5e5e5; display:block; content:""}
		.topmenu .mn_l1.is-open .depth2-wrap:after{width:1px;height:100%; position:absolute; right:0; top:0; background:#e5e5e5; display:block; content:""}
		.topmenu .mn_l1.is-open .depth2-wrap{background:#fafafa}
		.topmenu .depth2-wrap {position:absolute;top:83px;display:none;visibility:hidden;padding:0; width:100% !important;}
		.topmenu .depth2 {position:relative;height:auto;padding:30px 20px 30px 20px;overflow:hidden; min-height:500px; box-sizing:border-box; }
		.topmenu .depth2 li {}
		.topmenu .depth2 .mn_l2 {text-align:left;}
		.topmenu .depth2 .mn_a2 {line-height:1.2em;padding:5px 0 5px 0; display:block;}
		.topmenu .depth2 .mn_a2 span {display:inline-block;line-height:1.2em ;border-bottom:1px solid #fff; padding:3px 2px; /*text-transform:uppercase;*/ position:relative;font-weight:300; font-size:15px;letter-spacing:-0.03em;color:#000;}
		.topmenu .depth2 .mn_a2:hover span {color:#00438a; font-weight:400; border-bottom:1px solid #000 }
	
		#mainNavi-wrap .ovbar {position:absolute;height:2px;top:82px;display:none !important;overflow:hidden; opacity:0}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:0;background:#00438a; height:2px;content:"";display:block;z-index:200; width:100%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		#header-wrap.isOver #mainNavi-wrap .ovbar, #header-wrap.fix #mainNavi-wrap .ovbar{opacity:1}
		

		.mn-bar {position:absolute;background:#fff;top:90px;width:20000px; left:50%;margin-left:-10000px;z-index:2000; height:0; box-sizing:border-box;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12) ;}
	}
	@media only screen and (min-width:1480px) and (max-width:1700px){
		.topmenu .mn_a1 {padding:25px 40px;}
		.topmenu #tm01 .mn_a1 {padding:25px 30px;}
		.topmenu #tm04 .mn_a1 {padding:25px 20px;}
		
		.topmenu .depth2 {min-height:580px;}
		.topmenu .depth2 .mn_a2 span{font-size:15px;}
	}
	@media only screen and (min-width:1200px) and (max-width:1479px){
		#logo{width:190px; height:32px;}
		#logo a{height:32px;}

		.topmenu .mn_a1{font-size:18px;padding:25px 27px;}
		.topmenu #tm01 .mn_a1 {padding:25px 21px;}
		.topmenu #tm04 .mn_a1 {padding:25px 10px;}
		
		.topmenu .depth2 {min-height:430px;padding:20px 0 20px 15px} 
		.topmenu .depth2 .mn_a2 {padding:4px 0}
		.topmenu .depth2 .mn_a2 span{font-size:14px;}
	}
	@media only screen and (max-width:1199px) {
		#header-wrap .mn-bg {display:none;}
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;right:-300px;min-width:280px;overflow-y:auto;overflow-x:hidden;top:0;width:300px;height:100%;/* height:calc(100% - 60px); */-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;	transition: right 0.3s ease-out;}
		#mainNavi.mn-h-open {right:0;}

		.tm-top{position:relative; border-bottom:1px solid #e6e6e6}
		.tm-top h2{ background:#fff url(../img/logo-over.png) no-repeat 17px center; background-size:150px auto; height:60px;}
		.tm-top .eng-lang{right:57px; top:50%; height:30px; margin-top:-15px; position:absolute;}
		.tm-top .eng-lang span{display:block;width:30px;overflow:hidden; font-weight:700; height:30px; font-size:13px; line-height:29px; color:#000;}
		.tm-top .eng-lang:after{width:0;height:1px;background:#000; position:absolute; left:0; bottom:0; display:block; content:""; -webkit-transition: width 0.3s ease-out;-moz-transition: width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}
		.tm-top .eng-lang:hover:after{width:100%;}

		
		.topmenu {width:100%;display:block;position:relative;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		
		.topmenu a {position:relative;}
		.topmenu .mn-txt{display:none;}

		.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:2px;top:50%;width:50%;height:1px;background:#252525;transform: rotate(45deg);}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:2px;top:50%;width:50%;height:1px;background:#252525;transform: rotate(-45deg);}
		.topmenu .mn_l1 > .tgl-btn {right:20px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {background:#c60c30;left:2px;transform: rotate(-45deg);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {background:#c60c30;right:2px;transform: rotate(45deg);}
		.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.topmenu .mn_a1 {position:relative;display:block;border-bottom:1px solid #efefef;}
		.topmenu .mn_a1 span {display:block;padding:17px 30px 17px 20px;overflow:hidden;font-size:15px;font-weight:500;letter-spacing:-0.01em;white-space:normal;cursor:pointer;color:#000; }
		.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span , .topmenu .is-open .mn_a1 span {color:#c60c30;}
		.topmenu .over .mn_a1, .topmenu .is-open .mn_a1{border-color:#c60c30;}

		.topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;}

		.topmenu li > div {display:none; opacity:0;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;background:#f7f7f7;padding:15px 0;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block; text-align:left;}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_a2 {display:block;padding:6px 45px 6px 20px; position:relative;}
		.topmenu .depth2 .mn_a2 span.img{display:none;}
		.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:400;cursor:pointer;color:#666;}
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#111;text-decoration:underline}


		.mn-bar {display:none;}
	}
	@media only screen and (max-width:680px){
		#mainNavi {right:-350px;width:350px;}
	}
	

/* ======================================================
   #container-wrap 
=========================================================*/
.sub #container-wrap #contents{/*min-height:500px;*/ padding:95px 20px 150px; }

	@media only screen and (max-width:1200px){
		.sub #container-wrap #contents{padding:70px 15px; }
	}
	@media only screen and (max-width:999px){
		.sub #container-wrap #contents{padding:50px 15px; }
	}
	@media only screen and (max-width:680px){
		.sub #container-wrap #contents{}
	}
	@media only screen and (max-width:480px){

	}



/* ======================================================
   #top-vis & #snbNavi-wrap
=========================================================*/
#top-vis{height:410px; position:relative;z-index:1005; overflow:hidden;}
#top-vis .img{height:410px;position:relative;}
#top-vis .img img{width:100%;height:410px;object-fit:cover;}
#top-vis .txt{position:absolute; left:0; top:47%; text-align:center; width:100%; z-index:5}
#top-vis .txt h2{font-size:40px; color:#fff; line-height:1.2em; font-weight:400; letter-spacing:-0.03em;}
#top-vis .txt p{margin-top:15px;font-size:15px; color:#fff; line-height:1.2em; font-weight:400;}
	
#snbNavi-wrap{height:55px; position:relative;z-index:1005}	
#snbNavi-wrap:after{position:absolute;width:20000px; left:50%;margin-left:-10000px; top:0;height:100%; box-sizing:border-box; border-bottom:1px solid #dbdbdb; display:block;content:"";z-index:-1;}
#snbNavi-wrap .snbNavi{max-width:1200px; margin:0 auto;position:relative; padding-left:85px; box-sizing:border-box;}
#snbNavi-wrap .snbNavi:after{display:block; content:"";clear:both;}
#snbNavi-wrap .home{width:83px;height:55px;position:absolute; left:0;top:0;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb;background:url(../img/Sub/left-home.png) no-repeat center center;}
#snbNavi-wrap dl{min-width:320px; float:left; position:relative;}
#snbNavi-wrap dl:nth-child(n+2):before{width:1px;height:100%; position:absolute; left:-1px; top:0; display:block; content:"";background:#dbdbdb;}
#snbNavi-wrap dl:last-child:after{width:1px;height:100%; position:absolute; right:0; top:0; display:block; content:"";background:#dbdbdb;}

#snbNavi-wrap dt{}
#snbNavi-wrap dt a{display:block; line-height:54px;height:55px; padding-left:20px; color:#353535; letter-spacing:-0.02em; font-size:14px; position:relative;}
#snbNavi-wrap dt a:after{width:14px;height:8px; position:absolute;right:20px; top:50%;margin-top:-4px; background:url(../img/Sub/left-depth.png) no-repeat center center; display:block; content:""}
#snbNavi-wrap dt.active a:after{background-image:url(../img/Sub/left-deptho.png);}
#snbNavi-wrap dd{position:absolute;display:none; left:-1px; top:55px; width:calc(100% + 1px);background:#fff;box-sizing:border-box; border:1px solid #dbdbdb;border-top:0;}
#snbNavi-wrap dd ul{}
#snbNavi-wrap dd li{}
#snbNavi-wrap dd li a{line-height:45px; font-size:15px; color:#555; letter-spacing:-0.02em; padding:0 25px; display:block;}
#snbNavi-wrap dd li a:hover{background:#f4f4f4}
#snbNavi-wrap dd li:nth-child(n+2){/* border-top:1px solid #dbdbdb; */}	
#snbNavi-wrap dd li.active a{background:#f0f0f0; font-weight:700; color:#111;}
	@media only screen and (max-width:1200px){
		#top-vis{height:450px;}
		#top-vis .img{height:450px;}
		#top-vis .img img{height:450px;}
		#top-vis .txt{top:45%}
		#top-vis .txt h2{font-size:35px}
		#top-vis .txt p{margin-top:10px; font-size:14px}

		#snbNavi-wrap .snbNavi{padding-left:55px;}
		#snbNavi-wrap .home{width:53px;}
	}
	@media only screen and (max-width:999px){
		#top-vis{height:350px;}
		#top-vis .img{height:350px;}
		#top-vis .img img{height:350px;}
		#top-vis .txt h2{font-size:30px}
		
		#snbNavi-wrap{height:50px; display:none;} /* ¸ð¹ÙÀÏ ±ÛÀÚ¼ö ¶§¹®¿¡ È÷µçó¸® */
		#snbNavi-wrap .snbNavi{/*padding-left:30px;*/ padding-left:0px;}
		#snbNavi-wrap .home{/*width:48px;height:50px;*/ display:none;}

		/*#snbNavi-wrap dl{min-width:auto; width:50%;}
		#snbNavi-wrap dl:nth-child(4){display:none;}*/

		#snbNavi-wrap dt a{padding-left:17px; font-size:15px; padding-right:20px; height:50px; line-height:49px;}
		#snbNavi-wrap dt a:after{right:15px; width:11px;}
		#snbNavi-wrap dd{top:50px; /*min-width:150px;*/ min-width:125px;}
		#snbNavi-wrap dd li a{padding:0 17px; font-size:14px;}

		#snbNavi-wrap dl{min-width:auto; width:33.333%;}
		#snbNavi-wrap dl:nth-child(5){display:none;}

		


	}
	@media only screen and (max-width:680px){
		#top-vis{height:300px;}
		#top-vis .img{height:300px;}
		#top-vis .img img{height:300px;}
		#top-vis .txt h2{font-size:25px}
		#top-vis .txt p{font-size:13px}
	}
	@media only screen and (max-width:480px){
		#top-vis{height:260px;}
		#top-vis .img{height:260px;}
		#top-vis .img img{height:260px;}

		#snbNavi-wrap dt a{padding-left:10px; font-size:13px; letter-spacing:-0.05em;}
		#snbNavi-wrap dt a:after{right:10px; width:9px; right:10px;}
		#snbNavi-wrap dd li a{padding:0 12px;font-size:13px;line-height:40px;}
	}


/* ======================================================
    con-top & top-btn 
=========================================================*/
.con-top{text-align:center; margin-bottom:45px;}
.con-top h2{font-size:40px; font-weight:500;letter-spacing:-0.03em; line-height:1.2em; color:#000}	
.con-top p{margin-top:15px;font-size:16px; color:#666; font-weight:400; letter-spacing:-0.02em; line-height:1.3em;}

.top-btn{ z-index:2004;right:-70px;width:45px;height:45px;background:url(../img/Layout/top-btn.jpg) no-repeat center center;background-size:100% auto; bottom:20px; position:fixed;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.top-btn.over{right:20px; }
.top-btn:hover{background-image:url(../img/Layout/top-btno.jpg)}
	@media only screen and (max-width:1200px){
		.con-top h2{font-size:35px;}
		.con-top p{margin-top:10px;font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.con-top{margin-bottom:30px;}
		.con-top h2{font-size:29px;}
		.con-top p{font-size:14px;word-break: keep-all; padding:0 15px;}
		
		.top-btn{width:40px;height:40px; bottom:15px;}
		.top-btn.over{right:15px;}
	}
	@media only screen and (max-width:680px){
		.con-top h2{font-size:24px;}
		.con-top p{font-size:13px;}
		
		.top-btn{width:35px;height:35px;bottom:10px;}
		.top-btn.over{right:10px;}
		
	}
	@media only screen and (max-width:480px){
		
	}


/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative;background:#393939;}
#footer {position:relative;text-align:left;margin:0 auto; max-width:1240px; box-sizing:border-box; padding:0 20px;}

/*== #f-logo{width:141px;height:25px; position:absolute;background:url(../img/logo.png) no-repeat left center; background-size:100% auto; left:0; top:40px; }  ==*/
#f-logo{width:147px;height:40px; position:absolute;background:url(../img/f-logo.png) no-repeat left center; background-size:100% auto; left:0; top:40px; }

.f-link{ border-bottom:1px solid #575757;}
.f-link ul:after{display:block;content:"";clear:both;}
.f-link li{float:left;position:relative;}
.f-link li:nth-child(n+2){margin-left:42px;}
.f-link li:nth-child(n+2):before{width:3px;height:3px; position:absolute; left:-22px; top:37px; display:block; content:"";background:#c0c0c0;}
.f-link li a{display:block; line-height:76px; font-size:16px; color:rgba(255,255,255,0.8);}
.f-link li a:hover{color:#fff;/* text-decoration:underline */}

.f-info{padding:37px 0 40px 170px; position:relative;}
.f-info .in-comm{line-height:1em;}
.f-info .in-comm p{display:inline-block;vertical-align:top;font-size:14px; color:#999; line-height:1.2em; letter-spacing:-1px;}
.f-info .in-comm p:nth-child(n+2){margin-left:10px;}
.f-info .in-comm p i{letter-spacing:26px}
.f-info .mg7t{margin-top:7px;}
.f-info .in-copy{font-size:13px; color:#999; line-height:1.2em;}
.f-info .in-copy br{display:none;}

.f-family{position:absolute; width:220px;height:44px;right:0; top:38px;}
.f-family .sel{display:block; position:relative;background:#161616; line-height:44px; padding:0 10px 0 27px; font-size:12px; font-family:"Roboto"; color:#fff;text-transform:uppercase;}
.f-family .sel:after{width:9px;height:5px; position:Absolute;right:21px; top:20px; background:url(../img/Layout/family-arrow.png) no-repeat center center; display:block; content:""}
.f-family.active .sel:after{transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0);-webkit-transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0); }
.f-family ul{position:absolute; right:0; bottom:45px; width:100%;background:#161616; padding:25px 30px;box-sizing:border-box; display:none}
.f-family li{}
.f-family li:nth-child(n+2){margin-top:7px;}
.f-family li a{font-size:15px; color:#999; line-height:1.2em;}
.f-family li a:hover{color:#fff;}
	@media only screen and (max-width:1200px){
		.f-link li a{font-size:14px; line-height:66px;}
		.f-link li:nth-child(n+2){margin-left:42px; margin-left:35px;}
		.f-link li:nth-child(n+2):before{top:32px; left:-18px;}

		.f-info .in-comm p{font-size:13px;}
		.f-info .in-comm p i{letter-spacing:24px}
		.f-info .in-copy{font-size:13px;}

		.f-family{width:200px;}
		.f-family .sel{padding-left:20px}
		.f-family .sel:after{right:15px;}
		.f-family ul{padding:20px 20px}
		.f-family li a{font-size:14px;}

	}
	@media only screen and (max-width:1140px){
		.f-info .in-comm{position:relative; padding-left:60px;}
		.f-info .in-comm span{position:absolute; left:0; top:0;}
		.f-info .in-comm p:first-child{}
		
		.f-family{top:-51px;height:40px;}
		.f-family .sel{line-height:40px;}
		.f-family .sel:after{top:16px;}
		.f-family ul{bottom:41px;}
	}
	@media only screen and (max-width:999px){
		#footer{ background:#333;padding:0 15px}
		#f-logo{position:relative; left:auto; top:auto; margin:0 auto 25px auto;}

		.f-link{ border-bottom:1px solid #575757;box-sizing:border-box; width:calc(100% + 30px); margin-left:-15px; background:#424242;}
		.f-link li:nth-child(n+2){margin-left:0;}
		.f-link li:nth-child(n+2):before{width:1px;height:100%; left:-1px; top:0; background:#575757}
		.f-link li a{display:block; text-align:center; line-height:40px; font-size:13px;}
		.f-link li:nth-child(1){width:37%}
		.f-link li:nth-child(2){width:37%}
		.f-link li:nth-child(3){width:26%}

		.f-info{padding:30px 0 20px 0;text-align:center;}
		.f-info .in-comm { padding-left:0; margin:0 auto; max-width:420px;}
		.f-info .in-comm p{text-align:center; letter-spacing:-0.03em;}
		.f-info .in-comm p:first-child{display:block; margin-bottom:4px;}
		.f-info .in-comm p:nth-child(2){margin-left:0;}
		.f-info .in-comm span{position:relative; left:auto; top:auto;}
		.f-info .in-comm p i{letter-spacing:21px}
		.f-info .in-comm.mg7t{margin-top:7px;}

		.f-info .in-copy{font-size:12px; opacity:0.75; }

		.f-family{position:relative; right:auto; top:auto; width:auto; margin-top:25px; text-align:left;}
		.f-family .sel{background:none; border:1px solid #575757}
		.f-family ul{border:1px solid #575757;background:none; bottom:39px;background:#393939}
		.f-family li a{font-size:13px;}
	}
	@media only screen and (max-width:680px){
		#f-logo{margin-bottom:20px;}
	}
	@media only screen and (max-width:480px){
		#footer{padding:0 10px}
		.f-link li a{font-size:12px;}
		.f-info .in-comm p{font-size:12px}
		.f-info .in-copy{line-height:1.4em}
		.f-info .in-copy br{display:block;}
	}


/* ======================================================
    .gnb-center
=========================================================*/

.gnb-center {text-align:center;}
@media only screen and (max-width:480px){
		.gnb-center {text-align:left;}
	}