@charset "utf-8";
/* CSS Document */


/* .searchArea {padding-top: 59px !important; position:relative} */
.evt_wrap { top: 10px;}

	
/*검색창*/	
.searchArea .search_keyword_wrap { position: relative; border-bottom: 1px solid #f3f3f3; height: 50px; overflow: hidden; }
.searchArea .search_keyword_wrap input.input_search { width: 100%; padding: 15px 20px 0px 46px; border-radius: 0px; border: 0px solid; background: none; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.searchArea .search_keyword_wrap input.input_search.width { width: 78%!important;}
.searchArea .search_keyword_wrap .icon_search { display: block; position: absolute; left: 14px; top: 13px; width: 18px; height: 1.5rem; background-image: url(https://www.publog.co.kr/gnb/new/ico_search.png?a=1); background-position: 50%; background-size: 100%; background-repeat: no-repeat;}

/*상품 리스트*/	
.searchArea .sub_wrap {position: relative;}
.searchArea .sub_wrap .search_area {padding: 15px 15px 50px 15px;}
.searchArea .sub_wrap .search_area .list_box { display: flex; flex-wrap: wrap; justify-content: space-between;}	
.searchArea .sub_wrap .search_area .list_box li { padding: 0 !important; width: 48.5%; margin: 25px 0; position: relative;}
.searchArea .sub_wrap .search_area .list_box li a { background-size: 115% !important; display: block;}
	
/*상품 가격*/
.searchArea .product_list_info { top: 0; padding: 20px 5px 0 5px; box-sizing: border-box; width: 100%; position: relative;}	
.searchArea .product_list_info .info_txt { width: 100%; display: inline-block; float: left;}
.searchArea .product_list_info .info_txt h4 { font-size: 16px; margin-bottom: 3px;}
.searchArea .product_list_info .info_txt p { font-size: 14px; color: #1a1a1a; letter-spacing: 0;}
.searchArea .product_list_info .info_txt p span.product_price { font-size: 16px; font-weight: 500; display: inline;}

/*라벨*/
span.gnb_label { display: inline-block; width: 17px; height: 16px; margin-left: 4px; margin-top: -2px; 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;}
span.l_hit { color: #fff !important; border: 1px solid #ff7373 !important; background: #ff7373;}
span.l_new { color: #ff4040 !important; border: 1px solid #ff4040 !important;}

/*-----이미지 영역 박스 라벨-----*/
/*기본_레드박스*/
.label_wrap { position: absolute; top: 0px; right: 0px; height: 40px; }
.label_wrap .label_txt { width: 40px; height: 40px; background-color: #ff7373; }
.label_wrap .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;}
.label_wrap .label_txt p.bold { font-weight: 600;}
.label_wrap .label_img { height: 100%; }

.label_wrap .label_txt.blue {background-color: #4c5cbb;}

/*블랙 라인*/
.label_wrap .label_txt.line {background-color: #fff; border: solid 1px #222; box-sizing: border-box;}
.label_wrap .label_txt.line p {color: #222}
/*-----/이미지 영역 박스 라벨-----*/

/*가격영역 라벨*/
.list_box span.info_label {border:1px solid #222450; color:#222450 !important; background:#fff !important; border-radius: 5px; font-size:3vw; padding:2px 5px; vertical-align: middle}

/*이미지영역 이미지 라벨*/
.list_box img.kc_label {position:absolute; top: 15px; left:8px; width:35px;}


/*검색 결과 없음*/
.searchArea .sub_wrap .search_area .no_result p.no_result_info {font-size: 20px; color: #666; padding: 80px 0 120px; line-height: 34px; text-align: center;}
.searchArea .sub_wrap .search_area .no_result p.no_result_info span { margin: 0 5px; color: #242552; font-weight: 700; }


/*중간 타이틀_한국어버전*/
.linebreak h2.ko {  color: #575757;  font-size: 30px;  font-weight: 800;  letter-spacing: 1px;  text-align: center;  font-family: Montserrat, YoonGothicPro740, sans-serif;  position: relative;  display: inline-block; padding-top: 70px;}
.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; padding-top: 70px;}
.linebreak h3 {letter-spacing: 0.3; font-size: 16px; padding-top: 30px;}

/*바텀- 테마샵 상품추천*/
.themeshop .section_tit h2 {font-size: 24px; color: #333; text-align: center; font-family: inherit; font-weight: normal;}	
.themeshop .section_content {overflow: hidden}
.themeshop .new_list {display: flex; width: 100%; align-items: flex-start; padding: 3vw 0 10vw;}
.themeshop .new_list li {position:relative; width:27vw; height:auto ;margin:0 15px 0 0;}
.themeshop .themeshop_swiper .thumbnail { overflow: hidden; position: relative; background-color: #f4f4f4; width: 28vw; height: 28vw; margin: 0 auto; border-radius: 100%; box-sizing: border-box;}
.themeshop .themeshop_swiper .thumbnail img {width: 200px; margin-top: 3%}
.themeshop .themeshop_swiper .round-swiper_text {padding-top: 4vw; color: #333; font-size: 3.5vw; text-align: center; white-space: nowrap;}
.themeshop .themeshop_swiper .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #222450!important; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; box-sizing: border-box; font-size: 4vw; line-height: 1.2; z-index: 99; opacity: 1;}
.themeshop .next_btn {position: relative; top: 5px; width: 10px!important; display: block; margin: 0 auto;}