@charset "euc-kr";

body { margin:0; padding:0; font-size:12px; line-height:16px; font-family:Dotum, gulim, sans-serif; color:#333; }
form { margin:0; padding: 0; }
input { border:solid 1px #c6c6c6; background:#fff; height:15px; font-size:12px; }
select { border:solid 1px #c6c6c6; background:#fff; font-size:12px; padding:0; margin:0; }
textarea { border:solid 1px #c6c6c6; background:#fff; font-size:12px; padding:3px; }
a { color: #333; text-decoration:none; border:0; }
a:hover { color:#000; text-decoration:none;  border:0; }
img { border:0; }
div, ul, ol, dl, dt, dd, li, table, thead, tbody, td, tr, th, p, caption { margin:0; padding:0; list-style:none; }
menu, dir, dl { margin: 0; padding: 0; list-style-type:none; }
li img { vertical-align:middle; }
h1, h2, legend { margin: 0; padding: 0; display:none; }
h3, h4, h5 { margin: 0; padding: 0; }
fieldset { border-style:none; margin: 0; padding: 0; }
A.roll img { display:inline; border:0; }
A.roll img.over { display:none; }
A.roll:hover { border:0; font-size:12px; color:#333; }
A.roll:hover img { display:none; font-size:12px; color:#333; }
A.roll:hover img.over { display:inline; font-size:12px; color:#333; }
.png24 { _tmp:expression(setPng24(this)); }
.png24 a { position:relative; }

/*text*/
.blue { color:#0f61e1; }
.ebluel, a.ebluel, a.ebluel:hover { color:#0f61e1; font-size:12px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; }
.blue2 { color:#619fff; }
.red { color:#f73c0a; }
.f11 { font-size:11px; }
.bold { font-weight:bold; }
.eng { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.eng10 { font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.eng11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.f666 { color:#666; }
.b_gr, a.b_gr, a.b_gr:hover { color:#b0b5c2; font-size:11px; }
.f666l, a.f666l, a.f666l:hover { color:#666; font-size:11px; text-decoration:underline; }

/*input, select*/
.w60 { width:60px; }
.w125 { width:125px; }
.w100 { width:100px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w350 { width:350px; }
.w150 { width:150px; }
.w600 { width:600px; }

/*button*/
.bt1 { background:url(./images/login/bt_bg1.gif) no-repeat; width:53px; height:21px; text-align:center; font-size:11px; color:#555; font-weight:bold; border:none; cursor:pointer; }
.bt2 { background:url(./images/login/bt_bg2.gif) no-repeat; width:70px; height:21px; text-align:center; font-size:11px; color:#555; font-weight:bold; border:none; cursor:pointer; }
.bt3 { background:url(./images/login/bt_bg3.gif) no-repeat; width:53px; height:21px; text-align:center; font-size:11px; color:#3c5d90; font-weight:bold; border:none; cursor:pointer; }
.bt4 { background:url(./images/login/bt_bg4.gif) no-repeat; width:91px; height:21px; text-align:center; font-size:11px; color:#3c5d90; font-weight:bold; border:none; cursor:pointer; }
.bt5 { background:url(./images/login/bt_bg5.gif) no-repeat; width:91px; height:21px; text-align:center; font-size:11px; color:#555; font-weight:bold; border:none; cursor:pointer; }


/* skip navigation */
#accessibility{ position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; }

/*main*/
#m_wrap { width:100%; text-align:center; height:382px; position:relative; }
#m_container { position:relative; margin:0 auto; background:url(../images/login/loginbox_bg.gif) no-repeat center; width:571px; height:382px; }
#login_box { width:260px; margin:0 auto; padding-top:175px; }
#login_form { margin:auto; width:260px; height:45px; float:left; }
#login_form fieldset { position:relative; }
#login_form dt { width:78px; float:left; text-align:left; padding-top:4px; }
#login_form dd { width:130px; float:left; }
#login_form #log_bt { position:absolute; top:0; left:210px; }
#ex { width:260px; margin-top:30px; font-size:11px; float:left; }
#wrong { width:260px; height:30px; padding-top:10px; text-align:center; float:left; }
#wrong p { font-size:11px; color:#f73c0a; }

/*footer*/
#m_footer { color:#b0b5c2; text-align:center; }
#footer { width:99%; color:#b0b5c2; text-align:right; background:url(../images/login/copy_bg.gif) repeat-x; height:33px; padding:12px 10px 0 0; float:left; }

/*sub*/
.body { background:#384365; }
#wrap { width:100%; height:100%; }
#s_wrap { min-width:1000px; width:100%; }
#header { width:100%; height:50px; background:url(../images/login/top_bg.gif) repeat-x; float:left; }
#logo { padding:0px 0 0 0px; width:190px; float:left; }
#gnb li { float:left; padding:20px 20px 0 20px; height:30px; text-align:center; border-left:solid 1px #d9d9d9; font-weight:bold; } 
#gnb li.over, #gnb li.over a, #gnb li.over a:visited { color:#333; }
#gnb li.over a:hover, #gnb li.over a:active { color:#0f80f1; }
#snb { width:100%; height:44px; background:url(../images/login/sub_tab_bg.gif) repeat-x; float:left; }
#sub_menu { padding:12px 0 0 10px; }
#sub_menu li.on { width:114px; height:23px; background:url(../images/login/tab_on.gif) no-repeat; text-align:center; float:left; color:#fff; font-weight:bold; padding-top:9px; }
#sub_menu li.on a { color:#fff; font-weight:bold; }
#sub_menu li.on a:hover { color:#fff; font-weight:bold; }
#sub_menu li.off { width:114px; height:23px; background:url(../images/login/tab_off.gif) no-repeat; text-align:center; float:left; color:#a0a5b7; font-weight:bold; padding-top:9px;  }
#sub_menu li.off a { color:#a0a5b7; font-weight:bold; }
#sub_menu li.off a:hover { color:#a0a5b7; font-weight:bold; }
#m_right { float:right; padding:9px 10px 0; font-size:11px; color:#b0b5c2; }
#container { width:100%; background:#fff; overflow:hidden; float:left; }
#sub_top { width:100%; background:url(../images/login/sub_top_bg.gif) repeat-x; height:50px; }
#s_gnb { padding:24px 0 0 20px; }
#s_gnb h2 { display:block; font-size:14px; font-weight:normal; width:auto; float:left; padding-right:20px; }
#s_gnb p { font-size:11px; vertical-align:bottom; color:#888; padding-top:2px; }
#content { width:100%; margin-bottom:60px; overflow:hidden; min-height:500px; }
#t { width:100%; padding:5px 10px 5px 20px; border-bottom:solid 1px #cbcbcb; font-size:11px; }
#title { width:100%; padding:20px 10px 10px 20px; }
#title h3 { font-size:13px; color:#0f61e1; }
#title p { padding-top:6px; }
#title2 { width:100%; padding:20px 10px 10px 20px; }
#title2 h3 { font-size:13px; color:#0f61e1; }
#title2 p { padding-top:6px; }
#title3 { width:100%; padding:20px 10px 10px 20px; }
#title3 h3 { font-size:13px; color:#0f61e1; }
#title3 p { padding-top:6px; }


#table { width:100%; clear:both; }
#vertical_search { padding:10px 0; width:100%; border-top:solid 1px #cbcbcb; }
#vertical_search ul { width:100%; }
#vertical_search li { padding:5px 10px 3px 20px; text-align:left; }
#vertical_search li img, input, select { vertical-align:middle; }
#vertical_search li.tit { width:10%; float:left; padding-top:8px; }

#horizontal_list { width:100%; padding:0; margin:0; }
#horizontal_list caption { margin:0; padding:0; list-style:none; display:none; }
#horizontal_list thead { padding:0 10px 0 20px; }
#horizontal_list thead th { border-bottom:solid 1px #cbcbcb; border-top:solid 1px #cbcbcb; background:#fbfbfb; font-weight:normal; font-size:12px; font-family:gulim, Dotum, sans-serif; text-align:left; padding:6px 5px 4px; }
#horizontal_list thead .t1 { border-bottom:solid 1px #cbcbcb; border-top:solid 1px #cbcbcb; background:#fbfbfb; font-weight:normal; font-size:12px; font-family:gulim, Dotum, sans-serif; text-align:left; padding:6px 5px 4px 20px; }
#horizontal_list thead .tend { border-bottom:solid 1px #cbcbcb; border-top:solid 1px #cbcbcb; background:#fbfbfb; font-weight:normal; font-size:12px; font-family:gulim, Dotum, sans-serif; text-align:left; padding:6px 10px 4px 5px; }
#horizontal_list tbody td { border-bottom:solid 1px #e2e2e2; background:url(../images/login/vline.gif) right repeat-y; padding:8px 5px; text-align:left; color:#000000; font-size:12px; font-family:Arial, Helvetica, Dotum, gulim; }
#horizontal_list tbody .d1 { border-bottom:solid 1px #e2e2e2; background:url(../images/login/vline.gif) right repeat-y; padding:8px 5px 8px 20px; text-align:left; color:#666; font-family:Arial, Helvetica, Dotum, gulim; }
#horizontal_list tbody .dend { border-bottom:solid 1px #e2e2e2; padding:8px 10px 8px 5px; text-align:left; color:#666; font-family:Arial, Helvetica, Dotum, gulim; }
#horizontal_list tbody .d2 { border-bottom:solid 1px #e2e2e2; background:url(../images/login/vline.gif) right repeat-y #fbfbfb; padding:6px 5px 3px 20px; font-size:11px; text-align:right; color:#666; font-family:Arial, Helvetica, Dotum, gulim; }
#horizontal_list tbody .dend2 { border-bottom:solid 1px #e2e2e2; padding:4px 10px 4px 5px; text-align:left; color:#666; background:#fbfbfb; font-family:Arial, Helvetica, Dotum, gulim; }

#vertical_list { width:100%; padding:0; margin:0; }
#vertical_list caption { margin:0; padding:0; list-style:none; display:none; }
#vertical_list tbody { padding:0 10px 0 20px; }
#vertical_list tbody th { width:15%; border-top:solid 1px #cbcbcb; background:url(../images/login/vline.gif) right repeat-y #fbfbfb; font-weight:normal; font-size:12px; font-family:gulim, Dotum, sans-serif; text-align:left; padding:5px 5px 5px 20px; }
#vertical_list tbody td { border-top:solid 1px #e2e2e2; padding:5px 12px; text-align:left; color:#000000; font-family:Arial, Helvetica, Dotum, gulim; }
#vertical_list tbody .t1 { width:10%; border-top:solid 1px #cbcbcb; border-bottom:solid 1px #cbcbcb; background:url(../images/login/vline.gif) right repeat-y #fbfbfb; font-weight:normal; font-size:11px; font-family:gulim, Dotum, sans-serif; text-align:left; padding:5px 5px 5px 20px; }
#vertical_list tbody .tend { border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; padding:5px 10px; text-align:left; color:#666; font-family:Arial, Helvetica, Dotum, gulim; }



#paging { margin:10px auto 0; text-align:center; }
#paging p { float:left; text-align:left; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-left:20px }
#paging .page { clear:both; font-size:14px; color:#555; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:25px; padding:0 4px; margin-top:20px; }
#paging .page a:link, #paging .page a:visited { color:#555;  font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0 4px; }
#paging .page a:hover, #paging .page a:active { color:#f73c0a; font-size:14px; font-weight:bold; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; padding:0 4px; }
#paging .page img { vertical-align:middle; } 
#paging .page span { color:#f73c0a; font-size:14px; text-decoration:underline; padding:0 4px; }
 
 
#btn { margin-top:20px; padding:0 10px 0 20px; height:22px; }
#btn li.le { float:left; }
#btn li.ri { float:right; }

.table_line_01 { padding-left:5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; text-align: left; }
.table_line_02 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e4e4e4; }
.table_line_03 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e4e4e4; border-top:solid 1px #e4e4e4; }