@charset "utf-8";
hr{clear: both;margin-top: 20px;margin-bottom: 20px;}
.tabs{margin-bottom: 40px;}
/* layout */
.spot_visual .slogan{font-size: 36px;margin-top: 50px;margin-bottom: 16px;}
.schInputSet{position: relative;background: url(/static/portal/img/search/searchBg.png); display: inline-block;padding:5px 10px;}

.schInputSet select{font-size: 15px;padding: 5px 15px;margin-left: 15px;vertical-align: middle;height: 46px;border:none;}
.schInputSet input[type="text"]{border:none; -o-box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none; background: none; width: 480px;
font-size: 30px;}
.schInputSet>button{position: absolute;right: 0;top:0;width: 60px;height: 60px;background: none;border:none;font-size: 30px;}
.schInputSet>button.keywordlistopen{right: 65px;}
#dqAuto button{ display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; white-space: nowrap;
  padding: 6px 20px; font-size: 14px; line-height: 1.42857143;  background-color: #605651; color: #fff; margin: 10px;}

#dqAuto{position: absolute;}
.totalSearch{margin-bottom: 60px;}
.totalSearch .ctsleft{width: 78%;}
.totalSearch .ctsright{width: 22%;}
.spot_visual.visual1{background: url(/static/portal/img/search/searchVisual.jpg) repeat-x 50% 0;background-size: cover;}
.sectionSch{position: relative;}
.sectionSch  .btnMore{position: absolute;right: 0;top:5px;}


.hgroup {position: relative;}
.hgroup h2{color:#1f9ed9;font-size: 24px;float: left;}
.hgroup h2 .txt{color:#000;font-size: 18px;}
.hgroup h3:before{content:"• ";}
.hgroup p{float: right;}

.detailSearch{display: none;}
.detailSearch.on{display: block;}
.searchSide{margin-left: 50px;}
.searchSide ol{}
.searchSide ol li:before{line-height: 30px;vertical-align: middle;}
.searchSide .num1 .link,
.searchSide .num2 .link,
.searchSide .num3 .link{color:#1f9ed9;}
.searchSide .num1:before{ content:"① "; vertical-align: middle;}
.searchSide .num2:before{ content:"② "; vertical-align: middle;}
.searchSide .num3:before{ content:"③ "; vertical-align: middle;}
.searchSide .num4:before{ content:"④ "; vertical-align: middle;}
.searchSide .num5:before{ content:"⑤ "; vertical-align: middle;}
.searchSide .num6:before{ content:"⑥ "; vertical-align: middle;}
.searchSide .num7:before{ content:"⑦ "; vertical-align: middle;}
.searchSide .num8:before{ content:"⑧ "; vertical-align: middle;}
.searchSide .num9:before{ content:"⑨ "; vertical-align: middle;}
.searchSide .num10:before{ content:"⑩ "; vertical-align: middle;}
.searchSide .sideinBox{padding: 20px;}
.searchSide .bestInfobox  .sideinBox{padding: 0;}

.bestInfobox {position: relative;height: 390px;padding: 20px;}
.bestInfobox h3{display: inline-block;float: left;width: 50%;}
.bestInfobox h3 a{display:block;background-color: #fff;font-size: 14px;float: left;width: 100%;text-align: center;}
.bestInfobox h3 a.on{background-color: #605651;color: #fff;}
.totalSearch .labelTit{display: inline-block;width: 80px;}
.sideinTab{display: none;position: absolute;top: 70px;width: 80%;}
.sideinTab.on{display: block;}
.sideinTab a,
.searchList .link{white-space: nowrap;text-overflow: ellipsis;overflow:hidden;width:70%;display: inline-block; vertical-align: middle;}
.sideinTab a, .searchList .link{width: 65%;}
.sideinTab span{float: right;}
.sideinTab .up span,
.sideinTab .new span{}
.sideinTab .down{}
.sideinTab .new span{}
.sideinTab li{white-space: nowrap;overflow: hidden;}
.icoUp{color:#D90000;}
.icoUp:before{content:"\f0d7 ";margin-right: 5px;}
.icoDn{color:#1f9ed9;}
.icoDn:before{content:"\f0d8 ";margin-right: 5px;}
.icoNew{color:#D90000; }
.icoNew:before{content:"NEW";font-family:arial;font-size: 12px;}
.icoDel{float: right;width:18%;text-align: right;}
.icoDel:before{content:"\f00d";display: inline-block;}

/* box */
.sidebox{background-color: #f5f4f2; margin-bottom: 30px;}
.sidebox h2{font-size: 16px;background-color: #ec6e61;color:#fff;padding-left: 30px;}
.bg-default{background-color: #605651 !important;}
.box4{border:4px solid #605651; padding:20px 30px;}
.box4gray{border-color: #dadada;}
.box4gray a{display: inline-block;color:#16729C;font-weight: bold;line-height: 34px; border-bottom:1px solid #16729C;}
.box4gray a span{color:#000;}

.tabs ul{margin-top: 20px;}

.sectionSch .fileInfoDown{color:#000; margin-left: 10px;}
.sectionSch .fileInfoDown:after{content: "  \f019";}
.sectionSch .schDesc{display: block;font-size: 13px;}
.linker{color:#1776A3;}
span.mark{color:#D90000;display: inline !important;}






/* .gallery2{float: left;width: 100%;}
.gallery2 ul{}
.gallery2>ul>li{float:left;position: relative;height:280px}
.gallery2 ul li img{margin-right: 30px;max-height: 160px;max-width: 100%;}
.gallery2 .img{width: 250px;height: 160px;}
.gallery2 dl{display: block;clear: right;margin-bottom: 10px;}
.gallery2 dl dt{margin-bottom: 5px;max-height: 45px;font-size: 16px;font-weight: 500;position: relative;height: auto;}
.gallery2 dl dt.whsn{white-space:inherit;max-height: 89px;}
.gallery2 dl dt.filetext:before{content:"\f0f6 ";position: absolute;left: 2px;font-family: FontAwesome;}
.gallery2 dl dt a span{display: block;}
.gallery2 dl dd{line-height: 20px;}
.gallery2 dl li:before{content:"●";font-size:12px;vertical-align: top;font-family:arial, serif;margin-right: 5px;}
.gallery2 dd>ul>li{margin-bottom: 5px !important;font-size:14px}
.gallery2 .btn i.fa-desktop{margin-right: 20px;}
.gallery2 .btn i.fa-home{margin-left: 8px;margin-right:8px;}
.gallery2 .img{display: block;float:left;}
.gallery2 .box{padding: 29px 0;float: left;width: 100%;position: relative;margin-left: 0;margin-right: 0;}
.gallery2 .right{position: absolute;right:30px;top: 55%;margin-top:-20px;}
.gallery2 dd>span{position: absolute;left: -2px;top: 30px;width: 75px;height: 35px;display: block;text-align: center;line-height: 28px;color:#fff;}
 */
.stat1_1{background: url(/static/portal/img/common/stat1_01.png) 0 0 no-repeat;}
.stat1_2{background: url(/static/portal/img/common/stat1_02.png) 0 0 no-repeat;}
.stat1_3{background: url(/static/portal/img/common/stat1_03.png) 0 0 no-repeat;}
.stat1_4{background: url(/static/portal/img/common/stat1_04.png) 0 0 no-repeat;}

.gallery4{float: left;padding: 10px 0px;width: 100%; text-align: center;}
.gallery4 ul{position: relative;overflow: hidden;}
.gallery4 ul li{float:left;padding:10px;display: table;text-align: center;min-height:248px;}
.gallery4 .box4{border: 1px solid #ddd;}
.gallery4 .box4 a { display: table; width: 100%;height:300px; padding:5px;}
.gallery4 .box4 a .img { display: table-cell;height: 300px;overflow: hidden; text-align: center; vertical-align: middle;}
.gallery4 .box4 a img {width: 100%;height: auto;max-height: 300px;}
.gallery4 ul li span{display: block;width: 200px;text-align: left;}
.gallery4 ul li span.txt{width:200px;overflow:hidden;height:50px}
.gallery4 ul li span.tit{line-height: 30px;font-weight: bold;}
.gallery4 img{width: 200px;height: 150px;}

/* table */
.bdList .table{margin: 0;width: 100%;}
.bdList{border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;margin-top: 8px;float: left;width: 100%;}
.bdList > table > thead > tr > th,
.table thead>tr>th,
.table th,
.bdList table .th{ background: #f5f4f2;color: #3e3a30; text-align: center;padding: 13px 5px 12px 5px}
.bdList > table > tbody > tr > td{text-align: center;vertical-align: middle;}
.bdList table .th{border-radius: 8px}
.bdList table tbody tr:first-child td{border-top: none}
.bdList .table th, .bdList .table td{border-bottom:1px solid #dadada;}
.bdList table .title,
.bdList table .tit{text-align: left;}
.bdList tbody tr{min-height: 52px;}
.bdList .fa,
.view dl .fa{color:#1f9ed9;}
.bdList .btn .fa,
.view dl .btn .fa{color:#fff;}


.table{border-top: 2px solid #47413e;clear: both;}
.table.m1, .table.m2{margin-left: 2%;width: 98%;}
table{width: 100%;}
.table table th{padding: 11px 5px;background-color: #f5f4f2;color: #333;}
.table table tbody th.title{text-align: left;padding-left: 20px;background-color: #f9f9f9}
.table table td{padding: 11px 5px 10px 5px;}
.table table th,
.table table td{border-left:1px solid #dadada;border-bottom:1px solid #dadada;text-align: center;}
.table table th:last-child,.table table td:last-child{border-right:1px solid #dadada;}
.table p.heading{margin: 0 !important;padding: 0;border:1px solid #dadada;background-color: #f5f4f2;text-align: center;font-size:20px;line-height: 60px;font-weight: 500;}
.tal tbody th,
.tal tbody td{text-align: left;}
.tdTal tbody td{text-align: left;}
.tabs ul>li{width:12.5% !important;}
/* .depth1 > li{width: 17% !important;} *//* DEV : 2022-07-05 검색 페이지 삭제 */

/* DEV : 2022-07-05 검색 페이지 */
/* .search-head > .wid{position:relative;}
.search-head h1.logo{top:3px;}
.search-head .menu-box{max-width:1024px;} */
/* //DEV : 2022-07-05 검색 페이지 */

/* DEV : 2022-07-05 검색 페이지 */
.search-head > .wid{position: static; }
.header-bm.search-head{padding: 15px 0; margin-top: 0;}
.header-bm.search-head .menu-sw{bottom: -2px;}
@media screen and (min-width: 1025px){
.header-bm.search-head{padding: 15px 0 0;}
.search-head h1.logo{position: relative; top:auto;}
.search-head h1.logo > a{/* position:absolute; */ left: 0; top: 0;}
.header-bm.search-head .menu-box{max-width: 850px; margin-left: 140px;}
.header-bm.search-head .menu-sw{bottom: 14px;}
}
/* //DEV : 2022-07-05 검색 페이지 */

@media (max-width: 1200px) {
  .totalSearch{width: 100%;}
  .searchSide{margin-left: 10px;}
  .sideinTab a, .searchList .link{font-size: 13px;}

  .gallery4 ul li span.txt{height:20px}
  .gallery4 ul li span.img,
  .gallery4 ul li span{text-align:center;width:200px;display:block;overflow:hidden;}

  /* DEV : 2022-07-05 검색 페이지 */
  .search-head{padding:15px 0;}
  .search-head .menu-sw{bottom:9px;}
  /* //DEV : 2022-07-05 검색 페이지 */

}



@media (max-width: 1000px) {
  .tabs ul>li{width:25% !important;margin-top:5px;}
  #wrap{max-width: 768px;}
  .totalSearch .ctsleft{width: 73%;}
  .totalSearch .ctsright{width: 27%;}
.hgroup h2{font-size: 20px;}
  .schInputSet{margin-top: 20px;width: 80%;}
  .schInputSet input[type="text"]{font-size: 20px;}
  .schInputSet select{margin-left: 0;}
  .box4{padding: 10px;font-size: 13px;}
  .schInputSet input[type="text"]{width: 65%;}


}


@media (max-width: 767px) {
  .totalSearch,
  .best_blue {margin-bottom: 10px;}
  #wrap{max-width: 96%;}

  /* DEV : 2022-07-05 검색 페이지 */
  .totalSearch > .row{margin:0; padding:0 20px;}
  .searchSide{margin-left:0;}
  .tabs > ul{margin-bottom:0;padding:0 20px;}
   /* //DEV : 2022-07-05 검색 페이지 */

  .totalSearch .ctsleft{width: 100%;}
  .totalSearch .ctsright{width: 100%;}
  .spot_visual.visual1{height: 160px;}
  .gallery2 .img{width:100%;height:auto;}
  .gallery4 ul li span.img,
  .gallery4 ul li span{text-align:center;margin:0 auto;}
  .gallery2>ul>li{height:auto}
  .gallery2 .box{padding:40px 0 0}

  h3{font-size: 16px;}
  .hgroup h2 .txt{font-size: 15px;}
  .searchBox.container{padding-left: 0;padding-right: 0;}
  .schInputSet{margin-top: 50px;width: 96%;}
  .schInputSet input[type="text"]{font-size: 20px;}
  .schInputSet input[type="text"]{font-size: 18px;}
  .schInputSet>button{width: 50px;}
  .schInputSet>button.keywordListOpen{right: 55px;}
  .c201020 > div{width:100%}
  .header-bm{margin-top: 10px;}
  .search-head .menu-sw{bottom: -2px;}
  .bdList tbody tr td:first-child{top: 36% !important;}
}
@media (max-width: 480px) {
  .tabs ul>li{width:49.333% !important;margin-top:5px;}
  .schInputSet select,
  .schInputSet{width: 100%;}
  .schInputSet input[type="text"]{float: left;}
  .schInputSet>button,
  .schInputSet>button.keywordListOpen{top:43px;}
  #dqAuto{margin-top: 43px;}
  label + label{margin-left: 5px;}

  .gallery4 ul li span.img, .gallery4 ul li span{width:120px;}
  .gallery4 img{height:auto}
  .gallery4 ul li{height:135px}

}