@charset "utf-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url(layout.css);
/*
.File Name		:common.css
.Final Editor	:KTH (2013-12-05 :생성)
*/
/*@font-face {
  font-family:'NanumGothic';
  font-style:normal;
  font-weight:400;
  src:url(/css/font/NanumGothic-Regular.eot);
  src:local(※),
	url(/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	url(/css/font/NanumGothic-Regular.woff2) format('woff2'),
	url(/css/font/NanumGothic-Regular.woff) format('woff'),
	url(/css/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'NanumGothic';
  font-style:normal;
  font-weight:bold;
  src:url(/css/font/NanumGothic-Bold.eot);
  src:local(※),
	url(/css/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	url(/css/font/NanumGothic-Bold.woff2) format('woff2'),
	url(/css/font/NanumGothic-Bold.woff) format('woff'),
	url(/css/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family:'NanumGothic';
  font-style:normal;
  font-weight:600;
  src:url(/css/font/NanumGothic-Bold.eot);
  src:local(※),
	url(/css/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	url(/css/font/NanumGothic-Bold.woff2) format('woff2'),
	url(/css/font/NanumGothic-Bold.woff) format('woff'),
	url(/css/font/NanumGothic-Bold.ttf) format('truetype');
}*/
textarea, body{font-size:0.75em;font-family:'Nanum Gothic', dotum, 'dotum', sans-serif}
label{cursor:pointer}
body{color:#3c3c3c;font-family:'NanumGothicWeb','Nanum Gothic','나눔고딕','ng','맑은 고딕','malgun gothic','AppleGothic','dotum',arial}

a{text-decoration:none;color:#191919}
a:hover, a:focus, a:active{color:#000;text-decoration:underline}

/* css2 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{padding:0;margin:0}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{font-size:1em}
table{border-collapse:collapse;border-spacing:0}
fieldset, img, abbr, acronym{border:0}
address, cite, code, dfn, em, th, var{font-weight:normal;font-style:normal}
ol, ul{list-style:none}
q:before, q:after{content:''}
img, input, button, select, textarea{vertical-align:middle}
button{border:none;padding:0;cursor:pointer;overflow:visible}
input[type=submit]{cursor:pointer}
legend, hr{overflow:hidden;position:absolute;top:0;left:0}
legend, hr{visibility:hidden;font-size:0;width:0;height:0;line-height:0}
caption{font-size:0;height:0;line-height:0;text-indent:-9999px;visibility:hidden;width:0}
area:focus{outline:thick dotted #000}
.skip{position:absolute;top:0;left:0;z-index:1000;width:10%;min-width:300px}
.skip a{position:absolute;display:block;width:100%;left:0;text-align:center;top:-999em;left:-999em;z-index:999;font-size:1.3em}
.skip a:hover, .skip a:focus, .skip a:active{position:absolute;top:0;left:0;padding:15px 0;font-weight:bold;color:#fff;background:#1d60a7;z-index:999}
.fl{float:left!important}
.fr{float:right!important}
.tac{text-align:center!important}
.tal{text-align:left!important}
.tar{text-align:right!important}
.vat{vertical-align:top!important}
.vm{vertical-align:middle}
/* clear float */
.clear{clear:both}
.clearfix{clear:both}
.clearfix{display:block;zoom:1}
.clearfix:before, .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* hidden */
.hidden *, .hidden{visibility:hidden;position:absolute;top:-999em;font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:none}
/* font color */
.col{color:#266B93}/* blue */
.col_green{color:#5A8032}
.col_red{color:#D93C3C}
.col_yellow{color:#8B611E}
.col_orange1{color:#ee895d}

/* font size */
#container h3{font-size:20px;line-height:22px;font-weight:bold;color:#005288}
#contents h2{font-size:20px;line-height:22px;font-weight:bold;color:#005288}
.fs28{font-size:28px;letter-spacing:-1px;font-weight:bold}
.fs24{font-size:24px;letter-spacing:-1px;font-weight:bold}
.fs20{font-size:20px;letter-spacing:-1px;font-weight:bold}
.fs18{font-size:18px}

/* ul.Text Styles */

/* ol.Text Styles */

/* dl.Text Styles */

/* div.Text Styles */
.bu1{padding-left:8px;background:url(http://arko.or.kr/images/common/bu1.gif) no-repeat 0 6px}
/* Other Text Styles */
.fw{font-weight:bold !important}
.fn{font-weight:normal !important}
em{font-weight:bold !important}
/* player */

/* searchbox */

/* btn list */
.btn_both{overflow:hidden;clear:both;width:100%}
.btn_both .fl{float:left}
.btn_both .fr{float:right}
/* input */

/* with */

/* margin */
.mtb5{margin-top:5px;margin-bottom:5px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mr50{margin-right:50px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml35{margin-left:35px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.ml50{margin-left:50px}
.mb5{margin-bottom:5px}

.mb0{margin-bottom:0 !important}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px}
/* padding */
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}
.pt45{padding-top:45px}
.pt50{padding-top:50px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pr35{padding-right:35px}
.pr40{padding-right:40px}
.pr45{padding-right:45px}
.pr50{padding-right:50px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.pl35{padding-left:35px}
.pl40{padding-left:40px}
.pl45{padding-left:45px}
.pl50{padding-left:50px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pb40{padding-bottom:40px}
.pb45{padding-bottom:45px}
.pb50{padding-bottom:50px}
select, img{_vertical-align:top}

/* 메인 상단 배너 리뉴얼 추가 */
.new{position:absolute;left:50%;margin-left:500px;background-color:#fff;z-index:35;top:87px;width:89px;border:1px solid #d6d6d6}
/* 메인 상단 배너 리뉴얼 추가 */


.aside_quick{position:absolute;right:-101px;top:87px;width:89px;border:1px solid #d6d6d6}
.aside_quick h1{padding:10px;border-bottom:1px solid #d6d6d6;text-align:center}
.aside_quick ul{padding:5px 0}
.aside_quick ul li {}
.aside_quick ul li a{display:block;padding:5px;text-align:center}
.aside_quick ul li.ico_sns{text-align:center}
.aside_quick ul li.ico_sns a{display:inline-block;padding:3px}

.ico_lock{display:inline-block;width:19px;height:20px}


/* 게시판 템플릿 */
.view_box{background-color:#eff0be;border:1px solid #000000;padding:14px;text-align:center;color:#0000ff}
.view_box h1{font-size:26px;color:#0000ff}
.view_box h2{font-size:18px;color:#0000ff}
.view_contents{margin:20px 0}
.view_contents p{font-size:15px;line-height:1.5;margin:10px 0}
.view_data_cite{border:1px solid #000;padding:10px;text-align:center}
.view_data_cite table{width:100%}
.view_data_cite table *{border:none!important}
.box{border:1px solid #ccc;padding:3px 10px;margin:10px 0}
.view_box_type2{background-color:#fdf2d2;border:1px solid #000000}
.view_box_type2 h1, .view_box_type2 h2{color:#0000ff}
.view_box_type3{background-color:#c2ddf5;border:1px solid #000000}
.view_box_type3 h1, .view_box_type3 h2{color:#0000ff}
.view_box_type4{background-color:#f9cee0;border:1px solid #000000}
.view_box_type4 h1, .view_box_type4 h2{color:#0000ff}
.view_box_type5{background-color:darkmagenta;border:1px solid #ccc}
.view_box_type5 h1, .view_box_type5 h2{color:#fff}