@charset "utf-8";
/*검색창 영역*/
.search_keyword_wrap { width: 100%; height: 120px; margin: 0 auto 35px; text-align: center; padding-top: 60px; background-color: #f7f7f7;}
.search_keyword { position: relative; width: 1200px; margin: 0 auto; }
/*검색창 라운드 박스 스타일*/
/*.search_box { width: 410px; margin: 0 auto; padding: 0.8rem 1.5rem; border: solid 0px; border-radius: 5rem; background-color: #f4f4f4; font-size: 17px; font-weight: 500; color: #3c3c3c;}*/
.search_box {border: none; border-bottom: solid 2px #159fda; width: 450px; padding: 1rem 0rem; background: none; font-size: 18px; font-weight: 500; color: #666;}
.search_box::placeholder { color: #999;}
.icon_search_keyword { position: absolute; cursor: pointer; right: 376px; top: 12px; width: 30px; height: 30px; background: url(https://biz.publog.co.kr/include/img/main/ico_search.png?t=2); background-size: 30px 30px; background-repeat: no-repeat; background-position: 100% 0%;}
.line { width: 1200px; padding-bottom: 20px; border-bottom: 0px solid #000;}
/*상단 옵션 영역*/
.option_area { width: 1200px; margin: 0 auto; padding-bottom: 40px;}
.option_area::after { content: ""; display: table; clear: both;}
.option_area .left { float: left;}
.option_area .left span { display: inline-block; margin-top: 5px; color: #000;}
.option_area .left span em { font-weight: bold;}
.option_area .right { float: right;}
.option_area .right dl { display: inline-block;}
.option_area .right dl dt { display: inline-block; margin-right: 5px;}
.option_area .right dl dd { margin: 0 0 0 7px; display: inline-block; width: 35px; height: 35px; padding-top: 5px; text-align: center; border: 1px solid #d4d4d4; box-sizing: border-box; cursor: pointer;}
.option_area .right dl dd:hover, .option_area .right dl dd.active { color: #000; border: 1px solid #000;}
/*검색 컨텐츠 영역*/
.search_main_wrap { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 1200px; margin: 0 auto; padding-bottom: 100px;}
/*left : 검색 필터 영역*/
.search_main_wrap > .search_left_area { width: 200px; text-align: left;}
.search_left_area h2.h2 { font-size: 20px; color: #3c3c3c; margin-bottom: 30px; font-weight: 600;}
.search_left_area .classify { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; margin-bottom: 40px;}
.search_left_area .classify > li { display: flex; margin-bottom: 14px; width: 100%;}
.search_left_area .classify input[type="checkbox"]{ position: relative; opacity: 100; z-index: 9;}
.search_main_wrap span.gnb_label { margin-left: 5px;}
/*체크박스 스타일 수정*/
/* input 숨겨준다 */
.search_left_area .classify input{display:none; }
.search_left_area .classify input + label{cursor:pointer; }
.search_left_area .classify input + label > span{vertical-align: middle; padding-left: 5px; }
/* label:before에 체크하기 전 상태 CSS */
.search_left_area .classify input + label:before{content:""; display:inline-block; width:17px; height:17px; border:1px solid #dcdcdc; border-radius: 0px; vertical-align:middle; margin-right: 10px;}
/* label:before에 체크 된 상태 CSS */
.search_left_area .classify input:checked + label:before{ content:""; background: #159fda url(https://biz.publog.co.kr/include/img/main/ico_search_check.png?t=2) center center no-repeat; background-size: 50%; margin-right: 10px; background-position: 4px 4px;}
/*인기 검색어*/
.best_keywords li.best_keywords_con {margin-bottom: 8px;}
.best_keywords li.best_keywords_con:last-child {margin-bottom: 0px;}
.best_keywords li.best_keywords_con a {font-size: 13px; color: #666;}
.best_keywords li.best_keywords_con a span {font-size: 14px; color: #159fda; font-weight: 600; margin-right: 10px;}
/*right : 검색 list 영역*/
.search_main_wrap > .search_right_area { width: 950px;}
/* .search_right_area ul.list_box {display: flex; flex-wrap: wrap; margin: 0 auto; width: 1000px; display: flex; justify-content: flex-start;} */
.search_right_area ul.list_box {display: flex; flex-wrap: wrap; margin: 0 auto; width: 1000px; display: flex; justify-content: flex-start;}/* new change from EunHee */
/*리스트 3개 보기 일 때*/
.search_right_area ul.list_box.show3 li { position: relative; width: 300px; margin-right: 24px; margin-bottom: 60px;}
.search_right_area ul.list_box.show3 li:nth-child(3n) { margin-right: 0;}
.search_right_area ul.list_box.show3 li a { color: #777; text-decoration: none;}
.search_right_area ul.list_box.show3 li div.cover { position: relative; overflow: hidden; height: 240px; border-radius: 15px; transition: 0.3s; top: 0;}
.search_right_area ul.list_box.show3 li div.cover img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 300px; height: auto; min-height: 247px; image-rendering: -webkit-optimize-contrast; backface-visibility: hidden;}
.search_right_area ul.list_box.show3 li div.info { padding: 0 7px;}
.search_right_area ul.list_box.show3 li h4 { margin-top: 30px; font-size: 17px; color: #1a1a1a;}
.search_right_area ul.list_box.show3 li p { font-size: 13px; font-weight: 400; vertical-align: bottom; color: #999; margin: 8px 0 !important;}
.search_right_area ul.list_box.show3 li p.price {margin-top: 15px; color: #1a1a1a;}
.search_right_area ul.list_box.show3 li p.price span {font-size: 18px; font-weight: 600; vertical-align: bottom;}
span.l_hit {color: #fff !important;
border: 1px solid #159fda !important;
background: #159fda;
}
/*리스트 4개 보기 일 때*/
.search_right_area ul.list_box.show4 { display: flex; flex-wrap: wrap;}
.search_right_area ul.list_box.show4 li { position: relative; width: 219px; margin-right: 24px; margin-bottom: 60px;}
.search_right_area ul.list_box.show4 li:nth-child(4n) { margin-right: 0!important;}
.search_right_area ul.list_box.show4 li a { color: #777; text-decoration: none;}
.search_right_area ul.list_box.show4 li div.cover { position: relative; overflow: hidden; height: 180px; border-radius: 15px; transition: 0.3s; top: 0;}
.search_right_area ul.list_box.show4 li div.cover img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 219px; height: auto; min-height: 180px; image-rendering: -webkit-optimize-contrast; backface-visibility: hidden;}
.search_right_area ul.list_box.show4 li div.info { padding: 0 7px;}
.search_right_area ul.list_box.show4 li h4 { margin-top: 30px; font-size: 17px; color: #1a1a1a;}
.search_right_area ul.list_box.show4 li p.price {margin-top: 15px; color: #1a1a1a;}
.search_right_area ul.list_box.show4 li p.price span {font-size: 18px; font-weight: 600; vertical-align: bottom;}
/*검색 결과 없음*/
.search_right_area .no_result { text-align: center;}
.search_right_area .no_result p.no_result_info {text-align: center; padding: 200px 0; font-size: 18px; color: #333;}
.search_right_area .no_result p.no_result_info span { margin: 0 10px; color: #159fda; font-weight: 700; }
.search_right_area ul.list_box.show_evt {width: 1200px!important;}
.search_right_area ul.list_box.show_evt li:nth-child(4n) { margin-right: 10px !important;}
.search_right_area ul.list_box.show_evt li {position: relative;width: 275px;margin: 0px 12px 60px 13px;}