@charset "euc-kr";
/* CSS Document basic*/
#wrap_header { margin-bottom:60px;}

#box_login { border:1px solid #949494; padding:7px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background-color:#f3f3f3; height:188px; overflow:hidden;color:#0d7f97;border-radius:5px 5px 0 0;}
#box_login h3 { color:#006699; width:100%; height:auto; font-size:13px; height:20px; line-height:20px; margin:0; padding:0;text-align: center;}
#box_login .d_box { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height:auto; border:1px solid #c7c7c7; margin-bottom:2px;}
#box_login li {float:left; width:auto; height:20px; line-height:20px;background:url(/skin/v1.0/image/bullet/bullet_pipe_small.gif) no-repeat right; display:inline; padding-right:8px; margin-right:8px;}
#box_login li:last-child { padding-right:0; background:none; margin:0;}
#box_login li a { font-size:11px; color:#333;}
#box_login dt,#box_login dd { float:left; height:25px; line-height:25px; display:block; overflow:hidden;}
#box_login dt { width:60px; font-weight:bold; text-align:center;}
#box_login dd { width:100px; }
#box_pay { width:198px; height:162px; border:1px solid #5c97b1;border-top:none;overflow:hidden; position:relative;background:#f3f3f3;}
#box_pay li {width: 90px;height: 65px;float: left;text-align: center;line-height: 30px;margin: 15px 0px -5px 6px;}
#box_pay li a { color:#333;}
#box_pay li a:hover { text-decoration:none;}
#box_pay_title{background: #5c97b1;width:200px;height:37px;font-family: NanumGothic;font-size: 16px;color:#fff; margin-top:20px;line-height: 37px;    text-align: center;font-weight:500;}
.box_pay_menu{background-image:linear-gradient(to right, rgba(13,127,151,0.3), rgba(52,46,90, 0.3) );padding: 3px;border-radius: 5px;}
.box_pay_menu  div{background: #fff; height: 60px;line-height: 60px;;}
#box_callcenter{width:198px; height:auto; border:1px solid #5c97b1; border-radius:0 0 5px 5px;background-color:#ffffff;text-align: center;}
#box_bank{width:198px; height:auto; border:1px solid #1b607f;background-color:#ffffff;text-align: center;}
#box_pds {width:198px; height:auto; border:1px solid #5c97b1;background-color:#ffffff;text-align: center;margin-top:20px;}
#box_callcenter h3,#box_bank h3,#box_pds h3 { background:url(/skin/v1.0/image/first/left_imgs.gif) no-repeat 0px -131px; height:33px; display:block; width:181px; line-height:25px; margin:0; padding:0; margin-left:-1px; z-index:999;}
#box_callcenter h3 span,#box_bank h3 span,#box_pds h3 span { margin-left:10px; width:auto; height:auto; color:#fff; font-size:14px;}
#box_callcenter li {float:left; width:100%; margin:0; padding:0; height:auto;}
#box_callcenter li.phonenum { font-size:35px; margin:0; font-family:Arial, Helvetica, sans-serif; background:none;}
#box_callcenter li.faxnum { font-size:14px; margin-bottom:10px;}
#box_callcenter li a { display:block; width:100%; height:38px; line-height:40px; font-size:14px; border-top:1px solid #5c97b1; color:#333; background:url(/skin/v1.0/image/first/arrow_r_small.png) no-repeat;background-position: 95%;}
#box_callcenter li a:hover { text-decoration:none;}
#box_callcenter li a span {margin-left: 23px;font-family: NanumGothic;color: #000000;}
#box_callcenter_title{background:#5c97b1;width:198px;height:36px;font-family: NanumGothic;font-size: 16px;color:#fff; margin-top:20px;line-height: 37px;    text-align: center;font-weight:500;border:1px solid #5c97b1;border-bottom: none;border-radius:5px 5px 0 0;}

#box_bank h3 { background-position:0px -164px;}
#box_bank li {height:25px; width:100%;line-height:25px; float:left; display:block;}
#box_bank li span {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;letter-spacing: 1.5px; text-align: left; color: #000000;}
#box_bank li.kb {background:url(/skin/v1.0/image/first/kb.png) no-repeat;background-position: 15px;padding-left: 15px;}
#box_bank li.ibk {background:url(/skin/v1.0/image/first/ki.png) no-repeat;background-position: 15px;padding-left: 15px;}
#box_bank li.nh {background:url(/skin/v1.0/image/first/nh.png) no-repeat;background-position: 15px;padding-left: 15px;}
#box_bank li.accountname { font-family: NanumGothic;font-size: 11px;color: #000000;}

#box_pds ul {height:30px; margin-bottom:5px; margin-top:5px; padding:0;}
#box_pds ul li { float:left; width:65px; height:50px; display:block; overflow:hidden;}
#box_pds ul li a { display:block; overflow:hidden;width: 47px;line-height: 65px;}

#box_conty { width:198px;height:240px;position:relative;}
#box_conty h3 { margin:0; padding:0; width:100%; height:35px; line-height:35px; color:#fff; font-size:14px; text-align:center;}

#box_conty ul { position:absolute; bottom:0px; width:100%; height:auto;}
#box_conty li { width:100%; float:left; height:auto;    background: url(/skin/v1.0/image/first/right_banner_conty3.png) no-repeat;background-position: 93.5%;}
#box_conty li a { display:block; width:100%; height:100px; line-height:40px;margin:-1px}
#box_conty li a span { margin-left:10px;font-size:14px; color:#000; text-decoration:none;line-height: 60px;padding-left: 13px;}}
#box_conty li a:hover { text-decoration:none;}

#box_quickmenu { width:200px; height:auto;}
#box_quickmenu h3 { display:none;}
#box_quickmenu ul { display:block; width:199px; overflow:hidden;border-left:1px solid #5c97b1; border-top:1px solid #5c97b1;}
#box_quickmenu li { float:left; width:98.5px; border-bottom:1px solid #5c97b1; border-right:1px solid #5c97b1; }
#box_quickmenu li.odd { width:98.5px;}
#box_quickmenu li a { text-align:center; width:98px; height:106.4px; display:block; overflow:hidden;line-height: 170px;text-decoration: none;color: #000000;font-family: NanumGothic;}

#box_swf { width:100%; height:220px;}
#tab_notice,#tab_bid { margin-top:20px; width:100%;}
#tab_notice .panels li a,#tab_bid .panels li a { color:#333; line-height:20px; display:block; width:510px; height:20px; margin-bottom:3px; overflow:hidden;
		white-space:nowrap;
        text-overflow:ellipsis;         /* IE, Safari */
        -o-text-overflow:ellipsis;              /* Opera under 10.7 */
        overflow:hidden;                        /* "overflow" value must be different from "visible" */
        -moz-binding: url('ellipsis.xml#ellipsis');

}

h4 { display:none !important;}

.quickServiceText{
  width: 200px;
  height: 35px;
  background-color: #5c97b1;
  margin-top: 20px;
}

.box_edu,.box_joint,.box_examination,.box_performance{border:1px solid #1b607f;width:128px;height:118px;}
.ml_10{margin-left:10px;}

.box_edu img:last-child{display:none;}
.box_edu:hover img:first-child{display:none;}
.box_edu:hover img:last-child{display:block;}

.box_joint img:last-child{display:none;}
.box_joint:hover img:first-child{display:none;}
.box_joint:hover img:last-child{display:block;}

.box_examination img:last-child{display:none;}
.box_examination:hover img:first-child{display:none;}
.box_examination:hover img:last-child{display:block;}

.box_performance img:last-child{display:none;}
.box_performance:hover img:first-child{display:none;}
.box_performance:hover img:last-child{display:block;}

#dirService{
	font-family: NanumGothic;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    line-height: 38px;
    padding-left: 45px;
}

#memberBox{
	float: left;
    width: 198px;
    border: 1px solid #949494;
    border-top-color: transparent;
    height: 30px;
    background: #fff;
    border-radius: 0 0 5px 5px;
}

#memberBox ul > li > a{
  font-family: NanumGothic;
  font-size: 11px;
  color: #1b607f;
}