@import url("/css/common/bbs.css");
@import url("/css/common/common.css");
@import url("/css/common/base.css");

a.bbs:link, a.bbs:visited { color:#1a3f7b; text-decoration:none;}
a.bbs:hover, a.bbs:active  { color:#444; text-decoration:none;}

/*header*/
#wrap {width:100%; position:absolute; }
/**
.bg_visual_01 {background:url('/images/common/bg_contents_01.gif') no-repeat -25px -5px;}
.bg_visual_02 {background:url('/images/common/bg_contents_02.gif') no-repeat -25px -5px;}
.bg_visual_03 {background:url('/images/common/bg_contents_03.gif') no-repeat -25px -5px;}
.bg_visual_04 {background:url('/images/common/bg_contents_04.gif') no-repeat -25px -5px;}
.bg_visual_05 {background:url('/images/common/bg_contents_05.gif') no-repeat -25px -5px;}
.bg_visual_06 {background:url('/images/common/bg_contents_06.gif') no-repeat -25px -5px;}
.bg_visual_07 {background:url('/images/common/bg_contents_07.gif') no-repeat -25px -5px;}
**/

#header {position:relative; height:101px; width:100%; background:url('/images/common/bg_contents_line.gif') repeat-x;}
#header h1 {position:absolute; top:20px; left:30px; z-index:5;}
#header #tnb {position:absolute; left:450px; top:10px; font-weight:bold; font-size:11px; width:470px; height:20px;}
#header #tnb li {float:left; padding:0 4px 0 5px; line-height:0; margin-left:1px; font-size:11px; background:url('/images/common/tnb_line.gif') no-repeat -1px 0;}
#header #tnb li.nb {background-image:none; border:none;}
#header #gnb img {vertical-align:top;}

#q_gnb, #q_snb, #q_contents, #q_quick, #q_footer {font-size:0; height:0; visibility:hidden;}

/*gnbž¸Þ´º*/
#gnb {position:absolute; left:220px; top:32px; width:698px; height:41px; z-index:5; background:#ccc url('/images/menu/bg_gnb.gif') 0 0 repeat-x;}
#gnb img {vertical-align:top;}
#gnb #gnb1,
#gnb #gnb2,
#gnb #gnb3,
#gnb #gnb4,
#gnb #gnb5,
#gnb #gnb6 {margin-top:4px; text-align:left; font-weight:bold;}
#gnb #gnb1 {left:10px; width:101px; font-size:14px; color:#fff; padding:0 10px 0 30px;}
#gnb #gnb2 {width:101px; font-size:14px; color:#fff; padding:0 10px 0 15px;}
#gnb #gnb3 {width:101px; font-size:14px; color:#fff; padding:0 10px 0 15px;}
#gnb #gnb4 {width:101px; font-size:14px; color:#fff; padding:0 20px 0 20px;}
#gnb #gnb5 {width:101px; font-size:14px; color:#fff; padding:0 10px 0 10px;}
#gnb1 a, #gnb2 a, #gnb3 a, #gnb4 a, #gnb5 a {display:block; height:32px; text-align:center; padding-top:5px;}
#gnb a:link span,
#gnb a:visited span {color:#fff; display:block; }
#gnb a:hover span,
#gnb a:active span {color:#1a3f7b; display:block; }
#gnb li a:link,
#gnb li a:visited {color:#fff; text-align:center;}
#gnb li a:hover,
#gnb li a:active {background-color:#fff; color:#1a3f7b; text-align:center;}
#gnb li li a:link,
#gnb li li a:visited {color:#666; text-align:center; padding-left:5px;}
#gnb li li a:hover,
#gnb li li a:active {background:url('/images/common/icon_ball_05.gif') no-repeat 0 50%; color:#000; text-align:left; padding-left:5px;}
#gnb li li a {display:inline; height:20px; padding-top:3px;}
#gnb ul ul { position:absolute; margin-top:-1px; font-size:12px; background:url('/images/menu/bx_gnb_right.gif') no-repeat right -3px;}
#gnb #gnb101 { width:710px; margin-left:-30px;}
#gnb #gnb201 { width:735px; margin-left:-170px;}
#gnb #gnb301 { width:239px; margin-left:-50px;}
/*
ÁÖ¿ä¹Î¿ø
´ÙÀÚ°£º»ÀÎÈ®ÀÎ ¸Þ´º Ãß°¡
#gnb #gnb401 { width:623px; margin-left:-390px;}
*/
#gnb #gnb401 { width:723px; margin-left:-430px;}
#gnb #gnb501 { width:609px; margin-left:-470px;}
/*#gnb #gnb501 { width:685px; margin-left:-542px;}
#gnb #gnb501 li { padding:2px 1px 3px 2px;}*/

#gnb ul {padding:0; margin:0;}
#gnb li {float:left;}
#gnb li li {float:left; letter-spacing:-1px; white-space:nowrap; overflow:visible; padding:2px 3px 3px 5px; background:url('/images/menu/bx_gnb_center.gif') repeat-x 0 -3px;}
#gnb li.gnb_left {padding-left:5px; background:url('/images/menu/bx_gnb_left.gif') no-repeat left -3px;}



/*container ÄÁÅÙÃ÷Àüü*/
#container {position:relative; width:100% }
.visual_title {position:absolute; top:19px; left:238px; z-index:10;}
.search_t {border:0; margin:95px 0 0 50px;}
.search_t legend {display:none;}
.search_t img {vertical-align:middle;}

/*nav¼­ºê¸Þ´º¿µ¿ª*/
#nav {float:left; width:181px;}
#mbr01, #mbr, #mbr02 {border:0;}
#mbr01 legend, #mbr legend, #mbr02 legend {display:none;}
#mbr01 {float:right; width:190px; height:108px; margin-top:15px; background:url('/images/common/bx_login.gif') no-repeat;}
#mbr01 .btn_login {float:left; padding:10px 0 0 0;}
#mbr02 {float:right; width:190px; height:108px; margin-top:15px; background:url('/images/common/bx_login1.gif') no-repeat;}
.mbr_date {color:#1a3f7b; font-weight:bold; text-align:center; padding-top:5px;}
.log_area {height:60px; margin-left:8px;}
/*.log {clear:both; float:left; margin:9px 5px 8px 6px;}*/
.log {clear:both; float:left; width:123px; margin-top:9px; }
.log img {vertical-align:middle;}
.log dt {clear:both; float:left; width:45px; padding-top:2px; }
.log .log_id {width:45px; font-size:11px; padding-top:4px; letter-spacing:-1px; }
.log .log_pw {width:45px; font-size:11px; padding-top:4px; letter-spacing:-1px; }
.log input.inp {width:68px;}
.log input.inp01 {width:68px;}
.log input.inp02 {width:68px;}
.log dd {margin-top:2px;}
.log_join {clear:both; margin-left:5px; margin-top:5px; font-size:11px;}
.log_join .ml5 {margin-left:0;}
.log_join li {float:left;background:url('/images/common/icon_snb1.gif') no-repeat 0px 7px; padding-left:5px; margin-left:2px;  letter-spacing:-1px;}
#mbr {float:right; width:190px; margin-top:15px; }
.log_top {width:190px; height:27px; color:#1a3f7b; font-weight:bold; text-align:center; padding-top:7px; background:url('/images/common/bx_login_top.gif') no-repeat;}
.log_cen {width:166px; padding:3px 12px; font-size:11px; text-align:justify; background:url('/images/common/bx_login_cen.gif') repeat-y;}
.log_bot {width:190px; height:10px; background:url('/images/common/bx_login_bot.gif') no-repeat;}

#snb {float:right; margin-top:45px; margin-bottom:25px; padding-bottom:25px; width:190px;  background:url('/images/menu/bg_snb_bottom.gif') no-repeat bottom left;}
#snb h2 {text-align:center; padding-top:12px; height:45px; background:url('/images/menu/bg_snb_top.gif') no-repeat;}
#snb ul {width:155px; padding-left:17px; font-weight:bold; letter-spacing:-1px; }
#snb li {line-height:0; background:url('/images/menu/bg_snb_line.gif') no-repeat bottom left; padding-bottom:2px; font-size:13px;}
#snb li a:link,
#snb li a:visited {background:url('/images/common/icon_snb1.gif') no-repeat 3px 12px; width:127px; display:block; padding:3px 20px 3px 8px;}
#snb li a:hover,
#snb li a:active {background:url('/images/common/icon_snb1_on.gif') no-repeat 138px 50%; background-color:#375d99; color:#fff; width:127px; display:block; padding:3px 20px 3px 8px;}
#snb li li a:link,
#snb li li a:visited {background:url('/images/common/icon_snb101.gif') no-repeat 0 4px; width:130px; display:block; color:#555; padding:0 3px 0 10px;}
#snb li li a:hover,
#snb li li a:active {background:url('/images/common/icon_snb101_on.gif') no-repeat 0 4px; background-color:#fff; color:#333; width:130px; display:block; padding:0 3px 0 10px;}
#snb li img {vertical-align:top;}
#snb li li {background:none; line-height:0; padding:0; margin-left:-5px; font-size:12px; line-height:100%; padding-bottom:0px;}
#ban {float:right; margin-bottom:20px;}
.bx_min1 {border:3px solid #ededed; width:184px; float:right; margin-bottom:100px;}
.bx_min2 {border:1px solid #b7b7b7; width:180px; padding:1px;}
.bx_min2 h3 {background-color:#6282b6; text-align:center; color:#fff; padding:3px;}
.bx_min2 li {padding-top:2px; padding-left:5px;}

/*contants*/

/* #contents {float:left; width:704px; margin:0 0 0 0px; position:static;} */
/* /*#contents #loc {float:right; text-align:right; margin-right:31px;}*/ */
/* #contents #loc {float:right; text-align:right; padding-right:0px; margin-top:31px;} */
/* #contents h3 {float:left;  margin-top:30px;} */
/* #article {clear:both; padding-top:20px; margin:0px 0 30px 0px; width:677px;} */

/*quick*/

#quick {position:absolute; font-size:12px; font-weight:bold; letter-spacing:-1px; top:15px; left:920px; width:75px; }
.quick_ls { letter-spacing:-2px;  }
#quick li {text-align:center; padding:3px 0; border-bottom:1px solid #cfcfcf;}
#quick li.img {background:url('/images/common/quick_img.gif') no-repeat 12px 0; height:15px; padding-top:40px;}
#quick li.img a { padding-top:42px; }

#quick li li {background:none; float:left; padding:1px 2px;}
#quick li.col {line-height:0;}
#quick li, #quick li a {line-height:120%;}
#quick li img {vertical-align:top;}
#quick span {margin:0; padding:0; line-height:100%;}
#quick li.bot {text-align:center; background:none; padding-bottom:0; border-bottom:none; padding:3px 0; letter-spacing:-2px; font-weight:normal;}
#quick .screen {position:relative; top:0px; text-align:center; line-height:0; width:75px; padding-bottom:2px; background-color:#fff;}
#quick .screen img {vertical-align:bottom;}
#quick .quick_span {line-height:150%;}
#quick ul {border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; padding:0 3px;}

/*footer*/

#footer {clear:both; position:relative; width:900px; height:85px; background:url('/images/common/footer_line.gif') no-repeat 30px 0;}
#footer a:hover, #footer a:active {color:#d0723d; font-weight:bold; text-decoration:none;}
#footer a:link, #footer a:visited {color:#3f4040; font-weight:bold; text-decoration:none;}
#footer .f_logo {position:absolute; left:50px; top:25px; }
#footer .f_policy {position:absolute; left:235px; top:18px;}
#footer .f_policy a:hover,
#footer .f_policy a:active {color:#535353; font-weight:bold; text-decoration:underline;}
#footer .f_policy a:link,
#footer .f_policy a:visited {color:#535353; font-weight:bold; text-decoration:none;}
#footer .f_policy li {float:left; padding:0 8px 0 5px; letter-spacing:-1px; background:url('/images/common/f_policy_line.gif') no-repeat right 1px;}
#footer .f_policy li.bn {background:none;}
#footer .f_area {position:absolute; left:240px; top:38px; letter-spacing:-1px; color:#3e4040;}
#footer .f_area1 {position:absolute; left:800px; top:20px;}