/*
 * Jeju Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Jeju Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/chnet2/font/JejuGothic-Regular.eot);
  src: url(/chnet2/font/JejuGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/chnet2/font/JejuGothic-Regular.woff2) format('woff2'),
       url(/chnet2/font/JejuGothic-Regular.woff) format('woff'),
       url(/chnet2/font/JejuGothic-Regular.ttf) format('truetype');
}


/* Reset */
* {margin:0; paddiNg:0;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box}
* {-webkit-text-size-adjust:none;}
html, body {margin:0; padding:0; font:16px/22px open-sans, Helvetica, Arial, sans-serif; color:#333; font-family:"Nanum Gothic", "나눔고딕", "돋움", Dotum, "굴림", Gulim, sans-serif;}
body, h1, h2, h3, h4, h5, h6, div, p, span, strong, em, blockquote, pre, address,
ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, select, label, textarea, img, a {margin:0; padding:0;}
input, button, select, textarea {font:13px "Nanum Gothic","나눔고딕", "돋움", Dotum, "굴림", Gulim, sans-serif; color:#444; vertical-align:middle;font-weight:normal}
ul, ol, li, dl, dd, dt {list-style-type:none;}
table {width:100%; border:0; border-spacing:0; border-collapse:collapse;}
img {vertical-align:top;}
a, img, button, fieldset, input[type="button"] {border:0;}
legend {position:absolute; width:0; height:0; font-size:0; overflow:hidden;}
address, em {font-style:normal;}
.blind, caption {visibility:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; overflow:hidden; text-indent:-9999px;}
hr {display:none;}
input[type="button"], input[type="submit"], input[type="image"], button, label {cursor:pointer;}

/* CSS Document */

#wrap{width:100%;margin:0 auto;overflow:hidden}
	body{position:relative;overflow:hidden}

/* 헤더 */
	.menu{z-index:2;position:absolute;top:20px;right:5px}
	.menu > a{float:right;width:50px;margin:10px 30px 0 0;padding:8px 0;text-align:center;/* ;font-family:"Arial",sans-serif;color:#fff;letter-spacing:1.5px;font-size:23px;font-weight:600; */border:2px solid #fff}
	.menu > a > img{position:relative;top:-2px}
		.suv_menu{display:none;position:absolute;top:50px;right:0;margin-right:30px;width:180px;background:rgba(255,255,255,0.95);padding:7px 0 10px 0}
		.suv_menu li a{color:#888;padding:7px 0 5px 57px;display:block;background:url(/images/bg8.png) no-repeat 42px 15px}
		.suv_menu li a:hover{color:#000}
	#header{z-index:1;width:100%;height:90px;background:rgba(0, 0, 0, 0.3);padding-top:20px;position:absolute;top:0}
		#header:after{display:block;content:'';clear:both}
		#header h1{width:25%;float:left}
		#header h1 a{width:100%}
		#header h1 a img{width:80%;max-width:230px;min-width:190px;margin:12px 0 0 30px}
	.nav{width:50%;float:left}
	.nav > ul{width:100%;text-align:center}
	.nav > ul:after{display:block;content:'';clear:both}
	.nav > ul > li{display:inline-block;margin:13px 0 0 30px;height:57px;position:relative}
	.nav > ul > li > a{font-family:"Jeju Gothic",serif;font-size:28px;color:#bac5ce;line-height:40px;padding:0 5px}
		.nav_point{color:#fff !important}
			.nav > ul > li > ul{display:none;position:absolute;top:57px;background:rgba(25,40,65,0.9);margin-left:-45px}
			.nav > ul > li > ul li a{color:rgba(255,255,255,0.7);width:150px;padding:10px 0;display:block;font-size:16px}
			.nav > ul > li > ul li a:hover{color:#fff}

	.mb_nav{display:none;z-index:1000;position:absolute;top:0;right:-280px;width:280px;height:100%;background:#ebebeb;padding-bottom:50px}
		.menu-bt-wrapper{cursor:pointer;position:absolute;top:10px;left:-60px}
		.menu-bt{height:65px;width:58px;display:block;position:relative;top:2px;right:0;padding:20px 20px 20px 0;box-sizing:border-box}
		.menu-bt-line{float:left;position:relative;height:4px;width:100%;background-color:#fff;border-radius:50px;transition:all .5s ease-in-out;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center; transform-origin:left center;}
		.menu-bt-line1{top:0}
		.menu-bt-line2 {top:9px;opacity:1}
		.menu-bt-line3 {top:18px}
			.menu-open{left:230px}
			.menu-open .menu-bt .menu-bt-line1{background-color:#fff;transform: rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform: rotate(45deg)}
			.menu-open .menu-bt .menu-bt-line2{opacity:0}
			.menu-open .menu-bt .menu-bt-line3{background-color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform: rotate(-45deg)}
				.nav-open{overflow-x:hidden;overflow-y:auto;position:fixed}
		.mb_nav .top{background:#1b3a6a;width:100%;height:90px}
		.mb_nav .top li{float:left}
		.mb_nav .top li a{color:#fff;font-size:14px;line-height:95px;padding:0 10px}
		.mb_nav .top li:first-child a{padding-left:15px;border-right:1px solid rgba(255,255,255,0.3)}
			.mb_nav .mid{clear:both;width:280px;margin:0 auto;margin-left:8px}
			.mb_nav .mid li{float:left;margin:4px;border:1px solid #aaa;background:#f5f5f5;border-radius:50px;text-align:center}
			.mb_nav .mid li:nth-child(1), .mb_nav .mid li:nth-child(2){margin-top:20px}
			.mb_nav .mid li a{width:120px;padding:7px;display:block}
		.mb_nav .bottom{clear:both;padding-top:15px}
		.mb_nav .bottom > li{text-align:center}
		.mb_nav .bottom > li > a{font-family:"Jeju Gothic",serif;font-size:20px;width:100%;padding:15px 0 10px 0;display:block;border-bottom:1px solid #ccc;text-indent:50px}
		.mb_nav .bottom > li > a > span{background:url(/images/bg9.png) no-repeat;background-position:0 -10px;float:right;width:15px;height:10px;overflow:hidden;margin:4px 35px 0 0}
		.mb_nav .bottom > li:first-child > a{border-top:1px solid #ccc}
		.mb_nav .bottom > li:nth-child(7) > a{text-indent:0}
		.mb_nav .bottom > li:nth-child(8) > a{text-indent:0;border-top:none}
			.mb_nav .bottom>li>ul{display:none;background:#ddd;border-bottom:1px solid #ccc;}
			.mb_nav .bottom>li>ul li{text-align:center;line-height:32px}
			.mb_nav .bottom>li>ul li a{display:block}
			.mb_nav .bottom>li>ul li:first-child{padding-top:15px}
			.mb_nav .bottom>li>ul li:last-child{padding-bottom:15px}
				.toggle_btn span{background-position:0 -1px !important}
				.toggle_btn{color:#3d68aa}
	.mb_bg{display:none;z-index:10;width:100%;height:100%;position:absolute;top:0;right:0;cursor:pointer;background:rgba(0,0,0,0.7)}

/* 푸터 */
	#footer{width:100%;background:#646769;padding-bottom:30px}
	#footer:after{display:block;content:'';clear:both}
		.foot_intop{width:100%;margin:0 auto;padding:5px 0 50px 0}
		.foot_intop ul:after{display:block;content:'';clear:both}
			.bottom_logo{float:left}
			.bottom_logo img{float:left;width:55px;margin:5px 10px 0 10px}
				.sns_icon{float:left;margin:23px 0 0 10px}
				.sns_icon li{display:inline-block}
				.sns_icon li a{width:25px;height:25px;display:block;margin-right:4px;text-indent:-9999px;background:url(/images/sns_icon.png) no-repeat}
				.sns_icon li:nth-child(1) a:hover{background-position:0 -24px}
				.sns_icon li:nth-child(2) a{background-position:-25px 0}
				.sns_icon li:nth-child(2) a:hover{background-position:-25px -24px}
				.sns_icon li:nth-child(3) a{background-position:-50px 0}
				.sns_icon li:nth-child(3) a:hover{background-position:-50px -24px}
				.sns_icon li:nth-child(4) a{background-position:-75px 0}
				.sns_icon li:nth-child(4) a:hover{background-position:-75px -24px}
			.select{position:relative;right:10px;top:15px}
			.select > p{float:right;width:145px;text-align:center;color:#ddd;cursor:pointer;padding:8px 0;text-align:center;border:1px solid #ccc}
			.select_menu{display:none;position:absolute;right:0;top:39px;width:145px;background:rgba(255,255,255,0.95);padding:7px 0 10px 0}
			.select_menu li a{color:#888;padding:5px 0 3px;display:block;text-align:center}
			.select_menu li a:hover{color:#000}

			.select{float:right;position:relative;margin-top:10px}
			.select p{width:145px;height:40px;font-size:16px;text-align:center;color:#fff;cursor:pointer;padding:8px 0 0 10px;text-align:center;border:1px solid #fff}
			.select p span{display:inline-block;margin-left:7px;width:13px;height:10px;overflow:hidden;background:url(/images/bg10.png) no-repeat}
			.select ul{display:none;position:absolute;right:0;bottom:40px;width:145px;background:#fff;padding:7px 0 10px 0}
			.select ul li a{color:#888;text-align:center;padding:5px 0 3px 0;display:block}
			.select ul li a:hover{color:#c1693d}
				.util_veiw span{background-position:0 -9px !important}


		.foot_inner{max-width:1200px;margin:0 auto;text-align:center;padding:0 0 30px 0}
		.foot_inner address{color:#e8e8e8;font-size:14px;line-height:22px;margin-bottom:25px}
		.foot_inner address i{font-family:"Arial",sans-serif}
		.foot_inner address span.dark{color:#aaa}
		.foot_inner address b{font-weight:normal}
		.foot_inner address br{display:none}
		.foot_inner span a{font-family:"Arial",sans-serif;color:#ccc;font-size:12.5px}
		.foot_inner span a:last-child{position:relative;top:-3px}
			.top_btn{float:right;margin:-85px 30px 0 0}
			.top_btn_f{position:fixed;bottom:0;right:0;margin:0 30px 15px 0}

/* 반응형 */
	@media(max-width:1250px){
		.nav > ul > li > a{font-size:24px;line-height:40px;padding:0}
			.suv_nav{margin-left:-55px}
				.suv_menu{width:160px}
				.suv_menu li a{padding:7px 0 5px 41px;background:url(/images/bg8.png) no-repeat 27px 15px}
	}
	@media(max-width:1100px){
		.foot_inner{padding:30px 0 30px 0}
	}
	@media(max-width:1000px){
		#header h1 a img{margin:15px 0 0 15px}
			.nav, .menu{display:none}
			.mb_nav{display:block}
	}
	@media(max-width:660px){
			.foot_inner address{font-size:13px;line-height:18px}
			.foot_inner address b{display:none}
			.foot_inner address br{display:block}
			.foot_inner span a{font-size:12px}
			.foot_inner span a:last-child{top:-5px}
		.bottom_logo{display:none}
		.top_btn{display:none}
	}