/* -------------------------------------------------------------------------------------------
* Version 	: 0.1
---------------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);


@charset "utf-8";

/* 사용자 정의 */
body {
    font-family:"Noto Sans Korean",'Nanum Gothic', sans-serif !important;   /* 한글폰트 정의 */
}
/* 

 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess

 */



body{font-size:13px;  line-height:1.8em; position:relative; color:#555; font-family:"Noto Sans Korean", "Nanum Gothic","NGW","돋움","dotum","AppleGothic","sans-serif"; 
	text-align:left; height:100%;_height:100%; *height:100%; margin:0; padding:0; background:#353535; font-weight:400;}
html, body {height: 100%; z-index:0; _height:100%; *height:100%; min-width:1000px;}



h1,h2,h3,h4,h5,h6{margin:0; padding:0;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



hr {
	display: none;
}

select, input, textarea{
	font-family:"Noto Sans Korean","Nanum Gothic","NGW","돋움","dotum","AppleGothic","sans-serif"; 
	color: #555;
}

form, div, p, fieldset {
	margin: 0;
	padding: 0;
	border:0;
}

input,select,ol, ul, dl, dd{ margin:0; padding:0; vertical-align:middle; }
img, li img{ margin:0; padding:0; vertical-align:middle; }
img, input.type-image, a img {border:none;}


dl, dt, dd{
	padding: 0; _margin:0; *margin:0;
	margin: 0; _padding:0; *padding:0;
}

ul, ol, li{
	margin:0; _margin:0; *margin:0;
	padding:0; _padding:0; *padding:0;
	list-style: none; _list-style: none; *list-style: none;
}

input {
	border:1px solid #cccccc;
	color:#666666;
	padding:2px;
}

input.type-radio{
	width:14px; 
	height:14px;
	border:0;
}

input.no_border{
	border:0;
	padding:0;
}


textarea{
	border:#ccc solid 1px;
	padding:2px;
	margin:0;
	font-size: 100%;
}
form, div, p, fieldset {
	margin: 0;
	padding: 0;
	border:0;
}

iframe {
	margin-bottom:10px;
	padding:0;
	border:#ccc solid 1px;
}
table {
	clear:both;
	margin:0; 
	padding:0;
	border-collapse:collapse;
	border:0;
}


a:link, a:visited {text-decoration: none; color:#666;}
a:active, a:hover {text-decoration: none; color:#666;}

.fl {float: left;}
.fr {float: right;}
.txt_center{text-align: center !important;}

.dn{display:none;}

.l {text-align: left !important;}
.r {text-align: right !important;}
.c {text-align: center !important;}


.mg_l1 {margin-left:1px;}
.mg_l2 {margin-left:2px;}
.mg_l3 {margin-left:3px;}
.mg_l4 {margin-left:4px;}
.mg_l5 {margin-left:5px;}
.mg_l10 {margin-left:10px;}

.mg_l13 {margin-left:13px;}
.mg_l15 {margin-left:15px;}
.mg_l18 {margin-left:18px;}
.mg_l20 {margin-left:20px;}
.mg_l30 {margin-left:30px;}
.mg_l160 {margin-left:160px;}


.mg_r3 {margin-right:3px;}

.mg_t3 {margin-top:3px;}
.mg_t5 {margin-top:5px;}
.mg_t6 {margin-top:6px;}
.mg_t10 {margin-top:10px;}
.mg_t18 {margin-top:18px;}
.mg_t20 {margin-top:20px;}
.mg_t30 {margin-top:30px;}
.mg_t50 {margin-top:50px;}
.mg_t100 {margin-top:100px;}

.mg_t5{margin-top:5px;}
.mg_t10 {margin-top:10px;}
.mg_t15 {margin-top:15px;}
.mg_t20 {margin-top:20px;}

.mg_r5 {margin-right:5px;}
.mg_r9 {margin-right:9px;}
.mg_r10 {margin-right:10px;}
.mg_r20 {margin-right:20px;}
.mg_r30 {margin-right:30px;}
.mg_r40 {margin-right:40px;}
.mg_r50 {margin-right:50px;}

.mg_l50 {margin-left:50px;}

.mg_b0 {margin-bottom:0px;}
.mg_b5 {margin-bottom:5px;}
.mg_b10 {margin-bottom:10px;}
.mg_b15 {margin-bottom:15px;}
.mg_b20 {margin-bottom:20px;}
.mg_b25 {margin-bottom:25px;}
.mg_b30 {margin-bottom:30px;}
.mg_b40 {margin-bottom:40px;}
.mg_b50 {margin-bottom:50px;}
.mg_b60 {margin-bottom:60px;}
.mg_b70 {margin-bottom:70px;}
.mg_b80 {margin-bottom:80px;}
.mg_b90 {margin-bottom:90px;}
.mg_b100 {margin-bottom:100px;}
.mg_b110 {margin-bottom:110px;}
.mg_b120 {margin-bottom:120px;}

.pd_l2 {padding-left:2px;}
.pd_l3 {padding-left:3px;}
.pd_l4 {padding-left:4px;}
.pd_l5 {padding-left:5px;}
.pd_l50 {padding-left:50px;}
.pd_l10 {padding-left:10px;}
.pd_l15 {padding-left:15px;}
.pd_l20 {padding-left:20px;}
.pd_l30 {padding-left:30px;}
.pd_l60 {padding-left:60px;}
.pd_l145 {padding-left:145px;}

.mg_mt20 {margin-top:-20px;}

/*space set*/
.space_2 {height:2px; font: 0px/0px sans-serif;}
.space_5 {height:5px; font: 0px/0px sans-serif;}
.space_10 {height:10px; font: 0px/0px sans-serif;}
.space_15 {height:15px; font: 0px/0px sans-serif;}
.space_20 {height:20px; font: 0px/0px sans-serif;}
.space_25 {height:25px; font: 0px/0px sans-serif;}
.space_30 {height:30px; font: 0px/0px sans-serif;}

/*width set*/
.w_10{width:10px;}
.w_20{width:20px;}
.w_20{width:25px;}
.w_30{width:30px;}
.w_35{width:35px;}
.w_40{width:40px;}
.w_45{width:45px;}
.w_50{width:50px;}
.w_60{width:60px;}
.w_70{width:70px;}
.w_80{width:80px;}
.w_90{width:90px;}
.w_100{width:100px; }
.w_110{width:110px;}
.w_120{width:120px;}
.w_130{width:130px;}
.w_140{width:140px;}
.w_150{width:150px;}
.w_160{width:160px;}
.w_170{width:170px;}
.w_180{width:180px;}
.w_190{width:190px;}
.w_200{width:200px!important;}
.w_210{width:210px!important;}
.w_220{width:220px!important;}
.w_230{width:230px!important;}
.w_240{width:240px!important;}
.w_250{width:250px!important;}
.w_260{width:260px!important;}
.w_270{width:270px!important;}
.w_280{width:280px!important;}
.w_300{width:300px!important;}
.w_310{width:310px!important;}
.w_320{width:320px!important;}
.w_330{width:330px!important;}
.w_350{width:350px!important;}
.w_400{width:400px!important;}
.w_420{width:420px!important;}
.w_500{width:500px!important;}
.w_600{width:600px!important;}
.wps_100{width:100%;}

.wp_25 {width:25%;}
.wp_33 {width:33%;}

/*clear set*/
.clr {clear: both;  height:0;}
.clr2 {clear: both; height:0; font: 0px/0px sans-serif;}
.clr_l {clear: left;}
.clr_r {clear: right;}

.clr_img {background-image: url('')!important;}
.clr_bod_t {border-top:0px !important;}
.clr_bod_l {border-left:0px !important;}
.clr_bod_r {border-right:0px !important;}
.clr_bod_b {border-bottom:0px !important;}

label.none-cap{position:absolute; visibility:hidden; width:0; height:0; overflow:hidden;}
table caption {position:absolute; width:0; height:0; font-size:0; overflow:hidden; visibility:hidden;}

p.none{display:none; margin:0; padding:0;}


.orange{color:#ff6600;}

.b{font-weight:bold;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}

b.{font-weight:700;}

.blue{color:#126198;}
.red{color:#d01a1a;}
.color333{color:#333;}
.colorfff{color:#fff;}
.gray{color:#666}




/* 테이블 */
table.tstyle {
	border-collapse: collapse;
	width:100%;
	margin-top:15px;
	margin-bottom:30px;
	border-top: 2px solid #9f9f9f;
	
}
table.tstyle caption {
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
table.tstyle caption.view{
	text-indent:0;
	margin:0;
	padding:0 0 4px;
	font-size: 1em;
	line-height:150%;
}
table.tstyle th, table.tstyle td {
	padding: 10px 6px;
	line-height:140%;
}
table.tstyle th, table.tstyle td.bt {
	border-top: 2px solid #9f9f9f;
	font-size:14px;
}
	
table.tstyle th {
	background-color: #F4F4F4;
	font-weight: 600;
	color: #555555;
	text-align: center;
	vertical-align: middle;
	letter-spacing:-0.1em;
	border: 1px solid #dddddd;
}
table.tstyle th.rpth {
	background-color: #f6afaf;
	font-weight: bold;
	color: #555555;
	text-align: center;
	vertical-align: middle;
	letter-spacing:-0.1em;
	border: 1px solid #cadbdc;
}
table.tstyle td {
	background: #fff;
	border-bottom: 1px solid #cccccc;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
table.tstyle td.st{
	background: #fff;
	border: 1px solid #cccccc;
	padding-left: 22px;
}
table.tstyle td.line_bno {
	background: #fff;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #ffffff;
}
table.tstyle tfoot td {
	background: #f8f8f8;
	font-weight: normal;
	vertical-align: middle;
	color:#444;
}
table.tstyle td.item {
	background: #f8f8f8;
	color:#444;
}
table.tstyle td.bg {
	background: #f8f8f8;
}
table.tstyle td input.box {
	border:1px solid #cdcdcd;
	background:#fff;
	height:16px;
	margin-bottom:2px;
	vertical-align:middle;
}
table.tstyle td.pptd {
	background: #ffe4e4;
	border: 1px solid #cccccc;
	font-weight: bold;
}

table.tstyle2 {
	border-collapse: collapse;
	width:100%;
	margin:0.3em 0 0.5em 0;
	border-top: 2px solid #B0C361;

}
table.tstyle2 caption {
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
table.tstyle2 caption.view{
	text-indent:0;
	margin:0;
	padding:0 0 4px;
	font-size: 1em;
	line-height:150%;
}
table.tstyle2 th, table.tstyle2 td {
	padding: 5px 6px 3px 6px;
	line-height:140%;
}
table.tstyle2 th {
	background-color: #F4F4F4;
	font-weight: bold;
	color: #555555;
	text-align: center;
	vertical-align: middle;
	letter-spacing:-0.1em;
	border: 1px solid #cadbdc;
}
table.tstyle2 td {
	background: #fff;
	border: 1px solid #cccccc;
}
table.tstyle2 tfoot td {
	background: #f8f8f8;
	font-weight: normal;
	vertical-align: middle;
	color:#444;
}
table.tstyle2 td.item {
	background: #f8f8f8;
	color:#444;
	letter-spacing:-0.1em;
}
table.tstyle2 td.bg {
	background: #f8f8f8;
}
table.tstyle2 td input.box {
	border:1px solid #cdcdcd;
	background:#fff;
	height:16px;
	margin-bottom:2px;
	vertical-align:middle;
}


/* td 패딩값 */
table.t_pad th, table.t_pad td{
	padding: 5px 1px 3px;
}
table.t_pad .s_width{
	width:19px;
}


/* SEO 관련 - 구조화된 헤더 태그 사용하되, 화면에서는 보이지 않게 처리 */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}