html { overflow-y: scroll; }

/* 2015.10.06 js
body { position:relative; margin:0; padding:0; line-height:14pt; font-size:12px; font-family:Verdana,dotum; color:#636363; }
*/
body { 
	position:relative; margin:0; padding:0; line-height:14pt; font-size:12px; color:#636363; 
	font-family: "¸¼Àº °íµñ","Malgun Gothic",³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,"Apple SD Gothic Neo",sans-serif; 
}

hr, legend, .hidden { display:none; }
fileset, img, fieldset { border:medium none; }
ul,dl,dt,dd { margin:0; padding:0; }
li { margin:0; padding:0; list-style:none; }
p { margin:0; padding:0; }
a {outline:none; }
a:link    { color:#222222; text-decoration:none;}
a:visited { color:#222222; text-decoration:none;}
a:active  { color:#222222; text-decoration:none;}
a:hover   { color:#0155b1; text-decoration:none;}
.fjustify { text-align:justify; }
.cursoron { cursor:pointer; }
.fnormal { font-weight:normal;  }
.border0 { border:0 !important; }
.borderr0 { border-right:0 !important; }
.borderb0 { border-bottom:0 !important; }
.tunder { text-decoration:underline; } 
.backfff { background:#fff; }
.backno { background:url()!important; }
.fb { font-weight:bold; }
.block { display:block !important; }

.fl { display:inline; float:left; }
.fr { display:inline; float:right; }
.cl { clear:both; }

.vm { vertical-align:middle; }
.vt { vertical-align:top; }
.vb { vertical-align:bottom; }

.tl { text-align:left !important; } 
.tc { text-align:center !important; }
.tr { text-align:right !important; }

.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mr0 { margin-right:0 !important;}
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mt0 { margin-top:0 !important;}
.mt1 { margin-top:1px !important;}
.mt2 { margin-top:2px !important;}
.mt3 { margin-top:3px !important;}
.mt4 { margin-top:4px !important;}
.mt5 { margin-top:5px !important;}
.mt6 { margin-top:6px !important;}
.mt7 { margin-top:7px !important;}
.mt8 { margin-top:8px !important;}
.mt9 { margin-top:9px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt13 { margin-top:13px !important;}
.mt14 { margin-top:14px !important;}
.mt15 { margin-top:15px !important;}
.mt17 { margin-top:17px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.ml0 { margin-left:0 !important;}
.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.pd0 { padding:0 !important; }

.blue { color:#1c6bbc !important; }

.f14 { font-size:14px !important; }

.li01 li { line-height:20px !important; padding: 1px 1px 1px 11px !important; font-size:12px !important; background: url(../images/today_top_li_bg.gif) no-repeat left 6px; }
.li01.s2 li { line-height:26px !important; background:url(../images/today_top_li02_bg.gif) no-repeat 3px 6px; font-weight:bold; border-bottom:0 !important; }
.li01.s3 li { line-height:16px !important; background:url(../images/today_top_li02_bg.gif) no-repeat 3px 6px; font-weight:bold; border-bottom:0 !important; }
.li01.s4 li { line-height:18px !important; background:url(../images/today_top_li02_bg.gif) no-repeat 3px 6px; }
.li01.s5 li { line-height:24px !important; padding:1px 1px 1px 15px !important; font-size:12px !important; background:url(../images/today_top_li_bg.gif) no-repeat left 8px; font-weight:bold; }
.li01.s6 li { padding:8px 0 14px 22px !important; background:url(../images/today_top_li02_bg.gif) no-repeat 10px 12px !important; font-weight:bold; border-bottom:0 !important; }

.li02 { margin:5px 0 0 0; }
.li02 li { letter-spacing:-0.5pt; line-height:26px; }
.li02 li img {float:left;margin: 7px 5px 0 0;}
.li02 li .new { display:inline-block; background:url(../images/icon_new.gif) no-repeat left center; width:21px; height:5px; vertical-align:middle; }
.li02 li .n { display:inline-block; width:13px; height:12px; margin:0 3px 0 0; text-align:center; padding:3px 2px; line-height:12px; background:#fff; border:1px solid #ccc; vertical-align:middle; font-size:11px; }
.li02 li .n2 { display:inline-block; width:13px; height:12px; color:#3b568b; margin:0 3px 0 0; text-align:center; padding:1px 1px 2px 1px; line-height:11px; background:#fff; border:1px solid #ccc; vertical-align:middle; font-size:11px; }

.box01 { border:1px solid #d3d4d9; background:#f9fbfd; padding:14px 27px; margin:15px 0 0 0; color:#5e6d80; }
.box02 { border:1px solid #d3d4d9; background:#fdfdfd; padding:14px 27px; margin:15px 0 0 0; color:#5e6d80; }
.box03 { border:1px solid #d3d4d9; background:#fdfdfd; padding:13px; margin:15px 0 0 0; color:#5e6d80; line-height:22px; }

.int { border:1px solid #ddd; padding:3px; }

.tb01 { width:100%; margin:10px 0 0 0; border-top:2px solid #5aa5de;}
.tb01 th { background:#f6f6f6; padding:5px 0 5px 36px; border-bottom:1px solid #dddddd; text-align:left; }
.tb01 th.rq { background:#f6f6f6 url(../images/tb01_rq.gif) no-repeat 21px center; }
.tb01 td { padding:3px 8px; border-bottom:1px solid #dddddd; }

.tb02 { width:100%; margin:10px 0 0 0; }
.tb02 th { text-align:left; font-weight:normal; background:url(../images/b_dot2.gif) no-repeat left center; padding-left:8px; }
.tb03 td { text-align:left; }

.tb03 { width:100%; margin:10px 0 0 0; }
.tb03 th { padding:6px 0 3px 0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url(../images/th_line01.gif) no-repeat right center; }
.tb03 th.s { border-left:1px solid #ddd; }
.tb03 th.e { border-right:1px solid #ddd; background:url(../images/tb03_th_bg.gif) repeat-x right center; }
.tb03 td { padding:7px 8px 5px 8px; border-bottom:1px solid #cecece; text-align:left; font-size:12px;}
.tb03 td a { color:#666; }
.tb03 td a:hover { color:#0155b1; }
.tb03 .ni { display:inline-block; width:28px; height:14px; margin:0 5px 0 0; background:url(../images/icon_notice.gif) no-repeat left top; }
.tb03 .ns { font-weight:bold; }

.tb05 {border-collapse:collapse; width:100%; margin:40px 0 0 0; border-top:2px solid #5aa5de;}
.tb05 th { padding:8px 0; border-bottom:1px solid #dddddd; text-align:center; }
.tb05 td { padding:10px 0 10px 10px; border-bottom:1px solid #dddddd;text-align:left; }
.tb05 td a {margin:3px 0 0 5px}

.page { clear:both; margin:20px 0 0 0; text-align:center; color:#ddd; }
.page a { display:inline-block; margin:0 4px; color:#585858; font-weight:bold; }
.page a:hover, .page a.on { color:red; }

.pagingWrap{position:relative;height:32px;margin-top: 20px;text-align:center;}
.paging{display:inline-block;*display:inline;*zoom:1}
.paging *{vertical-align:top}
.paging a, .paging .pageON, .paging .pageMove{float:left;margin:0 2px;height:23px}
.paging a,.paging a *, .paging .pageON, .paging .pageON span, .paging .pageMove, .paging .pageMove span{overflow:visible;padding:0;display:block;white-space:nowrap;line-height:24px;}
.paging a span{padding:0 10px 0 9px;text-align:center}
.paging .pageON, .paging .pageON span{padding:0 10px;color:#1c6bbc;font-weight:bold;background:url(../img/bg_paging.gif) no-repeat 0 -56px}
.paging .pageON span{margin-left:2px;padding:0 9px 0 6px;background-position:100% -56px}
.paging .pageMove{margin:0}
.paging .pageMove *{overflow:hidden;text-indent:-9999px;width:23px;height:23px;padding:0;margin:0;background:url(../img/bg_paging.gif) no-repeat}
.paging a.first span{background-position:0 0}
.paging .prev{margin-left:-16px;background:url(../images/button/o_arr_l.gif) no-repeat 0 3px;}
.paging .prev span{background-position:-25px 0}
.paging .next{margin-right:-16px;background:url(../images/button/o_arr_r.gif) no-repeat 0 3px;}
.paging .next span{background-position:0 -28px}
.paging a.last span{background-position:-25px -28px}
.pagingWrap .right{position:absolute;top:-5px;right:0}
.pagingWrap .left{position:absolute;top:-5px;left:0}


/* layout  */
#wrap { width:100%; zoom:1; }
#headerwrap { width:100%; text-align:center; background:url(../images/headerwrap_bg.gif) repeat-x left top; }
#headerwrap #header { position:relative; width:980px; height:134px; text-align:left; margin:0 auto;	}

#containerwrap { width:100%; text-align:center;}		
#containerwrap #container { position:relative; text-align:left; width:980px; margin:0 auto; padding:15px 0 5px 0; }
#containerwrap #container #content  { float:left; position:relative; width:685px; padding:5px 0 0 0;}
#containerwrap #container #rnb { float:right; position:relative; width:274px; }
#container #lnb { float:left; position:relative; width:115px; }
#container #cont { float:right; position:relative; width:845px; padding:5px 0 0 0;}

#footerwrap { clear:both; width:100%; text-align:center;}	
#footerwrap #footer { position:relative; width:980px; height:143px; text-align:left; margin:0 auto; border-top:2px solid #000;}	

#content.s2 { padding:5px 0 0 20px !important; width:670px !important;}
#content.s3 { padding:5px 0 0 10px !important; width:683px !important; }

/* È¸¿ø°¡ÀÔ (Ãß°¡) */
.txtBox {background-color:#f9fbfd;border:1px solid #d3d4d6;padding:20px; color:#5e6d80; width:806px; margin-left:66px;}
.txtbox_11 {margin-top:7px;border:1px solid #d3d4d6;padding:20px;overflow:hidden; width:806px; margin-left:66px;}
.txtbox_11 .txt {border-bottom:1px solid #ececec;width:95%;margin:0 auto;background:url(../images/member/1111_bg01.gif) no-repeat right 10px;padding:10px 0 30px 0;}
.txtbox_11 .txt p{width:85%;line-height:24px;color:#5e6d80;}
.inputBox {margin-top:40px;}
.inputBox h5{font-size:12px;padding:0 0 10px 0;border-bottom:1px solid #ececec;margin-bottom:10px;}
.inputBox h5 span {color:#2472c7}
.inputBox .left{float:left;width: 300px;padding: 0 60px 0 30px;}
.inputBox .right{float:left;width: 290px;background:url(../images/member/1111_bg02.gif) no-repeat 0 center;padding: 0 30px 0 70px;}
.inputBox .left table {}
.inputBox .left table th {padding:6px 0 6px 4px;text-align:left;}
.inputBox .left table td  {padding:6px 0 6px 8px}
.inputBox .left table td label{margin-right:15px;}
.inputBox .left table td select{width:70px;}
.inputBox div p.btn {padding-top:10px;text-align:center;border-top:1px solid #ececec;margin-top:10px;}
.inputBox .right p {line-height:21px}