@charset "utf-8";
/* common - css setting start */


/* contents */
.dv-conts-wrap {position:relative;width:100%;margin:0 auto;padding: 0;box-sizing:border-box;/*overflow:hidden;*/}


img{display: block;}
img.on{display: none;}
.on img.on{display: block;}
.on img.wh{display: none;}
.on img.nomal{display:none;}


.title-wr{}
.title-wr p{font-size:1.6rem; color:#666666;}
.sec-title{font-size: 2.6rem;font-weight: 500;line-height: 1.25em;color:#111;}
.sec-title.wh{color:#fff; }

.cont-title{padding-bottom: 4rem;}
.cont-title h4{font-size: 2.6rem; color:#000;padding-bottom: 2.5rem;line-height: 1em;}
.cont-title p{font-size: 1.6rem;color:#666;}

.mo-scroll {display:none; font-size:14px !important}
.mo-scroll img{width:30px;  display:inline-block; vertical-align:middle; margin:-5px 10px 0 0;}

.center-tit{
    padding-top: 5rem;
    text-align: center;
    padding-bottom: 4rem;
}
.center-tit h2{
    font-size: 3.2rem;
    font-weight: 800;
    color: #000;
}
.center-tit p{font-size: 1.6rem;color:#666;padding-top: 1rem;}


.btn-more{}
.btn-more a{display: block;border: 1px solid #111;color:#111;font-size: 14px;padding: 1rem 1.2rem;line-height: 1em;}
.btn-more.wh a{border-color:#fff; color:#fff;}
.btn-more:hover{}
.btn-more:hover a{color:#fff; background:#111;}
.btn-more.wh:hover a{background:#fff; color:#111;}


.btn-link{position: relative;}
.btn-link::after{content:'>';font-family: 'SUIT' !important;color:#000;font-size:18px;font-weight: 700;line-height: 20px;position: absolute;right: 0;top: calc(50% - 10px);}
.btn-link::before{content:''; width:25px; height:2px; background:#000; position: absolute;right: 0; top:calc(50% - 2px); opacity:0;}

/* 슬라이더 버튼 */
.control .silder-btn::after{font-family: 'SUIT'; color:#000; font-size:18px;font-weight:800; line-height:20px;}
.control .silder-btn.prev::after{content:'<';}
.control .silder-btn.next::after{content:'>';}

.control.nember{
    position: absolute;
    width: 100px;
    left: 3.5rem;
    top: calc(4.5rem + 6.5rem + 5rem);/* padding값 + 서브타이틀높이 + 여백 */
    height: 20px;
}
.control.nember .swiper-pagination{font-size: 8px; position:unset;}
.control.nember .swiper-pagination span{color:#b2b2b2; font-size:16px; padding:0 0.8rem;  line-height:20px;}
.control.nember .swiper-pagination span.swiper-pagination-current{color:#000;}
.control.nember .btn{}
.control.nember .silder-btn{
    width: 10px;
}
.control.nember .silder-btn.prev{left:0;}
.control.nember .silder-btn.next{right:0;}



.box{background-color: #fff;padding: 4.5rem 3.5rem;position: relative;}

/* ------------- 스크롤 배너 ------------- */
.scroll_wrap{position:absolute;top: calc(100vh + 3rem);left:50%;width:100%;max-width: 1320px;transform: translateX(-50%);z-index:90;}
.sideBanner{}
.sideBanner ul{}
.sideBanner ul li{margin-bottom: 1rem;}
.sideBanner ul li a{}
.sideBanner ul li a img{max-width:120px}
.sideBanner ul li.mobile a img{display:none;}



/* 스크롤배너(왼쪽) */
#scroll_left{position:absolute; top:0px;left: -150px;}
/* 스크롤배너(오른쪽) */
#scroll_right{position:absolute; top:0px;right: -150px;}


/* 스크롤이동 고정 위치 */
.scroll_wrap.fixed{position:fixed;top: calc(87px + 3rem);}
#scroll_left.fixed{/* position:fixed; */}
#scroll_right.fixed{/* position:fixed; */}



/* 스크롤이동 고정 위치 - end*/
.scroll_wrap.end{position:absolute;top: unset;}
#scroll_left.end{position:absolute;top: unset; bottom:350px;}
#scroll_right.end{position:absolute;top: unset; bottom:350px;}

.sec-centent{
    /* padding-top: 22rem; */
}
#title{
    /* padding-bottom: 2rem; */
}

.sub-depth{
}
ul.depth-ul{
    display: flex;
    justify-content: flex-start;
}
ul.depth-ul > li{
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-bottom: 2rem;
}
ul.depth-ul > li::after{
    content:'>';
    display: inline-block;
    padding: 0 1rem;
    font-size: 1rem;
    font-family: 'SUIT';
    color: #666;
}
ul.depth-ul > li:last-child::after{content:none;}

ul.depth-ul > li > h3{
    font-size:14px;
    color: #555;
    font-weight:600;
    font-family: 'SUIT',Sans-serif;
}
ul.depth-ul > li > ul{display:none;position: absolute;top: calc(100% - 1rem);left: 0;z-index: 2;width: max-content;background: #fff;border: 1px solid #ccc;min-width: 100%;}
ul.depth-ul > li > ul > li{}
ul.depth-ul > li > ul > li > a{
    font-size:14px;
    display: block;
    color:#666;
    padding: 1rem;
}
ul.depth-ul > li > ul > li:hover{}
ul.depth-ul > li > ul > li:hover a{
    background:#f4f5f9;
    color:#111;
}


ul.depth-ul > li.home{}
ul.depth-ul > li.home::after{padding:0 1rem;}
ul.depth-ul > li.home a{
    display: flex;
    align-items: baseline;
    font-size: 14px;
    color: #555;
    font-weight:500;
}
ul.depth-ul > li.home img{
    padding-right: 5px;
}


ul.depth-ul > li:not(.home) h3{
    padding-right:3rem;
    background-image:
    url(/images/btn/btn-down-bk-001.png);
    background-repeat: no-repeat;
    background-position: center right 2px;
}
ul.depth-ul > li.depth3{}



.sub-title{}
.sub-title div{border-bottom:2px solid #000000;}
.sub-title h2{font-size:3.2rem; color:#000; padding-bottom:1.5rem}



.check-wrap{}
.check-wrap label{font-size:1.6rem; color:#333; }
.check-wrap input[type=checkbox]{display:none;}
.check-wrap span{}

.check-wrap input[type=checkbox] + span{
    width: 20px;
    height: 20px;
    border: 1px solid #cccccc;
    margin-right: 7px;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
}

.check-wrap input[type=checkbox]:checked + span{
    background-color:#0f3fa0;
    background-image:url(/images/btn/btn_checked.png);
    background-position: center;
    background-size: cover;
    border-color: #0f3fa0;
}


/* ===== 통합검색  ===== */
.search_result{}
.search_result .sec{}
.search_result .sec + .sec{
    padding-top: 10rem;
}
.search_result .sub-search form{
    justify-content: center;
}
.search_result .searchBar{
}
.search_result .selArea{
    justify-content: center;
    background-color: #f4f5f9;
    padding: 4rem 0;
    /* margin-bottom: 5rem; */
}
.search_result .selArea .search-wr{padding:0;}
.search_result .desc{
    padding-top: 2rem;
    text-align: center;
    margin-bottom: 5rem;
}
.search_result .desc p{color: #0f3fa0;font-weight: 500;font-size: 2rem;}


.search_result .table-top{
    padding-bottom: 15px;
}
.search_result .table-top h6{
    font-size: 2.4rem;
    color: #000;
}
.search_result .table-top div{}
.search_result .table-top a{}
.search_result .table{
    border-color: #000;
}
.search_result .news_list ul{border-color:#ccc;}
.search_result .news_list li{border-color:#ccc;}
.search_result .sec05{}
.search_result .sec05 .table{}
.search_result .sec05 .table .tbody{}
.search_result .sec05 .table .tbody dl{
    min-height: 11.5rem;
}

.search_result .btn-more{
    text-align: center;
    padding-top: 2rem;
}
.search_result .btn-more a{
    font-size: 1.6rem;
    width: fit-content;
    margin: 0 auto;
    padding:2rem 4rem;
    border-radius: 30px;
}
/* .search_result .btn-more a::after{
  content:'';
  background-image:url(/images/btn/btn-down-bk-002.png);
  width: 10px;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.search_result .btn-more:hover a::after{background-image:url(/images/btn/btn-down-wh-002.png);} */


.search_result .sec01 .table .col01{width:20%;}
.search_result .sec01 .table .col02{width:10%;}
.search_result .sec01 .table .col03{width:20%;}
.search_result .sec01 .table .col04{width:10%;}
.search_result .sec01 .table .col05{width:10%;}
.search_result .sec01 .table .col06{width:20%;}
.search_result .sec01 .table .col07{width:10%;}

.search_result .sec02 .table .col01{width:25%;}
.search_result .sec02 .table .col02{width:15%;}
.search_result .sec02 .table .col03{width:60%;}

.search_result .sec03 .table .col01{width:10%;}
.search_result .sec03 .table .col02{width:10%;}
.search_result .sec03 .table .col03{width:10%;}
.search_result .sec03 .table .col04{width:20%;}
.search_result .sec03 .table .col05{width:20%;}
.search_result .sec03 .table .col06{width:30%;}

.search_result .sec05 .table .col01{width:5%;}
.search_result .sec05 .table .col02{width:55%;}
.search_result .sec05 .table .col03{width:15%;}
.search_result .sec05 .table .col04{width:10%;}
.search_result .sec05 .table .col05{width:7.5%;}
.search_result .sec05 .table .col06{width:7.5%;}


/* common - css setting end */

/* media size setting start */

@media all and (max-width:1680px) {

  /* ------------- 스크롤 배너 ------------- */
  .scroll_wrap{display:none;}
  .sideBanner{}
  .sideBanner ul{}
  .sideBanner ul li{}
  .sideBanner ul li a{}
  .sideBanner ul li a img{}
  .sideBanner ul li.mobile a img{}

}

@media all and (max-width:1320px) {

  .search_result .sec01 .table .tbody dd,
  .search_result .sec02 .table .tbody dd,
  .search_result .sec03 .table .tbody dd{width: 100%;}

  .search_result .sec01 .table .col01{order: 5;}
  .search_result .sec01 .table .col02{order: 2;}
  .search_result .sec01 .table .col03{order: 6;}
  .search_result .sec01 .table .col04{order: 7;}
  .search_result .sec01 .table .col05{order: 1;}
  .search_result .sec01 .table .col06{order: 8;}
  .search_result .sec01 .table .col07{order: 4;}
  .search_result .sec01 .table .col08{order: 9;}
  .search_result .sec01 .table .col09{order: 3;}

  .search_result .sec01 .table .tbody .col01::before{content:'분야 :';}
  .search_result .sec01 .table .tbody .col03::before{content:'카테고리 :'; }
  .search_result .sec01 .table .tbody .col04::before{content:'대표 제품명 :'; }
  .search_result .sec01 .table .tbody .col06::before{content:'기술 :'; }
  .search_result .sec01 .table .tbody .col07::before{content:'위치 :'; }

  .search_result .sec01 .table .tbody{}
  .search_result .sec01 .table .tbody dl{padding-left: 128px;}

  .search_result .sec01 .table .tbody .col01{width:50%;}
  .search_result .sec01 .table .tbody .col02{width: calc(100%); font-size: 2rem; font-weight: 700; color: #000;}
  .search_result .sec01 .table .tbody .col03{width:50%;}
  .search_result .sec01 .table .tbody .col04{width:50%;}
  .search_result .sec01 .table .tbody .col05{position: absolute; left: 0rem; width: auto; top: 2rem;}
  .search_result .sec01 .table .tbody .col06{width:50%;}
  .search_result .sec01 .table .tbody .col07{}
  .search_result .sec01 .table .tbody .col08{}
  .search_result .sec01 .table .tbody .col09{width: 120px;  padding: 0;}


  .search_result .sec02 .table .col01{order: 1;}
  .search_result .sec02 .table .col02{order: 3;}
  .search_result .sec02 .table .col03{order: 4;}
  .search_result .sec02 .table .col04{order: 5;}
  .search_result .sec02 .table .col05{order: 2;}

  .search_result .sec02 .table .tbody .col02::before{content:'위치 :'; }
  .search_result .sec02 .table .tbody .col03::before{content:'소개 :'; }

  .search_result .sec02 .table .tbody .col01{ width: calc(100%); font-size: 2rem; font-weight: 700; color: #000;}
  .search_result .sec02 .table .tbody .col02{}
  .search_result .sec02 .table .tbody .col03{}
  .search_result .sec02 .table .tbody .col04{}
  .search_result .sec02 .table .tbody .col05{width: 120px;}


  .search_result .sec03 .table .col01{order: 1;}
  .search_result .sec03 .table .col02{order: 2;}
  .search_result .sec03 .table .col03{order: 4;}
  .search_result .sec03 .table .col04{order: 6;}
  .search_result .sec03 .table .col05{order: 5;}
  .search_result .sec03 .table .col06{order: 7;}
  .search_result .sec03 .table .col07{order: 8;}
  .search_result .sec03 .table .col08{order: 3;}

  .search_result .sec03 .table .tbody .col03::before{content:'위치 :'; }
  .search_result .sec03 .table .tbody .col04::before{content:'카테고리 :'; }
  .search_result .sec03 .table .tbody .col05::before{content:'분야 :'; }
  .search_result .sec03 .table .tbody .col06::before{content:'소개 :'; }


  .search_result .sec03 .table .tbody .col01{width: 90px;}
  .search_result .sec03 .table .tbody .col02{width: calc(100% - 90px); font-size: 2rem; font-weight: 700; color: #000;}
  .search_result .sec03 .table .tbody .col02{}
  .search_result .sec03 .table .tbody .col03{}
  .search_result .sec03 .table .tbody .col04{width:50%;}
  .search_result .sec03 .table .tbody .col05{width:50%;}
  .search_result .sec03 .table .tbody .col06{}
  .search_result .sec03 .table .tbody .col07{}
  .search_result .sec03 .table .tbody .col08{width: 120px;}

  .search_result .sec05 .table .tbody dl{min-height:unset;}
  .search_result .sec05 .table .tbody dd{padding-bottom:0;}


}
@media all and (max-width:1240px) {
    .sec-centent{
        /* padding-top: 13rem; */
    }
    #title{}

}
@media all and (max-width:1024px) {


    .sub-title{}
    .sub-title div{}
    .sub-title h2{font-size:2.4rem;  padding-bottom:1rem}

    .title-wr{}
    .title-wr p{}
    .sec-title{}
    .sec-title.wh{}

    .cont-title{}
    .cont-title h4{}
    .cont-title p{
        max-width: 500px;
        /* margin: 0 auto; */
        width: 100%;
    }



}
@media all and (max-width:840px) {
	.mo-scroll{display:block;}

    .search_result .table-top h6{font-size: 2rem;}

    .title-wr{}
    .title-wr p{}
    .sec-title{font-size: 2.4rem;}

    .cont-title{}
    .cont-title h4{font-size: 2.4rem; padding-bottom: 1.5rem;}
    .cont-title p{}

    .center-tit{}
    .center-tit h2{}

	

}
@media all and (max-width:767px){

    /*** 리스트페이지 ***/
    .search_result .sec05{}
    .search_result .sec05 .table{}
    .search_result .sec05 .tbody{}
    .search_result .sec05 .tbody img{width:16px;}
    .search_result .sec05 .tbody dl{}
    .search_result .sec05 .tbody dt{}
    .search_result .sec05 .tbody dd{font-size:14px;}

    .search_result .sec05 .table .tbody dl{padding-top: 2rem;}
    /* width 조정 / 합이 100% */
    .search_result .sec05 .table .col01{width:0%;}
    .search_result .sec05 .table .col02{width:calc(100% - 200px);}
    .search_result .sec05 .table .col03{width:100px;}
    .search_result .sec05 .table .col04{width:100px;}
    .search_result .sec05 .table .col05{width:0%;}
    .search_result .sec05 .table .col06{width:0%;}
}

@media all and (max-width:640px) {


    .sub-depth{display:none;}
    ul.depth-ul{}
    ul.depth-ul > li {}
    ul.depth-ul > li::after{}
    ul.depth-ul > li:last-child::after{}
    ul.depth-ul > li > h3{}
 
    .box{padding: 2rem 2rem;}
    .title-wr{}
    .title-wr p{}
    .sec-title{font-size: 2rem;}

    .cont-title{}
    .cont-title h4{font-size: 2rem;}
    .cont-title p{}

    .center-tit{}
    .center-tit h2{font-size: 2.8rem;}

    .search_result .sec01 .table .tbody dl{padding-top: 2rem;}
    .search_result .sec01 .table .tbody .col01{width:100%;}
    .search_result .sec01 .table .tbody .col03{width:100%;}
    .search_result .sec01 .table .tbody .col04{width:100%;}
    .search_result .sec01 .table .tbody .col05{}
    .search_result .sec01 .table .tbody .col06{width:100%;}

    .search_result .sec02 .table .tbody dl{padding-top: 2rem;}
    .search_result .sec03 .table .tbody dl{padding-top: 2rem;}
    .search_result .sec03 .table .tbody .col04{width:100%;}
    .search_result .sec03 .table .tbody .col05{width:100%;}

}
@media all and (max-width:480px) {

    .search_result .sec01 .table .tbody dl{padding-left:0rem; padding-top:11rem;}
    .search_result .sec01 .table .tbody .col05{top:2rem}


}



/* media size setting end */