@charset "UTF-8";

/*********************************************************/
/*	reset */
/*********************************************************/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{margin:0; padding:0; font-family:NanumGothic,'나눔고딕', 돋움, 굴림, Dotum, Gulim, sans-serif,tahoma; line-height:1.5em; font-size:12px; color:#666; }

body{height:100%;}
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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
dl,ul,ol,menu,li {list-style:none}
img {border:0;}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none}
input,select,textarea,button {vertical-align:middle;border:0; }
button {border:0 none;background-color:transparent;cursor:pointer}


a {color:#666;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing: 0}
caption, legend {display:none;}
form fieldset{border:0;}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}

/*********************************************************/
/*basic*/
/*********************************************************/

.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both}
.overflow {overflow:hidden;}
.show {display:block}
.hide {display:none}
.skip {position:absolute;top:-5000px;text-indent:-5000px;font-size:0;line-height:0;width:0;height:0;}/*내용과 영역 모두 숨김*/
.skip_txt {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px}/*텍스트만 숨김*/
.hide { display:none; }

.algL {text-align:left;}
.algC {text-align:center;}
.algR {text-align:right;}
.algM {vertical-align:middle;}

.bold {font-weight:bold;}
.normal {font-weight:normal;}

.underline {text-decoration:underline;}

.pdt40{ padding-top:40px !important;}
.mgt0{ margin-top:0 !important;}
.mgt5{margin-top:5px !important;}
.mgt10{ margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:20px !important;}
.mgl120{margin-left:120px !important;}
.mgr5{margin-right:5px !important;}
.mgr40{ margin-right:40px !important;}
.mgt5l15{margin-top:5px !important; margin-left:15px !important;}

.cBlack{ color:#000 !important; }
.cGray{ color:#999 !important; }
.cGray2{ color:#333 !important;}
.cBlue{ color:#1ca8dd !important;}
.cRed{ color:#ff0101 !important;}
.cGreen{ color:#019b30 !important;}
.cWhite{ color:#fff !important;}
.fontReq{ color:#fd4809 !important; font-size:11px; font-weight:normal;}
.font16{ font-size:16px;}
.font20{ font-size:20px;}


/* select */
select{color:#666; z-index:100; height:23px; padding:2px; border:1px solid #9bbec4; font-size:12px; }

/* input */
input[type=text],
input[type=password],
input[type=tel],
input[type=date] {border:1px solid #d7d7d7; height:22px; padding:1px 0; color:#333; font-size:13px; -webkit-border-radius:0; -webkit-appearance:none; vertical-align:middle;}
input.text{border:1px solid #9bbec4; border-right:none; height:19px; padding:1px 5px; color:#333; font-size:12px; -webkit-border-radius:0; -webkit-appearance:none; vertical-align:middle;}
input.input{border:1px solid #d1d1d1; height:19px; padding:1px 5px; color:#333; font-size:12px; -webkit-border-radius:0; -webkit-appearance:none; vertical-align:middle;}

/*input[type=checkbox] {-webkit-border-radius:4px; -webkit-appearance:none; border:1px solid #ccc; width:20px; height:20px; vertical-align:middle; background-color:#fff; margin:0;}
input[type=checkbox]:checked {background:#fff url(../images/element_check.png) no-repeat 50% 50%; background-size:10px 10px;}*/

input[type=radio] {-webkit-border-radius:10px; -webkit-appearance:none; width:16px; height:16px; vertical-align:middle; background-color:#fff; margin:2px; vertical-align:middle;}
input[type=radio]:checked {background:#fff url(../images/element_radio.png) no-repeat 50% 50%; background-size:9px 9px;}
label.radio{ display:inline-block; margin-right:10px;}

.textarea{border:1px solid #d7d7d7; padding:0 5px;}

/* divAccessibility */
#divAccessibility {width: 100%; overflow: hidden; position: relative; z-index: 1000;}
#divAccessibility a {margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block;}
#divAccessibility a:focus {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 700;}
#divAccessibility a:hover {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 700;}
#divAccessibility a:active {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 700;}

/* heading */
h4{ margin:30px 0 10px; color:#333;}
h4.type1{ background:url(../images/common/blt_dot1.gif) 0 0 no-repeat; padding:0 0 0 26px; margin:30px 0 15px; color:#196dd5; font-size:24px; font-weight:normal; }
h5{ margin:30px 0 10px; color:#333;}