@charset "euc-kr";
/* 
Gicamp Corp, Web Standardization Team (http://www.gicamp.co.kr/) crazyweb
-----------------------------------------------------------------------------
CSS / Incording - ANSI
-----------------------------------------------------------------------------
*/
* { padding:0; margin:0; }
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, input { padding:0; margin:0; font-size:100%; }
img, fieldset { border:0 none; vertical-align:top;}
dl, ul, ol, li { list-style: none; }
em { font-style:normal;}
hr { display:none; }
caption, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
a:link, a:visited { color:#666; text-decoration: none; }
a:hover, a:focus, a:active { color:#000; text-decoration:underline;}
.cb { clear:both;}
.fl { float:left;}
.fr { float:right;}
.bg_none { background:none !important;}
.block { display:block;}
.hidden { position:absolute; width:0; height:0; line-height:0; font-size:0; visibility:hidden; text-indent:-9999em;}
.hidden2 { position:absolute; width:0; height:0; line-height:0; font-size:0; visibility:hidden;}

/* text color */
.red_c { color:#D43D3D !important; background:none !important;}
.blue_c { color:#1C66B6 !important; background:none !important;}
.green_c { color:#5ab902 !important; background:none !important;}

/* input, select, radio, checkbox */
.input { height:17px; line-height:17px; padding:1px 2px 0; border:#e1e1e1 solid 1px; color:#707070; font-size:13px; }
.textinput { height:21px; line-height:21px; padding:0 2px; border:#e5e5e5 solid 1px; }
.textarea { border:#e1e1e1 solid 1px; color:#707070; font-size:13px; padding:5px; }
.ckbox { position:relative; top:2px; }
.radio { position:relative; top:2px; }

.font11 { font-size:11px !important; font-weight:normal; font-style:normal;}

/* margin */
.m0 { margin:0 !important;}
.mt0 { margin-top:0 !important;}
.mt5 { margin-top:5px !important;}
.mt20 { margin-top:20px !important;}
.mr3 { margin-right:3px !important;}
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mb0 { margin-bottom:0px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.ml10 { margin-left:10px !important;}
.ml20 { margin-left:20px !important;}

.mb15 { margin-bottom:15px !important}
.mb10 { margin-bottom:10px !important}
.mb5 { margin-bottom:5px !important}
.linegray{border-bottom:1px solid #ccc}
/* padding */
.p5 { padding:5px !important; }
.pt5 { padding-top:5px !important; }
.pb5 { padding-bottom:5px !important; }

/* assessment */
.assessment { width:100%; display:inline-block; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; margin:10px 0; }
.assessment dt { font-weight:bold; float:left; height:30px; line-height:30px; padding:0 20px; }
.assessment dd { float:left; margin-left:20px; display:inline; height:30px; line-height:30px; }
.assessment dd.btn { padding-top:5px; height:25px; line-height:normal; }

/* headding */
.con_tit { position:relative; display:inline-block; width:95%; margin:10px 0; background:url(../img/common/bul_h3_con1.gif) no-repeat 0 6px; padding-left:20px; font-size:16px; font-weight:bold; letter-spacing:-1px;}
.h3_con1 { position:relative; display:inline-block; width:95%; margin:10px 0; background:url(../img/common/bul_h3_con1.gif) no-repeat 0 6px; padding-left:20px; font-size:14px; font-weight:bold; letter-spacing:-1px; height:20px; line-height:20px;}
.his_tit { position:relative; display:inline-block; width:95%; margin:10px 0; background:url(../img/common/bul_h3_con1.gif) no-repeat 0 4px; padding-left:30px; font-size:24px; font-weight:bold; letter-spacing:-1px; color:#55b602;}

/* box */
.box_border { position:relative; display:block; border:3px solid #ccc; padding:10px; margin-bottom:10px;}
.box_border.gray { border-color:#ddd; color:#555 !important;}

/* BUTTON COMMON */
/* Button Reset */
/* Button Reset */
.button, .button a, .button button, .button input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(../img/button/buttonWhite.gif) no-repeat; overflow:visible; color:#333; }
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top; }
.button a, .button button, .button input { left:2px; vertical-align:top; cursor:pointer; }

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a, .button button, .button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top; }
.button.large a, .button.large button, .button.large input { height:30px; padding:0 10px 0 8px; font-size:14px; font-weight:bold; line-height:30px; background-position:right -30px; }
.button.xLarge a, .button.xLarge button, .button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px; }
.button.small a, .button.small button, .button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px; }

/* Button Text Color */
.button *:hover, .button *:active, .button *:focus { color:#690; }
.button.green, .button.green a, .button.green button, .button.green input { background-image:url(../img/button/buttonGreen.gif); color:#fff !important; }
.button.green *:hover, .button.green *:active, .button.green *:focus { color:#ff0; }
.button.black, .button.black a, .button.black button, .button.black input { background-image:url(../img/button/buttonBlack.gif); color:#fff !important; }
.button.black *:hover, .button.black *:active, .button.black *:focus { color:#ff0; }
.button.red, .button.red a, .button.red button, .button.red input { background-image:url(../img/button/buttonRed.gif); color:#fff !important; }
.button.red *:hover, .button.red *:active, .button.red *:focus { color:#ff0; }
.button.blue, .button.blue a, .button.blue button, .button.blue input { background-image:url(../img/button/buttonBlue.gif); color:#fff !important; }
.button.blue *:hover, .button.blue *:active, .button.blue *:focus { color:#ff0; }

/* Button Text Strong */
.button.strong * { font-weight:normal !important; }

/* skipToContent */
#skipToContent { position:absolute; width:100%; z-index:9999; }
#skipToContent a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; background:#000; }
#skipToContent a:focus, #skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px; }

/* returnToPageTop */
#returnToPageTop { position:absolute; width:100%; z-index:9999; }
#returnToPageTop a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; background:#000; }
#returnToPageTop a:focus, #returnToPageTop a:active { height:auto; width:auto; padding:5px; margin-bottom:10px; }

/* FLOAT ELEMENT BLOCK CLEAR */
.xb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac */
* html .xb { height: 1%; }