@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url("../font/s-core-dream.css");

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

html,body {width:100%; font-family:'s-core-dream-regular', "Malgun Gothic";font-weight:400;  }
#doc {position:relative;min-width:360px; overflow:hidden;opacity:0;-webkit-transition: opacity 0.4s ease-out;-moz-transition: opacity 0.4s ease-out;-o-transition: opacity 0.4s ease-out;transition: opacity 0.4s ease-out;}
#doc.show{ transition-delay:0.2s; opacity:1;}
body {overflow-y:visible;overflow-x:hidden;}
@media only screen and (min-width:1000px) {
	body {overflow-y:visible !important}
}

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1400px; box-sizing:border-box; padding:0 20px;}
.div-cont:after {clear:both;content:"";display:block;}

.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.7);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2010;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.7);cursor:pointer }
	@media only screen and (min-width:1000px) {
		.header-slider-ovclick{display:none !important}
	}
	@media only screen and (max-width:999px) {
		.div-cont{padding:0 15px;}
	}

/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:absolute;z-index: 99999;}
#container-wrap{position:relative;z-index:1004; }
#footer-wrap{position:relative;z-index: 9998;}



/*=======================================================
    #header-wrap
=========================================================*/
#header-wrap {width:100%; left:0; top:0; min-width:360px;}
#header-wrap:before{position:absolute; left:50%; top:0; height:100%;background:#fff;  box-sizing:border-box;width:20000px; margin-left:-10000px; border-bottom:1px solid #e1e1e1;display:block; content:""; z-index:-1;}

#header{position:relative; }
#header .inner{height:80px; position:relative; }

#header-wrap.fix{position:fixed; left:0; top:0; width:100%; min-width:360px;}

#logo{ width:233px;height:42px; position:absolute; left:20px;top:20px; z-index:2009 }
#logo a{display:block;height:42px; background:url(../images/logo.png) no-repeat left center; background-size:100% auto;}

.bt-mnall{display:none;z-index:1009; width:60px; height:60px; position:absolute; right:10px; top:0; background:url(../images/Layout/bt-mnall.png) no-repeat center center #d90504; background-size:40% auto;}
.bt-search{display:none;z-index:1009 ;width:60px; height:60px; position:absolute; left:0; top:0; background:url(../images/Layout/bt-search.png) no-repeat center center #000; background-size:40% auto;}
.bt-mnclose{z-index:2011; width:60px; height:60px; position:absolute; right:-60px; top:0; background:url(../images/Layout/bt-mnclose.png) no-repeat center center #000; background-size:40% auto;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.bt-mnclose.active{right:280px;}
	@media only screen and (min-width:1200px) and (max-width:1400px){
		#logo{ width:210px;height:37px;}
		#logo a{height:37px;}
	}
	@media only screen and (min-width:1185px) and (max-width:1279px){
		#logo{ width:190px;height:34px; top:23px;}
		#logo a{height:34px;}
	}
	@media only screen and (min-width:1000px) and (max-width:1184px){
		#logo{ width:175px;height:32px;top:26px;}
		#logo a{height:32px;}
	}
	@media only screen and (min-width:1000px){
		.bt-mnclose{display:none !important}
	}
	@media only screen and (max-width:999px){
		#header .inner{height:60px;}
		#header .inner:before{border-bottom:none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)  ; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)  ; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)  ; }
		#logo{ width:180px;height:32px;top:14px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		#logo a{height:32px; }
		.bt-mnall{display:block;}
		.bt-search{display:block;}
	}
	@media only screen and (max-width:680px){
		#logo{width:160px;}
	}
	@media only screen and (max-width:480px){

	}


#gnb-wrap{position:relative; height:45px; max-width:1400px; margin:0 auto;padding:0 20px; box-sizing:border-box;}
#gnb-wrap:after{background:#e1e1e1;height:1px; position:Absolute; left:50%;margin-left:-10000px; width:20000px; display:block; content:""; bottom:0;}

#gnb-wrap .member{position:absolute;right:220px; top:8px;}
#gnb-wrap .member ul{}
#gnb-wrap .member ul:after{display:block; content:"";clear:both;}
#gnb-wrap .member li{float:left;position:relative;}
#gnb-wrap .member li:first-child a{ padding-left:40px;}
#gnb-wrap .member li:first-child .img{position:Absolute; left:0; top:0; width:30px;height:30px; display:block; content:"";background:url(../images/Layout/top-myphoto.png) no-repeat center center;background-size:100% auto }
#gnb-wrap .member li:first-child .img img{width:100%;vertical-align:top; line-height:100%;}
#gnb-wrap .member li:nth-child(n+2){margin-left:25px;}
#gnb-wrap .member li:nth-child(n+2):before{width:1px;height:12px; position:absolute; left:-13px; top:50%;margin-top:-6px; display:block; background:#b7b7b7; content:""}
#gnb-wrap .member li a{display:block; line-height:30px; font-size:14px; color:#696969;position:relative;}
#gnb-wrap .member li a:hover{color:#111;}

#gnb-wrap .sns{position:absolute;right:20px; top:8px;}
#gnb-wrap .sns ul{}
#gnb-wrap .sns ul:after{display:block; content:"";clear:both;}
#gnb-wrap .sns li{float:left;}
#gnb-wrap .sns li:nth-child(n+2){margin-left:10px;}
#gnb-wrap .sns li a{display:block; width:30px; height:30px; background-size:100% auto !important;}
#gnb-wrap .sns li:nth-child(1) a{background:url(../images/Layout/top-sns01.png) no-repeat center center;}
#gnb-wrap .sns li:nth-child(2) a{background:url(../images/Layout/top-sns02.png) no-repeat center center;}
#gnb-wrap .sns li:nth-child(3) a{background:url(../images/Layout/top-sns05.png) no-repeat center center;}
#gnb-wrap .sns li:nth-child(4) a{background:url(../images/Layout/top-sns04.png) no-repeat center center;}

.top-search{display:none;position:absolute; min-width:320px; left:0; top:0;width:100%; box-sizing:border-box; z-index:9123;}
.top-search:after{background:#f4f4f4; border-bottom:1px solid #e1e1e1; position:absolute; left:50%;margin-left:-10000px; width:20000px; top:0; height:100%; display:block; content:"";z-index:-1;}
.top-search.over{display:block;}
.top-search .chk-input{width:100%;}
.top-search .chk-input input{height:40px; padding:0 30px 0 5px; font-size:14px; padding-right:40px; font-weight:300; color:#111;letter-spacing:-0.03em;border:none;border-bottom:1px solid rgba(0,0,0,0.45); box-sizing:border-box; width:100%; background:none;}
.top-search .chk-input.active input{color:#111 !important}
.top-search .close{width:40px;height:40px; position:absolute; right:10px; top:7px;background:url(../images/Layout/search-close.png) no-repeat center center; background-size:40% auto}
.top-search .enter{width:40px;height:40px; position:absolute; right:55px; top:7px;border:none;background:url(../images/Layout/search-enter.png) no-repeat center center; background-size:45% auto}
.top-search .ov{/* max-width:1300px; margin:0 auto;  */position:relative; box-sizing:border-box;padding:10px 55px 10px 15px; }
	@media only screen and (max-width:1400px){
		#gnb-wrap .member li a{font-size:13px;}
	}
	@media only screen and (min-width:1000px){
		.top-search{display:none !important}
	}
	@media only screen and (max-width:999px){
		#gnb-wrap{display:none;height:0;}
	}


	/*=======================================================
		#mainNavi-wrap desktop
	=========================================================*/
	@media only screen and (min-width:1000px){
		#mainNavi-wrap {height:50px;overflow:hidden;position:absolute;left:0;top:13px;width:100%;display:block;z-index:2007;}
		#mainNavi-wrap .tm-top {display:none;}
		.tm-gnb{display:none;}

		.topmenu {display:block;position:relative;text-align:right; font-size:0; padding:0 20px;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;line-height:1em;}
		/* .topmenu .mn_l1:first-child{margin-left:264px;} */
		.topmenu .mn_a1 {font-size:22px;  position:relative; overflow:hidden;padding:15px 0px; max-width:224px;min-width:224px; box-sizing:border-box;line-height:45px;display:block;color:#000; font-weight:400; letter-spacing:-0.03em; text-align:center;}
		.topmenu .mn_a1 span{display:block;position:relative;line-height:27px;-webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease-out;transition: transform 0.3s ease-out; font-family:'s-core-dream-medium', "Malgun Gothic";}
		.topmenu .is-open .depth2-wrap{background:#fafafa;}

		.topmenu .depth2-wrap {position:absolute;top:67px;display:none;visibility:hidden;padding:0; left:0; width:100% !important; }
		.topmenu .depth2-wrap:after{width:1px;height:100%;position:absolute; right:0; top:0; display:block; content:"";background:#e1e1e1; }
		.topmenu #tm01 .depth2-wrap:before{width:1px;height:100%;position:absolute; left:0; top:0; display:block; content:"";background:#e1e1e1; }
		.topmenu .depth2 {position:relative;height:auto;padding:10px 20px;overflow:hidden; min-height:341px; box-sizing:border-box; }
		.topmenu .depth2 li {}
		.topmenu .depth2 .mn_l2 {text-align:center;}
		.topmenu .depth2 .mn_l2:nth-child(n+2){border-top:1px solid #e1e1e1}
		.topmenu .depth2 .mn_a2 {line-height:45px;display:block;font-weight:400; font-size:18px;letter-spacing:-0.03em;color:#696969;word-break: keep-all;}
		.topmenu .depth2 .mn_a2 span{display:inline-block;vertical-align:top; position:relative;}
		.topmenu .depth2 .mn_a2.new-win span{padding:0 25px; background:url(../images/Layout/new-win.png) no-repeat right center;}
		.topmenu .depth2 .mn_a2:hover{color:#7b9410; font-weight:500;}

		#mainNavi-wrap .ovbar {position:absolute;height:4px;top:63px;overflow:hidden;}
		#mainNavi-wrap .ovbar:after {position:absolute;top:0;left:0;background:#7b9410; height:4px;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;}

		.mn-bar {position:absolute;background:#fff;top:80px;width:20000px; left:50%;margin-left:-10000px;z-index:2000; height:0;border-bottom:1px solid #e1e1e1}

	}
	@media only screen and (min-width:1320px) and (max-width:1400px){
		.topmenu .mn_a1 {font-size:20px;min-width:210px; max-width:210px;}
		.topmenu .depth2 .mn_a2 {font-size:17px;}
		.topmenu .depth2 .mn_a2.new-win span{padding:0 20px;}
	}
	@media only screen and (min-width:1260px) and (max-width:1319px){
		.topmenu .mn_a1 {font-size:19px;min-width:195px; max-width:195px;}
		.topmenu .depth2 {padding:5px 15px; min-height:300px;}
		.topmenu .depth2 .mn_a2 {font-size:16px;}
		.topmenu .depth2 .mn_a2.new-win span{padding:0 15px; padding-right:20px;}
	}
	@media only screen and (min-width:1170px) and (max-width:1259px){
		.topmenu .mn_a1 {font-size:18px;min-width:180px; max-width:180px;}
		.topmenu .depth2 {padding:5px 15px; min-height:300px;}
		.topmenu .depth2 .mn_a2 {font-size:15px;}
		.topmenu .depth2 .mn_a2.new-win span{padding:0 10px; padding-right:20px;}
	}
	@media only screen and (min-width:1000px) and (max-width:1169px){
		.topmenu .mn_a1 {font-size:17px;min-width:155px; max-width:155px;}
		.topmenu .depth2 {padding:5px 10px; min-height:300px;}
		.topmenu .depth2 .mn_a2 {font-size:14px;}
		.topmenu .depth2 .mn_a2.new-win span{padding:0 10px; padding-right:20px;}
	}


	/*=======================================================
		#mainNavi-wrap mobile
	=========================================================*/
	@media only screen and (max-width:999px) {
		#mainNavi-wrap{position:relative; z-index:5300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;right:-270px;overflow-y:auto;overflow-x:hidden;top:0;width:270px;height:100%;-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;	transition: right 0.3s ease-in-out;}
		#mainNavi.mn-h-open {right:0;}

		.tm-gnb .myPhoto{text-align:center; position:relative; margin:0 auto; padding-top:25px;}
		.tm-gnb .myPhoto .photo{width:90px;height:90px;display:inline-block;vertical-align:top; position:relative;}
		.tm-gnb .myPhoto .photo .img{width:100%; overflow:hidden; border-radius:100%; height:90px; box-sizing:border-box;}
		.tm-gnb .myPhoto .photo .img img{width:100%; height:90px;object-fit:cover;}
		.tm-gnb .myPhoto input{display:none;}
		.tm-gnb .myPhoto label{width:30px; height:30px; border-radius:30px; position:absolute; right:-2px; bottom:-2px; background:url(../images/Layout/photo-enter.png) no-repeat center center; background-size:100% auto;}


		.tm-gnb .member{margin-top:15px;}
		.tm-gnb .member ul{font-size:0;text-align:center; }
		.tm-gnb .member ul:after{display:block; content:"";clear:both;}
		.tm-gnb .member li{display:inline-block;vertical-align:top;position:relative;}
		.tm-gnb .member li:nth-child(n+2){margin-left:25px;}
		.tm-gnb .member li:nth-child(n+2):before{width:1px;height:12px; position:absolute; left:-13px; top:50%;margin-top:-6px; display:block; background:#b7b7b7; content:""}
		.tm-gnb .member li a{display:block; line-height:30px; font-size:13px; color:#696969;position:relative;}
		.tm-gnb .member li a:hover{color:#111;}

		.tm-gnb .sns{margin-top:15px;}
		.tm-gnb .sns ul{font-size:0;text-align:center; }
		.tm-gnb .sns ul:after{display:block; content:"";clear:both;}
		.tm-gnb .sns li{display:inline-block;vertical-align:top;}
		.tm-gnb .sns li:nth-child(n+2){margin-left:12px;}
		.tm-gnb .sns li a{display:block; width:36px; height:36px; background-size:100% auto !important;}
		.tm-gnb .sns li:nth-child(1) a{background:url(../images/Layout/top-sns01.png) no-repeat center center;}
		.tm-gnb .sns li:nth-child(2) a{background:url(../images/Layout/top-sns02.png) no-repeat center center;}
		.tm-gnb .sns li:nth-child(3) a{background:url(../images/Layout/top-sns03.png) no-repeat center center;}
		.tm-gnb .sns li:nth-child(4) a{background:url(../images/Layout/top-sns04.png) no-repeat center center;}

		.topmenu {background:#f5f5f5;width:100%;display:block;position:relative; border-top:1px solid #ccc; margin-top:25px;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}

		.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:15px;height:1px;background:#252525;transform: rotate(90deg);-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;}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute; left:2px;top:50%;width:15px;height:1px;background:#252525;transform: rotate(0);-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;}
		.topmenu .mn_l1 > .tgl-btn {right:15px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {background:#fff;transform: rotate(0);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {background:#fff;transform: rotate(0);}
		.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 #ccc;display:block;padding:18px 30px 18px 25px;overflow:hidden;font-size:16px;font-weight:400;letter-spacing:-0.01em;white-space:normal;cursor:pointer;color:#252525;}
		.topmenu .over .mn_a1, .topmenu .is-open .mn_a1{background:#7b9410; color:#fff; border-color:#7b9410}

		.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:#e5eacf;padding:15px 0;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_a2 {display:block;padding:6px 45px 6px 34px; position:relative;font-size:14px;font-weight:400;cursor:pointer;color:#696969;}
		.topmenu .depth2 .mn_a2:hover, .topmenu .depth2 .over .mn_a2{color:#7b9410;}
		.topmenu .depth2 .mn_a2:before{width:2px;height:2px; position:Absolute; left:25px; top:14px; background:#696969; display:block; content:""}
		.topmenu .depth2 .mn_a2:hover:before, .topmenu .depth2 .over .mn_a2:before{background:#7b9410;}

		.topmenu .depth2 .mn_a2 span{display:inline-block;vertical-align:top; position:relative;}
		.topmenu .depth2 .mn_a2.new-win span{padding-right:20px; background:url(../images/Layout/new-win.png) no-repeat right center;}

		.mn-bar {display:none;}
	}



/* ======================================================
   #container
=========================================================*/
#container-wrap{margin-top:125px;}
#container-wrap #contents{min-height:700px; padding:0px 0 30px 0;}
.sub #container-wrap #contents{min-height:880px; padding:80px 20px 80px 20px;}
	@media only screen and (max-width:1240px){

	}
	@media only screen and (max-width:999px){
		#container-wrap{margin-top:60px;}
		.sub #container-wrap #contents{min-height:500px; padding:65px 15px;}
	}
	@media only screen and (max-width:680px){
		.sub #container-wrap #contents{padding:50px 15px;}
	}
	@media only screen and (max-width:480px){
		.sub #container-wrap #contents{padding:35px 15px;}
	}


/* ======================================================
    #quick-warp
=========================================================*/
.sub #quick-wrap{top:443px;}
#quick-wrap{position:Absolute;right:0;top:125px;width:100px;z-index: 9999;-webkit-transition: right 0.4s ease-in-out;-moz-transition: right 0.4s ease-in-out;-o-transition: right 0.4s ease-in-out;transition:right 0.4s ease-in-out;}
#quick-wrap .sitemap-btn{width:100px;height:100px;display:block; background:url(../images/Layout/bt-mnall.png) no-repeat center center #d90504; background-size:30% auto;}
#quick-wrap .search-btn{width:100px;height:100px;display:block; background:url(../images/Layout/bt-search.png) no-repeat center center #000; background-size:30% auto;}
#quick-wrap .top-btn{width:100px;height:100px;display:block; background:#eaa333;text-align:center;}
#quick-wrap .top-btn span{display:block;padding-top:57px; line-height:1.2em; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.03em;background:url(../images/Layout/top-btn.png) no-repeat center 24px}

#quick-wrap ul li a{width:100px;height:100px;display:block; background:rgba(0,0,0,0.7); text-align:center;}
#quick-wrap ul li a span{display:block;padding-top:57px; line-height:1.2em; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.03em;}
#quick-wrap ul li a span:hover{color:#e9a12f}
#quick-wrap ul li:nth-child(n+2) a span{padding-top:45px;}
#quick-wrap ul li:nth-child(1) a span{background:url(../images/Layout/quick-menu01.png) no-repeat center 24px;}
#quick-wrap ul li:nth-child(2) a span{background:url(../images/Layout/quick-menu02.png) no-repeat center 5px;}
#quick-wrap ul li:nth-child(3) a span{background:url(../images/Layout/quick-menu03.png) no-repeat center 5px;}
#quick-wrap ul li:nth-child(4) a span{background:url(../images/Layout/quick-menu04.png) no-repeat center 5px;}
#quick-wrap ul li:nth-child(5) a span{background:url(../images/Layout/quick-menu05.png) no-repeat center 5px;}
#quick-wrap ul li:nth-child(6) a span{background:url(../images/Layout/quick-menu06.png) no-repeat center 5px;}

#quick-wrap ul li:nth-child(1) a:hover span{background:url(../images/Layout/quick-menu01o.png) no-repeat center 24px;}
#quick-wrap ul li:nth-child(2) a:hover span{background:url(../images/Layout/quick-menu02o.png) no-repeat center 5px;}
#quick-wrap ul li:nth-child(3) a:hover span{background:url(../images/Layout/quick-menu03o.png) no-repeat center 5px;}
#quick-wrap ul li:nth-child(4) a:hover span{background:url(../images/Layout/quick-menu04o.png) no-repeat center 5px;}
#quick-wrap ul li:nth-child(5) a:hover span{background:url(../images/Layout/quick-menu05o.png) no-repeat center 5px;}
#quick-wrap ul li:nth-child(6) a:hover span {background:url(../images/Layout/quick-menu06o.png) no-repeat center 5px;}
	@media only screen and (max-width:1600px){
		#quick-wrap{right:-110px;}
	}
	@media only screen and (max-width:999px){

	}
	@media only screen and (max-width:680px){

	}
	@media only screen and (max-width:480px){

	}



/* ======================================================
    contNav & top-vis
=========================================================*/
#top-vis{position:relative; border-bottom:2px solid #eaa333;}
#top-vis h2 {position:Absolute; margin-top:-25px;left:0; top:50%; width:100%; text-align:center;-webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  -o-transform: translate(0, -50%);  transform: translate(0, -50%);}
#top-vis h2 span{font-family: 'Nanum Myeongjo'; font-size:40px; font-weight:700; color:#252525; letter-spacing:-0.05em;position:relative; display:inline-block;vertical-align:Top; border:12px solid rgba(0,0,0,0.3); padding:20px 60px; line-height:1.1em;}
#top-vis h2 span:before{left:10px; top:-32px;width:26px;height:46px;background:url(../images/Sub/subtop-dots.png) no-repeat center center; display:block; content:""; position:absolute;}
#top-vis .img{}
#top-vis .img img{width:100%;height:318px;object-fit:cover; visibility:hidden;}
#top-vis .img.vis01{background:url(../images/Sub/sub-vis01.jpg) no-repeat center top ;background-size:cover;}

.page-ctrl{position:absolute;right:20px; top:50%; z-index:91;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.page-ctrl ul:after{display:block; content:"";clear:both}
.page-ctrl li{float:left;}
.page-ctrl li a{display:block;width:25px;height:25px; box-sizing:border-box; border-radius:100%;}
.page-ctrl li:nth-child(n+2){margin-left:7px;}
.page-ctrl li:nth-child(1) a{background:url(../images/Sub/fontsize-up.png) no-repeat center center;}
.page-ctrl li:nth-child(2) a{background:url(../images/Sub/fontsize-down.png) no-repeat center center;}
.page-ctrl li:nth-child(3) a{background:url(../images/Sub/page-print.png) no-repeat center center;}
.page-ctrl li:nth-child(4) a{background:url(../images/Sub/page-email.png) no-repeat center center;}
.page-ctrl li:nth-child(5) a{background:url(../images/Sub/page-share.png) no-repeat center center;}
	@media only screen and (max-width:1400px){
		#top-vis h2 span{font-size:35px; border-width:10px; padding:15px 50px;}
		#top-vis h2 span:before{background-size:22px auto;left:5px;}

		#top-vis .img img{height:290px;}
	}
	@media only screen and (max-width:1200px){
		#top-vis h2 span{font-size:31px; border-width:8px;padding:12px 30px;}
		#top-vis h2 span:before{background-size:18px auto; height:40px; top:-26px;}

		#top-vis .img img{height:270px;}
	}
	@media only screen and (max-width:999px){
		#top-vis h2{margin-top:-20px;}
		#top-vis h2 span{font-size:27px; border-width:6px;padding:10px 20px;}
		#top-vis h2 span:before{background-size:14px auto; height:35px; top:-22px;}

		#top-vis .img img{height:250px;}

		.page-ctrl{display:none;}
	}
	@media only screen and (max-width:680px){
		#top-vis h2 span{font-size:23px; border-width:4px;}
		#top-vis h2 span:before{left:0;}
		#top-vis .img img{height:220px;}
	}
	@media only screen and (max-width:480px){
		#top-vis h2 span{font-size:21px;}
		#top-vis .img img{height:200px;}
	}


#snbNavi-wrap{height:67px;z-index:4001;box-sizing:border-box; width:100%; position:absolute; bottom:0; left:50%;max-width:1400px; margin:0 auto; padding:0 20px; text-align:right;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
#snbNavi-wrap .snbNavi{display:inline-block;vertical-align:top;position:relative; padding-left:100px; box-sizing:border-box; width:970px;text-align:left;}
#snbNavi-wrap .snbNavi:before{width:2000px; left:0; bottom:0; height:100%; display:block; content:""; z-index:-1; position:absolute;background:#fff;}
#snbNavi-wrap .snbNavi:after{display:block; content:"";clear:both;}
#snbNavi-wrap .home{width:100px;height:67px;position:absolute; left:0;top:0;background:url(../images/Sub/ico-home.png) no-repeat center center;}
#snbNavi-wrap dl{min-width:250px; 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:66px;height:67px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:37px;padding-left:20px; color:#252525; font-size:18px; font-weight:500; letter-spacing:-0.03em; position:relative;}
#snbNavi-wrap dt a:after{width:25px;height:25px; position:absolute;right:17px; top:22px; background:url(../images/Sub/snb-arrowo.png) no-repeat center center; display:block; content:""}
#snbNavi-wrap dt.active a:after{background-image:url(../images/Sub/snb-arrow.png);}
#snbNavi-wrap dd{position:absolute;display:none; left:-1px; top:67px; width:calc(100% + 1px);box-sizing:border-box; }
#snbNavi-wrap dd:after{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box;border:1px solid #ddd;background:#f7f8f9; display:block; content:""; z-index:-1;}
#snbNavi-wrap dd ul{}
#snbNavi-wrap dd li{}
#snbNavi-wrap dd li:nth-child(n+2){border-top:1px solid #ddd}
#snbNavi-wrap dd li a{line-height:52px; font-size:17px; color:#252525;font-weight:300;letter-spacing:-0.03em; padding:0 20px; display:block;}
#snbNavi-wrap dd li a:hover{}
#snbNavi-wrap dd li:nth-child(n+2){/* border-top:1px solid #dbdbdb; */}
#snbNavi-wrap dd li.active{border-color:#eaa333}
#snbNavi-wrap dd li.active a{background:url(../images/Sub/snb-active.jpg) repeat; font-weight:500; color:#fff;}
	@media only screen and (max-width:1400px){
		#snbNavi-wrap{height:60px;}
		#snbNavi-wrap .snbNavi{width:920px; padding-left:80px;}
		#snbNavi-wrap .home{width:80px; height:60px;}
		#snbNavi-wrap dl{min-width:220px;}
		#snbNavi-wrap dt a{line-height:59px; height:60px; font-size:17px;}
		#snbNavi-wrap dt a:after{ top:18px; right:13px;}
		#snbNavi-wrap dd{top:60px;}
		#snbNavi-wrap dd li a{line-height:45px; font-size:16px;}
	}
	@media only screen and (max-width:1200px){
		#snbNavi-wrap{height:55px; left:0;background:#fff;padding:0;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
		#snbNavi-wrap .snbNavi{width:auto; display:block; padding-left:55px;}
		#snbNavi-wrap .home{width:55px; height:55px;background-size:20px;}
		#snbNavi-wrap dl{min-width:220px;}
		#snbNavi-wrap dt a{line-height:54px; height:55px; font-size:16px;}
		#snbNavi-wrap dt a:after{ top:15px; right:13px;background-size:20px auto;}
		#snbNavi-wrap dd{top:55px;}
		#snbNavi-wrap dd li a{line-height:45px; font-size:15px;}
	}
	@media only screen and (max-width:999px){
		#snbNavi-wrap{height:50px;}
		#snbNavi-wrap .snbNavi{padding-left:50px;}
		#snbNavi-wrap .home{width:48px;height:50px;}

		#snbNavi-wrap dl{min-width:auto; width:52%;}
		#snbNavi-wrap dl:nth-child(3){width:48%}

		#snbNavi-wrap dt a{padding-left:15px; font-size:15px; padding-right:34px;height:50px; line-height:49px;}
		#snbNavi-wrap dt a:after{right:10px; top:12px;}
		#snbNavi-wrap dd{top:50px; min-width:150px;}
		#snbNavi-wrap dd li a{line-height:40px; padding:0 15px; font-size:14px;}
	}
	@media only screen and (max-width:680px){
		#snbNavi-wrap dt a{font-size:14px;}
		#snbNavi-wrap dt a:after{right:7px;}
		#snbNavi-wrap dd li a{font-size:13px;}
	}

/* ======================================================
    #footer-wrap
=========================================================*/
#footer-wrap {display:block; position:relative;margin-top:50px; border-top:1px solid #e6e6e6;}
#footer {position:relative;}

.f-banner{position:relative;padding:15px 0 15px 200px}
.f-banner h3{font-family: 'NanumBarunGothic';line-height:20px; position:absolute; left:0; top:15px; font-size:16px; font-weight:400; color:#000; letter-spacing:-0.03em; }
.f-banner .ctrl{ position:Absolute; left:72px; top:15px; font-size:0;}
.f-banner .ctrl .prev{display:inline-block;vertical-align:top;border:1px solid #d7d7d7; width:18px;height:18px;background:url(../images/Layout/banner-prev.jpg) no-repeat center center;}
.f-banner .ctrl .play{/* display:inline-block;vertical-align:top; */display:none;border:1px solid #d7d7d7; border-left:none; border-right:none; width:18px;height:18px;background:url(../images/Layout/banner-next.jpg) no-repeat center center;}
.f-banner .ctrl .stop{display:inline-block;vertical-align:top;border:1px solid #d7d7d7; border-left:none; border-right:none;width:18px;height:18px;background:url(../images/Layout/banner-stop.jpg) no-repeat center center;}
.f-banner .ctrl .next{display:inline-block;vertical-align:top;border:1px solid #d7d7d7; border-right:none; width:18px;height:18px;background:url(../images/Layout/banner-next.jpg) no-repeat center center;}
.f-banner .ctrl .all-view{display:inline-block;vertical-align:top;border:1px solid #d7d7d7;height:18px; font-size:10px; font-weight:400; letter-spacing:-0.03em; padding:0 5px; line-height:16px;}
.f-banner .ctrl .all-view:hover{border-color:#111; background: #111; color:#fff;}

.f-banner .banner-slide{position:relative;}
.f-banner .banner-slide:after{position:absolute;right:0; top:0; height:100%; width:3px; background:#fff;z-index:912; display:block; content:""}
.f-banner .banner-slide .item{position:relative;}
.f-banner .banner-slide .item:before{width:1px;height:12px; position:absolute; left:-11px; top:50%;margin-top:-6px; display:block; background:#b7b7b7; content:""}
.f-banner .banner-slide .item a{display:block ;line-height:20px; color:rgba(46,46,46,0.6); font-size:13px; letter-spacing:-0.03em;}
.f-banner .banner-slide .item a:hover{color:#2e2e2e;}
	@media only screen and (max-width:1400px){
		#footer-wrap{margin-top:80px}
	}
	@media only screen and (max-width:1200px){
		.f-banner .banner-slide .item:before{left:-6px;}
	}
	@media only screen and (max-width:999px){
		#footer-wrap {border:none; margin-top:60px;}
		.f-banner{padding:15px 0 15px 110px;}
		.f-banner:before{width:20000px; left:50%;margin-left:-10000px; top:0; height:100%;background:#eceded; position:absolute; display:block; content:"";z-index:-1;}
		.f-banner h3{font-size:15px;}
		.f-banner .ctrl{left:60px}
		.f-banner .ctrl .prev{border:1px solid #d7d7d7;border-radius:100%; background:url(../images/Layout/banner-mprev.png) no-repeat center center; background-size:25% auto;}
		.f-banner .ctrl .next{border:1px solid #d7d7d7;border-radius:100%; background:url(../images/Layout/banner-mnext.png) no-repeat center center; background-size:25% auto; margin-left:3px;}
		.f-banner .ctrl .stop{display:none !important}
		.f-banner .ctrl .play{display:none !important}
		.f-banner .ctrl .all-view{display:none !important}

		.f-banner .banner-slide{height:20px; padding:0 2px;}
		.f-banner .banner-slide:after{display:none;}
		.f-banner .banner-slide .item a{background:#fff; border:1px solid #d7d7d7; padding:0 10px; font-size:12px; height:20px;}
		.f-banner .banner-slide .item:before{display:none;}
	}
	@media only screen and (max-width:680px){
		#footer-wrap {margin-top:30px;}
		.f-banner .banner-slide .item a{padding:0 5px;}
	}
	@media only screen and (max-width:480px){

	}

.f-site{position:relative; z-index:912;font-family: 'NanumBarunGothic';}
.f-site:before{width:20000px; left:50%;margin-left:-10000px; top:0; height:100%;background:#e6e6e6; position:absolute; display:block; content:"";z-index:-1;}
.f-site:after{display:block; content:"";clear:both;}
.f-site .sitem{float:left; width:20%;position:relative;}
.f-site .sitem:after{background:#d5d5d5; position:Absolute; right:-1px; top:0; height:100%; display:block; content:""; width:1px;}
.f-site .sitem.first:before{background:#d5d5d5; position:absolute; left:0; top:0; height:100%; display:block; content:""; width:1px; z-index:9;}

.f-site .sitem .sbtn{display:block; line-height:40px; padding:0 15px;  font-size:14px; color:#2e2e2e; position:relative; }
.f-site .sitem .sbtn:after{width:16px; height:16px; position:absolute; right:12px; top:50%;margin-top:-8px; display:block; content:"";background:url(../images/Layout/f-linko.png) no-repeat center center;}
.f-site .sitem .sbtn.active{background-color:#f6f6f6;}
.f-site .sitem .sbtn.active:before{background:#d5d5d5; position:absolute; left:0; top:0; height:100%; display:block; content:""; width:1px; z-index:9;}
.f-site .sitem .sbtn.active:after{background-image:url(../images/Layout/f-link.png)}
.f-site .sitem ul{position:absolute; left:0; bottom:40px; border:1px solid #d5d5d5; background:#fff;  width:calc(100% + 1px); box-sizing:border-box; padding:20px; border-bottom:none;max-height:149px; overflow-y:auto; display:none;}
.f-site .sitem li{}
.f-site .sitem li a{display:block; font-size:13px; line-height:1.2em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f-site .sitem li:nth-child(n+2){margin-top:10px;}
.f-site .sitem li a:hover{color:#5184c0; font-weight:700;}
	@media only screen and (max-width:1200px){
		.f-site .sitem .sbtn{font-size:13px;}
	}
	@media only screen and (max-width:999px){
		.f-site{padding-top:15px;}
		.f-site:before{display:none;}
		.f-site .sitem{float:none; width:auto;}
		.f-site .sitem:after{display:none;}
		.f-site .sitem.first:before{display:none;}
		.f-site .sitem:nth-child(n+3){margin-top:10px;}

		.f-site .sitem .sbtn{border:1px solid #d4d3d3;line-height:35px;  background:#f7f8f9}
		.f-site .sitem .sbtn.active:before{display:none;}
		.f-site .sitem .sbtn:after{width:35px;height:35px; border-left:1px solid #d4d3d3; right:0;top:0;margin-top:0;background-image:url(../images/Layout/f-mlink.png); background-size:35% auto;}
		.f-site .sitem .sbtn.active:after{background-image:url(../images/Layout/f-mlinko.png)}

		.f-site .sitem ul{width:100%; bottom:42px;max-height:110px; padding:15px;}
	}
	@media only screen and (max-width:680px){
		.f-site .sitem .sbtn{line-height:35px; font-size:13px; padding:0 10px;}
		.f-site .sitem .sbtn:after{width:35px;height:35px;}
		.f-site .sitem ul{bottom:37px;}
	}
	@media only screen and (max-width:480px){

	}


.f-info{position:relative;padding:25px 0; font-family: 'NanumBarunGothic';}
.f-info .in-link{}
.f-info .in-link:after{display:block; content:"";clear:both}
.f-info .in-link p{float:left; position:relative;}
.f-info .in-link p:nth-child(n+2){margin-left:25px;}
.f-info .in-link p:nth-child(n+2):before{width:1px;height:12px; position:absolute; left:-13px; top:50%;margin-top:-6px; display:block; background:#b7b7b7; content:""}
.f-info .in-link p a{line-height:18px; display:block; color:#6a6a6a; font-size:14px; font-weight:300; letter-spacing:-0.01em;}
.f-info .in-link p:first-child a{color:#000; font-weight:700;}
.f-info .in-link p a:hover{color:#000;}
.f-info .in-link br{display:none;}
	@media only screen and (max-width:1200px){
		.f-info .in-link p a{font-size:13px;}
	}
	@media only screen and (max-width:999px){
		.f-info{padding:25px 0}
		.f-info .in-link {text-align:center; font-size:0;}
		.f-info .in-link p{float:none; display:inline-block;vertical-align:top; }
		.f-info .in-link br:nth-child(5){display:block;}
		.f-info .in-link p:nth-child(n+2){margin-left:20px;}
		.f-info .in-link p:nth-child(n+2):before{height:10px; margin-top:-5px; left:-11px;}
		.f-info .in-link p:nth-child(6){margin-left:0;}
		.f-info .in-link p:nth-child(6):before{display:none;}
		.f-info .in-link p:nth-child(n+6){margin-top:3px;}
	}
	@media only screen and (max-width:680px){
		.f-info .in-link br:nth-child(3){display:block;}
		.f-info .in-link br:nth-child(7){display:block;}
		.f-info .in-link br:nth-child(5){display:none;}
		.f-info .in-link p:nth-child(6){margin-left:20px;}
		.f-info .in-link p:nth-child(6):before{display:block;}

		.f-info .in-link p:nth-child(n+4){margin-top:3px;}
		.f-info .in-link p:nth-child(4){margin-left:0;}
		.f-info .in-link p:nth-child(4):before{display:none;}

		.f-info .in-link p:nth-child(8){margin-left:0;}
		.f-info .in-link p:nth-child(8):before{display:none;}
	}
	@media only screen and (max-width:480px){

	}


.f-info .in-info{margin-top:17px;}
.f-info .in-info .in-company{font-size:0;}
.f-info .in-info .in-company span{line-height:18px; height:18px;display:inline-block;vertical-align:top;color:#6a6a6a;position:relative;font-size:12px;font-weight:300; letter-spacing:-0.01em;}
.f-info .in-info .in-company span:nth-child(n+2){margin-left:25px;}
.f-info .in-info .in-company span:nth-child(n+2):before{width:1px;height:12px; position:absolute; left:-13px; top:50%;margin-top:-6px; display:block; background:#b7b7b7; content:""}
.f-info .in-info .in-company span i{font-weight:700; margin-right:5px;}
.f-info .in-info .in-company br{display:none;}

.f-info .in-info .in-copy{margin-top:1px;line-height:18px; color:#6a6a6a;position:relative;font-size:12px;font-weight:300; letter-spacing:-0.01em; word-break: keep-all;}
.f-info .in-info .in-email{margin-top:1px;line-height:18px; color:#c0c0c0;position:relative;font-size:12px;font-weight:300; letter-spacing:-0.01em;word-break: keep-all;}
.f-info .in-info .in-email br{display:none;}
.f-info .in-abr{position:absolute;right:0; bottom:0;}
.f-info .in-abr .accessibility{position:absolute; right:110px; bottom:22px; z-index:12}
.f-info .in-abr .qr-code{position:Absolute;right:0; bottom:10px;}
	@media only screen and (max-width:1200px){
		 .f-info .in-abr .accessibility{right:95px;}
		 .f-info .in-abr .accessibility img{ width:100px;}
		 .f-info .in-abr .qr-code img{ width:110px;}
	}
	@media only screen and (max-width:999px){
		.f-info .in-info .in-company{text-align:center;}
		.f-info .in-info .in-company br{display:block;}
		.f-info .in-info .in-company span:nth-child(n+2){margin-left:20px;}
		.f-info .in-info .in-company span:nth-child(n+2):before{height:10px; margin-top:-5px; left:-11px;}
		.f-info .in-info .in-company span:nth-child(4){margin-left:0;}
		.f-info .in-info .in-company span:nth-child(4):before{display:none;}

		.f-info .in-info .in-copy{text-align:center;}
		.f-info .in-info .in-email{text-align:center; margin-top:9px;}

		.f-info .in-abr{position:relative; right:auto; bottom:auto;  width:155px; margin:0 auto; height:67px;margin-top:20px;}
		.f-info .in-abr .accessibility{bottom:12px;right:75px;}
		.f-info .in-abr .accessibility img{ width:80px;}
		.f-info .in-abr .qr-code{bottom:0;}
		.f-info .in-abr .qr-code img{ width:90px;}
	}
	@media only screen and (max-width:680px){
		.f-info .in-info .in-company span:nth-child(2){margin-left:0; display:block;}
		.f-info .in-info .in-company span:nth-child(2):before{display:none;}

		.f-info .in-info .in-email br{display:block;}

		.f-info .in-abr{width:135px; height:57px;margin-top:15px;}
		.f-info .in-abr .accessibility{right:65px;}
		.f-info .in-abr .accessibility img{ width:70px;}
		.f-info .in-abr .qr-code img{ width:80px;}
	}
	@media only screen and (max-width:480px){
		.f-info .in-abr{width:115px; height:50px;}
		.f-info .in-abr .accessibility{right:55px;}
		.f-info .in-abr .accessibility img{ width:60px;}
		.f-info .in-abr .qr-code img{ width:70px;}
	}