@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font: inherit;
	vertical-align: baseline;
	font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,"Malgun Gothic","맑은 고딕","나눔고딕",NanumGothic,"돋움",Dotum,sans-serif !important;
	letter-spacing:-0.25px; font-weight:300;
	line-height:100%;
}

* {margin:0; padding:0;}
html, body {height:100%;}
body {margin:0; padding:0;  color:#333; font-style:normal; font-size:12px; word-break: break-all; word-wrap: break-word; min-width:320px;}

div, ul, ol, li, dl, dt, dd, form, fieldset, input,textarea, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0;-webkit-text-size-adjust:none}
img {border: 0 none; vertical-align:middle; max-width:100%;}
li {list-style:none;}
button{background:transparent; cursor:pointer; vertical-align:middle; margin:0; }
button span{display:none;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-style:normal;}

/* table */
table { border-collapse:collapse; border-spacing:0; width:100%; }
th {vertical-align:middle;}
th, td { border-collapse:collapse; }
legend, hr { display:none; }
caption{text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0; }

/* form */
form { display:inline; }
select, input, textarea { color:#444; font-family:'Nanum Gothic', dotum, sans-serif; font-size:inherit; vertical-align:middle; }
fieldset, blockquote, iframe, button { border:none; }

/* font */
i, em, u, cite {font-style:normal;}
em{font-weight:bold;}

/* link */
a {color:#444; text-decoration:none; cursor:pointer;}
a:visited{text-decoration: none}
a:focus{text-decoration: none}
a:active{text-decoration: none}
a:hover{text-decoration: none}

h2.blind {display:none; font-size:0; letter-spacing:-9999px;}

.file_list img {padding-left:3px;}


.resize {width:100%; height:auto;}
.resize90 {width:90%; height:auto;}
.resize80 {width:80%; height:auto;}
.resize60 {width:60%; height:auto;}
.resize40 {width:40%; height:auto;}
.resize20 {width:20%; height:auto;}


#wrap {position:relative;}

#header {position:relative;height:50px; background-color:#ddedf9;}
#header2 {position:relative;height:50px; background-color:#3b8e00;}
#header h1 {text-align:center;padding-top:13px;}
#header h2 {position:absolute; left:0; top:0;}
#header h4 {position:absolute; right:0; top:0;}
#header2 h1 {text-align:center;padding-top:13px;}
#header2 h2 {position:absolute; left:0; top:0;}
#header2 h4 {position:absolute; right:0; top:0;}

#content {position:relative; padding-top:3px;background:#ddedf9;}
#container:after {clear:both; content:""; display:block;}


.inputC {font-size:11px;font-weight:600;color:#525252;width:100%;height:25px;background:#ffffff;
padding-left:3px;letter-spacing:-1px;border:1px solid #ededed;}

.inputCa {height:22px;background:#c2c2c2;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:inset 0 0 2px 1px #696969;
}

.Ci1201 ul {list-style-type:none;}
.Ci1201 li {display:inline;}
.txt01 {font-size:12px;font-weight:bold;letter-spacing:-1px;}
.txt02 {font-size:12px;font-weight:bold;letter-spacing:-1px;color:#525252;}
.inputcheck {width:18px;height:18px;background:#ffffff;border:2px solid #525252;}
.Cradio {width:18px;height:18px;}


.popup01 {position:absolute;left:50%;margin-left:-185px;top:100px;}