@charset "utf-8";
/*-----------------------------------------------------------------------------------
	HTML Elements Default Properties
-----------------------------------------------------------------------------------*/
/* = Reset
-----------------------------------------------------------------------------------*/
*{ margin:0; padding:0; }
html,body{width:100%;height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button { font-family:Nanum Gothic,'나눔고딕', sans-serif;color:#222;}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal;}
body{background:#fff; word-break:break-all;-ms-word-break:break-all; font-size:12px; line-height:normal;}
ul,ol,dl,li {list-style:none}
input,select,button,textarea{vertical-align:middle;}
form { margin:0; padding:0;height:100%;}
fieldset { margin:0; padding:0; border:none 0 transparent; }
legend { display:none; }
i,em,address{font-style:normal}
label,button{cursor:pointer;color:#555;}
input,button {overflow:visible;color:#555;}
button{margin:0;padding:0;}
button *{position:relative}
button img {left:-3px;*left:auto}
option{padding-right:6px}
hr{display:none}
caption { display:none;}
legend,caption{*width:0}
img,fieldset,iframe{border:0 none}
img{vertical-align:top}
select { border:1px solid #d9d9d9; background:#f9f9f9; height:28px; padding:3px 0 3px 5px; line-height:26px; color:#8b8b8b; min-width:90px;}
a {vertical-align:baseline; background:transparent; text-decoration:none; color:#000;}
/* :hover{text-decoration:underline} */
table { border-collapse:collapse;table-layout:fixed;border-spacing:0; color:#666666; width:100%;}
table tr th img,
table tr td img{ vertical-align:middle;}
table th, table td{ } 
table a {color:#222;}
table a:hover,
table a:focus {color:#222;text-decoration:underline; }
input, span, em, select, a { display:inline-block;}


/* = Global Class
-----------------------------------------------------------------------------------*/
input.textType {border:1px solid #d9d9d9; padding:0 5px 0 5px; background:#f9f9f9; color:#707070;  height:26px; line-height:26px;}
input.radio{width:13px;height:13px;}
input.checkbox { width:19px; height:19px; background:#fff; border:1px solid #e4e4e6 !important;}
input[type="radio"] { width:15px; height:15px; background:#fff; border:1px solid #d9d9d9 !important; margin-right:3px;}
input[type="checkbox"] { width:13px; height:13px; background:#fff; border:1px solid #e4e4e6 !important;}
input[type="button"] { cursor:pointer;}

/* file input */
.file_input_textbox{ float:left; width:220px; height:23px; border:1px solid #e4e4e6; color:#666;  padding: 0 5px;}
.file_input_div { position: relative; width: 70px; height: 25px; overflow: hidden;}
.file_input_button {position: absolute; top: 0px; font-size:0px; height:25px; width:68px; border:0px; background:url('/images/btn/btn_search02.gif') no-repeat right center; cursor:pointer;}
.file_input_hidden { font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0; 
filter: alpha(opacity=0); 
-ms-filter: "alpha(opacity=0)"; 
-khtml-opacity: 0; 
-moz-opacity: 0;
}

textarea { padding:10px;border:1px solid #c8c8c8; color:#666;}

.clear{clear:both;}
.png24{tmp:expression(setPng24(this));} 

.Auto-clear{ clear:both; }
/* clear float without additional element */
.Auto-clearSelf:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
/*.Auto-clearSelf{display:inline-block;}*/
.Auto-hideLabel{position:absolute;left:-5000px;width:0;}
.hide { display:none !important; }


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

/*
	font-family:'Nanum Gothic';
	src:url('/font/NanumGothic.eot');
	src:url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/font/NanumGothic.woff') format('woff'),
	src:local(※), url('/font/NanumGothic.woff') format('woff');
*/
/* = File tag
-----------------------------------------------------------------------------------*/
.filetag img{margin-left:5px;padding:0px;}
input.filetag{vertical-align:middle;position:absolute;cursor:pointer;filter:alpha(opacity: 0);outline: none;opacity:0;selector-dummy:expression(this.hideFocus=true);-moz-opacity:0;}

/* = Skip Navigation
-----------------------------------------------------------------------------------*/
.accessibility{position:absolute;width:100%; height:0;}
.accessibility a{position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; text-align:center; color:#000; white-space:nowrap; font-weight:bold;}
.accessibility a:focus, .accessibility a:hover, .accessibility a:active {width:100%; height:auto; padding:10px 0; background:#000; color:#fff; z-index:1000;}

.blind { position:absolute; top:-99999px; left:0px; width:0px; height:0px; overflow:hidden; font-size:0px; line-height:0px;}
.buttonList{margin-top:50px;}
.buttonList li{margin-top:10px;}

/* = For Print
-----------------------------------------------------------------------------------*/
@media print{
	#wrap,#content{width:auto !important}
	#nav,#footer,.accessibility {display: none !important}
}
@media all and (min-width:1px) and (max-width:1500px){
	#sections { position: relative; width:100%;}
	#sections #header,
	#sections #container,
	#sections #footer { margin: 0 0 0 200px !important;}

}