@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css);
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(//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(//cdn.rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/856f1dbb8d807aabceb80b6d4f94b464df461b3e/gotham.css);


@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(../font/S-CoreDream-Light.woff2) format('woff2'), 
      url(../font/S-CoreDream-Light.woff) format('woff'), 
      url(../font/S-CoreDream-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../font/S-CoreDream-Regular.woff2) format('woff2'), 
       url(../font/S-CoreDream-Regular.woff) format('woff'), 
       url(../font/S-CoreDream-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 500; 
  src:  url(../font/S-CoreDream-Medium.woff2) format('woff2'), 
        url(../font/S-CoreDream-Medium.woff) format('woff'), 
        url(../font/S-CoreDream-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 700; 
  src:  url(../font/S-CoreDream-Bold.woff2) format('woff2'), 
        url(../font/S-CoreDream-Bold.woff) format('woff'), 
        url(../font/S-CoreDream-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 900; 
  src:  url(../font/S-CoreDream-ExtraBold.woff2) format('woff2'), 
        url(../font/S-CoreDream-ExtraBold.woff) format('woff'), 
        url(../font/S-CoreDream-ExtraBold.otf) format('opentype'); 
 }   

html,body { font-family:'Nanum Gothic', 'NanumSquare',"Apple SD Gothic Neo", "Malgun Gothic", 'Noto Sans KR','Spoqa Han Sans', Sans-serif; }
body {overflow-y:visible;overflow-x:auto; min-height:100%;}
#doc {position:relative;min-width:320px; overflow:hidden;z-index:8999;min-width:320px;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:relative; 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:1440px; 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;}
	}
	@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 {left:0; width:100%; top:0; min-width:320px; }

#header{position:relative;height:100px; z-index:5001; } /* 152px¸¦ 100px·Î º¯°æ */
#header .inner:after{position:absolute;left:50%; top:0; width:20000px;background:#fff;margin-left:-10000px;height:100%;   box-sizing:border-box; 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:"";}

#logo{position:absolute; left:50px; top:25px; width:300px; height:48px; z-index:2009;} /* top:65px¸¦ 0px·Î º¯°æ */
#logo a{display:block; height:48px;background:url(../img/logo.png) no-repeat left center; background-size:100% auto}

#gnb-wrap{position:relative; height:40px; z-index:512;}
#gnb-wrap:after{position:absolute;left:50%; top:0; width:20000px;background:none;margin-left:-10000px;height:100%; box-sizing:border-box;z-index:-1;background:#e6e6e6; display:block; content:""}
#gnb-wrap ul{max-width:1400px; margin:0 auto;}
#gnb-wrap ul:after{display:block; content:"";clear:both}
#gnb-wrap li{float:left;}
#gnb-wrap li a{font-size:14px; color:#666; line-height:40px; display:block;text-transform:uppercase; position:relative; min-width:160px; text-align:center;}
#gnb-wrap li.active a{background:#fff; color:#333;}
	
.bt-site{display:none;}	

	@media only screen and (max-width:1280px) {
		#logo{position:absolute; left:20px; top:35px; width:200px; height:32px;}
		#logo a{display:block; height:32px;background:url(../img/logo.png) no-repeat left center; background-size:100% auto}
	}

	@media only screen and (min-width:1000px) {
		#header .inner{height:100px; } /* 112px¸¦ 100px·Î º¯°æ */
		#header-wrap.fix .inner{position:fixed; top:0; width:100%; left:0; min-width:320px;border-bottom:1px solid #d2d2d2;}
		#header-wrap.fix .inner #logo{top:30px;}
		#header-wrap.fix .bt-allmenu{top:38px;}
	}
	@media only screen and (max-width:999px) {
		#gnb-wrap{position:absolute; right:60px; top:14px;height:0; display:none;}
		#gnb-wrap:after{display:none}
		#gnb-wrap li.active{display:none}
		#gnb-wrap li a{font-size:13px; min-width:auto; line-height:30px;}

		.bt-site{right:60px; top:15px;font-size:13px; min-width:auto; line-height:30px; display:block; position:absolute;}
		.bt-site:after{width:0;height:1px;background:#000; position:absolute; left:0; bottom:2px; 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;}
		.bt-site:hover:after{width:100%;}
	}
	@media only screen and (max-width:680px) {

	}
	@media only screen and (max-width:480px) {
		#gnb-wrap li a{font-size:12px;}
	}







/*=======================================================
    #gnb-wrap02
=========================================================*/


#gnb-wrap02{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-wrap02 ul{}
#gnb-wrap02 ul:after{display:block; content:"";clear:both}
#gnb-wrap02 li{float:left;}
#gnb-wrap02 li:nth-child(n+2){margin-left:24px;}
#gnb-wrap02 li a{font-size:13px; color:#555; line-height:30px; display:block;text-transform:uppercase; position:relative;}
#gnb-wrap02 li a:after{width:0;height:1px;background:#555; 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-wrap02 li a:hover:after, #gnb-wrap02 li.active a:after{width:100%;}


@media only screen and (min-width:1480px) and (max-width:1700px){
		#gnb-wrap02{right:75px;}
		#gnb-wrap02 li:nth-child(n+2){margin-left:20px;}

	}
	@media only screen and (min-width:1000px) and (max-width:1479px){
		#gnb-wrap02{right:75px;}
		#gnb-wrap02 li:nth-child(n+2){margin-left:20px;}
		#gnb-wrap02 li a{font-size:12px;}
	}
	@media only screen and (max-width:999px) {
		
		
		#gnb-wrap02{right:65px;}
		#gnb-wrap02 li:first-child{display:none}
		#gnb-wrap02 li:nth-child(n+2){margin-left:0;}
		#gnb-wrap02 li a span{display:block;width:27px;overflow:hidden; font-weight:700; height:30px; line-height:29px;}

		
	}















#header .bt-home{font-family:Noto Sans KR; line-height:30px;z-index:2599;  padding-left:40px; font-size:17px; text-transform:uppercase; position:Absolute; right:60px; top:50%;margin-top:-12px; font-weight:600; color:#000; background:url(../img/Layout/bt-insta.png) no-repeat left center;}
#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;}




.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;;}
.bt-mnclose {position:absolute;display:none;z-index:2599; width:30px; height:30px; background:url(../img/Layout/bt-mncloseo.png) no-repeat center center; background-size:18px auto;right:15px; top:50%;margin-top:-15px;;}
.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:38px;}


#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:194px;height:50px; position:absolute; left:30px; top:35px}	
#allmenu-wrap .close {position:absolute;z-index:2599; width:30px; height:30px; background:url(../img/Layout/bt-mncloseo.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:#111; letter-spacing:-0.02em}
#allmenu-wrap li .depth2-wrap{padding-top:35px}
#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:#333; letter-spacing:-0.02em; padding:4px 0}
#allmenu-wrap li .mn_a2:hover{color:#00abc1;text-decoration:underline}
	@media only screen and (max-width:999px) {
		#logo{left:15px; top:10px; width:145px; height:38px}
		#logo a{height:38px;}

		#header{height:60px;}
		#header .inner{height:60px; position:fixed; left:0; top:0; width:100%; min-width:320px;}
		#header .inner:after{border-bottom:none}
		#header-wrap.fix #header .inner{ border-bottom:1px solid #dedede}
		
		.bt-allmenu{display:none;}
		.bt-mnall{display:block}

		#allmenu-wrap{display:none !important}
	}
	@media only screen and (max-width:680px) {
#header .bt-home{ padding-left:35px; font-size:14px; right:50px; top:50%;margin-top:-14px;}
	}
	@media only screen and (max-width:480px) {
		
	}


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

		#mainNavi-wrap {height:100px;overflow:hidden;position:absolute;left:0;top:0px;width:100%;display:block;z-index:2007; } /* top:55px ¸¦ 0px·Î */
		#mainNavi-wrap .tm-top {display:none;}

		#header-wrap.fix #mainNavi-wrap{top:0px;} /* top:15px ¸¦ 0px·Î */
		
		.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_l1 {display:inline-block;vertical-align:top;position:relative;padding:35px 0;line-height:1em;}
		.topmenu .mn_l1:first-child{margin-left:160px;}
		.topmenu .mn_a1 {font-size:22px; height:27px; position:relative; overflow:hidden;padding:0 45px;display:block;color:#000; font-weight:600; letter-spacing:-0.04em; text-align:center; font-family: 'NanumSquare', sans-serif; }
		.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;}
		.topmenu .mn_a1 .under{-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.topmenu .mn_a1 .over{position:absolute; left:0; top:0; width:100%;color:#00abc1;-webkit-transform: translateY(100%); -moz-transform: translateY(100%);-ms-transform: translateY(100%); -o-transform:  translateY(100%);transform: translateY(100%);}
		
		.topmenu .is-open .mn_a1 .under , .topmenu .is-over .mn_a1 .under, .topmenu .over .mn_a1 .under{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%);-ms-transform: translateY(-100%); -o-transform:  translateY(-100%);transform: translateY(-100%);}
		.topmenu .is-open .mn_a1 .over , .topmenu .is-over .mn_a1 .over, .topmenu .over .mn_a1 .over{-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		
		.topmenu #tm03 .depth2-wrap{ width:160px !important; left:30px !important}

		.topmenu .depth2-wrap {position:absolute;top:100px;display:none;visibility:hidden;padding:0; left:12px; width:100% !important; min-width:145px;}
		.topmenu .depth2 {position:relative;height:auto;padding:30px 0 40px 20px;overflow:hidden; min-height:240px; 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:2px 2px; position:relative;font-weight:400; font-size:16px;letter-spacing:-0.03em;color:#535353;word-break: keep-all;}
		.topmenu .depth2 .mn_a2:hover span {color:#00abc1; font-weight:400;text-decoration:underline  }
	
		#mainNavi-wrap .ovbar {position:absolute;height:3px;top:100px;display:block !important;overflow:hidden;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:0;background:#00abc1; height:3px;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:100px;width:20000px; border-top:1px solid #dedede;left:50%;margin-left:-10000px;z-index:2000; height:0; box-sizing:border-box;border-bottom:1px solid #d2d2d2}/* 152px¸¦ 100px·Î º¯°æ */
		#header-wrap.fix .mn-bar{top:100px;}
	}

	@media only screen and (max-width:1280px) {
		.topmenu .mn_l1:first-child{margin-left:100px;}
	}
	@media only screen and (min-width:1240px) and (max-width:1340px){
		.topmenu .mn_a1 {font-size:18px; padding:0 30px;}
		.topmenu #tm03 .depth2-wrap{  left:20px !important}
		.topmenu .depth2-wrap{min-width:auto;}
		.topmenu .depth2 {padding-left:0; padding-top:20px; min-height:220px;}
		.topmenu .depth2 .mn_a2 span {font-size:15px;}
	}
	@media only screen and (min-width:1000px) and (max-width:1239px){
		.topmenu .mn_a1 {font-size:17px;padding:0 22px;}
		.topmenu #tm03 .depth2-wrap{  left:20px !important}
		.topmenu .depth2-wrap{min-width:auto;}
		.topmenu .depth2 {padding-left:0;padding-top:20px; min-height:220px;}
		.topmenu .depth2 .mn_a2 span {font-size:14px;}
	}
	
	@media only screen and (max-width:999px) {
		#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.png) no-repeat 17px center; background-size:145px auto; height:60px;}
		
		.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: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:20px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {background:#3a53a7;transform: rotate(0);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {background:#00abc1;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 #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 .mn_a1 .over{display:none;}
		.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span , .topmenu .is-open .mn_a1 span {color:#00abc1;}
		.topmenu .over .mn_a1, .topmenu .is-open .mn_a1{border-color:#00abc1;}

		.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; border-bottom:1px solid #ededed}
		.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;}
		.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:-280px;width:280px;}
	}
	

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap {margin-top:100px;position:relative; /* height:100%; min-height:768px */} /* 152px¸¦ 100px·Î º¯°æ */
.sub #container-wrap #contents{/*min-height:700px;*/ padding:100px 20px 100px 20px; max-width:1280px; }
.sub #container-wrap #contents2{/*min-height:700px;*/ padding:50px 20px 100px 20px; max-width:1280px; }

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

	}

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

.cont-top h3{font-size:30px; margin-top:50px; font-weight:400;letter-spacing:-0.03em; line-height:1.0em; color:#35a8df}
.cont-top h4{font-size:24px; margin-top:30px; font-weight:500;letter-spacing:-0.03em; line-height:1.3em; color:#333}
.cont-top .txt{font-size:15px; font-weight:400;letter-spacing:-0.03em; line-height:1.0em; color:#333}

#top-vis{height:230px; position:relative;z-index:1005; overflow:hidden;}
#top-vis .img{height:230px;position:relative;}
#top-vis .img img{width:100%;height:230px;object-fit:cover;}
#top-vis .txt{position:absolute; left:5%; top:25%; text-align:center; width:90%; z-index:5}
#top-vis .txt h2{font-size:40px; color:#fff; line-height:1.2em; font-weight:400; letter-spacing:-0.03em; margin-bottom: 15px;}
#top-vis .txt p {margin-top: 0px; font-size: 15px; color: #fff; line-height: 1.2em; font-weight: 400;}
#top-vis .search{background:#fff; position:relative; margin:0 auto; margin-top:25px;max-width:642px; box-sizing:border-box;padding-right:140px;box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35)  ; -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35)  ; -moz-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35) ;}
#top-vis .search .chk-input {width:100%}
#top-vis .search .chk-input input{height:70px; font-size:20px;border:none; background:none; padding:0 30px; font-weight:300; letter-spacing:-0.03em;color:#111 !important;}
#top-vis .search .chk-input input::placeholder{color:#111 !important;opacity:1 !important}
#top-vis .search .enter{position:absolute; width:140px; right:0;top:0; text-align:center;-webkit-transition: background 0s ease-out;-moz-transition: background 0s ease-out;-o-transition: background 0s ease-out;transition: background 0s ease-out;}
#top-vis .search .enter:hover{background-color:#ddd !important}
#top-vis .search .enter span{display:inline-block;vertical-align:top; line-height:70px;letter-spacing:-0.03em; padding-left:37px;background:url(../img/Main/msec-search.jpg) no-repeat left center; font-size:17px; color:#333;}
#top-vis .search .enter:hover span{background-image:url(../img/Main/msec-searcho.jpg)}

.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; }
	@media only screen and (max-width:1200px){
		.cont-top h2{font-size:35px;}
		.cont-top p{margin-top:10px;font-size:15px;}

		#top-vis .txt h2{font-size:35px;}
		#top-vis .search .chk-input input{height:60px; font-size:18px; padding:0 20px;}
	}
	@media only screen and (min-width:1000px){
		
	}
	@media only screen and (max-width:999px){
		.cont-top{margin-bottom:30px;}
		.cont-top h2{font-size:29px;}
		.cont-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;}

		#top-vis{height:270px;}
		#top-vis .img{height:270px;}
		#top-vis .img img{height:270px;}
		#top-vis .txt h2{font-size:29px;}
		#top-vis .search {padding-right:50px;}
		#top-vis .search .chk-input input{height:50px; font-size:16px; padding:0 15px;}
		#top-vis .search .enter{width:50px; text-indent:-9999em; height:50px;}
		#top-vis .search .enter span{background-position:center center; width:50px;height:50px; display:block; padding:0; background-size:18px auto;}
	}
	@media only screen and (max-width:680px){
		.cont-top h2{font-size:24px;}
		.cont-top p{font-size:13px;}
		
		.top-btn{width:35px;height:35px;bottom:10px;}
		.top-btn.over{right:10px;}

		#top-vis{height:220px;}
		#top-vis .img{height:220px;}
		#top-vis .img img{height:220px;}
		
		#top-vis .txt h2{font-size:24px;}
		#top-vis .txt p {margin-top: 15px; font-size: 15px; color: #fff; line-height: 1.2em; font-weight: 400;}
		#top-vis .search{max-width:600px;margin-top:15px; padding-right:45px;}
		#top-vis .search .chk-input input{height:45px; font-size:14px; padding:0 12px;}
		#top-vis .search .enter{height:45px; width:45px;}
		#top-vis .search .enter span{height:45px; width:45px;}
	}
	@media only screen and (max-width:480px){
		
	}


/* ======================================================
    snbNav
=========================================================*/
#snbNavi-wrap{position:relative; z-index:999; }

#snbNavi-wrap .inner{height:67px; position:fixed; left:0; top:100px; width:100%; min-width:320px; background:#fff;} /* 152px¸¦ 100px·Î º¯°æ */
#snbNavi-wrap .inner:after{position:absolute;left:50%; top:-100px;  height:100%; z-index:-1;background:#fff; display:block; content:""; } /* 152px¸¦ 100px·Î º¯°æ */

.snbNav.mobile{max-width:1240px; margin:0 auto;position:relative; box-sizing:border-box; z-index:999;}
.snbNav.mobile:before{position:absolute; z-index:-1;left:50%; top:0; width:20000px;margin-left:-10000px;height:100%; box-sizing:border-box;border-bottom:1px solid #e1e1e1;display:block;content:"";}
.snbNav.mobile:after{display:block; content:"";clear:both;}
.snbNav.mobile dl{min-width:50%; float:left; position:relative;}
.snbNav.mobile dl:first-child:before{width:1px;height:100%; position:absolute; left:0; top:0; display:block; content:"";background:#dbdbdb;}
.snbNav.mobile dl:nth-child(n+2):before{width:1px;height:100%; position:absolute; left:-1px; top:0; display:block; content:"";background:#dbdbdb;}
.snbNav.mobile dl:last-child:after{width:1px;height:100%; position:absolute; right:0; top:0; display:block; content:"";background:#dbdbdb;}
.snbNav.mobile dt{}
.snbNav.mobile dt a{display:block; line-height:48px;height:50px; padding-left:15px; color:#353535; font-size:14px; position:relative;}
.snbNav.mobile dt a:after{width:14px;height:8px; position:absolute;right:10px; top:50%;margin-top:-4px; background:url(../img/Sub/left-depth.png) no-repeat center center; background-size:10px auto;display:block; content:""}
.snbNav.mobile dt.active a:after{background-image:url(../img/Sub/left-deptho.png);}
.snbNav.mobile dd{position:absolute;display:none; left:-1px; top:50px; width:calc(100% + 1px);background:#fff;box-sizing:border-box; border:1px solid #dbdbdb;border-top:0;}
.snbNav.mobile dd ul{}
.snbNav.mobile dd li{}
.snbNav.mobile dd li a{line-height:35px; font-size:13px; color:#555;letter-spacing:-0.02em; padding:0 15px; display:block; font-family: 'NanumSquareRound',sans-serif;}
.snbNav.mobile dd li a:hover{background:#f4f4f4}
.snbNav.mobile dd li:nth-child(n+2){/* border-top:1px solid #dbdbdb; */}	
.snbNav.mobile dd li.active a{background:#f0f0f0; font-weight:700; color:#111;}



.snbNav.desktop{position:relative;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.snbNav.desktop:after{position:absolute; z-index:-1;left:0; top:0; width:100%;height:100%; box-sizing:border-box; /*border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;*/ display:block;content:"";}
.snbNav.desktop ul{font-size:0;text-align:center;padding:0 20px;margin:0 auto;max-width:1280px; box-sizing:border-box;}
.snbNav.desktop ul:after{display:block; content:"";clear:both; }
.snbNav.desktop li{display:inline-block;vertical-align:top;}
.snbNav.desktop li a{font-size:17px; min-width:142px; color:#666;display:block; line-height:67px; padding:0 20px;box-sizing:border-box; position:relative; font-weight:700; font-family: 'NanumSquare', sans-serif;  }
.snbNav.desktop li a:hover{color:#00abc1}
.snbNav.desktop li.active a{color:#00abc1; font-weight:700;}
.snbNav.desktop li.active a:after{width:100%;height:4px; position:absolute; left:0; bottom:0; background:#00abc1; display:block;content:"";}

.snbNav.desktop .c1 li{width:50%; }
/*.snbNav.desktop .c2 li{width:50%;}*/
.snbNav.desktop .c2 li{width:300px;}
.snbNav.desktop .c3 li{width:33.3333%;}
.snbNav.desktop .c4 li{width:25%;}
.snbNav.desktop .c5 li{width:20%;}
.snbNav.desktop .c6 li{width:16.666666666666%;}
.snbNav.desktop .c7 li{width:14.2857%;}
.snbNav.desktop .c8 li{width:12.5%;}
.snbNav.desktop .c9 li{width:11.111111111111%;}
.snbNav.desktop .c10 li{width:10%;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (min-width:1000px){
		.snbNav.mobile{display:none}
	}
	@media only screen and (max-width:999px){
		.snbNav.mobile{display:block; border-top:1px solid #e1e1e1; }
		.snbNav.desktop{display:none}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){

	#snbNavi-wrap .inner{height:60px; position:fixed; left:0; top:60px; width:100%; min-width:320px; background:#fff;}
#snbNavi-wrap .inner:after{border-bottom:none}
		.snbNav.mobile dt a{font-size:13px;line-height:43px;height:45px;}
		.snbNav.mobile dd{top:45px}
		.snbNav.mobile dd li a{font-size:12px; line-height:30px;}
	}

/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative;}
#footer {background:#f6f6f6; border-top: 1px solid #e2e2e2;}
#footer .inner{position:relative;text-align:left;margin:0 auto; max-width:1300px;box-sizing:border-box; padding:0 ; }
#f-logo{width:250px;height:40px; position:absolute;background:url(../img/f-logo.png) no-repeat left center; background-size:100% auto; left:10px; top:37px;}

.f-link{position:relative; z-index:2;}
.f-link:after{width:20000px; left:50%;margin-left:-10000px; top:0; box-sizing:border-box;display:block; content:"";border-bottom:1px solid #e2e2e2;position:absolute; z-index:-1; height:100%;}
.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:30px;}
.f-link li:first-child a{padding-left:10px;}
.f-link li a{display:block; line-height:65px; font-size:14px; color:#333;}
.f-link li a:hover{color:#333; font-weight:700;}

.f-counsel{position:absolute;right:0; top:0; color:#111;display:flex;align-items: center; justify-content: left;height:65px; padding:0 20px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
.f-counsel .vc{/*font-family:'Spoqa Han Sans';*/position:relative; padding-left:85px;}
.f-counsel .btxt{font-size:19px ;font-weight:400;position:absolute; left:0; top:1px;line-height:1.2em;letter-spacing:-0.04em;}
.f-counsel .stxt{font-size:24px ;font-weight:700; letter-spacing:0; line-height:1.2em;}
.f-counsel .ctxt{font-size:14px; font-weight:400; letter-spacing:-0.06em; line-height:1.2em; margin-top:2px;}
.f-counsel .ctxt span{font-weight:700;}
.f-counsel .ctxt span.mg3r{margin-right:9px;}

.f-info{padding:37px 0 50px 310px; position:relative; z-index:512}
.f-info .in-comm{line-height:1.2em;padding-top:4px;}
.f-info .in-comm p{color:#111;font-size:14px; letter-spacing:-0.03em}
.f-info .in-comm p span{display:inline-block;vertical-align:top;color:#111; line-height:1.2em;}
.f-info .in-comm p span:nth-child(n+2){margin-left:10px;}
.f-info .in-comm .nums{margin-top:10px;}

.f-info .in-copy{line-height:1.2em; margin-top:10px;}
.f-info .in-copy p{display:inline-block;vertical-align:top;font-size:14px; color:#111; line-height:1.2em;}
.f-info .in-copy p:nth-child(n+2){margin-left:5px;}


.f-family{position:absolute; width:300px;right:0; top:37px;}
.f-family .sel{display:block;border-radius:2px; position:relative;line-height:50px; padding:0 25px 0 25px; font-size:14px; color:#111;border:1px solid #cacaca;}
.f-family .sel:after{width:11px;height:6px; position:Absolute;right:20px; top:25px; background:url(../img/Layout/family-arrow.png) no-repeat center center; display:block; content:"";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.active .sel:after{transform: scale(1,1) rotate(0deg)skew(0,0) translate(0,0);-webkit-transform: scale(1,1) rotate(0deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(0deg)skew(0,0) translate(0,0); }
.f-family ul{position:absolute; right:0; bottom:51px; width:100%;background:#fff; border:1px solid #cacaca; box-sizing:border-box; padding:20px 25px;box-sizing:border-box; display:none;}
.f-family li{text-align:left;}
.f-family li:nth-child(n+2){margin-top:7px;}
.f-family li a{font-size:14px; color:#666; line-height:1.2em;}
.f-family li a:hover{color:#333;text-decoration:underline}

.f-sns{position:absolute; right:0; bottom:25px}
.f-sns ul:after{display:block; content:"";clear:both;}
.f-sns li{float:left;}
.f-sns li:nth-child(n+2){margin-left:20px}
.f-sns li a{display:block; height:28px;}
.f-sns li:nth-child(1) a{width:20px;background:url(../img/Layout/f-sns01.jpg) no-repeat center center;}
.f-sns li:nth-child(2) a{width:33px;background:url(../img/Layout/f-sns02.jpg) no-repeat center center;}
.f-sns li:nth-child(3) a{width:23px;background:url(../img/Layout/f-sns03.jpg) no-repeat center center;}
	@media only screen and (max-width:1320px){
		#f-logo{width:180px;}

		.f-info{padding:37px 0 40px 240px;}
		.f-family{width:260px;}
		.f-family .sel{line-height:46px; padding:0 30px 0 20px;}
		.f-family .sel:after{top:20px; right:15px;}
		.f-family ul{bottom:46px;}

		.f-link li a{}
		
		.f-counsel{border-right:none;}
		.f-counsel .vc{ padding-left:75px}
		.f-counsel .btxt{font-size:17px ;}
		.f-counsel .stxt{font-size:20px ;}

		.f-sns li:nth-child(n+2){margin-left:12px}
	}
	@media only screen and (max-width:1200px){
		#footer {padding:0 }
		#f-logo{position:relative; left:auto; top:auto; margin:0 auto; height:32px;}

		/* .f-link li a{line-height:60px;}
		.f-counsel{height:60px} */
		
		.f-info{padding:40px 10px 20px 10px;text-align:center;}
		.f-info .in-comm{margin-top:15px;}
		.f-info .in-comm p{}

		.f-family{width:auto; position:relative; right:auto; top:auto; margin-top:20px;}

		.f-sns{position:relative; right:auto; top:auto; margin-top:20px; bottom:auto;}
		.f-sns li{float:none; display:inline-block;vertical-align:top;}
		.f-sns li:nth-child(n+2){margin-left:10px}
	}
	@media only screen and (max-width:999px){
		.f-info .in-comm p{font-size:13px;}
		.f-info .in-comm .nums{margin-top:4px;}
		.f-info .in-copy p{font-size:13px;}

		#f-logo{width:180px; height:27px;}

	}
	@media only screen and (max-width:680px){
		#footer {}
		.f-link:after{}
		.f-link ul{background:#666;}
		.f-link ul:after{display:block; content:"";clear:both;}
		.f-link li{float:left; width:50%;box-sizing:border-box;}
		.f-link li:nth-child(n+2){border-left:1px solid #999;margin-left:0;}
		.f-link li a{text-align:center;font-size:13px;line-height:45px; color:#fff !important;}

		.f-counsel{display:block; /* background:#fff; */ position:relative; right:auto; height:auto;padding:13px 0; border-bottom:1px solid #e2e2e2;text-align:left;}
		.f-counsel .vc{display:inline-block;vertical-align:top;}
		.f-counsel .vc{ padding-left:100px}
		.f-counsel .btxt{font-size:17px; color:#000; padding-left:20px; font-weight:600}
		.f-counsel .stxt{font-size:20px; color:#000;  font-family:'Roboto';}
		.f-counsel .ctxt{font-size:12px;}
		.f-counsel .ctxt span.mg3r{margin-right:6px;}
		
		.f-info{padding:30px 10px 20px 10px;}
		.f-info .in-comm p:nth-child(n+2){margin-left:0; display:block;}
		.f-info .in-comm .nums span:nth-child(3){margin-left:0;display:block;}

		.f-info .in-copy p{font-size:13px; width:calc(100% + 30px); margin-left:-15px; opacity:0.7;}
		.f-info .in-copy p:nth-child(n+2){margin-left:0;display:block;}

		.f-family .sel{font-size:13px;line-height:40px;background:#f8f8f8;}
		.f-family .sel:after{right:15px;top:17px;}
		.f-family ul{padding:20px; bottom:41px;}
		.f-family li a{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		.f-link li a{line-height:42px;}
		.f-info .in-copy p{font-size:12px;}
	}




#fbanner{position:relative; padding:30px 0}
#fbanner .owl-prev{cursor:pointer;width:22px;height:30px;text-indent:-9999em; position:Absolute; display:none !important; left:0; top:50%;margin-top:-15px;background:url(../img/Layout/fb-prev.jpg) no-repeat center center;background-size:12px auto;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
#fbanner .owl-next{cursor:pointer;width:22px;height:30px;text-indent:-9999em; position:Absolute; display:none !important;right:0;  top:50%;margin-top:-15px;background:url(../img/Layout/fb-next.jpg) no-repeat center center;background-size:12px auto;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
#fbanner .item a{display:block;text-align:center; display:flex;align-items: center; justify-content:center;height:60px;}
#fbanner .item img{/*max-width:159px;*/ max-width:213px;}
	@media only screen and (max-width:1320px){
		#fbanner{position:relative; padding:30px 70px}
		#fbanner .owl-prev{background-size:9px auto; left:15px; width:30px;height:30px;border:1px solid #dedede; display:block !important;border-radius:100%;}
		#fbanner .owl-next{background-size:9px auto; right:15px;  width:30px;height:30px;border:1px solid #dedede;display:block !important; border-radius:100%;}

		#fbanner .item img{height:50px;}
	}
	@media only screen and (max-width:1200px){
		#fbanner{ padding:25px 50px}
	}
	 
	@media only screen and (max-width:999px){
		#fbanner{ padding:25px 40px}
		#fbanner .item a{height:50px;}
		#fbanner .item img{height:40px;}
		#fbanner .owl-prev{background-size:7px auto;left:10px; width:24px;height:24px; margin-top:-12px;}
		#fbanner .owl-next{background-size:7px auto;right:10px; width:24px;height:24px; margin-top:-12px;}

	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		#fbanner{ padding:25px 40px}
	}







/* ======================================================
    bt-mnall / bt-allmenu
=========================================================*/
.bt-mnall .line-01 {width:24px;height:2px;background:#111;position:absolute;right:0;top:5px;-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;}
.bt-mnall .line-02 {width:24px;height:2px;background:#111;position:absolute;right:0;top:13px;-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;}
.bt-mnall .line-03 {width:24px;height:2px;background:#111;position:absolute;right:0;top:21px;-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;}

.bt-allmenu .line-01 {width:24px;height:2px;background:#111;position:absolute;right:0;top:5px;-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;}
.bt-allmenu .line-02 {width:24px;height:2px;background:#111;position:absolute;right:0;top:13px;-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;}
.bt-allmenu .line-03 {width:24px;height:2px;background:#111;position:absolute;right:0;top:21px;-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;}

.bt-mnall:hover .line-02, .bt-allmenu:hover .line-02{width:14px;}
.bt-mnall:hover .line-03, .bt-allmenu:hover .line-03{width:24px;}




/* ======================================================
    cont-top ani
=========================================================*/
.cont-top{text-align:center; margin-bottom:65px; }
.cont-top h2{font-size:40px; font-weight:700;letter-spacing:-0.03em; line-height:1.2em; color:#000; position:relative; padding-bottom:45px; border-bottom:1px solid #ddd; font-family: 'NanumSquareRound',sans-serif;}	
.cont-top h2:after{width:430px; height:2px; background:#2f4b75; position:absolute; left:50%; bottom:-1px; display:block; content:"";-webkit-transition: width 1s ease-out;-moz-transition: width 1s ease-out;-o-transition: width 1s ease-out;transition: width 1s ease-out;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.cont-top p{margin-top:35px;font-size:16px; color:#777; font-weight:700; letter-spacing:-0.02em; line-height:1.3em;font-family: 'NanumSquareRound',sans-serif;  }
.cont-top .txt{margin-top:35px;font-size:24px; color:#000; font-weight:700; letter-spacing:-0.02em; line-height:1.5em;  font-family: 'NanumSquare', sans-serif; }
.cont-top .txt02{margin-top:35px;font-size:20px; color:#000; font-weight:700; letter-spacing:-0.02em; line-height:1.5em;  font-family: 'NanumSquare', sans-serif; }

.cont-top.ani h2:after{width:162px; }
	@media only screen and (max-width:1200px){
		.cont-top h2{font-size:35px;}
		.cont-top h2:after{width:380px;}
		.cont-top.ani h2:after{width:140px;} 
		.cont-top p{margin-top:10px;font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.cont-top{margin-bottom:30px;}
		.cont-top h2{font-size:29px; padding-bottom:30px;}
		.cont-top p{font-size:14px;word-break: keep-all; padding:0 15px 15px;}
		
		.top-btn{width:40px;height:40px; bottom:15px;}
		.top-btn.over{right:15px;}
	}
	@media only screen and (max-width:680px){
		.cont-top h2{font-size:24px;}
		.cont-top h2:after{width:300px;}
		.cont-top.ani h2:after{width:100px;} 
		.cont-top p{font-size:13px;}
		.cont-top .txt{margin-top:35px;font-size:16px; color:#000; font-weight:700; letter-spacing:-0.02em; line-height:1.5em;  font-family: 'NanumSquare', sans-serif; }
		
		
	}
	@media only screen and (max-width:480px){
		.cont-top h2{padding-bottom:20px;}
		.cont-top .txt02{margin-top:35px;font-size:16px; color:#000; font-weight:600; letter-spacing:-0.02em; line-height:1.3em;  }
	}