@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,pre { font-family:Nanum Gothic,'나눔고딕', sans-serif; color:#555;}
h1,h2,h3,h4{color:#000;}
h5{color:#333;}
h6{color:#252525;}
body{background:#fff; word-break:break-all;-ms-word-break:break-all; font-size:14px; }
ul,ol,dl,li {list-style:none}
input,select,button,textarea{vertical-align:middle;font-family:Nanum Gothic;} /*form *, */
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 { overflow:hidden; font-size:0px; line-height:0px;}
legend,caption{*width:0}
img,fieldset,iframe{border:0 none}
img{vertical-align:top}
select { border:1px solid #c4c4c4;  padding:3px 0 3px 10px;}
label.selectTxt { position:absolute; left:-9999px; top:-9999px; font-size:0px; display:none;}

a {vertical-align:baseline; background:transparent; text-decoration:none;color:#555;}
/* a:hover{text-decoration:underline} */
table { border-collapse:collapse;table-layout:fixed;border-spacing:0;border:0px !important;color:#555;}
table tr th img,
table tr td img{ vertical-align:middle;}
table th, table td{border:0px !important;} 
table a {color:#555;}
table a:hover,
table a:focus{color:#008445;text-decoration:underline; }

/* = Font Face
-----------------------------------------------------------------------------------*/
/* Nanum Gothic (Korean) */
@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');
}
/* Nanum Myeongjo (Korean) */
@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NanumMyeongjo-Regular.eot');
	src: url('../font/NanumMyeongjo-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumMyeongjo-Regular.woff2') format('woff2'),
		url('../font/NanumMyeongjo-Regular.woff') format('woff'),
		url('../font/NanumMyeongjo-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 600;
	src: url('../font/NanumMyeongjo-Bold.eot');
	src: url('../font/NanumMyeongjo-Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumMyeongjo-Bold.woff2') format('woff2'),
		url('../font/NanumMyeongjo-Bold.woff') format('woff'),
		url('../font/NanumMyeongjo-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NanumMyeongjo-ExtraBold.eot');
	src: url('../font/NanumMyeongjo-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumMyeongjo-ExtraBold.woff2') format('woff2'),
		url('../font/NanumMyeongjo-ExtraBold.woff') format('woff'),
		url('../font/NanumMyeongjo-ExtraBold.ttf') format('truetype');
}

/* = Global Class
-----------------------------------------------------------------------------------*/
input.text {border:1px solid #c8c8c8; padding:4px 5px 5px 5px;background-color:#fff; color:#727272;}
input.radio{width:13px;height:13px;}
textarea { padding:10px;border:1px solid #c8c8c8; color:#555555;}
/*
input[type="file"]{  width:80%; height:27px;}
input[type="text"]{-webkit-appearance:none;border-radius:0; -webkit-border-radius: 0; -moz-border-radius: 0;}
*/
.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; }

/* = Error
-----------------------------------------------------------------------------------*/
.errorWrap { width:100%;  height:100%; min-width:600px; min-height:400px; position:relative;}
.errorBox { text-align:center; width:600px;height:400px; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-200px;}
.errorBox .errorImg { margin-top:30px;}
.errorBox .errorTxt01 { font-size:35px; color:#25a449; font-weight:bold; margin-top:35px;}
.errorBox .errorTxt02 { font-size:16px; color:#555; margin-top:15px;line-height:1.3em;}
.errorBox .logo { margin-top:50px;}
.errorBox .logo img { margin-left:-60px;}

/* = IE 체크 레이어
-----------------------------------------------------------------------------------*/
 body.ieCheak #wrap{ margin-top:35px;}
.ieText { display:block; background:#f1f1f1; position:fixed; top:0px; height:35px; width:100%; z-index:51; border-bottom:1px solid #cecece;}
.ieText .inbox { position:relative; color:#000; font-size:12px;}
.ieText p { position:absolute; padding:0 0 0 10px; line-height:35px; word-spacing:1px;}
.ieText a { position:absolute; right:10px; top:13px;}


/* = 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}
}