@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');

/* reset */
body {
	font-family:'Montserrat','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;		
	font-weight:400;
	font-size:14px;
	line-height:1.6;
	color:#555555;	
	margin:0;
	padding:0;	
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility;
}

button{cursor:pointer; font-family:inherit; font-size:14px; line-height:1.0;}
button:focus{outline:none;}

textarea{font-family:inherit;}
textarea:focus{outline:none;}

input{ font-family:inherit;}
input:focus{outline:none;}
input[type=text]{border:1px solid #aaaaaa; background-color:#ffffff; font-size:14px; width:100%; padding:10px; letter-spacing:-1px; border-radius:4px; line-height:1.0;}
input[type=password]{border:1px solid #aaaaaa; background-color:#ffffff; font-size:14px; width:100%; padding:10px; letter-spacing:-1px; border-radius:4px;}
input[type=file]{font-family:inherit;}
input[type=search]{font-size:14px; background-color:#ffffff; letter-spacing:-1px; line-height:1.0; }
/*input[type=checkbox]*/
input[type=checkbox]{display:none !important;}
input[type=checkbox]+label{cursor:pointer; display:inline-block; width:16px; height:16px; padding-left:16px; 
		background:url("../images/shop_common/check.png")no-repeat center center; background-size:16px auto;} 
input[type=checkbox]:checked+label{background-image:url("../images/shop_common/check_on.png"); background-size:16px auto;}
/*input[type=radio]*/
input[type=radio]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
input[type=radio] + label{ display:inline-block; position:relative; padding-left:26px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; 
		-ms-user-select:none; }
input[type=radio] + label:before{content: ''; position:absolute; left:0; top:3px; width:20px; height:20px; text-align:center; background-color:#ffffff; 
		border:1px solid #afafaf; border-radius:50%;}
input[type=radio]:checked + label:after{content: ''; position:absolute; top:7px; left:4px; width:12px; height:12px; background-color:#ff4000; border-radius:50%;}

input::placeholder{color:#c0c4cc; }
input::-webkit-input-placeholder {color:#c0c4cc; }
input:-ms-input-placeholder {color:#c0c4cc; }

iframe{border:none; vertical-align:top; font-family:inherit;}

select{background-color:#ffffff; font-family:inherit; }
select:focus{outline:none;}

fieldset{border:none;}

legend{font-size:0; height:0; width:0;}

img{border:none;}

br{letter-spacing:0; font-family:NanumGothic,'나눔고딕', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}

th,strong, b, h1, h2, h3, h4, h5, h6{font-weight:500;}
em,i,address{font-style:normal;}
a{text-decoration:none; color:#555555;}
*{box-sizing:border-box;}
*:before,*:after{box-sizing:border-box;}

/***layout***/
.wrap{width:100%; height:100%; min-width:1400px; font-family:'Montserrat','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	}
header{width:100%;}
main{width:100%; background:#f6f6f6;}
footer{width:100%; padding:40px 0 80px; background-color:#ffffff; border-top:1px solid #cccccc; font-size:15px;}

/***common***/
.wrap img{display:block; max-width:100%; vertical-align:top;}
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content:''; zoom:1; display:block; clear:both;}
.inner{width:1400px; padding:0 10px; margin:0 auto;}
.shop_container{padding:18px 0 70px;}

/*page_cover*/
.shop_page_cover{display:none; width:100%; height:100%; position:fixed; top:0px; left:0; bottom:0; right:0; background-color: rgba(0,0,0,0.4); z-index:600;}

/*img 사이즈*/
.wrap .pc_img{display:block;}
.wrap .mobile_img{display:none;}

/*button*/
.btn>*{vertical-align:middle;}

/*shop_main_button_box*/
.shop_main_button_box button{color:#ff4000; border:none; background-color:#ffffff; box-shadow:0 0 4px rgba(0, 0, 0, 0.1); border-radius:4px; line-height:28px;
		padding:0px 6px 0px 30px; background-repeat:no-repeat; background-position:5px center; background-size:20px auto;}
button.shop_button_cart{background-image:url("../images/shop_common/cart_icon02.png");}
button.shop_button_search{background-image:url("../images/shop_common/products_search_icon.png");}

/*닫기*/
.btn_close{font-size:0; overflow:hidden; width:40px; height:40px; padding:0; position:relative; background-color:transparent; border:none;}
.btn_close:before,.btn_close:after{content:''; display:block; width:16px; height:2px; background-color:#000000; position:absolute; top:19px; left:14px; 
		transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); 
		border-radius:10px;}
.btn_close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);}

/*products_arrow_control_box  swiper-button-prev,swiper-button-next*/
.products_arrow_control_box .swiper-button-prev,.products_arrow_control_box .swiper-button-next{width:28px; height:28px; background-color:rgba(255,255,255,0.9);
		border-radius:50%;  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);  -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; 
		transition:all 0.5s ease;}
.products_arrow_control_box .swiper-button-prev:after,.products_arrow_control_box .swiper-button-next:after{ font-size:0; content:''; height:8px; width:8px; display:block; 
		border:2px solid #ff4000;}
.products_arrow_control_box .swiper-button-prev:after{border-right-width:0; border-bottom-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:10px; left:11px;} 
.products_arrow_control_box .swiper-button-next:after{border-left-width:0; border-top-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); 
		-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; top:10px; right:11px;}

/*products_arrow_control_thumbs swiper-button-prev,swiper-button-next*/
.products_arrow_control_thumbs .swiper-button-prev,.products_arrow_control_thumbs .swiper-button-next{position:absolute; top:0; bottom:0; z-index:20;
    width:20px; height:100%; background-color:rgba(0, 0, 0, 0.4); margin-top:0;}
.products_arrow_control_thumbs .swiper-button-prev{left:0; border-radius:3px 0 0 3px;}
.products_arrow_control_thumbs .swiper-button-next{right:0; border-radius:0 3px 3px 0;}
.products_arrow_control_thumbs .swiper-button-prev:after,.products_arrow_control_thumbs .swiper-button-next:after{ font-size:0; content:''; height:10px; width:10px; 
		display:block; border:1px solid #ffffff; position:absolute; top:50%; margin-top:-7px;}
.products_arrow_control_thumbs .swiper-button-prev:after{border-right-width:0; border-bottom-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);  left:8px;} 
.products_arrow_control_thumbs .swiper-button-next:after{border-left-width:0; border-top-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); 
		-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); right:8px;}

/*검색 아이콘*/
.search_icon{display:inline-block; width:20px; height:20px; position:relative; margin-right:5px;}
.search_icon:before{content:''; width:15px; height:15px; display:block; border-radius:50%; border:2px solid #ffffff; position:absolute; left:0; 	top:0;}
.search_icon:after{content:''; width:7px; height:2px; display:block; border-radius:2px; background-color:#ffffff; position:absolute; left:12px; top:14px; 
		transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); -ms-transform:rotate(45deg);}
/*모바일 검색 아이콘**/
.btn_tm_header_search{width:26px; height:26px; font-size:0; text-indent:-999999px; overflow:hidden; border:none; background-color:transparent; padding:0;} 
.tm_search_icon{display:block; width:100%; height:100%; position:relative; }
.tm_search_icon:before{content:''; width:22px; height:22px; display:block; border-radius:50%; border:2px solid #444444; position:absolute; left:0; top:0;}
.tm_search_icon:after{content:''; width:8px; height:2px; display:block; border-radius:2px; background-color:#444444; position:absolute; left:18px; top:20px; 
		transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); -ms-transform:rotate(45deg);}

/*top icon*/
/* 베스트 랭킹*/
.ranking_top_icon{width:24px; height:24px; color:#ffffff; text-align:center; font-size:9px; position:relative; padding-top:2px;}
.ranking_top_icon:before{content:''; width:0; height:0; display:block; border-top:8px solid #fe0000; border-left:12px solid transparent;
      border-right:12px solid transparent; position:absolute; left:0; top:24px;}
.ranking_top_icon:after{width:100%; font-weight:500; color:#ffffff; text-align:center; font-size:13px; position:absolute; left:0; bottom:-2px; line-height:1.0;}
.big.ranking_top_icon.one{width:40px; height:40px; font-size:12px; font-weight:500; padding-top:4px;}
.big.ranking_top_icon.one:before{border-top:12px solid #fe0000; border-left:20px solid transparent; border-right:20px solid transparent; top:40px;}
.big.ranking_top_icon.one:after{font-size:18px; font-weight:600; bottom:0; }
.ranking_top_icon.one{background-color:#fe0000;}
.ranking_top_icon.one:before{ border-top-color:#fe0000;}
.ranking_top_icon.one:after{content:'01';}
.ranking_top_icon.two{background-color:#ff5b00;}
.ranking_top_icon.two:before{ border-top-color:#ff5b00;}
.ranking_top_icon.two:after{content:'02';}
.ranking_top_icon.three{background-color:#ffc31d;}
.ranking_top_icon.three:before{ border-top-color:#ffc31d;}
.ranking_top_icon.three:after{content:'03';}
.ranking_icon{width:24px; height:24px; font-size:13px;  line-height:24px; font-weight:500; color:#ffffff; background-color:#989397; border-radius:3px; text-align:center;}

/* 베스트 랭킹*/
.ranking_best_icon{display:flex; align-items:center; color:#ffffff; z-index:1; column-gap:5px; padding:7px 11px; line-height:1.0; font-size:15px; border-radius:8px 0 8px 0;}
.ranking_best_icon img{width:20px;}
.ranking_best_icon.one{background:linear-gradient(120deg, #ff6b3d, #ff4102); border-bottom:2px solid #ff4000;}
.ranking_best_icon.two{background:linear-gradient(120deg, #abafcc, #7381ac); border-bottom:2px solid #707faa; }
.ranking_best_icon.three{background:linear-gradient(120deg, #fea367, #d9794a); border-bottom:2px solid #d77848; }

/*태그*/
.basic_tag{display:inline-block; vertical-align:top; background-color:#ff4000; color:#ffffff; width:30px; height:14px; font-size:11px; border-radius:2px; 
		position:relative;}
.basic_tag:before{content:'1688'; display:block; width:100%; text-align:center; position:absolute; left:0; top:0; line-height:14px; }

.basic_tag02{display:inline-block; vertical-align:top; color:#ffffff; width:30px; height:14px; font-size:11px; border-radius:2px; position:relative;
		 background:linear-gradient(to left, #cc7141, #ed9f60);}
.basic_tag02:before{content:'1688'; display:block; width:100%; text-align:center; position:absolute; left:0; top:0; line-height:14px; }

.basic_tag03{display:inline-block; vertical-align:top; background-color:#ff4000; color:#ffffff; width:32px; height:16px; font-size:12px; border-radius:2px; 
		position:relative;}
.basic_tag03:before{content:'1688'; display:block; width:100%; text-align:center; position:absolute; left:0; top:0; line-height:16px; }

.plus_tag{display:inline-block; vertical-align:top; background-color:#222025; color:#fed7b6; width:32px; height:14px; font-size:11px; border-radius:2px; 
		position:relative;}
.plus_tag:before{content:'PLUS'; display:block; width:100%; text-align:center; position:absolute; left:0; top:0;  line-height:14px;}

.plus_tag02{display:inline-block; vertical-align:top; background-color:#222025; color:#fed7b6; width:36px; height:16px; font-size:12px; border-radius:2px; 
		position:relative;}
.plus_tag02:before{content:'PLUS'; display:block; width:100%; text-align:center; position:absolute; left:0; top:0;  line-height:16px;}

/*마우스 hover시 이미지 변경*/
div.img_box img.img_hover{display:none;}
div.img_box:hover img.img{display:none;}
div.img_box:hover img.img_hover{display:block;}

/*img_popup*/
.img_popup{display:none; z-index:500; width:100%; height:100vh; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.6);}
.img_popup button{position:absolute; right:0; top:0; background:transparent; border:0; color:#000000; font-size:28px; line-height:1.0; margin:0; }
.img_popup .imgBox{position:relative; top:30%; left:50%; background-color:#ffffff; width:80%; max-width:600px; height:auto; max-height:90%; overflow-y:auto;
		transform:translate(-50%, -30%); -ms-transform:translate(-50%, -30%); -o-transform:translate(-50%, -30%); -webkit-transform:translate(-50%, -30%); 
		-moz-transform:translate(-50%, -30%);}
.img_popup img{width:100%; box-shadow:0 0 10px rgba(0,0,0,0.8);}
.imgContents{cursor:pointer;}

/*shop_main_scroll_link_wrap*/
.shop_main_scroll_link_wrap{position:fixed; top:50%; left:10px; z-index:500; -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); 
		transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);}
.shop_main_scroll_link{width:70px; background-color:#ffffff; border-radius:6px; overflow:hidden; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);}
.shop_main_scroll_link>li>a{color:#000000; width:100%; min-height:50px;  display:flex; align-items:center; justify-content:center; font-size:12px; padding:4px 5px;
		text-align:center; line-height:1.2; position:relative;}
.shop_main_scroll_link>li>a:before{content:''; display:block; width:40px; height:1px; background-color:#e5e5e5; position:absolute; left:15px; bottom:0;}
.shop_main_scroll_link>li>a:hover{ background-color:#ffece6; color:#ff4000;}

/*quick menu*/
.common_quick_menu_wrap{position:fixed; top:50%; right:10px; z-index:340; -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); 
		transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);}
.common_quick_menu_list{width:60px; background-color:#ffffff; border-radius:6px; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);}/*overflow:hidden; */
.common_quick_menu_list>li{cursor:pointer; position:relative; min-height:50px;}
.common_quick_menu_list>li>a{display:block; width:100%;}
.common_quick_menu_title{position:absolute; right:0; top:0; width:100%; height:50px; display:flex; align-items:center; flex-direction:row-reverse; font-size:15px;
		border-radius:6px; overflow:hidden; column-gap:10px;}
.common_quick_menu_title .img_box{width:60px; height:100%; display:flex; align-items:center;  justify-content:center; } 
.common_quick_menu_title .img_box img{width:26px;}
.common_quick_menu_title .hide_box{display:none; color:#ffffff;  width:70px; text-align:right;}
.common_quick_menu_list>li:hover img.img{display:none;}
.common_quick_menu_list>li:hover img.img_hover{display:block;} 
.common_quick_menu_list>li:hover .common_quick_menu_title{background-color:#ff4000; width:auto; }
.common_quick_menu_list>li:hover .hide_box{display:block;} 
/*quick menu 대표번호*/
.representative_phone_box_wrap{display:none; position:absolute; left:-300px; top:0; width:300px;} 
.common_quick_menu_list>li.representative_phone_wrap:hover .representative_phone_box_wrap{display:block;}
.representative_phone_box{width:290px; padding:20px; border-radius:6px; background-color:#ffffff; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);}
.representative_phone_box:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-left-color:#ffffff;
		position:absolute; left:290px; top:25px;}
.representative_phone_box>li{display:flex; align-items:center;  font-size:15px; line-height:1.4;}
.representative_phone_box>li+li{margin-top:20px;}
.representative_phone_box>li .contact_icon_box{width:46px; height:46px; border-radius:4px; display:flex; align-items:center; justify-content:center; 
		background:radial-gradient(#fffefd, #fff7f4, #fdd9ce);}
.representative_phone_box>li dl{margin-left:15px;}
.representative_phone_box>li dt{color:#212529;}
.representative_phone_box>li dd{color:#ff4000;}
.representative_phone_box>li .btn_copy{background-color:transparent; border:none; margin-left:2px; margin-top:20px; padding:2px 3px; width:18px;}

/*계산기 팝업*/
.quick_calculator_popup{display:none; width:calc(100% - 20px); max-width:calc(1000px - 20px); max-height:96%; position:fixed; top:50%; left:50%; z-index:650; 
		background:#fff0e9 url("../images/shop/bg_calculator.png")no-repeat 98% 15px; overflow-y:auto; letter-spacing:-1px; padding:30px; border-radius:10px;   
		-ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  
		-moz-transform:translate(-50%,-50%); box-shadow:2px 2px 5px rgba(0,0,0,0.4);}
.quick_calculator_popup_title{font-size:18px; color:#323842; padding-right:300px;}
.quick_calculator_popup_title>h2{line-height:1.0; margin-bottom:20px; font-size:32px; font-weight:700; color:#ff4000;}
.quick_calculator_popup_form_wrap{margin-top:20px; background-color:#ffffff; border-radius:8px; padding:30px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.quick_calculator_popup_form_wrap>p{font-size:17px; font-weight:700; color:#1a1a1a; margin-bottom:20px; line-height:1.0;}
.quick_calculator_popup_input_list{display:flex; flex-wrap:wrap; gap:30px;}
.quick_calculator_popup_input_list>li{width:calc(33.33333% - 20px);}
.quick_calculator_popup_input_list>li p{color:#cccccc;}
.quick_calculator_popup_input_list>li dt{color:#1a1a1a; margin-bottom:12px;}
.quick_calculator_popup_input_list>li dt span{color:#ff4000;}
/*input[type=text]*/
.quick_calculator_popup_input_list input[type=text]{font-size:13px; padding:7px; border-color:#dcdfe6}
.quick_calculator_popup_input_list input[type=text]:focus{border-color:#ff4000;}
.quick_calculator_popup_input_list .input_value{display:flex;} 
.quick_calculator_popup_input_list .input_value input[type=text]{width:calc(100% - 70px); border-radius:4px 0 0 4px;}
.quick_calculator_popup_input_list .numbe_boxes{display:flex; align-items:center; column-gap:7px;}
.quick_calculator_popup_input_list .numbe_boxes input[type=text]{width:calc(100% - 53px);}
/*단위선택탭*/
.quick_calculator_popup_input_list .unit_select_tab{width:70px; font-size:13px; position:relative;} 
.quick_calculator_popup_input_list .unit_select_tab>div{background-color:#e8e8e8; border-radius:0 4px 4px 0; color:#909399; border:1px solid #dcdfe6; 
		line-height:30px; padding:0 5px; text-align:center; border-left:none;}
.quick_calculator_popup_input_list .unit_select_tab01>div,.quick_calculator_popup_input_list .unit_select_tab02>div{cursor:pointer; }
.quick_calculator_popup_input_list .unit_select_tab01>div>span,.quick_calculator_popup_input_list .unit_select_tab02>div>span{display:inline-block; vertical-align:middle;
		width:14px; height:14px; position:relative; margin-left:8px;}
.quick_calculator_popup_input_list .unit_select_tab01>div>span:before,.quick_calculator_popup_input_list .unit_select_tab02>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:0; 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;}
.quick_calculator_popup_input_list .unit_select_tab01.open>div>span:before,.quick_calculator_popup_input_list .unit_select_tab02.open>div>span:before{
		transform:rotate(-225deg); top:4px;}
.quick_calculator_popup_input_list .unit_select_tab>ul{display:none; width:100%; position:absolute; left:0; top:34px; background-color:#ffffff; border-radius:4px; 
		box-shadow:0 0 5px rgba(0,0,0,0.2); z-index:400; text-align:center; padding:5px 0;}
.quick_calculator_popup_input_list .unit_select_tab>ul: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); }
.quick_calculator_popup_input_list .unit_select_tab>ul>li{padding:2px 0; cursor:pointer;}
.quick_calculator_popup_input_list .unit_select_tab>ul>li+li{margin-top:2px;}
.quick_calculator_popup_input_list .unit_select_tab>ul>li:hover{font-weight:500; color:#ff4000;}
/*btn_calculator_wrap*/
.btn_calculator_wrap{margin-top:30px; font-size:0;}
.btn_calculator_wrap button{ padding:12px 10px; font-size:16px; border-radius:4px; border:none; font-weight:500;}
.btn_calculator_wrap button.btn_result_calculator{background-color:#ff4000; color:#ffffff; width:66%;}
.btn_calculator_wrap button.btn_reset{color:#bc8136; background-color:#ffe6c1; width:calc(34% - 30px); margin-left:30px;}
/*btn_popup_close*/
.btn_popup_close{position:absolute; right:0; top:0;}

/*계산기 결과값 팝업*/
.quick_calculator_result_popup{display:none; width:calc(100% - 20px); max-width:calc(1000px - 20px); max-height:96%; position:fixed; top:50%; left:50%; z-index:700; 
		background-color:#f5f5f5; letter-spacing:-1px; -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); 
		-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); box-shadow:2px 2px 5px rgba(0,0,0,0.4);}/*display:none;*/
.calculator_result_value_wrap{ display:flex; padding:20px; background-color:#ffffff; text-align:center;}
.calculator_result_value_wrap>dl{width:50%; display:flex; flex-direction:column-reverse; row-gap:18px; line-height:1.0; padding:0 10px; position:relative;}
.calculator_result_value_wrap>dl+dl:before{content:''; display:block; width:1px; height:40px; background-color:#e8e8e8; position:absolute; left:0; top:50%;
		margin-top:-20px;}
.calculator_result_value_wrap>dl dt{color:#1a1a1a;}
.calculator_result_value_wrap>dl dd{color:#ff4000; font-size:20px; }
.calculator_result_value_wrap>dl dd span{font-size:38px; }
.calculator_result_contents_wrap{padding:20px 10px 20px 20px; height:550px; overflow-y:auto;}
.calculator_result_list_wrap{padding:20px; background-color:#ffffff; border-radius:8px;}
.calculator_result_list_wrap+div{margin-top:20px;}
.calculator_result_list_wrap>*+*{margin-top:20px;}
.calculator_result_title{display:flex; justify-content:space-between; align-items:center; line-height:1.0; gap:5px 10px; color:#666666; margin-bottom:12px;}
.calculator_result_title>h3{font-weight:700; color:#1a1a1a;}
.calculator_result_table{width:100%; overflow-x:auto; padding-bottom:5px;}
.calculator_result_table.calculator_result_table03{padding-bottom:20px;}
.calculator_result_table table{width:100%; word-break:keep-all; table-layout:auto; border-collapse:collapse; border-spacing:0; line-height:1.4; background-color:#f5f5f5; 
		color:#333333; text-align:center;}
.calculator_result_table th{padding:10px 10px;}
.calculator_result_table td{padding:10px 10px;}
.calculator_result_table table tr:nth-child(2n) th,.calculator_result_table table tr:nth-child(2n) td{ background-color:#ffffff;}
.calculator_result_table .article{text-align:left; padding-left:15px;}
.calculator_result_table .note{text-align:right; padding-right:15px;}
.calculator_result_table .article>*{display:inline-block; vertical-align:middle;}
.calculator_result_table .article>div{position:relative; cursor:pointer;}
.calculator_result_table .article p{display:none; position:absolute; left:20px; top:50%; font-weight:400; font-size:13px; background-color:#ffffff; border-radius:5px; 
		box-shadow:0 0 5px rgba(0,0,0,0.2); padding:8px 10px; z-index:400; min-width:150px; -ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%); transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);}
.calculator_result_table.calculator_result_table03 .article p{min-width:190px;} 
.calculator_result_table .article p:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-right-color:#ffffff; 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%);}
.calculator_result_table .article>div:hover p{display:block;}
.calculator_result_list_wrap .reference_list{padding:12px 15px 12px 15px; background-color:#fff7e6; color:#e6a23c; border-radius:5px;}
.calculator_result_list_wrap .reference_list>li{padding-left:10px; position:relative; line-height:1.4;}
.calculator_result_list_wrap .reference_list>li+li{margin-top:5px;}
.calculator_result_list_wrap .reference_list>li:before{content:'*'; display:block; position:absolute; left:0; top:0;}
/*calculator_result_etc_wrap*/
.calculator_result_etc_wrap{padding:15px 20px 20px; display:flex; justify-content:space-between; align-items:center; gap:5px 10px; background-color:#ffffff;}
.calculator_result_etc_wrap button{background-color:#ffffff; border:none;}
.calculator_result_etc_wrap button>*{display:inline-block; vertical-align:middle;}
.calculator_result_etc_wrap button>span{position:relative; width:12px; height:12px;}
.calculator_result_etc_wrap button.btn_prev{ color:#2c3e50;  font-size:14px;}
.calculator_result_etc_wrap button span:before{content:''; height:8px; width:8px; display:block; border:1px solid #2c3e50; border-right-width:0; border-bottom-width:0;
		position:absolute; right:2px; top:1px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.calculator_result_etc_wrap button.btn_download{border:1px solid #dcdfe6; color:#606266; padding:9px 15px; font-size:12px; border-radius:3px; font-weight:500;
		-webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.calculator_result_etc_wrap button.btn_download:hover{color:#ff4000; border-color:#ff4000; background-color:rgba(255,64,0,0.09);}

/*quick_cart_pop_up*/
.quick_cart_pop_up{display:none; position:absolute; left:-380px; top:-100px;}
.quick_cart_pop_up:before{content:''; display:block; width:0; height:0; border:5px solid transparent; border-left-color:#ffffff; position:absolute; 
		left:100%; top:120px;}

/*common_add_kakao*/
.common_add_kakao{width:60px; height:50px; background-color:#ffe600; border-radius:6px; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2); margin-top:10px;}
.common_add_kakao>a{display:flex; flex-direction:column; align-items:center;  justify-content:center; width:100%; height:100%; font-size:11px;}

/*popular_search_word_wrap*/
.common_popular_search_word_wrap{position:fixed; top:50%; left:10px; z-index:340; -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); 
		transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);}
/*btn_popular_search_menu*/
.btn_popular_search_menu{cursor:pointer; width:30px; height:50px; position:absolute; right:-30px; top:50%; font-size:0; background-color:#ffffff; 
		border-radius:0 6px 6px 0; -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform: translate(0,-50%); -webkit-transform:translate(0,-50%);  
		-moz-transform:translate(0,-50%); }
.btn_popular_search_menu:before{content:''; height:14px; width:14px; display:block; border:2px solid #ff4000; border-left-width:0; border-top-width:0;
		position:absolute; top:17px; left:10px; transform:rotate(-225deg);-webkit-transform:rotate(-225deg); -moz-transform:rotate(-225deg);
		-o-transform:rotate(-225deg);-ms-transform:rotate(-225deg);  -webkit-transition:All .3s; transition:All .3s;}
.common_popular_search_word_wrap.open{left:-220px;}
.common_popular_search_word_wrap.open .btn_popular_search_menu:before{ transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); left:5px;  }
/*popular_search_word_list*/
.popular_search_word_list{width:220px; padding:15px 5px; background-color:#ffffff; border-radius:10px; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);}
.popular_search_word_list>p{font-size:12px; font-weight:700; color:#1a1a1a; margin:0 10px 20px;}
.popular_search_word_list li+li{margin-top:5px;}
.popular_search_word_list li>a{display:flex; align-items:center; width:100%; padding:10px; color:#1a1a1a; border:1px solid transparent; border-radius:4px;
		column-gap:9px;  line-height:1.0;}
.popular_search_word_list li>a p{flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.popular_search_word_list li>a p strong{font-weight:400;}
.popular_search_word_list li .keyword_search02{display:none; align-items:center; column-gap:4px; padding:2px 4px; border-radius:4px;
    box-shadow:0 0 20px 0 rgba(0, 0, 0, .1); color:#ff4000;}
.popular_search_word_list li .keyword_search02>img{width:16px; height:auto;}
.keyword_search02>strong{display:none; font-size:12px; letter-spacing:-1px; font-weight:400;}
.keyword_search02:hover>strong{display:block;}
.popular_search_word_list li>a:hover{border-color:#ff4000; }
.popular_search_word_list li>a:hover .keyword_search02{display:flex;}
/*top_num*/
.top_num{width:24px; height:20px; line-height:20px; font-size:13px; text-align:center; border-radius:4px 0 4px 0; color:#606266; background-color:#e8e8e8;
		font-weight:500;}
.top_num.top_one{color:#ffffff; background:linear-gradient(45deg, #ff6c3d, #ff4203);}
.top_num.top_two{color:#ffffff; background:linear-gradient(45deg, #afb2ce, #7481ac);}
.top_num.top_three{color:#ffffff; background:linear-gradient(45deg, #fda266, #da7a4a);}







/*prev-next 페이지 버튼 공통*/
.prev_next_page{text-align:center; font-size:0; margin-top:50px;}
.prev_next_page>*{display:inline-block; vertical-align:top;}
.prev_next_page>span{margin:0 7px;}
.prev_next_page>span>a{display:inline-block; font-size:14px; padding:2px 7px; }
.prev_next_page>span>a.on{color:#ff4000; font-weight:500;}
.prev_next_page>a.btn_page{width:26px; height:26px; background-position:0 0; background-repeat:no-repeat;}
.prev_next_page>a.first_page{background-image:url("../images/shop_common/btn_first.jpg");}
.prev_next_page>a.prev_page{background-image:url("../images/shop_common/btn_prev.jpg"); margin-left:3px;}
.prev_next_page>a.next_page{background-image:url("../images/shop_common/btn_next.jpg");}
.prev_next_page>a.last_page{background-image:url("../images/shop_common/btn_last.jpg"); margin-left:3px;}


/*footer*/
.company_info_wrap01{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.etc_menu>li{display:inline-block; vertical-align:top; position:relative;  font-size:16px;}
.etc_menu>li+li{margin-left:8px; padding-left:10px; }
.etc_menu>li+li:before{content:''; width:1px; height:12px; display:block; background-color:#aaaaaa; position:absolute; left:0; top:7px;}
.etc_menu>li>a{display:block;}
.etc_menu>li>a:hover{color:#000000; text-decoration:underline;}
.company_info_wrap02{margin-top:25px; display:flex; flex-wrap:wrap; gap:40px 50px;}
.company_info_wrap02>div{width:calc(50% - 25px); display:flex; flex-direction:column; row-gap:5px;}
.company_info_wrap02 span,.company_info_wrap02 dd{color:#212529; font-weight:500;}
.company_info_wrap02 dl{display:flex; column-gap:7px;}
.company_info_wrap03{margin-top:40px; }
.company_info_wrap03>div{display:flex; flex-wrap:wrap; gap:20px 40px;}/* justify-content:center; */
.company_info_wrap03>div dl{display:flex; flex-wrap:wrap;  column-gap:5px; color:#212529; font-weight:500; font-size:17px; padding:5px 15px; 
		border-radius:3px; border:1px solid #aaaaaa;}
.company_info_wrap03>div dl dt{display:flex; align-items:center; column-gap:5px;} 
.company_info_wrap03>p{margin-top:25px;} /* text-align:center;*/

/*.top_btn*/
.top_btn{position:fixed; bottom:20px; right:10px; background-color:#ff4000; cursor:pointer; width:40px; height:40px; font-size:0; z-index:250; border-radius:4px;
		box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);}
.top_btn:before{content:''; width:10px; height:10px; display:block; border:2px solid #ffffff; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:16px; top:16px;}


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

/***layout***/
.wrap{min-width:1300px;}

/***common***/
.inner{width:100%;}



}/*1400이하 끝*/

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

/***layout***/
.wrap{min-width:320px;}

/*shop_main_scroll_link_wrap*/
.shop_main_scroll_link_wrap{display:none;}


}/*1300이하 끝*/

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

/***layout***/
footer{font-size:14px;}

/*quick menu*/
.common_quick_menu_wrap{top:auto; right:0; bottom:0; left:0; -ms-transform:translate(0,0); -o-transform:translate(0,0); transform: translate(0,0); 
		-webkit-transform:translate(0,0);  -moz-transform:translate(0,0);}
.common_quick_menu_list{width:100%; display:flex; column-gap:6px; border-radius:0; box-shadow:1px 1px 10px 0 rgba(0, 0, 0, 0.2);}
.common_quick_menu_list>li{min-height:40px; width:calc(16.66666% - 5px);}
.common_quick_menu_title{height:40px; flex-wrap:wrap; border-radius:0;}
.common_quick_menu_title .img_box{width:100%;}
.common_quick_menu_title .hide_box{width:100%; text-align:center; font-size:12px; letter-spacing:-1px;}
.common_quick_menu_list>li:hover .common_quick_menu_title{width:100%;}
.common_quick_menu_list>li:hover .img_box{display:none;}
.common_quick_menu_list>li.representative_phone_wrap:hover .img_box{display:flex;}
.common_quick_menu_list>li:hover .hide_box{display:block;}
/*quick menu 대표번호*/
.representative_phone_box_wrap{left:-95px; top:auto; width:300px; bottom:40px; z-index:380;} 
.representative_phone_box{margin-bottom:10px;}
.representative_phone_box:before{border:5px solid transparent; border-top-color:#ffffff; left:140px; top:auto; bottom:0;}

/*common_add_kakao*/
.common_add_kakao{position:fixed; bottom:120px; right:10px; width:40px; height:40px; border-radius:4px; margin-top:0; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);}
.common_add_kakao>a{font-size:9px;}
.common_add_kakao>a img{width:20px;}

/*계산기 팝업*/
.quick_calculator_popup_title{padding-right:290px;}
.quick_calculator_popup_input_list{ gap:30px 15px;}
.quick_calculator_popup_input_list>li{width:calc(33.33333% - 10px);}
/*btn_calculator_wrap*/
.btn_calculator_wrap button.btn_reset{width:calc(34% - 15px); margin-left:15px;}

/*quick_cart_pop_up*/
.quick_cart_pop_up{ left:-44px; top:auto; bottom:50px;}
.quick_cart_pop_up:before{display:none;}


/*footer*/
.etc_menu>li{font-size:15px;}
.company_info_wrap02>div{width:auto;}
.company_info_wrap03>div dl{font-size:16px;}

/*.top_btn*/
.top_btn{bottom:70px;} 

}/*1024이하 끝*/

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

/*img 사이즈*/
.wrap .pc_img{display:none;}
.wrap .mobile_img{ display:block;}

/*계산기 팝업*/
.quick_calculator_popup{background-size:180px auto;}
.quick_calculator_popup_title{padding-right:120px;}
.quick_calculator_popup_input_list{ gap:30px 12px;}
.quick_calculator_popup_input_list>li{width:calc(50% - 6px);}
/*btn_calculator_wrap*/
.btn_calculator_wrap button.btn_reset{width:calc(34% - 12px); margin-left:12px;}


/*footer*/
.company_info_wrap01{row-gap:20px;}
.company_info_wrap01>*{ width:100%; text-align:center;}
.company_info_wrap01>.f_logo img{margin:0 auto;}
.company_info_wrap02{justify-content:center;}
.company_info_wrap03>div{justify-content:center;}
.company_info_wrap03>p{text-align:center;}

}/*768이하 끝*/

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

/***layout***/
footer{font-size:13px;}

/*shop_main_button_box*/
.shop_main_button_box button{font-size:11px; line-height:22px; background-size:18px auto; padding:0px 4px 0px 26px;}

/*top icon*/
/* 베스트 랭킹*/
.ranking_best_icon{font-size:13px; padding:6px 8px;}
.ranking_best_icon img{width:16px;}


/*계산기 팝업*/
.quick_calculator_popup{background-size:130px auto; padding:25px 20px;}
.quick_calculator_popup_title{font-size:14px; padding-right:100px;}
.quick_calculator_popup_title>h2{font-size:20px; margin-bottom:10px;} 
.quick_calculator_popup_form_wrap{margin-top:15px; padding:15px 10px;}
.quick_calculator_popup_form_wrap>p{font-size:14px; margin-bottom:15px;}
.quick_calculator_popup_input_list{row-gap:15px;}
.quick_calculator_popup_input_list>li{width:100%;}
.quick_calculator_popup_input_list>li dt{margin-bottom:3px; font-size:13px;}
.quick_calculator_popup_input_list>li p{font-size:12px;}
/*btn_calculator_wrap*/
.btn_calculator_wrap{margin-top:20px; font-size:0;}
.btn_calculator_wrap button{ padding:10px 10px; font-size:15px;}
.btn_calculator_wrap button.btn_reset{color:#bc8136; background-color:#ffe6c1; width:calc(34% - 10px); margin-left:10px;}

/*계산기 결과값 팝업*/
.quick_calculator_result_popup{font-size:13px;}
.calculator_result_value_wrap{padding:15px 10px;}
.calculator_result_value_wrap>dl{row-gap:10px;}
.calculator_result_value_wrap>dl dd{font-size:14px; }
.calculator_result_value_wrap>dl dd span{font-size:17px; }
.calculator_result_contents_wrap{padding:15px 10px 20px 15px;} 
.calculator_result_list_wrap{padding:15px 10px;}
.calculator_result_table table{font-size:10px;}
.calculator_result_table th{padding:10px 6px;}
.calculator_result_table td{padding:10px 6px;}
.calculator_result_table .article{padding-left:8px;}
.calculator_result_table .note{padding-right:8px;}
.calculator_result_table .article p{font-size:11px;}
.calculator_result_list_wrap .reference_list{font-size:12px;}
.calculator_result_etc_wrap button.btn_prev{font-size:12px;}


/*prev-next 페이지 버튼 공통*/
.prev_next_page>span{margin:0 5px;}
.prev_next_page>span>a{font-size:13px; padding:2px 5px; }
.prev_next_page>a.btn_page{width:22px; height:22px;}

/*footer*/
.etc_menu>li{font-size:14px;}
.company_info_wrap02 dl{justify-content:center;}
.company_info_wrap03>div dl{font-size:15px;}



}/*600이하 끝*/

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







}/*420이하 끝*/