
/* 응용체계 공통 css */
#applyWrap {position:relative; font-size:12px; font-family:Dotum,돋움; color:#717171; width:100%;}
.apw2{padding-top:29px;}

/* 주용응용체계 1 */
.applyTab01 {width:100%; overflow:hidden; position:relative;}
.applyTab01 dl {width:25%; float:left; display:block; position:relative;}
.applyTab01 dl dt.borderNo {border-right:none;}
.applyTab01 dl dd.borderYes {border-right:1px solid #d1d1d1;}
.applyTab01 dl dt {color:#FFF; background:#677284; border-top:1px solid #677284; border-left:1px solid #677284;  border-right:1px solid #FFF; display:block; position:relative; height:20px; padding:4px; font-weight:bold;}
.applyTab01 dl dt span.more {position:absolute; right:5px; margin-top:1px;}
.applyTab01 dl dd {border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; padding:6px 10px; }
.applyTab01 dl dd ul li {line-height:22px;}
.applyTab01 dl dd ul li a {color:#717171; background:url('../images/apply_bullet.gif') 0 5px no-repeat; padding-left:7px;}
.applyTab01 dl dd ul li a:hover {color:#0060b1; font-weight:bold;letter-spacing: -1px;}

/* 주용응용체계 2 */
.aTab{display:block; position:absolute; top:0; width:108px; height:29px; text-align:center; font-size:11px;} 
.aTab a{display:block; height:21px; padding:7px 5px 0 6px; background:#eee; border:1px solid #d0d0d0; border-bottom:none; color:#878787 !important; font-weight:normal;}
.aTab a span{padding-right:11px; background:url('../images/apply_arrow_none.gif') 100% 4px no-repeat;}
.aTab a.applyMymenu{background:#ff7800; border:1px solid #be5900; border-bottom:none; color:#fff !important; font-weight:bold;}
.aTab a.tOn{background:#677284; border:1px solid #677284; border-bottom:none; color:#fff !important; font-weight:bold;}
.aTab a.applyMymenu span, strong.aTab a.tOn span{background:url('../images/apply_arrow_over.gif') 100% 4px no-repeat;}
#aT1{left:0;}
#aT2{left:110px;}
#aT3{left:220px;}
#aT4{left:330px;}
#aT5{left:440px;}
#aT6{left:550px;}

.tabCon{display:none; overflow:hidden; height:100%; padding-top:14px; border-top:1px solid #d0d0d0;}
.tabCon.apOn{display:block;}
.tabCon li{float:left; width:150px; line-height:18px; font-size:11px;}
.tabCon li a{color:#717171;  font-size:11px}
.tabCon li a:hover{color:#677284; font-weight:bold; letter-spacing:-1px;}
input#btnApply{position:absolute; top:0; right:0; width:83px; height:26px; padding-left:25px; background:url('../images/apply_all_btn.gif') 0 0 no-repeat; border:none; color:#7c7c7c; font-weight:bold; font-size:11px; cursor:pointer; _padding-top:5px;}

.applyTab02 {border-bottom:1px solid #d0d0d0; position:relative; overflow:hidden; width:100%; margin-bottom:10px;}
.applyTab02 ul {margin-right:50px; display:block; font-size:11px;}
.applyTab02 li {float:left; overflow:hidden; margin-right:2px; background:#eee; border-right:1px solid #d0d0d0; border-left:1px solid #d0d0d0; border-top:1px solid #d0d0d0; padding:5px 15px; color:#878787;}
.applyTab02 li a {color:#878787;}
.applyTab02 li span {background:url('../images/apply_arrow_none.gif') right 4px no-repeat !important; padding-right:10px; width:100%;}
.applyTab02 li.applyMymenu {background-color:#ff7800; color:#FFF; font-weight:bold; padding:5px 15px; border-top:1px solid #be5900; border-right:1px solid #be5900; border-left:1px solid #be5900;}
.applyTab02 li.applyMymenu a {color:#FFF;}
.applyTab02 li.applyMymenu span {background:url('../images/apply_arrow_over.gif') right 4px no-repeat !important; padding-right:10px !important;}
.applyTab02 li.over {background:#677284; color:#FFF; font-weight:bold; border-right:1px solid #677284; border-left:1px solid #677284; border-top:1px solid #677284; letter-spacing:-1px;}
.applyTab02 li.over a {color:#FFF;}
.applyTab02 li.over a:hover {color:#FFF;}
.applyTab02 li.over span {background:url('../images/apply_arrow_over.gif') right 4px no-repeat !important; padding-right:10px !important;}
.applyTab02 .btnApply {background:url('../images/apply_all_btn.gif') 0 0 no-repeat; width:83px; height:26px; padding-left:25px; font-size:11px; color:#7c7c7c; *padding-top:2px; font-weight:bold; position:absolute; right:0; cursor:pointer; border:0px;}
.applyContent02 {clear:both; display:block; overflow:hidden;}
.applyContent02 ul {float:left; line-height:18px; font-size:11px; width:100%;}
.applyContent02 li {float:left; width:18%; margin-right:10px;}
.applyContent02 ul li a {color:#717171;}
.applyContent02 ul li a:hover {font-weight:bold; color:#677284; letter-spacing:-1px;}

/* 응용체계(팝업)_로그인 */
.applySearch {margin:10px 20px auto; text-align:center; vertical-align:middle;}
.applySearch fieldset {display:block; position:relative; overflow:hidden; border:0; margin:0; padding:0;}
.applySearch legend {display:none;}
.applySearch span {color:#0060b1; font-weight:bold; vertical-align:middle;}
.applySearch .kyeword {border:2px solid #0060b1; font-family:Dotum,돋움; color:#717171; width:300px; margin:0 5px; padding:4px; vertical-align:middle;}
.applySearch .kyewordBtn {background:#0060b1; color:#FFF; font-weight:bold; border:1px solid #003d90; padding:4px; height:26px; cursor:pointer; vertical-align:middle;}
.applyList {border:1px solid #ddd; overflow-y:scroll; overflow-x:hidden; height:350px; margin:10px 0; position:relative; width:100%;}
.applyList .listTitle {font-size:14px; color:#536a7d; font-weight:bold;background:url('../images/apply_list_bullet.gif') 0 5px no-repeat; clear:both; overflow:hidden; padding-left:10px; margin:8px 15px;}
.applyList .listbox {border:1px solid #dcdcdc; background:#f5f5f5; margin:10px 15px 10px 15px; overflow:hidden; padding:7px; zoom:1;}
.applyList .listbox ul {float:left; position:relative;}
.applyList .listbox ul li {background:url('../images/apply_bullet.gif') 5px 10px no-repeat; padding-left:17px; float:left; position:relative; width:200px; padding-right:10px; line-height:22px;}
.applyList .listbox ul li a {color:#717171;}
.applyList .listbox ul li a:hover {color:#0060b1; font-weight:bold; letter-spacing:-1px;}
.applyList .listbox ul li input.listcheck {position:absolute; left:0; width:15px; height:15px; margin-top:3px; *margin-top:0px;}

.applyList .listbox02 {margin:10px 15px 30px 15px; overflow:hidden; padding:10px; zoom:1;}/*백그라운드 X */
.applyList .listbox02 ul {float:left; position:relative;}
.applyList .listbox02 ul li {background:url('../images/apply_bullet.gif') 5px 10px no-repeat; padding-left:17px; float:left; position:relative; width:200px; margin-right:10px; line-height:22px;}
.applyList .listbox02 ul li a {color:#717171;}
.applyList .listbox02 ul li a:hover {color:#0060b1; font-weight:bold; letter-spacing:-1px;}
.applyList .listbox02 ul li input.listcheck {position:absolute; left:0; width:15px; height:15px; margin-top:3px; *margin-top:0px;}

.applyCheck {width:100%; overflow:hidden; clear:both; margin-bottom:30px;}
.applyCheck ul {float:right; overflow:hidden;}
.applyCheck li {float:left; margin-left:5px; vertical-align:middle;}
.applyCheck li.checktxt {padding:6px 0 0 17px; font-weight:bold; color:#848484;}
.applyCheck li input.checkBtn {background:#0060b1; color:#FFF; font-weight:bold; border:1px solid #003d90; padding:0 5px; height:25px; cursor:pointer;}
.applyCheck li input.closeBtn {background:#757575; color:#cacaca; font-weight:bold; border:1px solid #757575; padding:0 5px; height:25px; cursor:pointer;}
