@charset "utf-8";

.w100 {width:100% !important;}

.mb10 {margin-bottom: 10px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;} 	
.mb20  {margin-bottom:20px !important}
.mb30  {margin-bottom:30px !important}
.mb100 {margin-bottom:100px !important}
.mb150 {margin-bottom:150px !important}
.mmb200 {margin-bottom:-200px !important}

.mt0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt25 { margin-top: 25px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top:50px !important}
.mt120 {margin-top:120px !important}
.mt130 {margin-top:130px !important}
.mt140 {margin-top:140px !important}
.mt150 {margin-top:150px !important}
.mt160 {margin-top:160px !important}
.mt170 {margin-top:170px !important}

.pb0 {padding-bottom:0 !important}
.pb50 {padding-bottom:50px !important}
.pb70 {padding-bottom:70px !important}
.pb100 {padding-bottom:100px !important}
.pb200 {padding-bottom:200px !important}

.pt0 {padding-top:0 !important}
.pt30 {padding-top:30px !important}
.pt100 {padding-top: 100px !important;}
.pt150 {padding-top: 150px !important;}
.p70 {padding:0 70px !important}

.mb20  {margin-bottom:20px !important}
.mb30  {margin-bottom:30px !important}
.mb100 {margin-bottom:100px !important}
.mb150 {margin-bottom:150px !important}
.mmb200 {margin-bottom:-200px !important}
.wpt0 {padding-top: 0px!important;}/*웹에만 반영*/
.wpt150 {padding-top: 150px;}/*웹에만 반영*/




#search_wrap {max-width:1920px; position:relative; margin:0 auto;  overflow: hidden;} /* text-align: center; */

/*검색창 영역*/
#search_wrap .search_keyword_wrap { width: 100%; height: 120px; margin: 0 auto 35px; text-align: center; padding-top: 60px; background-color: #f7f7f7;}
#search_wrap .search_keyword { position: relative; width: 1200px; margin: 0 auto; }

/*검색창 라운드 박스 스타일*/
#search_wrap .search_box {border: none!important; border-bottom: solid 2px #424a9f!important; width: 450px; padding: 1rem 0rem; background: none; font-size: 18px; font-weight: 500; color: #666;}
#search_wrap .search_box::placeholder { color: #999;}
#search_wrap .icon_search_keyword { position: absolute; cursor: pointer; right: 376px; top: 12px; width: 30px; height: 30px; background: url(../../gnb/new/ico_search_a-2.png); background-size: 30px 30px; background-repeat: no-repeat; background-position: 100% 0%;}

#search_wrap .line { width: 1200px; padding-bottom: 20px; border-bottom: 2px solid #000;}
	
/*상단 옵션 영역*/
#search_wrap .option_area { width: 1200px; margin: 0 auto; padding-bottom: 40px;}
#search_wrap .option_area::after { content: ""; display: table; clear: both;}
#search_wrap .option_area .left { float: left;}
#search_wrap .option_area .left span { display: inline-block; margin-top: 5px; color: #000;}
#search_wrap .option_area .left span em { font-weight: bold; font-style: normal;}
#search_wrap .option_area .right { float: right;}
#search_wrap .option_area .right dl { display: inline-block;}
#search_wrap .option_area .right dl dt { display: inline-block; margin-right: 5px;}
#search_wrap .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;}
#search_wrap .option_area .right dl dd:hover, .option_area .right dl dd.active { color: #000; border: 1px solid #000;}	
	


/*검색 컨텐츠 영역*/
#search_wrap .search_main_wrap { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 1200px; margin: 0 auto; padding-bottom: 100px;}
	
/*left : 검색 필터 영역*/
#search_wrap .search_main_wrap > .search_left_area { width: 25%; text-align: left;}
#search_wrap .search_left_area h2.h2 { font-size: 20px; color: #3c3c3c; margin-bottom: 30px; font-weight: 600;}
#search_wrap .search_left_area .classify { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; margin-bottom: 40px;}
#search_wrap .search_left_area .classify > li { display: flex; margin-bottom: 14px; width: 100%;}
#search_wrap .search_left_area .classify input[type="checkbox"]{ position: relative; opacity: 100; z-index: 9;}	
	
/*체크박스 스타일 수정*/
/* input 숨겨준다 */
#search_wrap .search_left_area .classify input{display:none; }
#search_wrap .search_left_area .classify input + label{cursor:pointer; }
#search_wrap .search_left_area .classify input + label > span{vertical-align: middle; padding-left: 5px; }
/* label:before에 체크하기 전 상태 CSS */
#search_wrap .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_wrap .search_left_area .classify input:checked + label:before{ content:""; background: #424a9f url(../../gnb/new/ico_search_check_t-2.png) center center no-repeat; background-size: 50%; margin-right: 10px; background-position: 4px 4px;}

/*인기 검색어*/
#search_wrap .best_keywords li.best_keywords_con {margin-bottom: 8px;}
#search_wrap .best_keywords li.best_keywords_con:last-child {margin-bottom: 0px;}
#search_wrap .best_keywords li.best_keywords_con a {font-size: 13px; color: #666;}
#search_wrap .best_keywords li.best_keywords_con a span {font-size: 14px; color: #424a9f; font-weight: 600; margin-right: 10px;}



/*배너 영역*/
/* #search_wrap .search_main_wrap .search_right_area .banner {position: relative; height: 310px; margin-bottom: 45px; border-radius: 15px; cursor: pointer;} */
/* #search_wrap .search_main_wrap .search_right_area .banner .tit_box { position: absolute; padding: 88px 0px 0px 90px; text-align: start; color: #333; } */
/* #search_wrap .search_main_wrap .search_right_area .banner .tit_box p { font-size: 17px; font-weight: 500;} */
/* #search_wrap .search_main_wrap .search_right_area .banner .tit_box h2 { margin-top: 28px; font-size: 32px; font-weight: 600; line-height: 48px; } */

/*right : 검색 list 영역*/
#search_wrap .search_main_wrap > .search_right_area { width: 100%; }
#search_wrap .search_right_area ul.list_box { display: flex; flex-wrap: wrap; justify-content: flex-start; }
	
/*리스트 3개 보기 일 때*/	
#search_wrap .search_right_area ul.list_box.show3 li { position: relative; width: 300px; margin: 0px 0px 60px 0px; padding: 0px calc((100% - (314px * 3)) / 2);}
#search_wrap .search_right_area ul.list_box.show3 li:nth-child(3n) { margin-right: 0;}	
#search_wrap .search_right_area ul.list_box.show3 li a { color: #777; text-decoration: none;}
#search_wrap .search_right_area ul.list_box.show3 li div.cover { position: relative; overflow: hidden; height: 270px; border-radius: 15px; transition: 0.3s; top: 0; background: #f3f3f3;}
#search_wrap .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;}

/*리스트 4개 보기 일 때*/	
#search_wrap .search_right_area ul.list_box.show4 { display: flex; flex-wrap: wrap;}
#search_wrap .search_right_area ul.list_box.show4 li { position: relative; width: 219px; margin: 0px 0px 60px 0px; padding: 0px calc((100% - (235px * 4)) / 2);}
#search_wrap .search_right_area ul.list_box.show4 li:nth-child(4n) { margin-right: 0!important;}	
#search_wrap .search_right_area ul.list_box.show4 li a { color: #777; text-decoration: none;}
#search_wrap .search_right_area ul.list_box.show4 li div.cover { position: relative; overflow: hidden; height: 195px; border-radius: 15px; transition: 0.3s; top: 0; background: #f3f3f3;}
#search_wrap .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_wrap .search_right_area ul.list_box.show_evt {margin-top: 100px;}
#search_wrap .search_right_area ul.list_box.show_evt li { position: relative; float: left; width: 370px;  margin: 0 45px 50px 0;}
#search_wrap .search_right_area ul.list_box.show_evt li:nth-child(3n) { margin-right: 0;}	
#search_wrap .search_right_area ul.list_box.show_evt li a { color: #777; text-decoration: none;}
#search_wrap .search_right_area ul.list_box.show_evt li div.cover { position: relative; overflow: hidden; height: 345px; width: 370px; border-radius: 15px; transition: 0.3s; top: 0; background: #f3f3f3;}
#search_wrap .search_right_area ul.list_box.show_evt li div.cover img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 370px; height: auto; min-height: 247px; image-rendering: -webkit-optimize-contrast; backface-visibility: hidden;}

/*리스트 상품 가격*/
#search_wrap .search_right_area ul.list_box li div.info { padding: 0 7px; text-align: start;}
#search_wrap .search_right_area ul.list_box li h4 { margin-top: 30px; font-size: 17px; color: #1a1a1a;}
#search_wrap .search_right_area ul.list_box li p.info_txt { font-size: 12px; font-weight: 400; vertical-align: bottom; color: #999; margin-top: 8px;}
#search_wrap .search_right_area ul.list_box li p.info_price {margin-top: -20px; color: #999; font-weight: 500; position: absolute;   right: 7px;}
#search_wrap .search_right_area ul.list_box li p.info_price .coupon { font-size: 12px; color: #333;}

/*상품 이미지 라벨*/
#search_wrap .search_right_area ul.list_box.show3 span.label { top: 240px!important;}
#search_wrap .search_right_area ul.list_box.show4 span.label { top: 158px!important;}
#search_wrap .search_right_area ul.list_box span.label { position: absolute;  top: 320px;  right: 10px;  height: 40px;  display: flex;}
#search_wrap .search_right_area ul.list_box span.label .label_img { height: 120%; margin-right: 5px;}
#search_wrap .search_right_area ul.list_box span.label .label_txt { width: 40px; height: 40px; border-radius: 50%; background-color: #ff7373; margin-right: 5px;}
#search_wrap .search_right_area ul.list_box span.label .label_txt p { width: 100%; height: 100%; font-size: 10px; line-height: 11px; color: #fff; text-align: center; font-weight: 500; align-items: center; display: grid; letter-spacing: 0.2px; }
#search_wrap .search_right_area ul.list_box span.label .label_txt p.best {font-weight: 600;}
#search_wrap .search_right_area ul.list_box span.label .label_txt p.small {font-size: 8px;}

/*상품명 라벨*/
#search_wrap .search_right_area ul.list_box span.gnb_label { display: inline-block; width: 17px; height: 16px; margin-left: 6px; margin-top: -1px; font-size: 10px !important; color: #222450 !important; font-weight: 500; line-height: 15px; text-align: center; border: 1px solid #222450 !important; box-sizing: border-box; vertical-align: middle; border-radius: 3px;}
#search_wrap .search_right_area ul.list_box span.gnb_label_02{display: inline-block; width: 51px; height: 17px; margin-left: 6px; margin-top: -2px; font-size: 11px !important; color: #222450 !important; font-weight: 500; line-height: 15px; text-align: center; border: 1px solid #222450 !important; box-sizing: border-box; vertical-align: middle; border-radius: 3px;}
#search_wrap .search_right_area ul.list_box span.tit_sub { color: #999!important; font-size: 15px!important; margin-left: 3px;}
#search_wrap .search_right_area ul.list_box span.l_hit { margin-left: 0px; color: #fff !important; border: 1px solid #ff7373 !important; background: #ff7373;}
#search_wrap .search_right_area ul.list_box span.l_new { margin-left: 0px; color: #ff4040 !important; border: 1px solid #ff4040 !important;}
#search_wrap .search_right_area ul.list_box span.l_upgrade { padding: 3px 7px; border: 1.3px solid #ff4040; border-radius: 4px; color: #ff4040 !important; font-size: 9px !important; margin-left: 0px; font-weight: 600;}

/*검색 결과 없음*/
#search_wrap .search_right_area .no_result { text-align: center;}
#search_wrap .search_right_area .no_result p.no_result_info {text-align: center; padding: 200px 0; font-size: 18px; color: #333;}
#search_wrap .search_right_area .no_result p.no_result_info span { margin: 0 10px; color: #424a9f; font-weight: 700; }


/*배너 풀페이지*/
#search_wrap.search_wrap_event .search_main_wrap .search_right_area .banner .head_banner {width: 1920px!important; left: auto!important;}
#search_wrap.search_wrap_event .search_main_wrap { width: 100%!important;     position: relative; z-index: 9;}
#search_wrap.search_wrap_event .search_main_wrap ul.list_box.show_evt {width: 1200px!important; margin: 100px auto;}


/*타이틀*/
/*
.linebreak {padding:0px 0 70px; width: 100% !important;height: max-content; min-height: 25px; margin: 0 0 25px 0 !important;	text-align: center;}
.linebreak:nth-child(n+2) {padding:120px 0 70px; }
*/

.linebreak {padding: 0px 0 50px; width: 100% !important;height: max-content; min-height: 25px; margin: 0 0 25px 0 !important;	text-align: center;}
.linebreak:nth-child(n+2) {padding:100px 0 50px; }

/*본문-공통*/
.tit_h2 {margin-bottom: 60px; font-size: 24px; font-weight: 400; text-align: center; position: relative; display: inline-block; line-height: 1.5; color: #121212; width: 100%;}

/*중간 타이틀_한국어버전*/
.linebreak h2.ko {  color: #575757;  font-size: 30px;  font-weight: 800;  letter-spacing: 3px;  text-align: center;  font-family: Montserrat, YoonGothicPro740, sans-serif;  position: relative;  display: inline-block;}
.linebreak h2.ko::after {  content: "";  display: block;  margin: auto;  width: 100%; height: 10px;  background-color: #e1e1e1;} 

/*중간 타이틀_영문버전*/
.linebreak h2.en {list-style: none; margin: 0px; border: none; font-size: 18px; font-weight: 800; letter-spacing: 15px; line-height: 70px; text-align: center; font-family: Montserrat, YoonGothicPro740, sans-serif;}
.linebreak h3 {letter-spacing: 0.3; font-size: 16px; padding-top: 30px;}


/*메인 타이틀*/
.main_linebreak { width: 100% !important;height: max-content; min-height: 25px; margin: 0!important;	text-align: center;}

/*하단 쿠폰배너 영역*/
.cnt-wrap7 {text-align: center;}

/*중단 배너 영역*/
.center_ban {padding: 0px 0px 70px;  display: block;  height: 100px;}


/*전체보기*/
	#search_wrap .search_main_wrap .search_right_area .banner {
		position: relative;
		min-height: 300px;
		height: max-content;
		margin: 0px 0px 0px 0px !important;
		border-radius: 15px;
		cursor: default !important;
	}

	#search_wrap .search_main_wrap .search_right_area .banner .swiper-slide {cursor: pointer;}

	/* Top banner */
	.search_right_area .head_banner {
		width: 100vw;
		position: relative;
		left: calc(-50vw + 49%);
	}

	.search_bottom_wrap {
		width: 100% !important;
		min-height: 150px;
		height: max-content;
		/*
		text-align: center;
		*/
	}
	.search_bottom_wrap .bottom_banner {
		max-width: 1200px;		
		position: relative;
		margin: 0 auto;
		/*
		text-align: center;
		*/
	}

/*바텀-테마샵 상품추천*/
.themeshop {text-align: center; padding-top: 150px;}
.themeshop_goods {background-color: #fefefe; overflow: hidden; margin: auto;}
.themeshop_goods h2 {    font-family: 'Montserrat', 'YoonGothicPro720', sans-serif; font-size: 48px; font-weight: normal; line-height: 90px; color: #1a1a1a; display: block;}	
.themeshop .new_list {display: flex; height:auto;}
.themeshop .new_list li {position:relative; width:240px; height:auto ;margin:0 20px 30px 0;}
.themeshop .themeshop_swiper .thumbnail { overflow: hidden; position: relative; background-color: #f4f4f4; width: 191px; height: 191px; margin: 0 auto; border-radius: 100%; box-sizing: border-box;}
.themeshop .themeshop_swiper .thumbnail img {width: 205px; margin-left: -5px;}
.themeshop .themeshop_swiper .round-swiper_text {padding-top: 2vw; color: #333; font-size: 16px; text-align: center; white-space: nowrap;}
.themeshop .new_list .swiper-slide.last .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #222450; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; box-sizing: border-box; font-size: 17px; line-height: 1.2; z-index: 99; opacity: 1;}
.themeshop .new_list .swiper-slide.last .overlay .next_btn {position: relative; display: block; width: 11px; margin: 0 auto; top: 13px;}		


/*목록 정렬*/

	.product_listbtn {	 display: flex; justify-content: flex-end; position: relative; padding-bottom: 10px;} 
    .product_listbtn .dropdown {      position: relative;      display: inline-block; padding-bottom: 10px;    right: 15px;     font-size: 12px;}
    .product_listbtn .dropdown-button {      padding: 10px 11px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    border-radius: 5px; }
    .product_listbtn .dropdown-menu {
      display: none;
    position: absolute;
    top: 95%;
    right: 0;
    left: auto;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 88px;
    z-index: 100;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }
    .product_listbtn .dropdown-menu div {    padding: 10px;   cursor: pointer; }
    .product_listbtn .dropdown-menu div:hover {  background-color: #f0f0f0;    }
    .product_listbtn .dropdown.open .dropdown-menu {  display: block;    }
    .product_listbtn .selected {      color: #222450; /* 선택 항목에 포인트 색상 */  font-weight: bold;  }
	 
	.info-icon {     background: url(../../sub_book_s8/img/detail/select-2x_t-1.png) no-repeat right 0;
    background-size: 10px 5px;
    display: inline-block;
    appearance: none;
    width: 30px;
    height: 7px;
    border-color: #fff;
    font-size: 12px;
    box-sizing: border-box;
    cursor: pointer;
    color: #555555;
	 
	 }