@charset "utf-8";
html,body {font-family:'NotoKrL' !important; width:100%; font-weight:400;}
body{overflow-y:visible; overflow-x:hidden;  }
body.top-bg{position: relative;}

.wrap{position:relative; width:1500px; margin: 0 auto; box-sizing:border-box;}
.wrap:after{clear:both; content:""; display:block;}

.header{width:100%; background:#fff; position:fixed; z-index:10; top:0; width: 100%; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.header.active{width:100%; background-size:100%; background:#fff;}
.header.active .gnb-wrap .gnb ul.dl li a{color:#000; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.header.active .gnb-box h1.logo a{/* background:url("/images/ksnudp/common/top-logo.jpg") no-repeat; *//* background-size:100%; */}


.header .header-box{ border-bottom:solid 1px #6f94ba; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
.header .header-box.h-active{background:#ffffff; position:relative; z-index: 100;}
/*.header .header-box.h-active .gnb-wrap .gnb ul.dl li a{color:#cde7f7;}
.header .header-box.h-active .gnb-box h1.logo a{width:296px; height:28px; background:gold; opacity:0;}*/
.header .gnb-box{display: flex;justify-content: space-between;}
.header .gnb-box h1.logo{width: 19%;padding: 22px 0px 0px 50px;box-sizing:border-box;}
.header .gnb-box h1.logo a{width: 330px;height: 40px;display:block;/* background:url("/images/ksnudp/common/top-logo.jpg") no-repeat; */background-size:100%;background: url('/upload_data/board_data/CNT_ATCHDOWN/176456574820840.png ') no-repeat;}
.header .gnb-box .gnb-wrap{width: 49%;padding:0px;}

.gnb-wrap .gnb ul.dl{display: flex; justify-content: space-between;}
.gnb-wrap .gnb ul.dl li{width:100%; text-align: center;}
.gnb-wrap .gnb ul.dl li a{font-size: 20px;color:#000;width:100%;display:block;padding:30px 0px;font-family:'NotoKrB';}
.gnb-wrap .gnb ul.dl li:active a,
.gnb-wrap .gnb ul.dl li:hover a{color:#020202}
.header .header-box.h-active .gnb-box .gnb-wrap{padding:0px;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li a:hover{color: #0d0d0d; text-decoration:underline}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover a{position: relative; display: inline-block; /*color:#fff;*/  }
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover a:before{content:""; width: 8px; height: 8px; background: #5590a2; border-radius: 50%; position: absolute; top:0px; left:50%; transform: translate(-50%, -15px); display: block;}

/*.header .header-box.h-active .gnb-wrap .gnb ul.dl li a:focus{color: #f8d33b;}*/
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:focus a{position: relative; display: inline-block; color: #1c1c1c;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:focus a:before{content:""; width: 8px; height: 8px; background: #5590a2; border-radius: 50%; position: absolute; top:0px; left:50%; transform: translate(-50%, -15px); display: block; }

.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover .nav div.level a{background: none;}
.header .header-box.h-active .gnb-wrap .gnb ul.dl li:hover .nav div.level a:before{content: none;}
a.toggle{display: none;}
.mbmenu-top{display: none;}



/*header .gnb-wrap .gnb ul.dl li .sub-gnb{width:100%; position: absolute; top:99px; left:0; background: #fff;  display: none; padding: 0px 0; z-index: 9999; box-shadow: 2px 2px 2px grey;  border-top: solid 1px #f7f7f7;}*/
/*.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-box{width: 1200px; margin: 0 auto;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap{width: 927px;  display: flex; justify-content:space-between; float: right; }*/
.header .gnb-wrap .gnb ul.dl li .sub-gnb{display:none; /*display:block !important;*/ position: relative; height:300px; margin:0px 0 0 0;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb:before{position:absolute; top:0px; left:0px; width:100%; height:100%; background:#f3f5f8; content:"";}
.header .gnb-wrap .gnb ul.dl li:nth-child(2n) .sub-gnb:before{background:#fff;}
.header .nav-bar{width:100%;position:absolute;top:0px;left:0;background: transparent;height:81px;display:none;padding:0px;z-index:-1;}

.header .gnb-wrap .gnb ul.dl li:hover .sub-gnb:before,
.header .gnb-wrap .gnb ul.dl li:hover:nth-child(2n) .sub-gnb:before{background:#f8d33b}


.header .gnb-wrap .gnb ul.dl li .sub-gnb .gnb-title{display:none;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav{display:block; width:100%; text-align:center; padding:30px 0px 0px 0px; position:relative; z-index:10; }
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1{width:100%;font-size:16px;color:#555;font-weight: 400;padding:10px 20px;letter-spacing: -2px;position: relative;display: block;text-align:left;box-sizing:border-box;letter-spacing:-0.02em;font-family: 'NotoKrM';}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1:hover{text-decoration:underline; color:#00266f; font-size:17px;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank{position:relative;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank:before{content: ""; width: 11px; height: 11px; background:red; position: absolute; top:7px; left:135px;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1:hover:before{content:none;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1.blank:hover:before{content: ""; width: 11px; height: 11px; background:red; position: absolute; top:7px; left:135px;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level:last-child a.level2-1:after{content: none;}
.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav .level .level3-1{display: none; position: absolute; top:0; left:0;}


/*.header .header-box.h-active .snsys-btns{opacity:0;}*/
.header .gnb-box .snsys-btns{width: 290px;padding:25px 40px 0px 0px;box-sizing:border-box;text-align:right;}

.header .gnb-box .snsys-btns .sns-btns{display:inline-block; font-size:0px;  vertical-align:top;}
.header .gnb-box .snsys-btns .sns-btns li{display:inline-block; vertical-align:top; margin:0px 5px}
.header .gnb-box .snsys-btns .sns-btns li a{width:30px; height:30px; display:block; background:black; border-radius:50%;}
.header .gnb-box .snsys-btns .sns-btns li.ksnu a{background:url("/images/ksnudp/common/sns_ksnu.jpg") no-repeat center #fff; background-size:cover;}
.header .gnb-box .snsys-btns .sns-btns li.insta a{background:url("/images/ksnudp/common/sns_insta.jpg") no-repeat center #8735bb ; background-size:cover;}
.header .gnb-box .snsys-btns .sns-btns li.face a{background:url("/images/ksnudp/common/sns_face.jpg") no-repeat center #3a589e ; background-size:cover;}
.header .gnb-box .snsys-btns .sns-btns li.xtwi a{background:url("/images/ksnudp/common/sns_xtwi.jpg") no-repeat center #000; background-size:cover;}
.header .gnb-box .snsys-btns .sns-btns li.blog a{background:url("/images/ksnudp/common/sns_blog.jpg") no-repeat center #1ea839; background-size:cover;}
.header .gnb-box .snsys-btns .sns-btns li.youtu a{background:url("/images/ksnudp/common/sns_youtu.jpg") no-repeat center #e7392e; background-size:cover;}
.header .gnb-box .snsys-btns .sns-btns li.kakao a{background: url("/upload_data/board_data/CNT_ATCHDOWN/175919291591570.png") no-repeat center #fddc3f;background-size:cover;}

.header .gnb-box .snsys-btns .sys-btns{display:inline-block; font-size:0px; vertical-align:top; margin-left:20px;}
.header .gnb-box .snsys-btns .sys-btns li{display:inline-block; vertical-align:top; margin:0px 5px;}
.header .gnb-box .snsys-btns .sys-btns li a{width:30px; height:30px; display:block; background:black;}
.header .gnb-box .snsys-btns .sys-btns li.login a{background:url("/images/ksnudp/common/login_btnB.png") no-repeat center;}
.header .gnb-box .snsys-btns .sys-btns li.logout a{background:url("/images/ksnudp/common/logout_btnB.png") no-repeat center;}
.header .gnb-box .snsys-btns .sys-btns li.site a{background:url("/images/ksnudp/common/sys_more.png") no-repeat center;}

.mask-wrap{}
.mask-wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:1; transition:all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;}
.mask-wrap.on{display:block;}

/*서브레이아웃*/
.sub-wrap{width:100%;  padding-top:81px}

.sub-wrap .sub-vis{position:relative;width:100%;padding:90px 0px;text-align:center;/* background:url("/images/ksnudp/common/sub_vis.jpg") no-repeat center; */background-size:cover;background: url('/upload_data/board_data/CNT_ATCHDOWN/175799757490102.jpg') no-repeat;}
.sub-wrap .sub-vis .title{font-size:40px;font-family:'NotoKrL';line-height:100%;color:#fff;margin-bottom:20px;text-shadow: 2px 2px 10px #000;}
.sub-wrap .sub-vis .sub-navi{}
.sub-wrap .sub-vis .sub-navi li{position:relative; display:inline-block; margin-right:30px; vertical-align:top;}
.sub-wrap .sub-vis .sub-navi li:before{position:absolute; top:1px; right:-20px; content:"▶"; color:#fff; font-size:6px;}
.sub-wrap .sub-vis .sub-navi li a{color:#fff;display:block;font-size:15px;text-shadow: 2px 2px 10px #000;}
.sub-wrap .sub-vis .sub-navi li.home a{width:20px; height:20px; background:url("/images/ksnudp/common/navi_home_icon.png") no-repeat center;}
.sub-wrap .sub-vis .sub-navi li:last-child{margin-right:0px;}
.sub-wrap .sub-vis .sub-navi li:last-child:before{display:none;}

.sub-wrap .sub-vis .print-snshare{position:absolute; bottom:20px; left:50%; margin-left:646px; font-size:0px;}
.sub-wrap .sub-vis .print-snshare.active .snshare .sels{display:block;}
.sub-wrap .sub-vis .print-snshare .print-btn{display:inline-block; width:42px; height:42px; margin-right:20px; background:url("/images/ksnudp/common/navi_print_icon.png") no-repeat center;}

.sub-wrap .sub-vis .print-snshare .snshare{position:relative; display:inline-block;}
.sub-wrap .sub-vis .print-snshare .snshare .sns-btn{display:block; width:42px; height:42px; background:url("/images/ksnudp/common/navi_share_icon.png") no-repeat center;}

.sub-wrap .sub-vis .print-snshare .snshare .sels{position:absolute; bottom:-190px; right:0px; width:260px; padding:15px 5px 5px 5px; border:1px solid #000; background:#fff; box-sizing:border-box; display:none; z-index:1;}
.sub-wrap .sub-vis .print-snshare .snshare .sels:before{width:11px; height:9px; position:absolute; top:-9px; right:15px; display:block; background:#000; content:""; background:url("/images/ksnudp/common/navi_share_arrow.png") no-repeat center bottom;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns{}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li{display:inline-block; margin:0px 10px; margin-bottom:15px;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li a{display:block;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li a:before{display:inline-block; width:38px; height:38px; content:""; background:#000; vertical-align:top; border-radius:50%;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li a span{color:#333; font-size:14px; margin-top:5px; display:block;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li.insta a:before{background:url("/images/ksnudp/common/sns_insta.jpg") no-repeat center #8735bb ; background-size:cover;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li.face a:before{background:url("/images/ksnudp/common/sns_face.jpg") no-repeat center #3a589e ; background-size:cover;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li.xtwi a:before{background:url("/images/ksnudp/common/sns_xtwi.jpg") no-repeat center #000; background-size:cover;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li.blog a:before{background:url("/images/ksnudp/common/sns_blog.jpg") no-repeat center #fabc00; background-size:cover;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li.kakao a:before{background:url("/images/ksnudp/common/sns_kakao.jpg") no-repeat center #e7392e; background-size:cover;}
.sub-wrap .sub-vis .print-snshare .snshare .sels .btns li.url a:before{background:url("/images/ksnudp/common/sns_url.jpg") no-repeat center #e7392e; background-size:cover;}


.sub-wrap .wrap .content-wrap{}
.sub-wrap .wrap .content-wrap:after{clear:both; content:""; display:block;}


	@media only screen and  (min-width:1001px) {
		#subNavi-wrap {display:block; float:left; position:relative; width:300px; margin-top:-40px;}
		#subNavi .lm-tit{position:relative;width:auto;font-size:20px;padding:30px 15px;margin-bottom:20px;font-family:'NotoKrM';line-height:100%;letter-spacing:-0.05em;background: #2867e2;color:#fff;z-index:5;display:block;}
		#subNavi .lm-tit:before{position:absolute;top:0px;right:0px;width:1000px;height:100%;background: #2867e2;content:"";z-index:-1;}
		#subNavi .lm-tit button {display:none;}
		#subNavi .lm-tit .stxt{display:none;}
		
		#subNavi .leftmenu{display:block; position:relative; z-index:3 ; }

		#subNavi .leftmenu ul {position:relative;line-height:130%;text-align:left;}
		#subNavi .leftmenu ul:after {clear:both;content:"";display:block;}
		#subNavi .leftmenu ul .lm_l2 {position:relative;vertical-align:top;}
		#subNavi .leftmenu ul .lm_a2 {font-family:'NotoKrL'; display:block; position:relative; z-index:1; font-weight:600; font-size:16px;letter-spacing:-0.02em; color:#555; border-bottom:1px solid #d6d7da; padding:20px 60px 20px 15px;}
		#subNavi .leftmenu ul .is-open .lm_a2,#subNavi .leftmenu ul .over .lm_a2  {border-bottom:none; font-weight:600; color:#2867e2; border-bottom:2px solid #2867e2;}

		#subNavi .leftmenu ul .lm_a2:after{position:absolute; right:20px; top:50%; margin-top:-10px; display:block; content:"+"; font-size:22px; font-family:'NotoKrR';}		
		#subNavi .leftmenu ul .is-open > a:after{content:'ㅡ'; font-size:15px}	
		/*#subNavi .leftmenu ul .lm_l2.has-sub .lm_a2:after{width:20px; height:20px; background:red; position:absolute; right:19px; top:50%;margin-top:-10px; display:block; content:""}
		#subNavi .leftmenu ul .lm_l2.is-open.has-sub .lm_a2:after,#subNavi .leftmenu ul .lm_l2.over.has-sub.is-open.is-close .lm_a2:after{ width:20px; height:20px; background:blue; right:23px; content:""}*/
		/* #subNavi .leftmenu ul .lm_l2.is-open.has-sub .lm_a2:after{ width:20px; height:20px; background:url(../img/Sub/lm-2depthz.png) no-repeat center center; right:19px} */

		#subNavi .leftmenu span{display:inline-block}
		#subNavi .leftmenu span.new-win {background:url(../img/Layout/new-win.png) no-repeat center right; padding-right:25px;}


		#subNavi .leftmenu ul .over .depth3 {display:block;}
		
		#subNavi .leftmenu ul.depth3 {display:none; border-bottom:1px solid #ddd;background:#eff0f2;padding:14px 14px;font-size:14px;border-left:1px solid #d6d7da; border-right:1px solid #d6d7da;}
		#subNavi .leftmenu ul.depth3 .lm_a3 {display:block;font-weight:400; position:relative; color:#29303a; font-size:14px;  letter-spacing:-0.05em; padding:5px 12px 5px 16px}
		#subNavi .leftmenu ul.depth3 .lm_a3 span{display:inline-block;}
		
		#subNavi .leftmenu ul .lm_l3 .lm_a3:before{ width:4px; height:8px; background:url(../img/Sub/lm-depth.png) no-repeat center center; position:absolute; left:10px; top:50%;margin-top:-3px; display:block; content:""}
	    #subNavi .leftmenu ul .lm_l3.has-sub .lm_a3:after{width: 26px;height:20px;background: url("/images/001kunsan/inc/submenu_icon01_01.png")no-repeat center center;position:absolute;right:10px;top:50%;margin-top:-10px;display:block;content:"";margin-right: -10px;}
		#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3:after{}
		#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3:before{  background:url(../img/Sub/lm-deptho.png) no-repeat center center; }
		#subNavi .leftmenu ul .lm_l3.has-sub.is-open .lm_a3{background:#818691; color:#fff;}
		#subNavi .leftmenu ul .lm_l3.has-sub.is-open span{text-decoration:none}
		

		#subNavi .leftmenu ul .lm_l3.over .depth4 {display:block;}
		#subNavi .leftmenu ul.depth4 {display:none; background:#fff; padding:10px 12px}
		#subNavi .leftmenu ul.depth4 .lm_a4 {display:block;font-weight:400; position:relative; color:#555; font-size:13px; padding:2px 8px 2px 8px}
		#subNavi .leftmenu ul.depth4 .lm_a4 span{display:inline-block;}
		#subNavi .leftmenu ul.depth4 .over .lm_a4{color:#102741; font-weight:600; letter-spacing:-0.05em;}

		#subNavi .leftmenu ul .lm_l4 .lm_a4:before{ width:4px; height:8px; background:url(../img/Sub/lm-4depth.png) no-repeat center center; position:absolute; left:0; top:50%;margin-top:-3px; display:block; content:""}
		#subNavi .leftmenu ul .lm_l4.over .lm_a4:before{ width:4px; height:8px; background:url(../img/Sub/lm-4deptho.png) no-repeat center center; position:absolute; left:0; top:50%;margin-top:-3px; display:block; content:""}
	}

	@media only screen and  (max-width:1000px) {
		#subNavi-wrap {width:100%;position:relative;z-index:1000; display:none;/* display:block; */}
		#subNavi .lm-tit {font-weight:300;height:50px;padding:0 0;font-family: 'NanumSquare'; line-height:48px;letter-spacing:-0.05em;background:url(../img/Sub/lmtit-bg.png) no-repeat #005fca;color:#fff;text-align:left; position:relative; z-index:5;display:block;vertical-align:top; width:auto;}
		#subNavi .lm-tit * {vertical-align:middle;}
		#subNavi .lm-tit .tit {display:block;white-space:nowrap;font-size:18px;position:relative;}
		#subNavi .lm-tit .tit span{display:block;}
		#subNavi .lm-tit button {position:absolute;right:15px;bottom:20px;width:19px;height:10px;border:none; display:block;content:"▼"}
		#subNavi .lm-tit button {text-indent:9999em;}
		#subNavi .lm-tit button:after{width:1px;background:rgba(255,255,255,0.1); width:1px ; height:30px; left:-20px; top:50%;margin-top:-15px;display:block; content:"";position:absolute;}
		#subNavi .lm-tit .btxt{padding-left:20px; display:block; font-size:19px;font-weight:400;}
		
		#subNavi-wrap .leftmenu {display:none;;background:#f4f4f4;position:absolute;top:50px;left:0;width:100%;z-index:1500;}
		#subNavi-wrap .leftmenu .lm_a2 {padding:0.75em 15px;text-align:left;display:block;font-size:13px;}
		#subNavi-wrap .leftmenu li:first-child .lm_a2 {border-top:0}
		#subNavi-wrap .leftmenu .over .lm_a2 {background:#26466f;border-bottom:1px solid #26466f}
		#subNavi-wrap .leftmenu .over .lm_a2 span {color:#fff;}
		#subNavi-wrap .leftmenu .lm_a2 {background:#none;border-bottom:1px solid #dedede; border-bottom:1px solid #dedede}
		#subNavi-wrap .leftmenu .lm_a2 span{color:#555}
		#subNavi-wrap .leftmenu .depth3 {background:#fff;text-align:left;padding:5px 15px 5px 15px;border-bottom:1px solid #dedede}
		#subNavi-wrap .leftmenu .depth3 {display:none;}
		#subNavi-wrap .leftmenu .over .depth3 {display:block;;}
		#subNavi-wrap .leftmenu .depth3 .lm_l3 {border-top:1px dotted #eee;padding:4px 0; padding-left:10px; position:relative;}
		#subNavi-wrap .leftmenu .depth3 .lm_l3.over a span{text-decoration:underline}
		#subNavi-wrap .leftmenu .depth3 .lm_l3:after{position:absolute; width:4px; height:2px;display:block; content:""; left:0; background:#888;top:50%;margin-top:-1px;}
		#subNavi-wrap .leftmenu .depth3 .lm_l3 span {color:#444;}
		#subNavi-wrap .leftmenu .depth3 li:first-child,	#subNavi-wrap .leftmenu .depth3 li:first-child .lm_l3 {border-top:0;}
		#subNavi-wrap .leftmenu .depth3 .lm_a3 {display:block;padding:5px 0}	
		

		#subNavi-wrap .leftmenu .depth3{display:none}
		#subNavi-wrap .leftmenu .depth4{display:none}

	}


.sub-wrap .wrap .content-wrap .contents{float:right; width:1160px;}

.sub-wrap .wrap .content-wrap .contents h2.cont-title{font-size:28px; color:#000; padding:50px 0px 30px 0px; border-bottom:1px solid #e0e8f3; line-height:100%; letter-spacing:-0.02em;}
.sub-wrap .wrap .content-wrap .contents .container{margin:50px 0px; min-height:520px;}


/* footer */
footer.footer{background:#02082c;}
footer.footer .footer-wrap{padding:50px 0px; text-align:center;}
footer.footer .footer-wrap .f-link{margin-bottom:20px;}
footer.footer .footer-wrap .f-link .btns{font-size:0px;}
footer.footer .footer-wrap .f-link .btns li{display:inline-block; vertical-align:top;}
footer.footer .footer-wrap .f-link .btns li a{display:block; position:relative; color:#fff; padding:0px 20px; line-height:100%; font-size:16px;}
footer.footer .footer-wrap .f-link .btns li a:before{position:absolute; top:50%; right:0px; width:1px; height:10px; margin-top:-5px; background:#808394; content:"";}
footer.footer .footer-wrap .f-link .btns li:last-child a:before{display:none;}
footer.footer .footer-wrap .f-link .btns li a span{}

footer.footer .footer-wrap .add-tel{margin-bottom:20px;}
footer.footer .footer-wrap .add-tel .list{}
footer.footer .footer-wrap .add-tel .list li{position:relative; color:#b2b2b2; padding:0px 20px; line-height:100%; font-size:16px; display:inline-block; vertical-align:top;}
footer.footer .footer-wrap .add-tel .list li:before{position:absolute; top:50%; right:0px; width:1px; height:10px; margin-top:-5px; background:#808394; content:"";}
footer.footer .footer-wrap .add-tel .list li:last-child:before{display:none;}
footer.footer .footer-wrap .add-tel .list li strong{color:#7cf8d1; margin-right:10px;}

footer.footer .footer-wrap .copy{font-size:13px; color:#505362; line-height:100%;}


@media all and (max-width:1500px){
	.wrap{width:100%; padding:0px 20px;}
	.header .gnb-box h1.logo{padding: 22px 0px 0px 20px;width: 25%;}
	.header .gnb-box h1.logo a{height: 40px;display:block;/* background:url("/images/ksnudp/common/top-logo02.jpg") no-repeat; */background-size:100%;}

	.header.active .gnb-box h1.logo a{width:180px;height:41px;display:block;/* background:url("/images/ksnudp/common/top-logo02.jpg") no-repeat; */background-size:100%;}


	.header .gnb-box .gnb-wrap{width:50%;}
	.gnb-wrap .gnb ul.dl li a{font-size:17px;}

	.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav div.level a.level2-1{font-size:15px; padding:10px 10px;}


	.header .gnb-box .snsys-btns{width: 200px;padding:25px 0px 0px 0px;text-align:left;}

	.header .gnb-box .snsys-btns .sns-btns li{margin:0px 3px}

	.header .gnb-box .snsys-btns .sys-btns{margin-left:10px;}
	.header .gnb-box .snsys-btns .sys-btns li{margin:0px 3px;}

	.sub-wrap .sub-vis .print-snshare{margin-left:460px;}

	#subNavi-wrap {width:17%;}
	.sub-wrap .wrap .content-wrap .contents{width:75%;}

	
}

@media all and (max-width:1200px){
	.wrap{width: 100%;}
	.sub-wrap{width: 100%;}
	.header{padding: 0px 0px; box-sizing:border-box;}
	.header .gnb-box h1.logo{padding: 23px 0px 0px 15px;width: 330px;}
	.header .gnb-box h1.logo a{display:block;width: 300px;}

	.header .gnb-box .gnb-wrap{width:60%;}
	.gnb-wrap .gnb ul.dl li a{font-size:16px;}
	.header .gnb-wrap .gnb ul.dl li .sub-gnb .sub-gnb-wrap .nav{padding:10px 0px 0px 0px;}

	.header .gnb-box .snsys-btns{width: 20%;padding:25px 0px 0px 0px;text-align:left;}
	.header .gnb-box .snsys-btns .sns-btns li{margin:0px 1px}
	.header .gnb-box .snsys-btns .sns-btns li a{width:26px; height:26px;}

	.header .gnb-box .snsys-btns .sys-btns{margin-left:0px;}
	.header .gnb-box .snsys-btns .sys-btns li{margin:0px 1px;}

	.sub-wrap .sub-vis .print-snshare{margin-left:360px;}

	#subNavi-wrap {width:25%;}
	.sub-wrap .wrap .content-wrap .contents{width:72%;}
}

@media all and (max-width:1000px){
	.header{height:60px;}
	.header .header-box{height:60px;}

	.header .gnb-box h1.logo a{position:absolute;top:15px;left:15px;width:290px;height:40px;/* background:url("/images/ksnudp/common/top-logo.jpg") no-repeat; */background-size:100%;}
	.header.active .gnb-box h1.logo a{position:absolute;top:15px;left:15px;width:290px;height:40px;/* background:url("/images/ksnudp/common/top-logo.jpg") no-repeat; */background-size:100%;}

	.header .toggle-box{position: absolute; top:0px; right:0px; z-index:1; background:url("/images/ksnudp/common/sys_more.png") no-repeat center;}
	.header a.toggle{display: block; width:60px; height: 60px;background: url("..//images/ksnudp/01_Potal/common/mb-menubtn.png") no-repeat;position: relative; background-position: center;}
	.header a.toggle:before{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 100%; background: #6f94ba; }

	.header .mobile-gnb{display:block; position:fixed; top:0px; right:-100%; width:80%; height:100%; z-index:999; transition:all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;}

	.header .mobile-gnb .mbmenu-top{display:block; position:relative; height:60px; padding:10px 20px; box-sizing:border-box; background:#1b9af8; box-sizing:border-box; z-index:2;}
	.header .mobile-gnb .mbmenu-top h2.mb-logo{display:none;}
	.header .mobile-gnb .mbmenu-top h2.mb-logo a{width: 90px; height: 68px; background: green; background-size: 90px; display: inline-block; margin-top: 0px; position: absolute; top:15px; left:20px;}

	.header .mobile-gnb .mbmenu-top .mb-sns-btns:after{clear:both; content:""; display:block;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns{display:inline-block; font-size:0px;  vertical-align:top; float:left;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li{display:inline-block; vertical-align:top; margin:0px 5px}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li a{width:30px; height:30px; display:block; background:black; border-radius:50%;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li.ksnu a{background:url("/images/ksnudp/common/sns_ksnu.jpg") no-repeat center #fff; background-size:cover;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li.insta a{background:url("/images/ksnudp/common/sns_insta.jpg") no-repeat center #8735bb ; background-size:cover;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li.face a{background:url("/images/ksnudp/common/sns_face.jpg") no-repeat center #3a589e ; background-size:cover;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li.xtwi a{background:url("/images/ksnudp/common/sns_xtwi.jpg") no-repeat center #000; background-size:cover;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li.blog a{background:url("/images/ksnudp/common/sns_blog.jpg") no-repeat center #1ea839; background-size:cover;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li.youtu a{background:url("/images/ksnudp/common/sns_youtu.jpg") no-repeat center #e7392e; background-size:cover;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li.kakao a{background: url("/upload_data/board_data/CNT_ATCHDOWN/175919291591570.png") no-repeat center #fddc3f;background-size:cover;}


	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sys-btns{display:inline-block; font-size:0px; vertical-align:top; float:right;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sys-btns a{width:30px;height:30px;display:inline-block;vertical-align:top;background:black;}

	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sys-btns a.site{display:none;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sys-btns a.login{background:url("/images/ksnudp/common/login_btnW.png") no-repeat center;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sys-btns a.logout{background:url("/images/ksnudp/common/logout_btnW.png") no-repeat center;}


	.header .mobile-gnb .close-box{position:absolute; top:0px; left:-60px;}
	.header .mobile-gnb .close-box .mb-closebtn{width:60px; height:60px; display:block; text-indent:-9999px; position:relative; background:url("/images/ksnudp/common/mo_close_btn.png") no-repeat center #1b9af8;}

	.header .mobile-gnb.on{right:0; z-index: 999;}
	.header .mobile-gnb .dl{position:fixed; top:0px; background:#fff; padding:0px 20px; width:80%; height:100%; padding-top:60px; overflow-x:auto; box-sizing:border-box; z-index:1;}
	.header .mobile-gnb .dl li a.level1-1{position:relative; padding:15px 30px; border-bottom:solid 1px #dadada; display:block; font-size:18px; color:#000000; box-sizing:border-box; width:100%;}
	.header .mobile-gnb .dl li a.level1-1.on{color:#1b9af8; font-family:'NotoKrM';}
	.header .mobile-gnb .dl li a.level1-1.on{border-bottom:none;}
	.header .mobile-gnb .dl li a.level1-1:after{content:""; width:24px; height:24px; background:none;}
	.header .mobile-gnb .dl li a.level1-1.on:after{content:"▼"; width:24px; height:24px; color:#fff; background:#1b9af8; position:absolute; top:14px; right:35px; display:inline-block; border-radius:50%; font-size:8px; text-align:center;}
	.header .mobile-gnb .dl li .m-sub-gnb{display:none;}
	.header .mobile-gnb .dl li .m-sub-gnb .nav{padding:0px 30px;}
	.header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1{padding: 5px 10px;background:#f2f5fa;color:#000;font-size:15px;font-weight: 400;display: block;position: relative;}
	.header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1:hover{color:#1b9af8; text-decoration: underline;}
	.header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1.on{background: #3897db; color: #fff; padding: 20px 20px;}
	.header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1.on:before{content: ""; width: 60px; height: 1px; background: #fff; position: absolute; top:30px; left:0;}


	.header .mobile-gnb .dl li .m-sub-gnb .level .level3-1{display: none; background: #e0eaf3;}
	.header .mobile-gnb .dl li .m-sub-gnb .level .level3-1 li a{padding: 15px 20px; display: block; font-size: 18px;}
	.header .header-box.h-active{z-index: 0;}

	.header .mobile-gnb .dl li:first-child .m-sub-gnb .sub-gnb-wrap .sub-menu02, .sub-menu03, .sub-menu04, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
	.header .mobile-gnb .dl li:nth-child(2) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu03, .sub-menu04, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
	.header .mobile-gnb .dl li:nth-child(2) .m-sub-gnb .sub-menu02{display: block;}
	.header .mobile-gnb .dl li:nth-child(3) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu04, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
	.header .mobile-gnb .dl li:nth-child(3) .m-sub-gnb .sub-menu03{display: block;}
	.header .mobile-gnb .dl li:nth-child(4) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu03, .sub-menu05, .sub-menu06, .sub-menu07{display: none;}
	.header .mobile-gnb .dl li:nth-child(4) .m-sub-gnb .sub-menu04{display: block;}
	.header .mobile-gnb .dl li:nth-child(5) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu03, .sub-menu04, .sub-menu06, .sub-menu07{display: none;}
	.header .mobile-gnb .dl li:nth-child(5) .m-sub-gnb .sub-menu05{display: block;}
	.header .mobile-gnb .dl li:nth-child(6) .m-sub-gnb .sub-gnb-wrap .sub-menu01, .sub-menu02, .sub-menu03, .sub-menu04, .sub-menu05, .sub-menu07{display: none;}
	.header .mobile-gnb .dl li:nth-child(6) .m-sub-gnb .sub-menu06{display: block;}

	.header .gnb-box .snsys-btns{display:none;}

	.header .nav-bar{display: none;}
	.header .header-box.h-active .nav-bar{display: none;}

	.sub-wrap{padding-top:61px;}
	.sub-wrap .sub-vis{padding:40px 0px;}
	.sub-wrap .sub-vis .title{font-size:26px; margin-bottom:10px;}

	.sub-wrap .sub-vis .print-snshare{bottom:10px; left:auto; right:10px; margin-left:0px;}
	.sub-wrap .sub-vis .print-snshare .print-btn{width:30px; height:30px; margin-right:10px; background-size:26px;}
	.sub-wrap .sub-vis .print-snshare .snshare .sns-btn{width:30px; height:30px; margin-right:10px; background-size:26px;}

	.sub-wrap .wrap .content-wrap .contents{width:100%; box-sizing:border-box;}

	.sub-wrap .wrap .content-wrap .contents h2.cont-title{font-size:26px; padding:30px 0px 20px 0px;}

	.sub-wrap .wrap .content-wrap .contents .container{margin:30px 0px; min-height:auto;}

	footer.footer .footer-wrap{padding:30px 0px;}
	footer.footer .footer-wrap .f-link .btns li a{padding:0px 15px; line-height:120%; font-size:15px;}

	footer.footer .footer-wrap .add-tel{margin-bottom:20px;}
	footer.footer .footer-wrap .add-tel .list li{padding:0px 10px; font-size: 14px;}
	footer.footer .footer-wrap .add-tel .list li strong{color:#7cf8d1; margin-right:10px;}

	footer.footer .footer-wrap .copy{font-size:13px;}
}

@media all and (max-width:680px){
	.wrap{padding:0px 15px;}

	.header{height:50px;}
	.header .header-box{height:50px;}
	.header .gnb-box h1.logo a{width: 260px;top: 12px;left: 5px;}
	.header.active .gnb-box h1.logo a{width:240px; top:12px;}
	.header a.toggle{width:50px; height:50px; background-size:20px;}
	.header .mobile-gnb .mbmenu-top{height:50px; padding:8px 15px;}
	.header .mobile-gnb .mbmenu-top h2.mb-logo a{background-size: 70px; top:9px;}
	.header .mobile-gnb .close-box{left:-50px;}
	.header .mobile-gnb .close-box .mb-closebtn{background-size:15px; width:50px; height:50px;}
	.header .mobile-gnb .mb-closebtn{background-size: 18px; width: 18px; top:0px;}
	.header .mobile-gnb .dl{padding:0px 15px; padding-top:50px; }
	.header .mobile-gnb .dl li a.level1-1{padding:10px 15px; font-size:16px;}
	.header .mobile-gnb .dl li a.level1-1:after{width: 20px; background-size: 20px; top:10px;}
	.header .mobile-gnb .dl li a.level1-1.on:after{width:20px; height:20px; top:10px; right:20px; font-size:6px;}
	.header .mobile-gnb .dl li .m-sub-gnb .nav{padding:0px 20px;}
	.header .mobile-gnb .dl li .m-sub-gnb .nav .level:first-child a.level2-1{}
	.header .mobile-gnb .dl li .m-sub-gnb .nav .level:last-child a.level2-1{}
	.header .mobile-gnb .dl li .m-sub-gnb .nav .level a.level2-1{font-size:14px;margin-bottom: 3px;}
	.sub-top{padding: 20px 30px;}

	.sub-wrap{padding-top:51px;}

	.sub-wrap .sub-vis{padding:30px 0px 60px 0px;}
	.sub-wrap .sub-vis .title{font-size:22px; margin-bottom:10px;}

	.sub-wrap .sub-vis .print-snshare{bottom:5px;}
	.sub-wrap .sub-vis .sub-navi li{margin-right:20px;}
	.sub-wrap .sub-vis .sub-navi li:before{right:-15px;}
	.sub-wrap .sub-vis .sub-navi li a{color:#fff; display:block; font-size:13px;}
	.sub-wrap .sub-vis .sub-navi li.home a{}

	.sub-wrap .wrap .content-wrap .contents h2.cont-title{font-size:24px; padding:20px 0px 15px 0px;}

	.sub-wrap .wrap .content-wrap .contents .container{margin:20px 0px;}

	footer.footer .footer-wrap{padding:20px 0px; text-align:left;}
	footer.footer .footer-wrap .f-link{margin-bottom:15px;}
	footer.footer .footer-wrap .f-link .btns li a{padding:0px 10px; line-height:120%; font-size:14px;}

	footer.footer .footer-wrap .add-tel .list li{padding:0px 10px; font-size:13px; margin-bottom:10px; display:block; line-height:120%;}
	footer.footer .footer-wrap .add-tel .list li::before{display:none;}

	footer.footer .footer-wrap .copy{font-size:12px; text-align:center;}
}

@media all and (max-width:480px){
	.header .mobile-gnb .mbmenu-top{height:50px; padding:12px 10px;}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li{margin:0px 2px}
	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sns-btns li a{width:24px; height:24px;}

	.header .mobile-gnb .mbmenu-top .mb-sns-btns .sys-btns a{width:24px; height:24px;}

	.sub-wrap .wrap .content-wrap .contents h2.cont-title{font-size:20px; }

	footer.footer .footer-wrap .f-link .btns li{display:block; margin-bottom:5px;}
	footer.footer .footer-wrap .f-link .btns li a::before{display:none;}
}

/*모바일 3-4차*/
.header .mobile-gnb .dl li .m-sub-gnb .nav .depth3{margin-bottom: 10px;}
.header .mobile-gnb .dl li .m-sub-gnb .nav .depth3 a {font-size: 13px;padding: 2px 6px;display: block;}
.header .mobile-gnb .dl li .m-sub-gnb .nav .depth4 a{font-size: 13px;padding: 2px 0 2px 19px;color: #7b7b7b;line-height: 1.5;position: relative;}
.header .mobile-gnb .dl li .m-sub-gnb .nav .depth3 .has-sub a:before{display:block;content:'';width: 5px;height:1px;background: #929292;position: absolute;left: 9px;top: 11px;}

@media all and (min-width:1000px){
.header .gnb-wrap .depth3,
.header .mobile-gnb .dl li .m-sub-gnb .nav .depth3{display:none !important;}
}

#subNavi .leftmenu ul.depth3 .over > a > span {text-decoration: underline; font-weight:600}
#subNavi .leftmenu ul.depth3 .lm_l3 a:hover > span{text-decoration:underline}
.header .mobile-gnb .dl li .m-sub-gnb .nav .depth3 .over > a {text-decoration: underline;}
                                                                                                                                                                                                                                           
@media all and (min-width:1500px){
.header .gnb-box h1.logo {padding-top: 16px;width: 570px;}
.header .gnb-box h1.logo a{background: url(' /upload_data/board_data/CNT_ATCHDOWN/176456574820840.png')no-repeat;width: 605px;height: 50px;}
}