@charset "utf-8";

@font-face {
	font-family: 'notokr-thin';
	font-style: normal;
	font-weight: 100;
	src: url(../css/font/notokr-thin.eot);
	src: url(../css/font/notokr-thin.eot?#iefix) format('embedded-opentype'),
		 url(../css/font/notokr-thin.woff2) format('woff2'),
		 url(../css/font/notokr-thin.woff) format('woff'),
		url(../css/font/notokr-thin.ttf) format('truetype');
}

@font-face {
	font-family: 'notokr-light';
	font-style: normal;
	font-weight: 300;
	src: url(../css/font/notokr-light.eot);
	src: url(../css/font/notokr-light.eot?#iefix) format('embedded-opentype'),
		 url(../css/font/notokr-light.woff2) format('woff2'),
		 url(../css/font/notokr-light.woff) format('woff'),
		url(../css/font/notokr-light.ttf) format('truetype');
}

@font-face {
	font-family: 'notokr-demilight';
	font-style: normal;
	font-weight: 350;
	src: url(../css/font/notokr-demilight.eot);
	src: url(../css/font/notokr-demilight.eot?#iefix) format('embedded-opentype'),
		 url(../css/font/notokr-demilight.woff2) format('woff2'),
		 url(../css/font/notokr-demilight.woff) format('woff'),
		url(../css/font/notokr-demilight.ttf) format('truetype');
}

@font-face {
	font-family: 'notokr-regular';
	font-style: normal;
	font-weight: 400;
	src: url(../css/font/notokr-regular.eot);
	src: url(../css/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
		 url(../css/font/notokr-regular.woff2) format('woff2'),
		 url(../css/font/notokr-regular.woff) format('woff'),
		url(../css/font/notokr-regular.ttf) format('truetype');
}

@font-face {
	font-family: 'notokr-medium';
	font-style: normal;
	font-weight: 500;
	src: url(../css/font/notokr-medium.eot);
	src: url(../css/font/notokr-medium.eot?#iefix) format('embedded-opentype'),
		 url(../css/font/notokr-medium.woff2) format('woff2'),
		 url(../css/font/notokr-medium.woff) format('woff'),
		url(../css/font/notokr-medium.ttf) format('truetype');
}

@font-face {
	font-family: 'notokr-bold';
	font-style: normal;
	font-weight: 700;
	src: url(../css/font/notokr-bold.eot);
	src: url(../css/font/notokr-bold.eot?#iefix) format('embedded-opentype'),
		 url(../css/font/notokr-bold.woff2) format('woff2'),
		 url(../css/font/notokr-bold.woff) format('woff'),
		url(../css/font/notokr-bold.ttf) format('truetype');
}

/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
hr{display:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-family:'notokr-medium', 'malgun gothic', Dotum, 돋움, sans-serif;}
table{border-collapse:collapse; font-size:100%;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}

/* linkStyle */
a{color:#222; text-decoration:none;}
a:link,
a:visited{color:#222; text-decoration:none;}
a:active,
a:focus,
a:hover{color:#369; text-decoration:underline;}

/* font */
body{color:#222; font-size:84%; font-weight:normal; font-family: 'notokr-demilight', 'malgun gothic', Dotum, 돋움, sans-serif;}
select, textarea{color:#222; background:#fff; font-family:'notokr-demilight', Dotum, 돋움, sans-serif; border-radius:0;}
input{font-family:'notokr-demilight', Dotum, 돋움, sans-serif;}
input[type="text"],select{height:29px; line-height:29px; border:1px solid #c8c8ca;}
input[type="text"],textarea{ 
-webkit-ime-mode:active; 
-moz-ime-mode:active; 
-ms-ime-mode:active; 
ime-mode:active; 
border:1px solid #c8c8ca;
}

/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

.editor{padding:20px;background:#fff}
.editor span{line-height:130%;color:#666}
.editor .blueTxt, .blueTxt{color:#1584d2;}
.editor .redTxt, .redTxt{color:#e31f11;}
.editor .skyTxt, .skyTxt{color:#008ed0;}
.editor .greenTxt, .greenTxt{color:#008c33;}
.editor .orangeTxt, .orangeTxt{color:#ed5400;}
.editor .pinkTxt, .pinkTxt{color:#ff6f87;}
.editor .purpleTxt, .purpleTxt{color:#4d3dc4;}
.editor .brownTxt, .brownTxt{color:#976000;}
.editor .yellowTxt, .yellowTxt{color:#fcff00;}
.editor .bold, .bold, .editor strong, strong{font-weight:bold;}
.editor .bgYellow, .bgYellow{background:#ff0}

.dropdown-backdrop {position: static;}
.hidden_btn{width:0; display:inline-block; text-indent:-9999px;}

.tit_txt{clear:both; width:92%; padding:10px 0; font-size:170%; font-weight:bold;}
.tit_txt2{padding:0 0 8px 22px; font-size:120%; font-weight:bold; background:url(/images/common/bullet/bul_squareOrange.gif) no-repeat 0 3px;}
.dot dt, .dot li{padding:0 0 0 8px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 8px;}
.dash dd, .dash li{padding:0 0 0 13px; background:url(/images/common/bullet/bul_dash.gif) no-repeat 3px 9px;}
.text_box{margin:0 0 30px 0;}
table .text_box{margin:0;}
.text_box span.func1{display:inline-block; margin:0 0 10px 0; padding:8px 20px; color:#fff; background:#1f5dd9;}
.text_box li{clear:both; padding:0 0 0 8px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 9px;}
.text_box li.none{background:none;}

.detail_title{padding:10px 0 8px 0; font-size:125%; text-align:center; background:#fafafa; border-top:2px solid #909090;}

/* color */
.f_red{color:#f42f15;}
.f_orange{color:#f88100;}
.f_blue{color:#0654b5;}
.f_green{color:#35b445;}