@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

/*shop_header_wrap01  PC / 가로 1301px 이상 common*/
.shop_header_wrap01{position:relative; width:100%; min-width:1400px; box-shadow:0 0 12px rgba(0, 0, 0, 0.2); background-color:#ffffff; z-index:350; 
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
/*top*/
.shop_header_wrap01 .top{background-color:#f6f6f6; font-size:12px; padding:1px 0; color:#666666;}
.top>div{display:flex; align-items:center; justify-content:space-between; position:relative;}
.top a{display:block;}
.top_menu{display:flex; align-items:center; column-gap:10px;}
.top_login_menu{display:flex; align-items:center; column-gap:5px;}
.top_login_menu li>a{padding:0 3px; color:#ff4000;}
.top_gnb_menu{display:flex; align-items:center; column-gap:15px; margin-right:68px;}
.top_gnb_menu>li>a{color:#666666; display:flex; align-items:center; column-gap:3px;}
.top_gnb_menu>li:hover>a{color:#ff4000;}
.top_gnb_menu>li:hover img.img{display:none;}
.top_gnb_menu>li:hover img.img_hover{display:block;}
.top_notice_click,.top_cart_click{display:flex; align-items:center; column-gap:3px; cursor:pointer;}	
.top_notice_click:hover,.top_cart_click:hover{color:#ff4000;}

/*language_tab/언어선택*/
.language_tab{position:absolute; right:196px; top:0;}
.language_tab strong{display:block; font-weight:400; cursor:pointer; background:url("../images/shop_common/lang_icon.png")no-repeat 0 center;
		padding:5px 5px 5px 18px;}
.language_tab strong:hover{color:#ff4000; background-image:url("../images/shop_common/lang_icon_on.png");}
.language_tab>ul{display:none; width:94px; position:absolute; left:-20px; top:29px; background-color:#ffffff; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.2); 
		z-index:400; text-align:center;}
.language_tab>ul:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-bottom-color:#ffffff; position:absolute; top:-10px; left:50%;
		-ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform: translate(-50%,0); -webkit-transform:translate(-50%,0);  
		-moz-transform:translate(-50%,0);}
.language_tab>ul>li>a{font-size:14px; color:#606266; padding:6px 0;} 
.language_tab>ul>li>a:hover{background-color:#f5f5f5; color:#ff4000;}

/*exchange_rate_tab*/
.exchange_rate_tab{position:relative; padding:5px 0; color:#555555; }
.exchange_rate_tab:hover .exchange_rate_list{display:block;}
.exchange_rate_tab>p{display:flex; align-items:center; column-gap:5px; cursor:pointer;}
.exchange_rate_tab span{display:flex; align-items:center; column-gap:4px;}
.exchange_rate_list{display:none; position:absolute; left:-10px; top:29px; width:195px; background-color:#ffffff; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.2); 
		padding:10px; z-index:400;}
.exchange_rate_list:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-bottom-color:#ffffff; position:absolute; left:50%; top:-10px;
		-ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform: translate(-50%,0); -webkit-transform:translate(-50%,0);  
		-moz-transform:translate(-50%,0);}
.exchange_rate_list>li{display:flex; align-items:center; column-gap:5px;}
.exchange_rate_list>li+li{margin-top:10px;}

/*top notice popup /top 공지사항 팝업*/
.top_notice{position:relative;}
.top_count_how_many{position:absolute; right:-15px; top:-4px; padding:1px 4px; font-size:10px; color:#ffffff; background-color:#cf0000; border-radius:20px;
		line-height:1.2;}
.top_notice_pop_up{display:none; background-color:#ffffff; border-radius:4px; border:1px solid #ebeef5; padding:12px; z-index:700; color:#606266; line-height:1.4;
		box-shadow:0 0 10px rgba(0,0,0,0.1); font-size:14px;  position:absolute; top:25px; left:50%; -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0);
		transform: translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0);}
.top_notice_pop_up:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-bottom-color:#ffffff; position:absolute; left:50%; top:-10px;
		-ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform: translate(-50%,0); -webkit-transform:translate(-50%,0); 
		-moz-transform:translate(-50%,0);}
.top_notice_pop-up_inner{width:342px; padding:6px 6px 0 6px;}
.top_notice_header{display:flex; justify-content:space-between; padding-bottom:12px; border-bottom: 1px solid #e8e8e8;}
.top_notice_header p{color:#000000; font-weight:500;}
.top_notice_header .btn_notice_confirm{background-color:transparent; color:#ff4000; border:none; font-size:12px;}
.top_notice_bottom{padding-top:6px; display:flex; justify-content:space-between;}
.top_notice_bottom button{padding:7px 15px; font-size:12px; font-weight:500; border-radius:4px; background-color:#ffffff; border:1px solid #dcdfe6; color:#606266;}
.top_notice_bottom button:hover{color:#ff4000; background-color:rgba(255, 64, 0, 0.09); border-color: #ff4000;}
/*공지사항이 없는 경우*/
.top_no_notice_list{ width:100%; height:350px; padding:10px 10px 10px; display:flex; align-items:center; justify-content:center;   }
/*공지사항이 있는 경우*/
.top_notice_list{width:100%; height:350px; padding:10px 10px 10px 0; overflow-y:auto;}
.top_notice_list li+li{margin-top:5px;}
.top_notice_list li>a{display:flex; align-items:center; padding:10px; column-gap:10px; color:#666666; border-radius:4px;}
.top_notice_list li>a:hover{background-color:#f5f5f5;}
.notice_icon{width:44px; height:44px; background:linear-gradient(-30deg, #ff7142, #ff4000); border-radius:50%; overflow:hidden;}
.top_notice_contents{width:calc(100% - 54px);}
.top_notice_tile{color:#000000; position:relative; width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; padding-left:10px;}
.top_notice_tile:before{content:''; display:block; position:absolute; left:0; top:6px; width:6px; height:6px; background-color:#ff4000; border-radius:50%;}
.top_notice_tile strong{font-weight:400;}
.top_notice_time{font-size:12px; margin-top:7px; padding-left:2px;}

/*common 장바구니 리스트 팝업*/
.common_cart_pop_up{ width:372px; background-color:#ffffff; border-radius:10px;  z-index:750; box-shadow:0 0 10px rgba(0,0,0,0.1); font-size:14px;
		color:#606266; line-height:1.4;}
.common_cart_header{background-color:#ff4000; color:#ffffff; display:flex; align-items:center; justify-content:space-between; padding:20px; line-height:1.0;
		border-radius:10px 10px 0 0; }
.common_cart_header>h3{font-size:16px; padding-left:26px; background:url("../images/shop_common/top_cart_icon.png")no-repeat 0 center;}
.common_cart_header .btn_cart_all_view{background-color:transparent; color:#ffffff; border:none; font-size:12px;}
.common_cart_list_wrap{background-color:#ffffff; border-radius:10px 10px 0 0; margin-top:-8px; overflow:hidden;  }  
/*장바구니에 제품이 없는 경우*/
.common_no_cart_list{ width:100%; height:517px; padding:10px 10px 10px; display:flex; align-items:center; justify-content:center;   }
/*장바구니에 제품이 있는 경우*/
.common_products_cart_list{ width:100%; height:517px; padding:18px 15px 0; overflow-y:auto;}
.common_cart_list>li{ display:flex; align-items:center; column-gap:11px;}
.common_cart_list>li+li{margin-top:15px;}
.common_check{width:16px;}
.common_cart_products_info_wrap{width:calc(100% - 27px);}
.common_cart_products_info_wrap>a{display:flex; align-items:center; column-gap:10px; border:1px solid transparent; border-radius:4px; color:#4d4d4d;}
.common_cart_products_img{width:80px; border-radius:4px; overflow:hidden;}
.common_cart_products_img>img{width:100%;}
.common_cart_products_info{width:calc(100% - 90px); display:flex; flex-direction:column; row-gap:5px;}
.common_cart_products_info h2{color:#333333;  white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.common_cart_products_option{display:flex; column-gap:8px; font-size:12px;}
.common_cart_products_option>li{width:calc(50% - 4px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.common_cart_products_select_wrap{display:flex; column-gap:10px; flex-wrap:wrap; align-items:center; color:#333333;}
.common_cart_products_select_wrap .common_price{color:#ff4000; font-size:16px;}
.btn_common_cart_products_delete{display:none; font-size:12px; color:#ff4000; }
.common_cart_products_info_wrap>a:hover{border-color:#ff4000; }
.common_cart_products_info_wrap>a:hover .btn_common_cart_products_delete{display:block;}
/*common_cart_bottom*/
.common_cart_bottom{padding:12px 20px; display:flex; justify-content:space-between;}
.common_cart_bottom input[type=checkbox]+label{cursor:pointer; display:inline-block; width:78px; height:16px; padding-left:20px; 
		background:url("../images/shop_common/check.png")no-repeat 0 center; background-size:16px auto; line-height:16px;} 
.common_cart_bottom input[type=checkbox]:checked+label{background-image:url("../images/shop_common/check_on.png"); background-size:16px auto;}
.common_cart_bottom .btn_cart_delete{margin-left:10px; font-size:12px; border-radius:3px;  padding:7px 15px; color:#c0c4cc; 
		background-color:#ffffff; border:1px solid #ebeef5;}/*cursor:not-allowed; */
.common_cart_bottom .btn_common_cart_close{color:#333333; border:none; background-color:transparent; position:relative; padding-right:20px;} 
.common_cart_bottom .btn_common_cart_close span{width:14px; height:14px; display:block; position:absolute; right:0; top:11px; overflow:hidden;}
.common_cart_bottom .btn_common_cart_close span:before{content:''; height:8px; width:8px; display:block; border:1px solid #c0c4cc; border-right-width:0; 
		border-top-width:0; position:absolute; top:2px; left:2px; transform:rotate(-225deg);-webkit-transform:rotate(-225deg); -moz-transform:rotate(-225deg);
		-o-transform:rotate(-225deg);-ms-transform:rotate(-225deg);}

/*top_cart_pop_up / top장바구니 팝업*/
.top_cart{position:relative;}
.top_cart_pop_up{display:none; position:absolute; left:50%; top:25px; -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); 
		transform: translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0);}
.top_cart_pop_up:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-bottom-color:#ff4000; position:absolute; left:50%; top:-10px;
		-ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform: translate(-50%,0); -webkit-transform:translate(-50%,0); 
		-moz-transform:translate(-50%,0);}

/*middle*/
.middle{background-color:#ffffff; padding:15px 0;}
.middle>div{display:flex; align-items:center; justify-content:space-between;}
.middle_menu{display:flex; align-items:center; column-gap:12px; width:1020px;}

/*middle_odm_link*/
.middle_odm_link{width:160px;}
.middle_odm_link>a{display:flex; align-items:center; column-gap:5px; justify-content:center; width:100%; border-radius:5px; color:#bc8136; font-weight:500;
		line-height:48px; background:linear-gradient(96deg,#fff4e4,#ffe1b6); border:1px solid #f0c588;}

/*header_search_wrap*/
.header_search_wrap{width:calc(100% - 172px); position:relative;}
.header_search_form_wrap{position:relative;}
.header_search_form{border:2px solid #ff4000; border-radius:5px; display:flex; align-items:center; }
/*검색 카테고리 선택*/
.header_search_select{width:156px; position:relative;}
.header_search_select>div{cursor:pointer; color:#1a1a1a; text-align:center; position:relative; padding:11px 20px 12px 10px;}
.header_search_select>div span{width:14px; height:14px; display:block; position:absolute; right:10px; top:14px; overflow:hidden;}
.header_search_select>div span:before{content:''; height:8px; width:8px; display:block; border:1px solid #c0c4cc; border-right-width:0; border-top-width:0;
		position:absolute; top:2px; left:2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);  -webkit-transition:All .3s; transition:All .3s;}
.header_search_select.open>div span:before{transform:rotate(-225deg); top:6px;}
.header_search_select_list{display:none; position:absolute; left:0; top:50px; width:100%; z-index:650; border:1px solid #e4e7ed; border-radius:5px;
		background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.2); padding:4px 0;}
.header_search_select_list:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-bottom-color:#ffffff; position:absolute; top:-10px;
		left:50%; margin-left:-5px;}
.header_search_select_list>li{position:relative; text-align:center; color: #606266; padding:6px 30px 6px 5px; cursor:pointer;}
.header_search_select_list>li div{display:block; width:30px; height:30px; position:absolute; right:0; top:2px; cursor:pointer;
		background:url("../images/shop_common/support_icon02.png")no-repeat center center;}
.header_search_select_list p{display:none; background-color:#303133; color:#ffffff; width:300px; padding:10px; font-size:12px; line-height:1.4; border-radius:5px;
		text-align:left; position:absolute; left:27px; top:50%; box-shadow:0 0 5px rgba(0,0,0,0.2); -ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%); transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);}
.header_search_select_list p:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-right-color:#303133; position:absolute; top:50%;
		left:-10px; -ms-transform:translate(0,-50%); 	-o-transform:translate(0,-50%); transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  
		-moz-transform:translate(0,-50%);}
.header_search_select_list>li:hover{background-color:#f5f5f5;}
.header_search_select_list>li div:hover p{display:block;}
/*검색 입력창*/
.header_search_input{width:calc(100% - 276px); border-left:1px solid #c0c4cc; display:flex; align-items:center; column-gap:10px; }
.header_search_input input[type=search]{width:calc(100% - 46px); padding:0 220px 0 20px; border:none;}
/*인기검색순위창*/
#header_retrieval_ranking_box{display:none; width:724px; padding:20px; z-index:500; position:absolute; left:0; top:52px; background-color:#ffffff; border-radius:10px;
		box-shadow:0 0 5px rgba(0,0,0,0.2);}
.header_retrieval_ranking_title h2{font-size:16px; color:#1a1a1a; margin-bottom:16px; padding-left:25px;
		background:url("../images/shop_common/hit_icon_s.png")no-repeat 0 0;}
.header_retrieval_ranking_list>li{line-height:18px; cursor:pointer; display:flex; align-items:start; column-gap:5px; padding:7px 5px 7px 5px;}
.header_retrieval_ranking_list>li:hover{background-color:#f6f6f6; color:#ff4000;}
.header_retrieval_ranking_list>li b{width:18px; font-size:16px;}    
.header_retrieval_ranking_list>li strong{font-weight:400; width:calc(100% - 18px);}
.btn_header_refresh{position:absolute; right:10px; top:10px; width:30px; height:30px; border:none; font-size:0;
		background:transparent url("../images/shop_common/refresh_icon_s.png")no-repeat center center;}
/*이미지 업로드*/
.btn_img_upload{width:36px; border:none; background:#ffffff url("../images/shop_common/file_add.png")no-repeat 0 center; font-size:0; height:30px;
		background-size:24px auto;}
#header_img_upload_box{display:none; width:724px; background-color:#ffffff; border-radius:4px; border:1px solid #ebeef5; padding:12px; z-index:600; color:#606266; 
		line-height:1.4; box-shadow:0 0 5px rgba(0,0,0,0.2); position:absolute; left:0; top:55px; }
.header_img_upload_box_title{color: #303133; font-size:16px; line-height:1; margin-bottom:12px;}
.header_img_upload_container{padding:16px; background-color:#f6f6f6; border:1px dashed #d9d9d9; border-radius:4px;}
.header_img_upload_container:hover{background-color:#fff5f2; border-color:#ff4000;}
#fileUpload{width:100%; height:180px; text-align:center; cursor:pointer; color:#606266;}
.header_img_upload button{background-color:#ff4000; color:#ffffff; border:1px solid #ff4000; font-weight:500; padding:12px 20px; border-radius:4px; line-height:1.0; 
		margin-top:50px; margin-bottom:10px;}
.header_img_search_container{margin-top:5px; padding-top:16px; border-top:1px dashed #d9d9d9; display:flex; align-items:center; column-gap:10px; }
.header_img_search_container input[type=text]{width:calc(100% - 78px); line-height:1.0; border:1px solid #dcdfe6; color:#606266; padding:10px 15px;}
.btn_header_img_search{background-color:#ffffff; border:1px solid #dcdfe6; color:#606266; text-align:center; font-weight:500; padding:12px 20px; border-radius:4px;}
.btn_header_img_search:hover{color:#ff4000; border-color:#ff4000; background-color:rgba(255, 64, 0, .09);}
/*검색 버튼*/
.btn_header_search{width:120px; height:46px; border:none; border-radius:0;  background-color:#ff4000; color:#ffffff; font-size:16px; vertical-align:middle;}

/*bottom*/
.bottom>div{display:flex; align-items:center; column-gap:10px;}

/*PC용 카테고리*/
/*common_products_category_wrap*/
.common_products_category_wrap{position:relative; width:228px; }
/*카테고리 열기*/
.btn_products_category{cursor:pointer; width:100%; background-color:#ff4000; border-radius:2px; color:#ffffff; line-height:1.0; padding:13px 11px 12px; 
		position:relative; }
.btn_products_category i{display:inline-block; vertical-align:top; width:13px; height:2px; background-color:#ffffff; position:relative; margin-right:13px;}
.btn_products_category i:before,.btn_products_category i:after{content:''; width:13px; height:2px; background-color:#ffffff; display:block; position:absolute; left:0;}
.btn_products_category i:before{top:6px;}
.btn_products_category i:after{top:12px;}
.btn_products_category span{width:14px; height:14px; display:block; position:absolute; right:10px; top:11px; overflow:hidden;}
.btn_products_category span:before{content:''; height:8px; width:8px; display:block; border:1px solid #ffffff; border-right-width:0; border-top-width:0;
		position:absolute; top:2px; left:2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);  -webkit-transition:All .3s; transition:All .3s;}
.common_products_category_wrap.open .btn_products_category span:before{transform:rotate(-225deg); top:6px;}
/*common_products_category_list_wrap*/
.common_products_category_list_wrap{display:none; position:absolute; left:0; top:54px; width:100%; padding:22px 0 22px 12px; background-color:#ffffff; 
		border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); line-height:1.4; z-index:650;}
.common_products_category_list_wrap>li+li{margin-top:2px;}
.common_products_name{cursor:pointer; display:flex; align-items:center; color:#1a1a1a; column-gap:12px; padding:9px 15px;}
.common_products_name h3{font-weight:400;}
.common_products_category_list{display:none;  position:absolute; left:228px; top:0; padding-left:15px; z-index:680;}
.common_products_category_inner{width:850px; height:518px; padding:20px 25px; background-color:#ffffff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.common_products_category_inner>div{width:100%; height:100%; overflow-y:auto; padding:5px;}
.common_products_category+div{margin-top:30px;}
.common_products_category>h4>a{color:#1a1a1a; }
.common_products_category>h4>a:hover{text-decoration:underline;}
.common_products_category>ul{margin-top:8px; display:flex; flex-wrap:wrap; gap:8px 22px;}
.common_products_category>ul a{color:#b2b2b2;}
.common_products_category>ul a:hover{text-decoration:underline;}
.common_products_category_list_wrap>li:hover .common_products_name{color:#ff4000;}
.common_products_category_list_wrap>li:hover .common_products_name img.img{display:none;}
.common_products_category_list_wrap>li:hover .common_products_name img.img_hover{display:block;}
.common_products_category_list_wrap>li:hover .common_products_name h3{text-decoration:underline;}
.common_products_category_list_wrap>li:hover .common_products_category_list{display:block;}
/*gnb*/
.gnb{width:calc(100% - 238px); display:flex; align-items:center;}
.gnb>li{position:relative;}
.gnb>li+li:before{content:''; width:1px; height:14px; display:block; background-color:#dcdfe6; position:absolute; left:0; top:9px;}
.gnb>li>a{padding:5px 25px; display:block;}
.gnb>li>a:hover{color:#ff4000;}
.gnb>li>a strong{font-weight:600;}
.gnb_sourcing>a strong,.gnb_best>a strong{display:flex; align-items:center; column-gap:4px;}
.gnb_best>a{color:#ff4000;}
.gnb_sourcing>a img,.gnb_best>a img{margin-top:-5px;}
/*shop_header_wrap01 스크롤 내렸을때 */
.shop_header_wrap01.header_up{position:fixed; left:0; top:-32px;}

/*태블릿/모바일용 shop_header_wrap02 1300px 이하*/
.shop_header_wrap02{position:relative; display:none; width:100%; min-width:320px; z-index:350; position:relative; background-color:rgba(255,255,255,0.9);
		box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.1);}
.shop_tm_top{width:100%; display:flex; align-items:center; justify-content:space-between; padding:15px 10px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease; transition:all 0.3s ease; }
/*shop_tm_top h1*/
.shop_tm_top>h1{width:169px;}
.shop_tm_top>h1>a{display:block; width:100%; }
.shop_tm_top>h1>a>img{width:100%;}
/*shop_header_wrap02 전화연결 메뉴/ 모바일 메뉴 common*/
.shop_header_wrap02 .shop_util_menu{column-gap:10px; display:flex; align-items:center;}
/*shop_header_wrap02 .shop_tm_language_tab*/
.shop_tm_language_tab{width:26px; height:26px; border-radius:50%;}
.shop_tm_language_tab>a{display:block; width:100%; height:100%; border-radius:50%; background-color:#ff4000; line-height:26px; font-weight:600; color:#ffffff;
		font-size:14px; text-align:center; letter-spacing:-1px;}
/*shop_header_wrap02 .shop_phone_link*/
.shop_phone_link{width:26px; height:26px;}
.shop_phone_link>a{display:block; width:100%; height:100%; font-size:0; background:url("../images/shop_common/btn_phone.png")no-repeat 0 0; 
		background-size:100% auto; text-indent:-999999px; overflow:hidden;}
/*shop 모바일 메뉴 열기 버튼*/
.btn_shop_tm_nav_open{position:relative; cursor:pointer; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; 
		padding-top:5px; width:26px; height:26px; }
.btn_shop_tm_nav_open span{display:block; width:100%; height:2px; overflow:hidden; font-size:0;  background-color:#444444; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.btn_shop_tm_nav_open span+span{margin-top:5px;}
/*shop 모바일 메뉴 열렸을때 버튼 모양 x로 변경*/
.btn_shop_tm_nav_open.on{z-index:1000; position:fixed; right:15px; top:15px;}
.btn_shop_tm_nav_open.on span:nth-child(1){-webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(7px) rotate(-45deg); 
		transform: translateY(7px) rotate(-45deg);}
.btn_shop_tm_nav_open.on span:nth-child(2){opacity:0;}
.btn_shop_tm_nav_open.on span:nth-child(3){transform: translateY(-7px) rotate(45deg); -webkit-transform: translateY(-7px) rotate(45deg);
		-ms-transform: translateY(-7px) rotate(45deg);}
/*shop 모바일 메뉴 배경 바탕막*/
.shop_page_cover02{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(0,0,0,0.5); z-index:989; min-height:999999px;}
/*shop 모바일,태블릿/1차 2차 카테고리  메뉴 common*/
.shop_tm_gnb_wrap{display:block; width:90%; height:100%; position:fixed; top:0px; right:-100%; z-index:999; overflow-y:auto;  background-color:#fafafa;}
/*shop_tm_member_menu*/
.shop_tm_member_menu{padding:20px 45px 10px 10px; display:flex; flex-wrap:wrap; gap:5px 6px; background-color:#fafafa; }
.shop_tm_member_menu>li>a{display:block; color:#1a1a1a; font-weight:500; padding:2px 10px; font-size:15px; border-radius:3px; border:1px solid #d9d9d9;}
.shop_tm_member_menu>li>a:hover{border-color:#1a1a1a;}
/*shop_tm_products_list*/
.shop_tm_products_list_wrap{padding:30px 45px 30px 10px; background-color:#ffffff;}
.shop_tm_products_list_wrap h3{ color:#1a1a1a; font-size:18px;  }
.shop_tm_products_list{display:flex; flex-wrap:wrap; align-items:start; gap:30px 20px; margin-top:20px;}
.shop_tm_products_list>li{width:calc(25% - 15px);}
.shop_tm_products_list>li>a{display:flex; flex-direction:column; row-gap:8px; align-items:center;}
.shop_tm_products_img{width:60px; padding:10px; background-color:#fff5f2;}
.shop_tm_products_list>li:hover img.img{display:none;}
.shop_tm_products_list>li:hover img.img_hover{display:block;}
.shop_tm_products_list>li:hover a{color:#ff4000;}
.shop_tm_gnb{padding:30px 45px 30px 10px; display:flex; flex-wrap:wrap; align-items:start; row-gap:20px;}
.shop_tm_gnb>li{padding:0 20px; line-height:1.0; border-left:1px solid #d9d9d9;}
.shop_tm_gnb>li>a{display:block; color:#1a1a1a;}
.shop_tm_gnb>li>a:hover{color:#ff4000;}
.shop_tm_gnb>li.tm_sourcing>a>*,.shop_tm_gnb>li.tm_best>a>*{display:inline-block; vertical-align:middle; color:#ff4000;}
.shop_tm_gnb>li.tm_odm>a>*{display:inline-block; vertical-align:middle; color:#bc8136;}
.shop_tm_gnb>li.tm_sourcing>a img,.shop_tm_gnb>li.tm_best>a img{width:11px; margin-right:3px;}
.shop_tm_gnb>li.tm_odm>a img{width:14px; margin-right:3px;}

/*태블릿/모바일용 검색 창 tm_header_search_form_wrap*/
.tm_header_search_form_wrap{position:absolute; left:0; top:64px; width:100%; padding:15px 10px; display:none;}
.tm_header_search_form{border:2px solid #ff4000; border-radius:5px; display:flex; flex-wrap:wrap; align-items:center; background-color:#ffffff; }
/*태블릿/모바일용 검색 카테고리 선택*/
.tm_header_search_select{width:156px; position:relative;}
.tm_header_search_select>div{cursor:pointer; color:#1a1a1a; text-align:center; position:relative; padding:11px 20px 12px 10px;}
.tm_header_search_select>div span{width:14px; height:14px; display:block; position:absolute; right:10px; top:14px; overflow:hidden;}
.tm_header_search_select>div span:before{content:''; height:8px; width:8px; display:block; border:1px solid #c0c4cc; border-right-width:0; border-top-width:0;
		position:absolute; top:2px; left:2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);  -webkit-transition:All .3s; transition:All .3s;}
.tm_header_search_select.open>div span:before{transform:rotate(-225deg); top:6px;}
.tm_header_search_select_list{display:none; position:absolute; left:0; top:50px; width:100%; z-index:650; border:1px solid #e4e7ed; border-radius:5px;
		background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.2); padding:4px 0;}
.tm_header_search_select_list:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-bottom-color:#ffffff; position:absolute; top:-10px;
		left:50%; margin-left:-5px;}
.tm_header_search_select_list>li{position:relative; text-align:center; color: #606266; padding:6px 30px 6px 5px; cursor:pointer;}
.tm_header_search_select_list>li div{display:block; width:30px; height:30px; position:absolute; right:0; top:2px; cursor:pointer;
		background:url("../images/shop_common/support_icon02.png")no-repeat center center;}
.tm_header_search_select_list p{display:none; background-color:#303133; color:#ffffff; width:300px; padding:10px; font-size:12px; line-height:1.4; border-radius:5px;
		text-align:left; position:absolute; left:27px; top:50%; box-shadow:0 0 5px rgba(0,0,0,0.2); -ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%); transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);}
.tm_header_search_select_list p:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-right-color:#303133; position:absolute; top:50%;
		left:-10px; -ms-transform:translate(0,-50%); 	-o-transform:translate(0,-50%); transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  
		-moz-transform:translate(0,-50%);}
.tm_header_search_select_list>li:hover{background-color:#f5f5f5;}
.tm_header_search_select_list>li div:hover p{display:block;}
/*검색 입력창*/
.tm_header_search_input{width:calc(100% - 156px); display:flex; align-items:center; column-gap:7px; }
.tm_header_search_input input[type=search]{width:calc(100% - 89px); padding:0 10px; border:none; border-left:1px solid #c0c4cc;}
/*인기검색순위 창*/
#tm_header_retrieval_ranking_box{display:none; width:calc(100% - 20px); padding:15px 15px; z-index:600; position:absolute; left:10px; top:70px; 
		background-color:#ffffff; border-radius:10px; border:1px solid #d9d9d9;}/*box-shadow:0 0 5px rgba(0,0,0,0.2);*/
.tm_header_retrieval_ranking_title h2{color:#1a1a1a; margin-bottom:16px; padding-left:20px; background:url("../images/shop_common/hit_icon.png")no-repeat 0 0; 
		background-size:15px auto;}
.tm_header_retrieval_ranking_list>li{line-height:18px; cursor:pointer; display:flex; align-items:start; column-gap:5px; padding:5px 5px 5px 5px;}
.tm_header_retrieval_ranking_list>li:hover{background-color:#f6f6f6; color:#ff4000;}
.tm_header_retrieval_ranking_list>li b{width:18px; font-size:15px;}    
.tm_header_retrieval_ranking_list>li strong{font-weight:400; width:calc(100% - 18px);}
.btn_tm_header_refresh{position:absolute; right:10px; top:10px; width:30px; height:30px; border:none; font-size:0;
		background:transparent url("../images/shop_common/refresh_icon.png")no-repeat center center; background-size:22px auto;}

/*이미지 업로드/버튼*/
.tm_header_search_input .btn_tm_img_upload{width:30px; height:46px; background:#ffffff url("../images/shop_common/file_add.png")no-repeat center center; 
		font-size:0;  border:none; }
#tm_header_img_upload_box{display:none; width:calc(100% - 20px); background-color:#ffffff; border-radius:4px; border:1px solid #d9d9d9; padding:12px; 
		z-index:650; color:#606266; line-height:1.4; position:absolute; left:10px; top:70px; }
.tm_header_img_upload_box_title{color: #303133; line-height:1; margin-bottom:12px;}
.tm_header_img_upload_container{padding:15px; background-color:#f6f6f6; border:1px dashed #d9d9d9; border-radius:4px;}
.tm_header_img_upload_container:hover{background-color:#fff5f2; border-color:#ff4000;}
#TmFileUpload{width:100%; height:150px; text-align:center; cursor:pointer; color:#606266;}
.tm_header_img_upload button{background-color:#ff4000; color:#ffffff; border:1px solid #ff4000; font-weight:500; padding:12px 20px; border-radius:4px; 
		line-height:1.0; margin-top:40px; margin-bottom:10px;}
.tm_header_img_search_container{margin-top:5px; padding-top:16px; border-top:1px dashed #d9d9d9; display:flex; align-items:center; column-gap:5px; }
.tm_header_img_search_container input[type=text]{width:calc(100% - 55px); line-height:1.0; border:1px solid #dcdfe6; color:#606266; padding:8px 10px;}
.btn_tm_header_img_search{background-color:#ffffff; border:1px solid #dcdfe6; color:#606266; text-align:center; font-weight:500; padding:10px 10px; 
		border-radius:4px; width:50px;}
.btn_tm_header_img_search:hover{color:#ff4000; border-color:#ff4000; background-color:rgba(255, 64, 0, .09);}

/*검색 버튼*/
.tm_header_search_input .btn_tm_header_search{width:45px; height:46px; background-color:#ff4000; border-radius:0 2px 2px 0;} 
.tm_header_search_input .btn_tm_header_search .tm_search_icon:before{border-color:#ffffff;  left:10px; top:10px;}
.tm_header_search_input .btn_tm_header_search .tm_search_icon:after{background-color:#ffffff; left:26px; top:30px; }

/*태블릿/모바일용 shop_header_wrap02 1300px 이하 스크롤 내렸을때*/
.shop_header_wrap02.header_up02{ position:fixed; top:0; left:0; z-index:500; box-shadow:1px 1px 4px rgba(0,0,0,0.4); }
.shop_header_wrap02.header_up02 .shop_tm_top{padding:10px;  }
.shop_header_wrap02.header_up02 .tm_header_search_form_wrap{top:54px;}


/*1400이하 */
@media screen and (max-width:1400px){

/*shop_header_wrap01  PC / 가로 1301px 이상 common*/
.shop_header_wrap01{min-width:1300px;}


}/*1400이하 끝*/

/*1300이하 */
@media screen and (max-width:1300px){

/*header*/
.shop_header_wrap01{display:none;}
.shop_header_wrap02{display:block;}


}/*1300이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){


}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*태블릿/모바일용 shop_header_wrap02 1300px 이하*/
/*shop_tm_products_list*/
.shop_tm_products_list_wrap{padding:30px 15px 30px 10px;}
.shop_tm_products_list{gap:20px 2%;}
.shop_tm_products_list>li{width:32%;}





}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){



/*common 장바구니 리스트 팝업*/
.common_cart_pop_up{width:300px; font-size:13px; z-index:980;}
.common_cart_header{padding:15px 15px 20px;}
.common_cart_header>h3{font-size:15px;}
/*장바구니에 제품이 없는 경우*/
.common_no_cart_list{height:100%; max-height:450px; min-height:250px; padding:10px 10px 10px;} 
/*장바구니에 제품이 있는 경우*/
.common_products_cart_list{height:100%; max-height:450px; padding:15px 10px 0;}
.common_cart_list>li{column-gap:8px;}
.common_check{width:12px;}
.common_check input[type=checkbox]+label{width:12px; height:12px; padding-left:12px;  background-size:12px auto;} 
input[type=checkbox]:checked+label{background-size:12px auto;}
.common_cart_products_info_wrap{width:calc(100% - 20px);}
.common_cart_products_img{width:70px;}
.common_cart_products_info{width:calc(100% - 80px);}
.common_cart_products_option{font-size:11px;}
.common_cart_products_select_wrap .common_price{font-size:14px;}
/*common_cart_bottom*/
.common_cart_bottom .btn_common_cart_close{font-size:13px;}


/*태블릿/모바일용 shop_header_wrap02 1300px 이하*/
.shop_header_wrap02 .shop_util_menu{column-gap:5px;}
/*shop_tm_member_menu*/
.shop_tm_member_menu>li>a{font-size:14px;}
/*shop_tm_products_list*/
.shop_tm_products_list_wrap{padding:20px 15px 20px 10px;}
.shop_tm_products_list_wrap h3{font-size:15px;  }
.shop_tm_products_list>li{font-size:12px; line-height:1.4; }
.shop_tm_products_img{width:40px;}
.shop_tm_gnb>li{padding:0 12px; font-size:12px; }
/*태블릿/모바일용 검색 창 tm_header_search_form_wrap*/
/*태블릿/모바일용 검색 카테고리 선택*/
.tm_header_search_select{width:120px; font-size:13px; letter-spacing:-1px;} 
.tm_header_search_select>div{padding:11px 20px 12px 5px;}
.tm_header_search_select>div span{right:6px;}
.tm_header_search_select_list>li{padding:6px 30px 6px 2px;}
.tm_header_search_select_list p{width:150px;} 
/*검색 입력창*/
.tm_header_search_input{width:calc(100% - 120px); column-gap:5px; }
.tm_header_search_input input[type=search]{width:calc(100% - 85px); padding:0 5px; font-size:13px; border:none; border-left:1px solid #c0c4cc;}
/*인기검색순위 창*/
#tm_header_retrieval_ranking_box{font-size:13px;}
.tm_header_retrieval_ranking_list>li b{font-size:14px;}
/*이미지 업로드/버튼*/
#tm_header_img_upload_box{font-size:13px;}
.tm_header_img_upload button{font-size:13px;}
.tm_header_img_search_container input[type=text]{font-size:13px;}
.btn_tm_header_img_search{font-size:13px; padding:9px 10px 10px;}

}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){




}/*420이하 끝*/