@charset "utf-8";

.search-center{ width:523px; margin:0 auto}
.search-center input[type="text"]{width:352px}

/***** 사전정보공표 *****/
.info-pub{ border:1px solid #ccc;background:url(../../images/kor/sub01/info-pub-pattern.gif)}
.info-pub > div{ position:relative}

.info-tab{border-left:0px solid #CCC;border-top:0px solid #CCC;border-right:0px solid #CCC; overflow:hidden;}
.info-tab:after{ display:block; clear:both; content:"";}
.info-tab li{  float:left; border-right:1px solid #CCC;  box-sizing:border-box;width:16.6666666667%;}
.info-tab li a{ display:block; text-align:center; padding:17px 0 13px 0}
.info-tab li a:hover, .info-tab li a.on{  font-weight:600;background:url(../../images/kor/sub01/info-pub-pattern-on.gif); color:#fff}
.info-tab li a span{display:block; height:57px; width:100%}

.info-tab01{ border-right:none}
.info-tab01 li{border-top:1px solid #CCC;} 
.info-tab01 li.info-pub01 a span{ background:url(../../images/kor/sub01/info-pub-ico01.png) no-repeat center 0; }
.info-tab01 li.info-pub01 a:hover span, .info-tab01 li.info-pub01 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub02 a span{ background:url(../../images/kor/sub01/info-pub-ico02.png) no-repeat center 0; }
.info-tab01 li.info-pub02 a:hover span, .info-tab01 li.info-pub02 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub03 a span{ background:url(../../images/kor/sub01/info-pub-ico03.png) no-repeat center 0; }
.info-tab01 li.info-pub03 a:hover span, .info-tab01 li.info-pub03 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub04 a span{ background:url(../../images/kor/sub01/info-pub-ico04.png) no-repeat center 0; }
.info-tab01 li.info-pub04 a:hover span, .info-tab01 li.info-pub04 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub05 a span{ background:url(../../images/kor/sub01/info-pub-ico05.png) no-repeat center 0; }
.info-tab01 li.info-pub05 a:hover span, .info-tab01 li.info-pub05 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub06 a span{ background:url(../../images/kor/sub01/info-pub-ico06.png) no-repeat center 0; }
.info-tab01 li.info-pub06 a:hover span, .info-tab01 li.info-pub06 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub07 a span{ background:url(../../images/kor/sub01/info-pub-ico07.png) no-repeat center 0; }
.info-tab01 li.info-pub07 a:hover span, .info-tab01 li.info-pub07 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub08 a span{ background:url(../../images/kor/sub01/info-pub-ico08.png) no-repeat center 0; }
.info-tab01 li.info-pub08 a:hover span, .info-tab01 li.info-pub08 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub09 a span{ background:url(../../images/kor/sub01/info-pub-ico09.png) no-repeat center 0; }
.info-tab01 li.info-pub09 a:hover span, .info-tab01 li.info-pub09 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub10 a span{ background:url(../../images/kor/sub01/info-pub-ico10.png) no-repeat center 0; }
.info-tab01 li.info-pub10 a:hover span, .info-tab01 li.info-pub10 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub11 a span{ background:url(../../images/kor/sub01/info-pub-ico11.png) no-repeat center 0; }
.info-tab01 li.info-pub11 a:hover span, .info-tab01 li.info-pub11 a.on span{ background-position:center -57px }
.info-tab01 li.info-pub12 a span{ background:url(../../images/kor/sub01/info-pub-ico12.png) no-repeat center 0; }
.info-tab01 li.info-pub12 a:hover span, .info-tab01 li.info-pub12 a.on span{ background-position:center -57px }
.info-tab01 .right01 {border-right:0} 
.info-tab01 .right03 {border-right:0} 
.info-tab01 .top01, .info-tab02 .top01 {border-top:0} 
.info-tab01 .top02 {border-top:0}  
.info-tab01 .top04, .info-tab02 .top04 {border-top:0}  
.info-tab01 .top03, .info-tab02 .top03 {border-top:0} 
.info-tab02{}
.info-tab02 li.info-pub01 a span{ background:url(../../images/kor/sub01/info-pub-ico13.png) no-repeat center 0; }
.info-tab02 li.info-pub01 a:hover span, .info-tab02 li.info-pub01 a.on span{ background-position:center -57px }
.info-tab02 li.info-pub02 a span{ background:url(../../images/kor/sub01/info-pub-ico14.png) no-repeat center 0; }
.info-tab02 li.info-pub02 a:hover span, .info-tab02 li.info-pub02 a.on span{ background-position:center -57px }
.info-tab02 li.info-pub03 a span{ background:url(../../images/kor/sub01/info-pub-ico15.png) no-repeat center 0; }
.info-tab02 li.info-pub03 a:hover span, .info-tab02 li.info-pub03 a.on span{ background-position:center -57px }
.info-tab02 li.info-pub04 a span{ background:url(../../images/kor/sub01/info-pub-ico16.png) no-repeat center 0; }
.info-tab02 li.info-pub04 a:hover span, .info-tab02 li.info-pub04 a.on span{ background-position:center -57px }
 
.info-pub-click{ background:#fff;border-top:1px solid #ccc;padding:8px 5px 8px 0;overflow:hidden;}
.info-pub-click:after{ display:block; clear:both; content:""}
.info-pub-click li{ float:left; margin-right:25px}
.info-pub-click a.on{ color:#e96142; font-weight:600}



@media all and (max-width:780px){
.tbl-info-pub .m-none{display:none}
.tbl-info-pub .m-end {border-left:none}


}

@media all and (max-width:720px){
.info-tab li{width:25%}
.info-tab li a span{display:none}
.info-tab li a{padding:10px 0}
.info-tab01 .right01 {border-right:1px solid #ccc}
.info-tab01 .right02, .info-tab02 .right02 {border-right:0}
.info-tab01 .top02 {border-top:1px solid #ccc} 

.search-center{ width:339px;}
.search-center input[type="text"]{width:150px}
}

@media all and (max-width:500px){
.info-tab li{width:50%}
.info-tab01 .right01 {border-right:0px solid #ccc}
.info-tab01 .right04, .info-tab02 .right04 {border-right:0} 
.info-tab01 .top03, .info-tab02 .top03 {border-top:1px solid #ccc} 
.info-tab01 .top04, .info-tab02 .top04 {border-top:1px solid #ccc} 
.search-center select{display:block; margin-bottom:10px}
}
 

