@charset "utf-8";

@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url("http://fonts.googleapis.com/css?family=Noto+Sans");

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//font.dmax.kr/NanumGothic-Regular.eot);
  src: url(//font.dmax.kr/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//font.dmax.kr/NanumGothic-Regular.woff2) format('woff2'),
       url(//font.dmax.kr/NanumGothic-Regular.woff) format('woff'),
       url(//font.dmax.kr/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//font.dmax.kr/NanumGothic-Bold.eot);
  src: url(//font.dmax.kr/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//font.dmax.kr/NanumGothic-Bold.woff2) format('woff2'),
       url(//font.dmax.kr/NanumGothic-Bold.woff) format('woff'),
       url(//font.dmax.kr/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//font.dmax.kr/NanumGothic-ExtraBold.eot);
  src: url(//font.dmax.kr/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//font.dmax.kr/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//font.dmax.kr/NanumGothic-ExtraBold.woff) format('woff'),
       url(//font.dmax.kr/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* reset css ---------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;} 

/* 테두리 없애기 */
fieldset, img, abbr,acronym {border: 0;} 

/* 목록설정 */
ul, ul.li, ol, ol.li { list-style-type: none;}

/* 이미지설정 */
img {border: 0; vertical-align: middle;}

/* 테이블 - 마크업에 'cellspacing="0"' 지정  */
table {border-collapse: collapse; border-spacing: 0; border: 0;}
th, td {vertical-align: middle;}


/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight: normal; font-style: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
textarea {font-size:1em;}

/* 숨김설정 */
legend {text-indent:-9999px; font-size:0; width:0; height:0;}
hr {display: none;}
caption {text-indent:-9999px; font-size:0;  width:0; height:0;}
.hidden {text-indent:-9999px; font-size:0; width:0; height:0;}
.follow {visibility: hidden; position: absolute; top: 0; left: 0;}

/* 기초설정*/
html, body {font-size:.95em; line-height:1.5; font-family: 'Noto Sans KR','NanumGothic','나눔고딕', 'Nanum Gothic', 'NanumGothicWeb','돋움', Dotum, Gulim, Arial, Verdana, Helvetica, AppleGothic, Sans-serif; color:#3e3e3e;}
html {overflow-y:scroll;}/*세로스크롤*/
body {}

input, textarea, select {font-family:'Noto Sans KR','NanumGothic','나눔고딕', 'Nanum Gothic', 'NanumGothicWeb','돋움';}

/* 링크설정 */
a,a:active,a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #333;
}


.clear {clear: both; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }

.block:after,.clearfix:after,.group:after {
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.skip {text-indent:-9999px; font-size:0; position:absolute; width:0; height:0;}

/* 폰트색 */
.skyblue {color:#1193cb;}
.skyblue_b {color:#1193cb; font-weight:500;}
.blue {color:#0060cb;}
.blue_b {color:#0060cb; font-weight:bold;}
.gray {color:#7a7f79; font-weight:normal;}
.gray_b {color:#7a7f79; font-weight:bold;}
.red {color:#e74e2f;}
.red_b {color:#e74e2f; font-weight:bold;}
.green {color:#759134;}
.green_b {color:#759134; font-weight:bold;}
.orange {color:#ff8b00;}
.orange_b {color:#ef733c; font-weight:bold;}
.brown {color:#c94c10;}
.brown_b {color:#64453f; font-weight:bold;}
.black_b {color:#141414; font-weight:500;}
.bold {font-weight:500;}
.underline {text-decoration:underline;}
.display_b {display:block;}

/* margin */

.mg2 {margin-bottom:.2em;}
.mg3 {margin-bottom:.3em;}
.mg5 {margin-bottom:.5em;}
.mg7 {margin-bottom:.7em;}
.mg10 {margin-bottom:1em;}
.mg12 {margin-bottom:1.2em;}
.mg15 {margin-bottom:1.5em;}
.mg20 {margin-bottom:2em;}
.mg25 {margin-bottom:2.4em;}
.mg30 {margin-bottom:3em;}
.mg40 {margin-bottom:4em;}
.mg50 {margin-bottom:5em;}
.mg60 {margin-bottom:6em;}
.mg70 {margin-bottom:7em;}
.mg80 {margin-bottom:8em;}


.block {max-width:1100px; margin:0 auto;}
.block2 {max-width:1100px; margin:0 auto;}
.block3 {max-width:1050px; margin:0 auto;}

#wrap {position:relative;}
	/* 상단 */
	#header_wrap {width:100%; position:fixed; top:0; z-index:999;}
		#header {position:relative; background:#fff; min-height:100px;
				box-shadow:0px 1px 5px 0px #7d7d7d;
				-webkit-box-shadow:0px 1px 5px 0px #7d7d7d;
				-moz-box-shadow: 0px 1px 5px 0px #7d7d7d;
				}
		
		#header .top_link_ban {position:absolute; right:-20px; top:3px;}

		#header h1 {float:left; width:15%; padding:18px 0 0 30px;}
		#header h1 img {width:90%;}
		#header .header_right {position:relative; float:right; width:726px; padding-top:40px;}
		
			#nav {border-right:1px solid #d7d8d9; box-sizing:border-box;}
			#nav .mn_list {}
			#nav .mn_list li {float:left; width:20%; position:relative;}
			#nav .mn_list li a {display:block; font-size:1.13em; font-weight:500; color:#3c3c3c; text-align:center; padding:18px 0;}
			#nav .mn_list li ul {display:none; overflow:hidden; background:#252525; height:247px; padding-top:5px;
					filter: alpha(opacity=98);
						-khtml-opacity:0.98;
						-moz-opacity:0.98;
						opacity:0.98;
						position:absolute; width:100%;
			}
			#nav .mn_list li ul li {float:none; background:none; width:auto; margin:0; }
			#nav .mn_list li ul li a {color:#fff; font-size:.9em; text-align:left; letter-spacing:-1px; font-weight:normal; display:block; padding:3px 2px 3px 32px;}
			#nav .mn_list li ul li a:hover {color:#47dfff;}

			#language {position:absolute; top:20px; right:42px; font-size:.85em;}
			#language ul {display:inline-block;}
			#language ul li {float:left;}
			#language ul li a {display:inline-block; color:#808080; }
			#language ul li a.on {color:#263590;}
			#language ul li .bar {display:inline-block; color:#b6b6b6; font-size:.85em; padding:0 5px;}
			
			/*.mn_list > li > ul{display:none}*/

			#nav_min {display:none; position:absolute; right:0px; top:0; z-index:99; }
			#nav_min .icon {position:absolute; right:0px; top:0;}
			#nav_min .icon a {display:block; width:66px; height:86px; text-indent:-99999em; font-size:0;
				background:#f1f2f3 url('/images/common/cate_icon.png') no-repeat 50% 50% scroll; border-left:1px solid #e2e2e2;
			}
			#nav_min .mn_list {display:none; position:absolute; right:0px; top:86px; min-width:180px; background:#0cacd2; padding:10px 0;}
			#nav_min .mn_list li a {display:block; padding:7px 20px; color:#fff; font-size:1.1em;}


	/* 퀵메뉴 */
	#r_quick {position:absolute; right:0; top:25%; z-index:999;}
		#quick_open {display:none; position:absolute; right:44px; top:0; background:#f7f7f7;}
		#quick_open li {width:250px;}
		#quick_open li a {display:block; font-size:1.05em; font-weight:bold; color:#0d0d0d; background:url('/images/common/q_right_icon04.png') no-repeat 92% 50%;
		                  height:34px; padding:10px 20px 0 20px; border-bottom:1px solid #eaeaea; 
		}
		#quick_open li a:hover {background:#009adc url('/images/common/q_right_icon03.png') no-repeat 92% 50%;; color:#fff; border-bottom:1px solid #009adc;}
	#r_quick_min {position:absolute; right:0; top:50%; z-index:999; display:none;}


	/* 하단 */
	#sitemap_wrap {background:#515153; border-top:1px solid #e0e0e0;}
		#sitemap {padding:25px 0;}
		#sitemap ul li {float:left; width:9%; min-height:160px; padding:0 2.5%;}
		#sitemap ul li.line {width:15%; border-left:1px solid #e5e5e7; padding-left:80px; min-height:220px;}
		#sitemap ul li.pright {width:12%;}
		#sitemap ul li a {display:block; color:#e3e4e6; font-weight:500; font-size:1.05em;}
		#sitemap ul li ul {padding-top:15px;}
		#sitemap ul li ul li {float:none; width:100%; border-left:0; min-height:0;}
		#sitemap ul li ul li a {display:block; font-weight:normal; color:#e5e5e7; font-size:.8em; margin-bottom:4px;}

	#bottom_wrap {background:#414141;}
		#bottom {overflow:hidden; padding:25px 0 40px 0;}
		#bottom h1 {float:left; width:20%; text-align:center; padding-top:5px;}
		#bottom .copy_info {float:right;  width:75%; text-align:left; font-size:.9em;}
		#bottom .copy_info .bottom_mn {overflow:hidden; margin-bottom:5px;}
		#bottom .copy_info .bottom_mn li {float:left;}
		#bottom .copy_info .bottom_mn li a {display:inline-block; color:#fff; font-size:.9em;}
		#bottom .copy_info .bottom_mn li .bar {display:inline-block; color:#7f7f7f; padding:0 5px;}
		#bottom .copy_info .copy {color:#d5d6d8; padding-top:5px;}
		#bottom .copy_info .copy .copyright {display:block; padding-top:3px; color:#d5d6d8; font-size:.8em;}
		#bottom .copy_info .copy .copyright .admin_bt a {display:inline-block; background:#333; color:#ccc; padding:1px 5px; margin-left:10px;}






@media screen and (max-width:1100px) {
	.block {width:98%;}
	.block3 {width:98%;}

}

@media screen and (max-width:1024px) {
	.block {width:98%;}
	.block3 {width:98%;}

	#header {background:#fff; min-height:110px;
				box-shadow:0px 1px 5px 0px #7d7d7d;
				-webkit-box-shadow:0px 1px 5px 0px #7d7d7d;
				-moz-box-shadow: 0px 1px 5px 0px #7d7d7d;
				border-radius:0;
				-o-border-radius:0;
				-ms-border-radius:0;
				-moz-border-radius:0;
				-webkit-border-radius:0;
				}

	#nav .mn_list li ul li a {padding-left:28px;}

	#header {min-height:100px;}
	#header h1 {width:18.5%:; padding-top:15px;}
	
	#header .header_right {width:70%; padding-top:41px;}
		#language {top:20px; font-size:.8em;}
	#nav .mn_list li a {padding-bottom:14px;}




}


@media screen and (max-width:850px) {
	.block {width:96%;}
	.block2 {width:100%;}
	.block3 {width:100%;}

	#r_quick {display:none;}
	#r_quick_min {display:block;}

	#header_wrap {width:100%; top:0;}
	#header {min-height:86px;}
	#header .header_right {width:65%;}
	#header h1 {width:22%; padding:10px 0 0 15px;}
	
	
	#nav {display:none;}
	#nav_min {display:block;}

	#language {position:absolute; right:90px; top:35px; float:right;}



	/* 하단 */
	#sitemap_wrap {display:none;}
	#bottom h1 {display:none;}
	#bottom .copy_info {width:100%;}

}


@media screen and (max-width:768px) {
	.block {width:95%;}
	.block3 {width:95%;}

	#header h1 {width:180px;}


}


@media screen and (max-width:600px) {
	
	#header_wrap {position:static;}
	#header h1 {width:170px;}
	#header .header_right {width:60%;}
		#language { width:37%;}



}


@media screen and (max-width:480px) {
	#header {height:84px;}
	#header h1 {padding-left:10px;}
	#header h1 img { width:90%;}

	#header .header_right {width:40%; }

	#language { width:30%; top:20px; right:60px;}
	#language ul li {float:none;}
	#language ul li .bar {padding:0; font-size:0; text-indent:-999;}

	#nav_min .icon {padding:20px 10px;}
	#nav_min .icon a {width:50px; height:50px; text-indent:-99999em; font-size:0;
				background:#f1f2f3 url('/images/common/cate_icon.png') no-repeat 50% 50% scroll; border:1px solid #e2e2e2;
			}


}


@media screen and (max-width:320px) {
	#wrap {min-width:300px;}
	
	#header h1 {padding-top:13px;}
	#header h1 img {width:80%;}
	#header .header_right {width:30%;}
	#language {top:20px; right:70px; width:32%;}


}
/* remarkup */
.scroll_btns { position:absolute; bottom:25px; z-index:55; left:50%; margin-left:-22px; }
.scroll_btns li {background:url('/images/main/won_off.png') no-repeat 0 0; width:15px; height:15px; margin-left:5px; float:left;  cursor:pointer;}
.scroll_btns li.on {background:url('/images/main/won_on.png') no-repeat 0 0; width:15px; height:15px; margin-left:5px; float:left; }


.certificate_content{ cursor:pointer;  }


.colwidth50 { width:50% }