@charset "UTF-8";

/* 탭 메뉴 */
.search_wrap{padding-bottom:180px; overflow: hidden;}
.search_wrap .tabs_btn.search_btns ul {display: table; table-layout: fixed; width: 100%; overflow:hidden; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
.search_wrap .tabs_btn.search_btns li{
  position: relative;
  display: table-cell;
  border-bottom: 0;
  float: left;
  vertical-align: middle;
  /*transition: all 0.3s;*/
  border-left:1px solid #c9c9c9;
  width:16.66%;
}
/* .search_wrap .tabs_btn.search_btns li {width:10%; border-left:1px solid #c9c9c9; border-top:0; border-right:0; border-bottom:0;}  */
.search_wrap .tabs_btn.search_btns li:last-child {border-right:1px solid #c9c9c9;}
.search_wrap .tabs_btn.search_btns li a {
  padding: 14px 0;
    font-size: 1.250em;
    color: #262626;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}
.search_wrap .tabs_btn.search_btns li.on {border-left:1px solid #b13a3e;}
.search_wrap .tabs_btn.search_btns li a:hover, .search_wrap .tabs_btn.search_btns li.on a {background:#b13a3e; color:#fff;}
/* .search_wrap .tabs_btn.search_btns li:hover, .search_wrap .tabs_btn.search_btns li.on {border-left:1px solid #b13a3e;} */
.search_wrap .vi_board_list.skin2 > li .link {display:block; width:100%; table-layout: inherit;}
.search_wrap .vi_board_list.skin2 .img_box {float:left; position:relative; max-width:314px; padding-bottom:12%; margin-bottom:0; width:100%; display:block; z-index: 1; max-height: 151px;  min-height: 151px; overflow: hidden;  height: auto;  text-align: center;}
.search_wrap .vi_board_list.skin2 .img_box .inner_box {position:absolute; top:0; left:0; height:100%; width:100%; font-size:0; border: 1px solid #dedede;}
.search_wrap .vi_board_list.skin2 .img_box .inner_box img {width:auto; height:auto; vertical-align: middle; max-height:100%;}
.search_wrap .vi_board_list.skin2 .img_box .inner_box .inner_bottom {display:inline-block; height:100%; vertical-align: middle;}
 


/* 검색창 */
.search_wrap .search_area{float: left; width:77.8%; margin-right:4.4%;}
.search_wrap .search_area .search_tit{padding:40px 0 35px; text-align: center;}
.search_wrap .search_area .search_tit h3{color:#141414; font-size:2.675em; line-height: 1;}
.search_wrap .search_area .sch_bar_box.skin4 {position:relative; padding-bottom:51px; border-bottom:0;}
.search_wrap .search_area .sch_bar_box.skin4 > div {position:relative;width:63.3%;margin:0 auto;}
.search_wrap .search_area .sch_bar_box.skin4 .sch_bar {position:relative; float:none;}
.search_wrap .search_area .sch_bar_box.skin4 .sch_input {width:82.7%; height:60px; /*margin-right:23%;*/ border:3px solid #b13a3e; padding: 0 15px;}
/* {color:#919191;} */
.search_wrap .search_area .sch_bar_box.skin4 .sch_btn {position: relative;; left:10px; width:16%; height:60px; line-height:60px; background:#2b2b2b; font-size:1.125em;}
.search_wrap .search_area .sch_bar_box.skin4 .sch_btn:hover, .search_area .sch_bar_box.skin4 .sch_btn:focus {border:1px solid #363c56; color:#363c56; background:#fff;}
.search_wrap .search_area .sch_bar_box.skin4 .chk_each {position:absolute; top:18px; right:-23%;}
.search_wrap .search_area .sch_bar_box.skin4 .menu_row {position:absolute; top:18px; right:0; width: auto;}

.menu_row > span{position: relative;}
.menu_row > span input[type=checkbox]::-ms-check{border:1px solid #fff; color:transparent;}
.menu_row > span input[type=checkbox]{width:19px; height:19px; background: none center no-repeat; -webkit-appearance: none; position: absolute; border: 0;left:0; top:50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); margin-top: 1px;z-index:10;}
.menu_row > span input[type=checkbox]:checked{width:22px; height:22px; margin-top:0;}
.menu_row > span input[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 30px; font-weight: 300; vertical-align: top; z-index: 5;}
.menu_row > span input[type=checkbox] + label:before{content: ""; display: inline-block; background:#fff url(/_static/chf1/img/sub/chk.png)  center no-repeat; width: 20px; height: 20px; position: absolute; top: 0; left: 3px; border: 1px solid #777777 ; z-index:5;}
.menu_row > span input[type=checkbox]:checked + label:before{content: ""; display: inline-block; background: #fff url(/_static/chf1/img/sub/chk_on.png) center no-repeat;  text-align: center; line-height: 11px;}
.menu_row > span input[type=checkbox] + label em{font-weight: 500;}
.menu_row > span input[type=checkbox]:checked { border:0 none; z-index:0;}

/* .sh_tab_cont{display: none;}
.sh_tab_cont.on{display: block;} */
.sh_tab_cont .result_box{
  margin-top: 20px;
    border: 1px solid #cfd7e3;
    padding: 35px 15px;
}
.sh_tab_cont .result_box p{    
  color: #1a1a1a;
  font-size: 1.5em;
  text-align: center;
}
.sh_tab_cont .result_box p em{color:#b13a3e;}
.sh_tab_cont .result_box p > span{color:#b13a3e; font-weight: 500;}
.sh_tab_cont .search_cont{position: relative; margin-top: 55px;}
.sh_tab_cont .search_cont > div:first-child{padding-top: 4px;}
.sh_tab_cont .search_cont:first-child{margin-top: 0;}
/* .sh_tab_cont .search_cont > div{margin-top: 30px;} */
.sh_tab_cont .search_cont > div h4{
  color: #1a1a1a;
  font-size: 1.5em;
  line-height: 1;
  font-weight: 500;
}
.sh_tab_cont .search_cont > div h4 em{color:#b13a3e; margin-left: 5px;}
.sh_tab_cont .pagination{padding-top: 30px;}
.result_area{border-top:2px solid #2b2b2b; padding:27px 0; border-bottom:1px solid #dedede; margin-top: 16px;}
.result_list > li{position: relative; padding-left:12px; margin-top: 14px; font-weight: 300; text-align: left; color:#5d5d5d;}
.result_list > li:first-child{margin-top: 0;}
.result_list > li:before{content:''; display: inline-block; position: absolute; top:8px; left:0; width:4px; height:4px; background:#9c9c9c;}
.result_list > li a{position: relative; padding-left: 12px; 
  overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
word-break:keep-all;
}
.result_list > li a:first-child{padding-left:0;}
.result_list > li a:before{
  content:'>'; display: inline-block; position: absolute; top:2px; left:0;
}
.result_list > li a:first-child:before{
  display: none;
}
.result_list > li > button{position: absolute; right: 0; 
  top: 50%;
  display: block;
  height: 11px;
  width: 11px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.result_thumb{padding-top: 27px; margin-top: 30px; border-top: 1px solid #dedede;} 
.result_thumb:first-child{border-top: 0; margin-top: 0; padding-top:0;}


/* 통합 검색 */
/* 한국문화재재단 */
.thumb_list li{
  position: relative;    
    margin-top: 14px;
    font-weight: 300;
    text-align: left;
    color: #5d5d5d;
}
.thumb_list li:first-child{
  margin-top: 0;
} 
.thumb_list li a{
  position: relative;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
    font-weight: 500;
} 
.thumb_list > li a:first-child{padding-left:0;}
.thumb_list > li a:first-child:before{
  display: none;
}
.thumb_list > li a:before{
    content: '>';
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
}
.result_list > li a:first-child{
  padding-left: 0;
}

.thumb_area{
  margin-top: 12px;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.thumb_area > div{
  display: table-cell;
  /* float: left; */
    vertical-align: middle;
}
.thumb_area .img_area{width: 178px; min-height: 218px; max-height: 218px; border: 1px solid #cfd7e3;}
.thumb_area .img_area + .thumb_cont{padding:0 30px;}
.thumb_area .img_area img{}
.thumb_area .thumb_cont{ width:calc(100% - 220px);}
.thumb_area .thumb_cont .thumb_tit{margin-bottom: 15px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  word-break:keep-all;
}
.thumb_area .thumb_cont .thumb_tit a{
  color: #1e1e1e;
  font-size: 1.375em;   
  letter-spacing: -0.06em;
}
.thumb_area .thumb_cont .thumb_p a{
  color: #5d5d5d;
    font-weight: 300;
    line-height: 1.625;
    height: 6.5em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow:hidden;
}
.thumb_area .thumb_cont .date{
  color: #7a7a7a;
  margin-top: 19px;
  font-weight: 300;
}
.thumb_area .thumb_cont .date > span:before{
   content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 15px; background-color: #7a7a7a; margin: 0px 8px 2px 8px;
}

.search_wrap .more_btn{
  display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dddddd;
    color: #313131;
    font-size: 1.375em;
    text-align: center;
    
}

/* 연관 검색어 */
.search_wrap .search_box{margin: 0 auto 35px auto;padding-top: 15px;padding-bottom: 15px;width: 1200px;background-color: #eef2f7;border: 1px solid #dde0ea;text-align: center;}
.search_wrap .search_box .search_wrap{margin-bottom: 0;}
.search_wrap .detail_seach{display: inline-block;}
.search_wrap .detail_seach input[type="checkbox"]{width: 17px;height: 17px;border-radius: 0;background-color: #fff;margin-right: 0;margin-left: 10px;}

.search_wrap .left_search_menu {/*position: absolute; top: 40px;*/ width: 17.8%; float:right; margin-top: 117px;}
.search_wrap .left_search_menu .box {margin-bottom: 20px; border: 1px solid #cfd7e3;}
.search_wrap .left_search_menu .title {
  padding: 17px 20px;
    font-size: 1.125em;
    font-weight: 500;
    text-align: left;
    color: #1a1a1a;
    border-bottom: 1px solid #cfd7e3;
    background-color: #f9f9f9;
}
.search_wrap .left_search_menu .box_content{padding:18px 24px; min-height: 40px;}
.search_wrap #tab_container {width: 100%;margin: 0 auto;}
.search_wrap .ranking_list li{margin-top: 11px;}
.search_wrap .ranking_list li:first-child{margin-top: 0;}
.search_wrap .ranking_list li span.number{display: inline-block; color: #5d5d5d; width: 22px; height: 22px; padding: 1px 0;text-align: center; font-weight: 300;margin-right: 7px; border:1px solid #cfd7e3; font-size: 0.875em;}
.search_wrap .ranking_list li span.number.top{color:#ffffff; background:#a6b364; border:1px solid #a6b364;}
.search_wrap .ranking_list li a{color: #5d5d5d; font-weight: 300; text-decoration: none;}
.search_wrap .ranking_list li a:hover{text-decoration: underline;}
.search_wrap .left_search_menu .box_content .result_list > li a{padding-right: 20px; display: block;}


/* 
.search_wrap .right_search_content{padding-left: 258px;min-height: 800px;}
.search_wrap .right_search_content .all_search_dl{min-height: 500px;}
.search_wrap .all_search_dl dt {padding-bottom: 10px;margin-bottom: 25px;border-bottom: 2px solid #166596;color: #000;font-size: 28px;font-weight: 400;}
.search_wrap .all_search_dl dt .sub_title {font-size: 20px;color: #a0a0a0;font-weight: 300;}
.search_wrap .all_search_dl dt .right_more {float: right;margin-top: 19px;margin-right: 10px;padding-right: 19px;font-size: 14px;color: #383838;background:url('../img/sub/right_more.jpg') no-repeat 100% 52%;}
.search_wrap .all_search_dl dd {margin-bottom: 50px;overflow: hidden;}
.search_wrap .all_search_dl dd .sub1{margin-bottom: 15px;font-size: 20px;color: #616161;}
.search_wrap .all_search_dl dd .sub2 a{display: inline-block;margin-bottom: 10px;font-weight:500;font-size: 18px;color: #1998b3;}
.search_wrap .all_search_dl dd .content_text {margin-bottom: 20px;overflow: hidden;height: 53px;max-height: 53px;}
.search_wrap .all_search_dl dd .content_text2 a {display: inline-block;margin-bottom: 3px;font-size: 18px;color: #383838;}
.search_wrap .all_search_dl dd .content_text a{overflow: hidden;font-size: 15px;color: #616161;font-weight: 300;line-height: 26px;white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 53px;max-height: 53px;}
.search_wrap .all_search_dl dd .sub3{color: #616161;font-size: 15px;font-weight: 300;}
.search_wrap .all_search_dl dd a:hover{text-decoration: underline;}
.search_wrap .all_search_dl dd .search_list1 li {margin-bottom: 15px;}
.search_wrap .all_search_dl dd .search_list1 .sub4{display: inline-block;font-size: 18px;color: #383838;font-weight: 500;margin-right: 40px;}
.search_wrap .all_search_dl dd .search_list1 .sub5{display: inline-block;font-size: 15px;color: #848383;font-weight: 300;}
.search_wrap .all_search_dl dd .search_list1 .sub6 {font-size: 15px;color: #878787;}
.search_wrap .right_search_title {padding-bottom: 10px;margin-bottom: 25px;border-bottom: 2px solid #166596;color: #000;font-size: 28px;font-weight: 400;}
.search_wrap .right_search_title .sub_title{ font-size: 20px;color: #a0a0a0;font-weight: 300;}

.search_wrap .checkbox_header {margin-bottom: 20px;position: relative;padding-left: 140px;}
.search_wrap .checkbox_header .chk1 {position: absolute;left: 0;top: 6px;}
.search_wrap .checkbox_header .chk1 input {width: 15px;height: 15px;vertical-align: middle;}
.search_wrap .checkbox_header .chk1 label {vertical-align: middle;color: #383838;}
.search_wrap .checkbox_header .input01 {border: 1px solid #dbdbdb;width: 59%;}
.search_wrap .checkbox_content {background-color: #f6f6f6;margin-bottom: 40px;}
.search_wrap .checkbox_content .btn_38 {cursor: pointer;border: none;float: right;overflow: hidden;margin-top: 10px;margin-bottom: 20px;}
.search_wrap .checkbox_content .top {position: relative;padding: 5px 0 6px 150px;border-bottom: 1px dotted #bfbfbf;min-height: 38px;}
.search_wrap .checkbox_content .top dt{position: absolute;top: 0;left: 0;height: 100%;background-color: #dde5ef;padding-top: 8px;}
.bg_dde{overflow: hidden;background-color: #dde5ef;text-align: center;padding-top: 18px;padding-bottom: 18px;}
.bg_dde li{display: inline-block;margin-right: 16px;}
.search_wrap .checkbox_content .top dd{display: inline-block;}
.search_wrap .checkbox_content .top .chk2{display: inline-block;margin-left: 15px;}
.search_wrap .checkbox_content .top .chk2 label{vertical-align: middle;font-size: 16px;color: #383838;font-weight: 300;display: inline-block;width: 91px;}
.search_wrap .checkbox_content .top .chk2:last-child{margin-right: 0;}
.search_wrap .checkbox_content .middle {padding: 17px;}
.search_wrap .checkbox_content .middle  .chk3 {display: block;margin-bottom: 10px;}
.search_wrap .checkbox_content .middle  .chk3 label{color: #1998b3;font-weight: 300;}
.search_wrap .line_box2{overflow: auto;max-height: 363px;padding: 15px;border: 1px solid #d8d8d8;background-color: #fff;}
.search_wrap .line_box2 .search_ul_list li{float: left;width: 50%;margin-bottom: 10px;}
.search_wrap .line_box2 .search_ul_list li label{word-break: keep-all;font-size: 16px;color: #383838;}
.search_wrap .all_search_dl.style2 dt{border-bottom: 0;margin-bottom: 10px;font-size: 20px;color: #616161;font-weight: 400;}
.search_wrap .all_search_dl.style2 dd{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e4e4e4;}
.search_wrap .all_search_dl.style2 dd:last-child{border: 0;margin-bottom: 0;}
.search_wrap .all_search_dl.style2 dt .right_more {margin-top: 8px;}
.search_wrap .sub1 .right_more {margin-top: 5px;}
 */

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

 }
 @media all and (max-width:1024px){ 
  .search_wrap .search_area{float: none; width:100%; margin: 0;}
  .search_wrap .left_search_menu{float: none; width: 100%; margin-top: 30px;}  

}
@media all and (max-width:860px){ 
  .search_wrap{padding-bottom: 90px;}

  /* title */
  .search_wrap .search_area .search_tit{padding:30px 0 25px;}
  .search_wrap .search_area .search_tit h3{font-size: 2.000em;}

  /* 검색창 */
  .search_wrap .search_area .sch_bar_box.skin4{padding-bottom:20px;}
  .search_wrap .search_area .sch_bar_box.skin4 > div{width: 100%;}
  .search_wrap .search_area .sch_bar_box.skin4 .sch_input{width: 100%; height: 40px;}
  .search_wrap .search_area .sch_bar_box.skin4 .sch_btn{position: static; height:40px; margin-top: 5px; width:100%; line-height: 40px; font-size: 1em;}
  .search_wrap .search_area .sch_bar_box.skin4 .menu_row{position: static; margin-top: 5px;}
  

  .search_wrap .tabs_btn.search_btns ul{border-bottom:0;}
  .search_wrap .tabs_btn.search_btns li{display: inline-block; width:33.33%; border: 1px solid #cfd7e3; border-width: 0 1px 1px 0;}
  .search_wrap .tabs_btn.search_btns li:nth-child(3n){border-right: 1px solid #cfd7e3;}
  .search_wrap .tabs_btn.search_btns li a{padding:7px 0; font-size: 1.125em;}
  .search_wrap .tabs_btn.search_btns li:nth-child(3n).on{border-right: 1px solid #b13a3e;}
  .search_wrap .tabs_btn.search_btns li:nth-child(3n) a:hover{border-right:1px solid #b13a3e;}

  /* 검색창 */
  .sh_tab_cont .result_box{padding:25px 15px;}
  .sh_tab_cont .result_box p{font-size:1.250em;}

  .sh_tab_cont .search_cont{margin-top: 30px;}

}

@media all and (max-width:580px){ 
  .search_wrap{padding: 0 10px 50px;}
  .search_wrap .search_area .search_tit{padding:20px 0 15px;}
  .search_wrap .search_area .search_tit h3{font-size: 1.500em;}

  .search_wrap .tabs_btn.search_btns li a{font-size:1em;}
  .sh_tab_cont .result_box p{font-size: 1.125em; word-break: keep-all;}

  /* 검색 결과 */
  .sh_tab_cont .result_box{padding: 15px 0;}
  .sh_tab_cont .search_cont > div h4{font-size: 1.250em;}
  .result_area{padding:17px 10px; }
  .result_thumb{padding-top:17px; margin-top: 17px;}
  .thumb_area{display: block; margin-top: 22px;}
  .thumb_area .img_area{display: block; margin: 0 auto;}
  .thumb_area .thumb_cont{width: 100%; display: block; margin-top: 22px;}
  .thumb_area .img_area + .thumb_cont{padding: 0;}
  .thumb_area .thumb_cont .thumb_tit{ margin-bottom:9px;}   
  .thumb_area .thumb_cont .thumb_tit a{ font-size: 1.250em;}  
  
  /* 연관 검색어 */
  .search_wrap .left_search_menu .title{padding:12px 10px; font-size: 1em;}
  .search_wrap .left_search_menu .box_content{padding: 12px 15px;}

}

@media all and (max-width:480px){ 
  .search_wrap .search_area .search_tit h3{font-size: 1.250em;}
  .sh_tab_cont .search_cont > div h4{font-size: 1.125em;}
  .sh_tab_cont .result_box p{font-size: 1em;}
  .search_wrap .tabs_btn.search_btns li{width: 50%;}
  .thumb_area .thumb_cont .thumb_tit a{font-size: 1.125em;}
  .thumb_area .thumb_cont .thumb_p a{font-size: 0.938em;}
  .thumb_area .thumb_cont .date{margin-top:12px;}

}