@charset 'utf-8';

/*  폰트 적용 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,600&display=swap');

html{font-family: "Noto Sans KR", sans-serif; color:#181818;}

/* 노말라이즈 */
body, ul, ol, li, h1, h2, h3, h4, h5, p, figure{margin:0; padding:0; list-style:none;}
a{text-decoration: none; color:inherit;}
address{font-style: normal;}
img{vertical-align: top;}
button{cursor:pointer; padding:0; font-size:inherit;}
*{margin:0; padding:0;}
.cf{}
.cf:after{display: block; clear: both; content:'';}
select{border-radius: 5px !important;}
/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/
/*overflow:hidden; text-overflow: ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;*/
/*@media (max-width: 320px){}*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
body{
    -ms-user-select:none;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    }

input{
    -ms-user-select:auto !important;
    -moz-user-select:-moz-auto !important;
    -khtml-user-select:auto !important;
    -webkit-user-select:auto !important;
    user-select:auto !important;
}
textarea{
    -ms-user-select:auto !important;
    -moz-user-select:-moz-auto !important;
    -khtml-user-select:auto !important;
    -webkit-user-select:auto !important;
    user-select:auto !important;
}

/* 커스텀 */
#wrap{width:100%;}
.wrap{width:1120px; margin:0 auto; position:relative; font-size: 0;}
.mo{display: none;}
.pc{display: block;}

.con {
    max-width:1440px;
}

.con-min-width {
    min-width:320px;
}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.header_top{width:100%; height: 80px; background:#383838; padding:23px 0; box-sizing: border-box;}
.header_logo{display: inline-block; transform: translateY(5px);}
.header_logo a{}
.header_logo a img{height: 24px; margin-right: 15px;}
.header_logo a span{font-size: 20px; color:#fff; line-height: 24px;}

.header_search_box{
	width:260px; height: 34px;
	vertical-align: top; position:relative; border-radius: 50px;
	display: inline-block; background:#fff; margin-left: 15px;}
.header_search{line-height: 34px; font-size: 16px; color:#111;
	border:none; background:none; outline:none;	width:240px; height: 34px;
	padding:0 15px; box-sizing: border-box;}
.header_search::placeholder{font-size: 14px; color:#777; }

.header_search::-ms-clear,
.header_search::-ms-reveal{display:none;width:0;height:0;}
.header_search::-webkit-search-decoration,
.header_search::-webkit-search-cancel-button,
.header_search::-webkit-search-results-button,
.header_search::-webkit-search-results-decoration{display:none;}
.search_box_in_btn{
	position:absolute; right: 10px; top:50%; transform: translateY(-50%); width:18px; height: 18px;
	display: inline-block;}
.search_img{height: 18px;}

.header_call_num{
	height: 34px; line-height: 34px;
	font-size: 24px; color:#fff; position:absolute; top:0; right:0; font-weight:bold;}
.header_call_num img{
	margin-right: 3px;
	height: 22px; vertical-align: top; display: inline-block; transform: translateY(7px);}

.header_gnb{height: 60px; height: 60px; line-height: 60px; background:#f4f4f4; position:relative;}
.gnb_product{font-size: 0;}
.gnb_product li{
	position:relative; vertical-align: top;
	margin-right: 24px; display: inline-block; color:#555; height: 60px; line-height: 60px;}
.gnb_product li.on{font-weight: 500; color:#222; }
.gnb_product li.on::after{
	display: inline-block;
	content:'';
	width:100%; height: 2px; background:#222; position:absolute; bottom:0; left: 0;
}
.gnb_product li a{font-size: 18px;display: inline-block;}


.gnb_etc{font-size: 0; position:absolute; right:0; top:0;}
.gnb_etc li{
	position:relative; vertical-align: top;
	margin-right: 24px; display: inline-block; color:#555; height: 60px; line-height: 60px;}
.gnb_etc li.on{font-weight: 500; color:#222; }
.gnb_etc li.on::after{
	display: inline-block;
	content:'';
	width:100%; height: 2px; background:#222; position:absolute; bottom:0; left: 0;
}
.gnb_etc li a{font-size: 18px;display: inline-block;}


.main_bn.mo{display: none;}
.main_bn.pc{width:100%; height: 560px;}
.main_bn_box{
	width:100%;	height: 560px;
	 background-image: var(--bg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}

#m_popup{
    display:none;
    position:absolute;
    z-index:10;
    top:0;
    width:100%;
    background-color: rgba( 0, 0, 0, 0.6);
}
.p_layer {
    position:relative;
    width:100%;
    max-width:30vw;
    margin:0 auto;
    margin-top:150px;
    overflow:hidden;
    border-radius: 30px;
    background-color:white;
}

.main_popup img {
     width:100%;
     object-fit: cover;
}
.main_popup button.slick-prev{
    margin-left:35px;
    z-index:10;
}
.main_popup button.slick-next{
    margin-right:35px;
    z-index:10;
}


.bottom_area{
    position: relative;
    padding: 35px 30px 25px 25px;
}
.bottom_area label{
    font-size: 17px;
    color: #8a8b87;
    vertical-align: middle;
}
.bottom_area .pop_close{
    position: absolute;
    top: 37px;
    right: 30px;
    font-weight: 500;
}

input[type="checkbox"] + label:before{content:''; display:inline-block;background:url(/img/ico_full.png) no-repeat -200px 0; padding-left:25px; min-height:20px; vertical-align:middle}
input[type="checkbox"]:checked + label:before{background:url(/img/ico_full.png) no-repeat -200px -30px;}
input[type="checkbox"].check_circle + label:before{content:''; min-height:28px; padding-left:35px; background-position:-521px -220px;}
input[type="checkbox"].check_circle:checked + label:before{background-position:-570px -220px;}
.cp{
cursor:pointer;
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.icon_menu{width:100%; background:#f3f3f3; padding:20px 0 10px 0; box-sizing: border-box;}
.icon_menu_ul{display: block; font-size: 0;}
.icon_menu_ul li{display: inline-block; width:calc(100% / 9); text-align: center;}
.icon_menu_ul li a{display: inline-block;}
.icon_menu_ul li a img{width:80px;}
.icon_tit{font-size: 16px; line-height: 40px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
section{width:1250px; margin:0 auto; position:relative;}
.month_best{margin-bottom: 100px;}
.section_tit{
	font-weight: 500;
	font-size: 32px; text-align: center; line-height: 60px; margin:60px 0 40px 0;}
.month_best_item_con{width:100%;}
.month_best_item_con .slick-list{margin:0 -15px;}
.month_best_item_con .slick-slide{margin:0 15px;}



.month_best_item{
	margin-right: 30px; width:200px; height: 270px; text-align: center;
	border:1px solid #dfdfdf; box-sizing: border-box;}
.month_best_item a{display: block; padding:14px 10px 10px 10px; }
.month_best_item img{height: 250px; display: block; margin:0 auto;}

.month_best_item img.pc{display:block;}
.month_best_item img.mobile{display:none;}

.card_page_in img.pc{display:block;}
.card_page_in img.mobile{display:none;}

.month_best_item_tit{height: 36px; line-height: 36px; font-weight: 14px; color:#777;}
.month_best_item_con .slick-dots{bottom:-40px;	height: 10px;}
.month_best_item_con .slick-dots li{
	vertical-align: top;
	width:10px; height: 10px; border-radius:50px; background:#ccc;}
.month_best_item_con .slick-dots li button{display: none;}
.month_best_item_con .slick-dots li button:before{display: none;}
.month_best_item_con .slick-dots li.slick-active{background:#888;}
.month_best_item_con .slick-arrow.slick-prev{
	z-index: 99;width:12px; height: 200px; background:url(../img/prev.png) no-repeat center;
	background-size:contain; position:absolute; top:50%; left: -42px; opacity: 0.8;}
.month_best_item_con .slick-arrow.slick-next{
	z-index: 99;width:12px; height: 200px; background:url(../img/next.png) no-repeat center;
	background-size:contain; position:absolute; top:50%; right: -42px; opacity: 0.8;}
.month_best_item_con .slick-arrow.slick-prev:before{display: none;}
.month_best_item_con .slick-arrow.slick-next:before{display: none;}

.main_bn .slick-arrow.slick-prev{
	z-index: 9;width:12px; height: 200px; background:url(../img/prev.jpg) no-repeat center;
	background-size:contain; position:absolute; top:50%; left: 50px; opacity: 0.8;}
.main_bn .slick-arrow.slick-next{
	z-index: 9;width:12px; height: 200px; background:url(../img/next.jpg) no-repeat center;
	background-size:contain; position:absolute; top:50%; right: 200px; opacity: 0.8;}
.main_bn .slick-arrow.slick-prev:before{display: none;}
.main_bn .slick-arrow.slick-next:before{display: none;}



/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.event_bn{ text-align:center; }
.event_bn img{max-width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.best_item{margin-bottom: 100px;}
.best_item_menu{
	margin-bottom: 20px;
	padding:0 25px; box-sizing: border-box;
	width:100%; line-height: 70px; border:1px solid #dfdfdf; box-sizing: border-box;}
.best_item_menu ul{font-size: 0; text-align: center; display: block; width:100%; height: 100%;}
.best_item_menu ul li:hover{color:#8f0c1b; font-weight: bold;}
.best_item_menu ul li{
	vertical-align: top;
	height: 100%;
	font-size: 20px; display: inline-block; margin:0 25px; cursor: pointer;}


.best_item_menu ul li.on{font-weight: bold; color:#8f0c1b; position:relative;}
.best_item_menu ul li.on::after{
	display: inline-block;
	content:'';
	width:100%; height: 2px; background:#8f0c1b;
	position:absolute; bottom:12px; left: 0;
}
.best_item_con{width:100%;}
.best_item_con ul{}
.best_item_in{width:100%; font-size: 0; display:none;}
.best_item_in.on{display: block;}

.best_main_img{
	 overflow: hidden;
	width:40%;display: inline-block; vertical-align: top;}
.best_main_img a{display: block;}
.best_main_img a img{width:560px; height: 820px; object-fit: cover;}

.best_list_con{width:60%; display: inline-block; vertical-align: top; font-size: 0;}
.best_item_list{
	vertical-align: top;
	display: inline-block; background:#fff; width:30%; margin:0 0 20px 25px;}

.best_item_list_tit{font-weight:bold; font-size: 16px;line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.best_item_list_num{color:#777; font-size: 14px;line-height: 30px;}
.best_item_list_price{margin:3px 0 6px 0;}



.best_item_card_tag{
	display: inline-block; vertical-align: top; border-radius: 4px;
	background: #8f0c1b; vertical-align: top;
	box-sizing: border-box; padding:0 6px; height: 25px; line-height: 25px; color:#fff; font-size: 12px;
}
.best_item_card_price{
	margin:0 3px 0 6px; display: inline-block; vertical-align: top;
	font-weight: bold;font-size: 18px; color:#8f0c1b; line-height:25px;}
.best_item_before_price{
	display: inline-block; vertical-align: top;
	font-size: 14px; color:#888; text-decoration:line-through; line-height: 25px;}

.best_item_product_list_contact_btn{
	color:#fff; text-align: center;
	font-size: 16px; background:#111; display: block; height: 40px; line-height: 40px; }

.best_item_view_all_btn{
	background:#fff;
	box-sizing: border-box; height: 50px; line-height: 48px; width:100%; margin-left: 20px;
	display: block; border:1px solid #dfdfdf; font-size: 18px; text-align: center; color:#777;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_contact{background:#f7f7f7; width:100%; font-size: 0; padding-bottom: 80px;}
.contact_tit{
	font-weight: 500;
	font-size: 32px; height: 60px; line-height: 60px; padding:60px 0 20px 0;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.cf_video{width:560px; display: inline-block; vertical-align: top;}
.now_contact{width:560px; display: inline-block; vertical-align: top; font-size: 0;}
.cf_video iframe{}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contact_input_box{
	vertical-align: top; padding:0 20px; box-sizing: border-box;
	width:280px; background:#312f2d; color:#fff; display: inline-block;}
.contact_input_tit{
	font-size: 16px; font-weight: 500;
	height: 56px; line-height: 56px; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.contact_input_con{padding:20px 0; box-sizing: border-box;}
.contact_input_con li{font-size: 0; width:100%;margin-bottom: 10px;}
.contact_input_name{display: inline-block; font-size: 14px; width:50px;}
.contact_input_con li input{
	outline: none; padding:0 10px; box-sizing: border-box;
	display: inline-block; height: 36px; border:none; width:calc(100% - 50px);}
.info_agree{
	line-height: 36px; display: inline-block;  width:calc(100% - 50px);
	margin-left: 50px; font-size: 12px; color:#ccc;}
.info_agree span{text-decoration: underline; color:#fff;}
.fast_contact_btn{height: 45px; line-height: 43px; background:#222; border:1px solid #fff; box-sizing: border-box; display: block;font-size: 16px; text-align: center;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.now_contact_list{
	vertical-align: top;  padding:0 20px; box-sizing: border-box;
	width:280px; background:#fff;  display: inline-block;}
.contact_list_tit{
	font-size: 16px; font-weight: 500;
	height: 56px; line-height: 56px; border-bottom: 1px solid #ccc; box-sizing: border-box;
}
.contact_list_ul{display: block; padding:9px 0 10px 0; box-sizing: border-box;}
.contact_list_ul li{font-size: 0;height: 30px; width:100%;}
.contact_list_ul li::before{
	width:15px;
	vertical-align: top;
	display: inline-block;
	content:'·';
	font-size: 13px; line-height: 30px;
}
.contact_list_ul li p{
	font-size: 13px; line-height: 30px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	width:calc(100% - 65px);
	display: inline-block;}
.client_name{color:#111;}
.contact_date{
	vertical-align: top;
	font-size: 13px; line-height: 30px;
	color:#888; display: inline-block; width:50px; text-align: right;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_review{padding-bottom: 40px;}
.section_sub{font-size: 20px; color:#8f0c1b; height: 40px; line-height: 40px; position:relative;}
.review_more_btn{
	position:absolute; top:5px; right:0;
	display: inline-block; width:30px; height: 30px;}
.review_more_btn img{width:100%;}
.main_review_con{width:calc(100% + 20px); font-size: 0;}
.main_review_con li{width:calc((100% - 80px) / 4); margin-right: 20px; display: inline-block;}
.main_review_con li a{display: block;}

.main_review_img{
	border-radius: 20px;
	width:100%; height: 265px; overflow: hidden; margin-bottom: 15px; }
.main_review_img img{width:265px ;height: 265px; object-fit: cover;}
.main_review_info{line-height: 25px; color:#777; font-size: 14px;}
.main_review_id{}
.main_review_date{margin-left: 20px; position:relative;}
.main_review_date::before{
	display: inline-block; content:'';
	width:1px; height: 12px; background:#999; position:absolute; top:5px; left: -10px;
}
.main_review_score{line-height: 25px; color:#ffcc00; font-size: 18px;}
.main_review_tit{
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	line-height: 25px; font-size:16px; color:#111; font-weight: bold; }
.main_review_text{
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	line-height: 25px; font-size:16px; color:#111;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.service{margin-bottom: 100px;}
.service_con{font-size: 0; display: block;}
.service_con li{
	vertical-align: top;
	display: inline-block; width:calc((100% - 100px) / 3); text-align: center;}
.service_con li:nth-child(2){margin:0 50px;}
.service_con li img{width:100%;}
.service_tit{margin:20px 0 10px 0; font-size: 20px;}
.service_txt{font-size: 16px;}
.service_txt span{font-size: 14px; color:#999;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
footer{background:#222; padding:40px 0 184px 0;}
footer.fix_none{background:#222; padding:40px 0 60px 0;}
.footer_logo{display: inline-block; width:180px; margin-right: 30px;}

.footer_info{display: inline-block; width:calc(100% - 410px); color:#fff;}
.f_gnb{line-height: 26px; font-size: 0;}
.f_gnb a{font-size: 16px; display: inline-block; margin-right: 22px; position:relative;}
.f_gnb a::after{
	display: inline-block;
	content:'';
	width:1px; height: 12px; background:#ccc;
	position:absolute; top:8px; right: -12px;
}
.f_gnb a:last-child::after{display: none;}

.f_info_txt{margin-top: 20px; line-height: 18px; color:#aaa;}
.f_info_txt span{font-size: 14px; margin-right: 10px;}

.footer_contact_info{display: inline-block; width:200px; vertical-align: top;}
.f_call{display: inline-block; width:200px; vertical-align: top;}
.f_contact_tit{font-size: 20px; color:#fff;}
.f_contact_txt{font-size: 32px; color:#fcf292; font-weight: bold;}
.f_contact_time{font-size: 14px; color:#aaa;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.fix{}
.btm_contact{
	padding:20px 0; z-index: 9999;
	background:#0f0f0f; width:100%; position:fixed; bottom:0; left: 0; }
.btm_call_img{
	vertical-align: top;
	height: 30px; display: inline-block; transform: translateY(10px); margin-right: 10px;}
.btm_tit{
	vertical-align: top;
	font-size: 32px; font-weight:500; color:#fff; display: inline-block; margin-right:50px;}
.btm_tit span{font-weight: bold;}
.btm_input{display: inline-block; vertical-align: top;}
.btm_input_name{
	padding:0 10px; box-sizing: border-box;
	width:150px; height: 50px; border-radius: 8px; outline:none; border:none;}
.btm_input_num{ margin-left: 15px;
	padding:0 10px; box-sizing: border-box;
	width:240px; height: 50px; border-radius: 8px; outline:none; border:none;}
.btm_info{display: block; font-size: 14px; color:#ccc; margin-top: 10px;}
.btm_info input{width:18px; height: 18px; transform: translateY(3px); margin-right: 5px; }
.btm_info a{font-size: 14px; color:#fff; margin-left: 5px; text-decoration: underline;}
.btm_contact_btn{
	margin-left: 17px; border:none;
	background:#8f0c1b; font-size: 20px; color:#fff; font-weight: bold; border-radius: 10px;
	display: inline-block; width:120px; height: 50px; vertical-align: top; outline:none;
}

.right_quick{
	position:fixed; top:50%; transform: translateY(-50%);right: 40px;  z-index: 9999;
	width:110px; text-align: center;}
.fix_kakao{ padding:10px 0 20px 0; border-radius: 16px; margin-bottom: 16px;
	display: block; width:100%;
	background:#f7e409;}
.fix_kakao img{width:65%;}
.fix_kakao p{
	line-height: 1.3;
	font-size: 14px;color:#3c1e1e; font-weight: 500;}
.fix_kakao p span{}

.fix_etc{
	border-radius: 16px; background:rgba(255, 255, 255, 0.93);
	width:100%; border: 1px solid #aaa; box-sizing: border-box;}
.fix_etc a{display: block; padding:20px 0 15px 0; border-bottom: 1px solid #aaa; box-sizing: border-box;}
.fix_etc a:last-child{border:none;}
.fix_etc a img{width:45%;}
.fix_etc a p{font-size: 15px; line-height: 20px; margin-top: 10px; }
.fix_gift{}
.fix_card{}
.fix_operator{}
.fix_etc {}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.product{}
.product_menu{width:100%; margin: 60px 0 40px 0;  }
.product_menu ul{display: block; font-size: 0;}
.product_menu ul li:last-child{margin-right: 0;}
.product_menu ul li{
	cursor: pointer; transition:all 0.5s;
	margin-right: 20px; font-size: 16px; text-align: center;
	width:calc((100% - 60px) / 4);
	border:1px solid #dfdfdf; color:#777;
	display: inline-block; height: 50px; line-height: 48px; box-sizing: border-box;}
.product_menu ul li.on{border:1px solid #111; color:#111; font-weight: 500;}
.product_menu ul li:hover{border:1px solid #111; color:#111; font-weight: 500;}

.product_con{width:calc(100% + 50px); font-size: 0;}
.product_list_none{width:calc(100% + 50px); font-size: 0; margin-top: 60px;}

.product_con ul{width:100%;}
.product_con ul li{width:100%; display: none; font-size: 0;}
.product_con ul li.on{display: block;}

.product_list{
	display: inline-block;
	width:calc((100% - 150px) / 3); margin:0 50px 50px 0;}
.product_link{
	margin-bottom: 10px;
	display: block; width:100%; text-align: center;
	border: 1px solid #dfdfdf; box-sizing: border-box;}
.product_img{width:100%; display: block;}

.product_list_tit{font-weight:bold; font-size: 20px;line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product_list_num{color:#777; font-size: 16px;line-height: 30px;}
.product_list_price{margin:3px 0 6px 0;}
.card_tag{
	display: inline-block; vertical-align: top; border-radius: 4px;
	background: #8f0c1b; vertical-align: top;
	box-sizing: border-box; padding:0 10px; height: 30px; line-height: 30px;  color:#fff; font-size: 14px;
}
.card_price{
	margin:0 5px 0 10px; display: inline-block; vertical-align: top;
	font-weight: bold;font-size: 20px; color:#8f0c1b; line-height: 30px;}
.before_price{
	display: inline-block; vertical-align: top;
	font-size: 18px; color:#888; text-decoration:line-through; line-height: 30px;}
.product_list_contact_btn{
	color:#fff; text-align: center;
	font-size: 18px; background:#111; display: block; height: 46px; line-height: 46px; }
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*페이저*/
.pager{
    margin:20px 0 120px 0;
    height: 20px; line-height: 20px;
    font-size: 0;
    text-align: center;
}
.pager a{
    color:#888;
	background:#eee;
    transition: all 0.2s;
    display: inline-block;
	padding:2px 8px;
    margin:0 8px;
    font-size: 12px; transition:all 0.5s;
}
.pager a:hover{color:#fff; background:#111;}
.pager a.on{
    color:#fff; background:#111;
    position:relative;
}
.pager .prev, .pager .next{color:#333;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.product_in{}
.product_top{width:100%; margin-top: 60px; font-size: 0;}
.product_in_img_slide{display: inline-block; vertical-align: top; width:500px;}
.product_in_img_con{width:500px; border:1px solid #dfdfdf; box-sizing: border-box;}
.product_in_img{width:500px; padding:0px; box-sizing: border-box;}
.product_in_img img{width:100%; display: block;}

.product_in_img_con .slick-dots{width:500px; bottom:-105px; text-align: left;}
.product_in_img_con .slick-dots li:last-child{margin-right: 0px;}
.product_in_img_con .slick-dots li.slick-active{border:1px solid #111;}
.product_in_img_con .slick-dots li{
	border:1px solid #dfdfdf; box-sizing: border-box;
	width:75px; height: 75px; padding:0; margin:0 10px 0 0;}

.product_in_img_con .slick-dots li button{width:100%; height: 100%; display:block;}
.product_in_img_con .slick-dots li button::before{display: none;}

.product_in_img_con .slick-dots li:nth-child(1) button{background:url(../img/product_01.png)no-repeat center; background-size: contain;}
.product_in_img_con .slick-dots li:nth-child(2) button{background:url(../img/product_02.png)no-repeat center; background-size: contain;}
.product_in_img_con .slick-dots li:nth-child(3) button{background:url(../img/product_03.png)no-repeat center; background-size: contain;}
.product_in_img_con .slick-dots li:nth-child(4) button{background:url(../img/product_04.png)no-repeat center; background-size: contain;}
.product_in_img_con .slick-dots li:nth-child(5) button{background:url(../img/product_08.png)no-repeat center; background-size: contain;}

.product_in_info{
	margin-left: 70px;
	display: inline-block; vertical-align: top; width:550px;}
.product_in_tit{
	margin-bottom: 20px; position:relative;
	font-size: 24px; font-weight: 500; line-height: 40px;}

.product_option_con{
	border-top:2px solid #d1d1d1;
	border-bottom:2px solid #d1d1d1;
	padding:10px; box-sizing: border-box;}
.product_option_con li{font-size: 0;}
.product_option_tit{
	width:160px;
	display:inline-block; font-size:16px; line-height:40px; color:#000; font-weight: 500;}
.product_option_txt{
	padding-left: 10px; box-sizing: border-box;
	display:inline-block; font-size:16px; line-height:40px; color:#555;}
.product_option_txt.red{color:#ff0000;}

.product_in_price{}
.product_in_price li{border-bottom: 1px solid #dfdfdf; font-size: 0;}
.product_in_price_tit{ vertical-align: top;
	background:#f4f4f4; height: 50px; line-height: 50px; display:inline-block;
	width:160px; font-size: 16px; text-align: center; font-weight: 500;
}
.product_in_price_txt{
	width:390px; padding-right: 10px; box-sizing: border-box;
	vertical-align: top; text-align: right;
	height: 50px; line-height: 50px; display:inline-block;
	color:#ff0000; font-size: 20px; font-weight: bold;}
.product_in_price_txt span{color:#111; font-size: 16px;font-weight: normal;}
.product_in_contact_btn{
	background:#8f0c1b; margin-top: 20px;
	display: block; height: 60px; text-align:center; line-height: 60px; font-size: 18px; color:#fff;
}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contents_in_menu{width:100%; margin:80px 0 40px 0;  font-size: 0; }
.contents_in_menu p:last-child{margin-right: 0;}
.contents_in_menu p{ font-weight: 500;
	cursor: pointer;
	margin-right: 20px; font-size: 18px; text-align: center;
	width:calc((100% - 60px) / 4);
	background:#ccc; color:#fff;
	display: inline-block; height: 50px; line-height: 48px; box-sizing: border-box;}
.contents_in_menu p.on{ background:#333;}
.contents_in_menu p .review_num{margin-left:3px; font-size: 17px;}
.contents_in_menu p .review_num::before{display: inline-block; content:'('}
.contents_in_menu p .review_num::after{display: inline-block; content:')'}
.
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.product_in_contents{width:100%;}
.product_in_contents ul{width:100%;}

.page_in_img{width:100%; text-align:center;}
.page_in_img img{max-width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contents_in_review_con{}
.contents_in_review_top_tit{
	font-size: 0;
	width:100%; background:#f4f4f4; box-sizing: border-box; height: 50px; line-height: 48px;
	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing: border-box;
}
.contents_in_review_top_tit li{display: inline-block; font-size: 16px; color:#111; text-align: center;}
.width_type1{width:150px;}
.width_type2{width:calc(100% - 450px);}
.width_type3{width:140px;}
.width_type4{width:160px;}
.contents_in_review_list_con{width:100%;}
.contents_in_review_list_con ul{width:100%;}
.contents_in_review_list_con ul li{border-bottom: 1px solid #ccc;}
.contents_in_review_list_con ul li a{
	display: block; padding:10px 0; box-sizing: border-box; font-size: 0;}
.contents_in_review_model{
	line-height: 100px; vertical-align: top;
	display: inline-block; font-size: 16px; text-align: center;}
.contents_in_review_list_txt_con{
	vertical-align: top;
	display: inline-block; font-size: 0;}
.contents_in_review_thumb{
	display: inline-block; margin-right: 30px;
	width:100px; height: 100px; border-radius: 10px; overflow: hidden;}
.contents_in_review_thumb img{width:100px; height: 100px; object-fit: cover;}
.contents_in_review_list_txt{
	padding:25px 0; box-sizing: border-box; height: 100px; vertical-align: top; line-height: 25px;
	display: inline-block;	width:calc(100% - 130px); font-size: 16px; }
.contents_in_review_list_tit{
	font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.contents_in_review_list_text{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.contents_in_review_score{
	line-height: 100px; vertical-align: top; color:#ffcc00;
	display: inline-block;font-size: 16px; text-align: center;}
.contents_in_review_id{
	line-height: 100px; vertical-align: top;
	display: inline-block;font-size: 16px; text-align: center;color:#777;}

.review_write_area{width:100%; text-align: right; margin:20px 0;}
.contents_in_review_write_btn{
	display: inline-block;; text-align:center;
	width:160px; height: 40px; line-height: 40px; color:#fff; background:#111;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contact_page_input_con{border-top:4px solid #8f0c1b; width:960px; margin:0 auto 40px auto;}
.contact_page_input_con li{
	height: 60px; line-height: 60px;
	border-bottom: 1px solid #dfdfdf; font-size: 0;}
.contact_page_input_tit{

	height: 100%; vertical-align: top;
	background:#f4f4f4; display:inline-block;
	width:320px; font-size: 16px; text-align: center; font-weight: 500;
}
.contact_page_input_box{
	width:calc(100% - 320px); height: 100%; padding:10px; box-sizing: border-box;
	vertical-align: top; display:inline-block; font-size: 20px; font-weight: bold;}
.select_input_box{
	 box-sizing: border-box;
	width:100%; padding:0 10px; height: 40px; vertical-align: top; border:1px solid #ccc;}
.input_write_box{
	 box-sizing: border-box;
	width:100%;  padding:0 10px; height: 40px; vertical-align: top; border:1px solid #ccc;}


.privacy_agree_box{width:960px; margin:0 auto;}
.privacy_agree_tit{font-size: 16px; font-weight: 500; line-height: 40px;}
.privacy_agree_box textarea{
	line-height: 20px; font-size: 14px;
	border:1px solid #ccc; color:#333;
	width:100%; height: 80px; padding:15px; box-sizing: border-box;}

.agree_check_box{width:100%;  line-height: 30px;}
.agree_check_box input{ margin-right: 10px; transform: translateY(1px);}
.agree_check_box span{}

.contact_page_btn{
	background:#222;  width:240px; margin:40px auto 80px auto;
	display: block; height: 60px; text-align:center; line-height: 60px; font-size: 18px; color:#fff;
}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.event_page{}
.event_list{width:calc(100% + 30px); font-size: 0;}
.event_list li{width:calc((100% - 90px) / 3); display: inline-block; margin:0 30px 30px 0;}
.event_list li a{display: block;}
.event_list li a img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.event_page_in{width:100%; text-align:center;}
.event_page_in img{ max-width:100%; height:auto; }
.before_list_btn{
	background:#222;  width:240px; margin:40px auto 80px auto;
	display: block; height: 60px; text-align:center; line-height: 60px; font-size: 18px; color:#fff;
}

.event_menu{width:100%; margin: 60px 0 40px 0;  }
.event_menu ul{display: block; font-size: 0;}
.event_menu ul li:last-child{margin-right: 0;}
.event_menu ul li{
	transition:all 0.5s;
	font-weight: 500;
	cursor: pointer;
	margin-right: 20px; font-size: 16px; text-align: center;
	width:calc((100% - 60px) / 3);
	background:#ccc; color:#fff;
	display: inline-block; height: 50px; line-height: 48px; box-sizing: border-box;
}
.event_menu ul li.on{background:#333;}
.event_menu ul li:hover{background:#333;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.gift_page{}
.gift_menu{width:100%; margin: 60px 0 40px 0;  }
.gift_menu ul{display: block; font-size: 0;}
.gift_menu ul li:last-child{margin-right: 0;}
.gift_menu ul li{
	transition:all 0.5s;
	font-weight: 500;
	cursor: pointer;
	margin-right: 20px; font-size: 16px; text-align: center;
	width:calc((100% - 60px) / 3);
	background:#ccc; color:#fff;
	display: inline-block; height: 50px; line-height: 48px; box-sizing: border-box;
}
.gift_menu ul li.on{background:#333;}
.gift_menu ul li:hover{background:#333;}

.gift_con{width:100%; margin-bottom: 80px;}
.gift_con ul{width:100%;}
.gift_con ul li{width:calc(100% + 20px); display: none; font-size: 0; margin-left:2px;}
.gift_con ul li.on{display: block;}

.gift_list{
	display: inline-block;
	width:297px; margin:0 20px 20px 0;}
.gift_list a{display: block; width:100%;}
.gift_img_box{margin-bottom: 10px;
	width:275px; height: 265px; border: 1px solid #dfdfdf;  padding:20px; box-sizing: border-box;}
.gift_img_box img{width:225px; height: 225px; object-fit: cover; display: block; }


.gift_list_tit{
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	word-wrap:break-word;
	display: -webkit-box;
	white-space: nowrap;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-size: 16px;line-height: 24px; }


	.event_list_item{
    	display: inline-block;
    	width:297px; margin:0 20px 20px 0;}
    .eventt_list_item a{display: block; width:100%;}
    .event_img_box{margin-bottom: 10px;
    	width:100%; border: 1px solid #dfdfdf; box-sizing: border-box;}
    .event_img_box img{object-fit: cover; display: block; }


    .event_list_tit{
    	width:100%;
    	overflow:hidden;
    	text-overflow: ellipsis;
    	word-wrap:break-word;
    	display: -webkit-box;
    	-webkit-line-clamp:2;
    	-webkit-box-orient:vertical;
    	font-size: 16px;line-height: 24px; }
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.gift_page_in{width:100%; text-align:center;}
.gift_page_in img{max-width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_page_menu{
	margin-bottom: 20px;
	padding:0 20px; box-sizing: border-box;
	width:100%; height: 70px; line-height: 68px; border:1px solid #dfdfdf; box-sizing: border-box;}
.review_page_menu ul{font-size: 0; text-align: center; display: block; width:100%; height: 100%;}
.review_page_menu ul li:hover{color:#8f0c1b; font-weight: bold;}
.review_page_menu ul li{
	height: 100%;
	font-size: 20px; display: inline-block; margin:0 20px; cursor: pointer;}
.review_page_menu ul li.on{font-weight: bold; color:#8f0c1b; position:relative;}
.review_page_menu ul li.on::after{
	display: inline-block;
	content:'';
	width:100%; height: 2px; background:#8f0c1b;
	position:absolute; bottom:12px; left: 0;
}
.review_page_list_con{width:100%;}
.review_page_list_con ul{}
.review_list_all{width:100%; font-size: 0; display:none;}
.review_list_all.on{display: block;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_contents{}
.review_top_text{
	height: 30px; line-height: 30px; position:relative; margin-bottom: 30px;
	border-bottom:1px solid #ccc; padding-bottom: 30px;}
.review_in_title{font-size: 20px; font-weight: 500;}
.review_model_tag{
	margin-right: 10px; font-weight: normal; border-radius: 5px;
	display: inline-block; font-size: 16px; color:#fff; background:#8f0c1b; padding:0 10px;}
.review_in_info{position:absolute; right:0; top:0;line-height: 30px; font-size:0; }
.review_in_id{display: inline-block; font-size: 16px;}
.review_in_id::after{
	margin:0 10px; transform: translateY(1px);
	display: inline-block; content:''; width:2px; height: 13px; background:#888;}
.review_in_date{display: inline-block; font-size: 16px; color:#888;}
.review_in_txt{font-size: 18px; line-height: 30px;padding-bottom: 30px;border-bottom: 1px solid #ccc;}
.review_in_txt img{display: block; margin-bottom: 20px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_page_input_con{border-top:4px solid #8f0c1b; width:960px; margin:0 auto 40px auto;}
.review_page_input_con li{
	height: 60px; line-height: 60px;
	border-bottom: 1px solid #dfdfdf; font-size: 0;}
.review_page_input_con li:last-child{height: 220px; line-height: 220px;}
.review_page_input_tit{

	height: 100%; vertical-align: top;
	background:#f4f4f4; display:inline-block;
	width:200px; font-size: 16px; text-align: center; font-weight: 500;
}
.review_page_input_box{
		width:calc(100% - 200px); height: 100%; padding:10px; box-sizing: border-box;
	vertical-align: top; display:inline-block; font-size: 20px; font-weight: bold;}
.review_page_input_box label{margin-right: 16px; font-weight: normal;
	display: inline-block; transform: translateY(-10px);
	line-height: 40px; height: 40px; font-size: 16px;}
.review_page_input_box label input{margin-right: 8px;}

.input_write_box.text_box{height:200px; }

.select_input_box{
	 box-sizing: border-box; background:#f7f7f7;
	width:100%; padding:0 10px; height: 40px; vertical-align: top; border:1px solid #555;}
.input_write_box{
	 box-sizing: border-box;
	width:100%;  padding:0 10px; height: 40px; vertical-align: top; border:1px solid #e4eaec;background:#f7f7f7;}

.review_page_write_btn{
	background:#222;  width:240px; margin:40px auto 80px auto;
	display: block; height: 60px; text-align:center; line-height: 60px; font-size: 18px; color:#fff;
}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.card_page_in{width:100%; margin-bottom: 100px; text-align:center;}
.card_page_in img{max-width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.search_none_text{color:#999; font-size: 18px; text-align: center; margin-bottom: 300px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* 이용약관 */
.trems_con {
	width:100%;
    padding: 20px;
	box-sizing: border-box;
    border: solid 1px #ddd;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
	margin-bottom: 100px;
}

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
@media (max-width: 800px){
	html{overflow-x: hidden;}
	body{overflow-x: hidden;}

	.pc{display:none !important;}
	.mo{display: block;}
	.wrap{width:calc(100% - 30px);}


	  .bottom_area .pop_close{
          position: relative;
          top: 0;
          right: 0;
          font-weight: 500;
      }

.header_top{height: 60px; padding:18px 0; font-size: 0;}
.ham{width:24px; background:none; border:none; vertical-align: top; outline:none; }
.ham img{width:100%;}

.header_logo{
	width:calc(100% - 88px); margin:0 20px;
	display: inline-block; transform: translateY(3px); text-align: center;}
.header_logo a{display: block;}
.header_logo a img{height: 18px;}
.header_logo a span{vertical-align:top; font-size:16px; color:#fff; line-height:18px; font-weight:normal;}

.search_btn{width:24px; background:none; border:none; vertical-align: top; outline:none; }
.search_btn img{width:100%;}

.search_box_mo{
	width:calc(100% - 48px); margin-left: 44px; height: 34px;
	position:absolute; top:-6px; z-index: 9;
	border-radius: 50px; display: block; background:#fff;
	display: none;
}
.search_box_mo.on{display: block;}
.header_search{width:calc(100% - 60px);}
.click_none{display: none;}
.search_no{
	display: inline-block; color:#111; font-size: 14px; line-height: 18px;
	position:absolute; right: 36px; top:50%; transform: translateY(-48%); height: 18px;}
.search_img{}

/*tabMenu*/
    .tabMenu{
        position:fixed; top:0;   left: -101%;
        width:100%;    height: 100%;    background:#fff;  z-index: 10;}
    .tabMenu .closeBtn{
        width:100%; background:#fff;    height: 60px;    box-shadow: 0 4px 10px rgba(0,0,0,0.4);}
    .tabMenu .closeBtn .close{
        position:relative;     float:right;    height: 60px;    font-size: 0;    width:60px;}

    .tabMenu .closeBtn .close span:nth-child(1){
        content:'';
        display: block;
        width:28px;
        height: 2px;
        background:#111;
        position:absolute;
        transform: rotate(45deg);
        top:50%;
        left:50%;
        margin-left:-13px;
}
    .tabMenu .closeBtn .close span:nth-child(2){
        content:'';
        display: block;
        width:28px;
        height: 2px;
        background:#111;
        position:absolute;
        transform: rotate(-45deg);
        top:50%;
        left:50%;
        margin-left:-13px;
    }
.gnbCon{z-index: 99;}
    .gnbCon .gnbTit{
        width:140px;
        float:left;
        background:#f9f9f9;
        height: 100vh;
    }
    .gnbCon .gnbTit li{
        height: 54px;
        transition:all 0.5s;
        line-height: 54px;
        font-size: 16px;
        text-indent: 15px;
        border-bottom: 1px solid #ddd;
        color:#555;
        box-sizing: border-box;
    }
    .gnbCon .gnbTit li a{display: block; width:100%;}
    .gnbCon .gnbTit li.on{background:#333; color:#fff;}

    .gnbCon .gnbSub .sub.on{background:#333; color:#f4f4f4; display: block;}

    .gnbCon .gnbSub{
        width:calc(100% - 140px);
        float:left;
        background:#f4f4f4;
        color:#333;
        position:relative;
        box-sizing: border-box;
    }
    .gnbCon .gnbSub .sub{
        display: none;
        width:100%;
        height: 100vh;
        position:absolute;
        top:0;
        left: 0;
    }
    .gnbCon .gnbSub .sub li{
        border-bottom: 1px solid #555; box-sizing: border-box;
        height: 54px; line-height: 54px;
    }
    .gnbCon .gnbSub .sub li a{
        text-indent: 20px;
        display: block;
    }
.main_bn.mo{width:100%; height: 240px; display: block;}

.main_bn_box{
	width:100%;	height: 240px;
}


.header_gnb{height: 40px;}
.gnb_mo{font-size: 0; text-align: center;}
.gnb_mo li{
	width:25%;
	position:relative; vertical-align: top;
	display: inline-block; color:#555; height: 40px; line-height: 40px;}
	.gnb_mo li:last-child::after{display: none;}
.gnb_mo li::after{
	display: inline-block;
	content:'';
	width:1px; height: 14px; background:#ddd; position:absolute; top:13px; right: 0;
}
.gnb_mo li a{font-size: 15px;display: inline-block; font-weight: 500; }
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.icon_menu{width:100%; background:#f3f3f3; padding:16px 0 4px 0; box-sizing: border-box;}
.icon_menu_ul{display: block; font-size: 0;}
.icon_menu_ul li{
	 box-sizing: border-box; vertical-align: top; margin-bottom: 8px;
	display: inline-block; width:25%; text-align: center;}
.icon_menu_ul li a img{width:calc(100% - 30px);}
.icon_tit{font-size: 14px; line-height: 40px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
section{width:calc(100% - 30px);}
.month_best{margin-bottom: 70px;}
.section_tit{font-size: 20px; line-height: 30px; margin:30px 0 20px 0;}
.month_best_item_con{width:100%;}
.month_best_item_con .slick-list{margin:0 -6px;}
.month_best_item_con .slick-slide{margin:0 6px;}


.month_best_item{
	margin-right: 30px; width:100px; height: 160px; text-align: center;
	border:1px solid #dfdfdf; box-sizing: border-box;}
.month_best_item a{display: block; padding:5px; }

.month_best_item img{height: 140px; display: block; margin:0 auto;}
.month_best_item img.pc{display:none;}
.month_best_item img.mobile{display:block;}

.card_page_in img.pc{display:none;}
.card_page_in img.mobile{display:block;}

.month_best_item_tit{height: 20px; line-height: 20px; font-size: 10px; color:#777;}
.month_best_item_con .slick-dots{bottom:-30px;	height: 8px;}

.month_best_item_con .slick-dots li{width:8px; height: 8px;}
.month_best_item_con .slick-arrow.slick-prev{display: none;}
.month_best_item_con .slick-arrow.slick-next{display: none;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.best_item{margin-bottom:40px;}
.best_item_menu{padding:5px; line-height: 35px;}
.best_item_menu ul li{
	height: 35px; line-height: 35px; vertical-align: top;
	font-size: 14px; margin:0 5px;}
.best_item_menu ul li.on::after{bottom:4px;}
.best_item_con{width:100%;}

.best_main_img{
	margin-bottom: 15px;
	overflow:hidden; width:100%; height: auto; display:block; vertical-align:top;}
.best_main_img a{display: block;}
.best_main_img a img{width:100%; height: auto;}

.best_list_con{width:calc(100% + 15px); display:block; vertical-align: top; font-size: 0;}

.best_item_list{display: inline-block;
	width:calc((100% - 30px) / 2); height: auto; margin:0  15px 15px 0;}

.best_item_list_tit{
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	font-size: 14px;line-height: 20px;}

.best_item_list_num{font-size: 14px;line-height: 25px;}
.best_item_card_tag{display:inline-block;padding:0; width:54px; text-align: center; height:24px;  line-height: 24px; color:#fff; font-size:12px;}
.best_item_card_price{margin:0px;font-size: 16px; line-height: 24px; width:calc(100% - 54px); text-align: right;}
.best_item_before_price{display: block; text-align: right; font-size: 16px; }
.best_item_product_list_contact_btn{font-size: 16px; height: 36px; line-height: 36px; }
.best_item_view_all_btn{margin:0; width:calc(100% - 15px);}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_contact{background:#fff; padding-bottom: 0;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.cf_video{margin-bottom: 40px;
	position : relative;	width : 100%;	height : 0;	padding-bottom : 56.25%;
	width:100%; display:block; vertical-align: top; }
.cf_video .mo_option{position:absolute;	top:0;	left:0;	width:100%;	height:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_review{padding-bottom: 20px;}
.section_sub{font-size: 14px; height: 30px; line-height: 30px;}
.main_review_con{width:calc(100% + 15px); font-size: 0;}
.main_review_con li{width:calc((100% - 30px) / 2); margin: 0 15px 15px 0; display: inline-block;}
.main_review_con li a{display: block;}

.main_review_img{border-radius: 10px; width:100%; height: 160px;  margin-bottom: 5px; }
.main_review_img img{width:100%;height: 160px; object-fit: cover;}
.main_review_info{line-height: 20px; font-size: 12px;}
.main_review_id{}
.main_review_date{margin-left: 20px;}
.main_review_date::before{height: 10px;}
.main_review_score{line-height: 20px; font-size: 16px;}
.main_review_tit{line-height: 20px; font-size:14px; color:#111; font-weight: 500; }
.main_review_text{line-height: 20px; font-size:14px; color:#111;}
.main_review_all_btn{
	background:#fff; box-sizing: border-box;height: 42px; line-height: 40px;  width:100%; margin:0;
	display: block; border:1px solid #8f0c1b; font-size: 16px; text-align: center; color:#8f0c1b;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_event{width:100%;padding-bottom: 80px;}
.main_event_con{width:100%;}
.main_event_box{display: block; width:100%;}
.main_event_box img{width:100%; height: auto; }
.main_event_con .slick-list{margin:0 -10px; overflow: visible;}
.main_event_con .slick-slide{margin:0 10px;}
.main_event_con .slick-dots{bottom:-30px;	height: 10px;}
.main_event_con .slick-dots li{
	vertical-align: top;
	width:10px; height: 10px; border-radius:50px; background:#ccc;}
.main_event_con .slick-dots li button{display: none;}
.main_event_con .slick-dots li button:before{display: none;}
.main_event_con .slick-dots li.slick-active{background:#888;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.btm_fix{
	border-top: 1px solid #555;
	width:100%; font-size: 0; background:#fff;  position:fixed; bottom:0; z-index: 9999;}
.fix_in_box{
	padding:15px; box-sizing: border-box;
	text-align: center;
	display: inline-block; width:calc(100% / 3); height: 100%;}
.fix_in_box img{height: 24px; margin-bottom: 8px;}
.fix_in_box p{font-size: 14px; line-height: 20px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.top_btn{
	font-size: 12px;
	padding:6px 0; box-sizing: border-box;
	text-align: center; z-index: 9;
	border-radius: 5px; border:1px solid #ddd;
	display: inline-block; width:50px; height: 50px; background:#fff; position:fixed; right: 15px; bottom:97px;}
.top_btn img{
	display: block; margin:0 auto;
	width:20%; transform: rotate(90deg);}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
footer{background:#404040; padding:30px 0 142px 0;}
footer.fix_none{background:#222; padding:30px 0 142px 0;}

.footer_logo{display:block; width:160px; margin:0 0 20px 0;}

.footer_info{display:block; width:100%; margin:0px;}
.f_gnb{line-height: 20px; font-size: 0;}
.f_gnb a{font-size: 14px; display: inline-block; margin-right:20px; position:relative;}
.f_gnb a:last-child{margin-right:0px;}
.f_gnb a::after{height: 10px; top:6px;}
.f_gnb a:last-child::after{display: none;}

.f_info_txt{margin-top: 20px; line-height: 16px; }
.f_info_txt span{font-size: 14px; margin-right: 15px;}

.footer_contact_info{display: block; width:100%; margin-top: 20px;}

.f_call{display: inline-block; width:50%; margin-right: 0px; }
.f_contact_tit{font-size: 18px; color:#fff;}
.f_contact_txt{font-size: 24px; color:#fcf292; font-weight: bold;}
.f_contact_time{font-size: 12px; color:#aaa;}
.f_kakao{display: inline-block; width:50%; }
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.product{}
.product_menu{width:calc(100% + 15px); margin: 20px 0 20px 0;  }
.product_menu ul li:last-child{margin-right:10px;}
.product_menu ul li{
	margin:0 15px 15px 0; font-size: 14px;
	width:calc((100% - 30px) / 2); height: 42px; line-height: 40px; }

.product_con{width:calc(100% + 15px);}
.product_list_none{width:calc(100% + 15px); font-size: 0; margin-top: 20px;}

.product_list{width:calc((100% - 30px) / 2); margin:0 15px 15px 0;}
.product_link{
	margin-bottom: 10px;}
.red_tag{display: block; width:calc(100% - 20px); margin:0 auto; padding:3px 0;  font-size: 12px;}
.bk_tag{margin:5px auto 0 auto; display: block; width:calc(100% - 20px); padding:3px 0;  font-size: 12px;}

.product_list_tit{
	overflow:hidden;
	text-overflow: ellipsis;
	word-wrap:break-word;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	white-space: nowrap;
	font-size: 14px;line-height: 20px;}
.product_list_num{font-size: 14px;line-height: 25px;}
.product_list_price{margin:2px 0 4px 0;}
.card_tag{display:inline-block;padding:0; width:54px; text-align: center; height:24px;  line-height: 24px; color:#fff; font-size:12px;}
.card_price{margin:0px;font-size: 16px; line-height: 24px; width:calc(100% - 54px); text-align: right;}
.before_price{display: block; text-align: right; font-size: 16px; }
.product_list_contact_btn{font-size: 16px; height: 36px; line-height: 36px; }
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*페이저*/
.pager{margin:20px 0 80px 0;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.product_in{}
.product_top{ margin-top: 15px;}
.product_in_img_slide{display: block;  width:100%;}
.product_in_img_con{width:100%;}
.product_in_img{width:100%; text-align: center;}
.product_in_img img{max-width:100%;}
.product_in_img_con .slick-dots{width:100%; bottom:-80px; text-align: center;}
.product_in_img_con .slick-dots li{width:calc((100% - 40px) / 5); height:65px;}
.product_in_img_con .slick-dots li button{display:block; margin:5px auto; height: 55px; width:}

.product_in_info{margin:100px 0 0 0; display:block; width:100%;}
.product_in_tit{margin-bottom: 20px; 	font-size: 18px; line-height: 25px;}

.product_option_con{box-sizing: border-box;}
.product_option_tit{width:140px; line-height:36px; font-size: 16px;}
.product_option_txt{line-height:36px; font-size: 16px;}
.product_in_price_tit{height: 46px; line-height: 46px; width:140px;}
.product_in_price_txt{
	width:calc(100% - 140px);height: 46px; line-height: 46px; font-size: 18px;}
.product_in_price_txt span{font-size: 14px;}
.product_in_contact_btn{height: 50px;line-height: 50px; font-size: 17px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contents_in_menu{width:calc(100% + 30px); transform: translateX(-15px); margin:30px 0 10px 0;}
.contents_in_menu p{margin-right: 0px; font-size: 14px;width:25%;
	height: 38px; line-height: 36px; vertical-align: top;}
.contents_in_menu p.on{ background:#333;}
.contents_in_menu p .review_num{display: none;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contents_in_review_top_tit{display: none; }
.width_type1{width:100%;}
.width_type2{width:100%;}
.width_type3{width:80px;}
.width_type4{width:calc(100% - 80px);}

.contents_in_review_list_con ul{border-top: 1px solid #ccc;}
.contents_in_review_list_con ul li a{padding:5px 0;}

.contents_in_review_model{
	line-height:30px; font-size: 13px; text-align: left; display: block;}
.contents_in_review_list_txt_con{vertical-align: top;	display:block; }
.contents_in_review_thumb{margin-right: 10px; width:40px; height: 40px; border-radius: 5px; }
.contents_in_review_thumb img{width:40px; height: 40px; }
.contents_in_review_list_txt{
	padding:0; height:40px; line-height:20px;width:calc(100% - 50px); font-size: 14px; }
.contents_in_review_score{line-height: 25px; font-size: 14px; text-align: left;}
.contents_in_review_id{line-height: 25px; font-size: 14px; text-align:left;}
.review_write_area{margin:10px 0; text-align: center;}
.contents_in_review_write_btn{margin: 0 auto; display:block; text-align:center;	width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contact_page_input_con{border-top:4px solid #8f0c1b; width:100%; margin:0 auto 20px auto;}
.contact_page_input_con li{	height: 50px; line-height: 50px;}
.contact_page_input_tit{height: 100%; width:100px; font-size: 14px; }
.contact_page_input_box{width:calc(100% - 100px); padding:10px;font-size: 14px;}
.select_input_box{width:100%; padding:0 5px; height: 30px;}
.input_write_box{width:100%;  padding:0 5px; height: 30px;}
.privacy_agree_box{width:100%;}
.privacy_agree_tit{font-size: 14px; line-height: 30px;}
.privacy_agree_box textarea{line-height: 16px; font-size: 12px;	width:100%; height: 60px; padding:10px;}
.agree_check_box input{ margin-right: 6px;}
.agree_check_box span{ font-size: 14px;}
.contact_page_btn{margin:20px auto 40px auto; height: 46px; line-height:46px; font-size: 16px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.event_list{width:100%;}
.event_list li{width:100%; margin:0 0 20px 0;}
.event_menu{width:100%; margin: 20px 0 15px 0;  }
.event_menu ul{width:calc(100% + 15px);}
.event_menu ul li{margin:0 5px 15px 0; font-size: 14px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.before_list_btn{margin:20px auto 40px auto; height: 46px; line-height:46px; font-size: 16px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.gift_menu{width:100%; margin: 20px 0 15px 0;  }
.gift_menu ul{width:calc(100% + 15px);}
.gift_menu ul li{margin:0 5px 15px 0; font-size: 14px;
	width:calc((100% - 30px) / 3); height: 42px; line-height: 40px;}

.gift_con{width:calc(100% + 15px); margin-bottom: 40px;}
.gift_con ul li{width:100%;}

.gift_list{
	display: inline-block;
	width:calc((100% - 30px) / 2); margin:0 15px 20px 0;}

.gift_img_box{margin-bottom: 5px;width:100%; height: auto; padding:10px; }
.gift_img_box img{width:100%; height: auto; margin:0; }
.gift_list_tit{font-size: 14px;line-height: 20px; }

.event_list_item{
	display: inline-block;
	width:calc((100% - 30px) / 2); margin:0 15px 20px 0;}

.event_img_box{margin-bottom: 5px;width:100%; height: auto; padding:10px; }
.event_img_box img{width:100%; height: auto; margin:0; }
.event_list_tit{font-size: 14px;line-height: 20px; }


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_page_menu{padding:5px; height: 80px; line-height: 35px;}
.review_page_menu ul li{
	height: 35px; line-height: 35px; vertical-align: top;
	font-size: 14px; margin:0 5px;}
.review_page_menu ul li.on::after{bottom:4px;}
.review_page_list_con{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_top_text{
	height: auto; line-height: 25px; margin-bottom: 20px; padding-bottom: 10px;}
.review_in_title{font-size: 16px; }
.review_model_tag{margin-right: 6px; border-radius: 4px; font-size: 12px;padding:0px 6px;}
.review_in_info{position:relative; right:0; top:0;line-height: 20px; margin-top: 5px;}
.review_in_id{font-size: 14px;}
.review_in_id::after{margin:0 8px; height: 12px;}
.review_in_date{ font-size: 14px;}
.review_in_txt{font-size: 16px; line-height: 25px; text-align:center;}
.review_in_txt img{max-width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_page_input_con{ width:100%;}
.review_page_input_con li{height: 50px; line-height: 50px;}
.review_page_input_tit{width:100px; font-size: 14px;}
.review_page_input_con li:last-child{height: 160px; line-height: 160px;}
.review_page_input_box{width:calc(100% - 100px); font-size: 14px;}
.review_page_input_box label{margin-right: 10px; line-height: 30px; height: 30px; font-size: 14px;}
.review_page_input_box label input{margin-right: 6px;}
.input_write_box.text_box{height:140px; }
.review_page_write_btn{margin:20px auto 40px auto; height: 46px; line-height:46px; font-size: 16px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.card_page_in{margin-bottom: 40px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.search_none_text{ font-size: 14px; margin-bottom: 200px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.trems_con{
	padding:15px; margin-bottom: 40px;
	font-size: 12px;}


.main_bn {
        width: 100%;
        overflow: hidden;
    }

    /* slick 핵심 */
    .main_bn .slick-list {
        padding: 0 3rem;        /* ★ 양옆 카드 보이게 */
        overflow: visible;
    }

    .main_bn .slick-track {
        display: flex;
        align-items: center;
    }

    /* ★★★ 카드의 실체 ★★★ */
    .main_bn_box {
        width: 68vw;            /* ★ 이게 핵심 */
        aspect-ratio: 1 / 1.4;  /* 1:1.7 */
        border-radius: 18px;

        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        margin: 0 0.5rem;
        box-shadow: 0 10px 25px rgba(0,0,0,0.25);

        transition: transform 0.3s ease;
    }

    /* 가운데 카드 강조 */
    .slick-center .main_bn_box {
        transform: scale(1.05);
    }

    .bottom_area div{ float:right;}

}



/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media (max-width: 340px){
.gnbCon .gnbTit li{height: 46px; line-height: 46px; font-size: 16px; }
.gnbCon .gnbSub .sub li{height: 46px; line-height: 46px; }
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
	.header_logo a img{margin-right: 10px;}
	.header_logo a span{font-size: 14px;}
	.best_item_menu ul li{font-size: 12px;}

	.best_item_list_tit{font-size: 13px;}
	.best_item_list_num{font-size: 13px;}
	.best_item_card_price{font-size: 14px;}
	.best_item_before_price{font-size: 14px;}

	.main_review_date{display: none;}
	.f_gnb a{font-size: 12px;}
	.f_info_txt span{font-size: 12px;}
	.f_contact_tit{font-size: 16px;}
	.f_contact_txt{font-size: 20px;}
	.f_contact_time{font-size: 11px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.product_list_tit{font-size: 13px;}
.product_list_num{font-size: 13px;}
.card_price{font-size: 14px;}
.before_price{font-size: 14px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.product_in_img_con .slick-dots{bottom:-65px;}
.product_in_img_con .slick-dots li{height: 50px;}
.product_in_img_con .slick-dots li button{margin:2px auto; height: 46px; width:40px;}
.product_in_info{margin:80px 0 0 0;}
.product_in_tit{margin-bottom: 15px; font-size: 16px; line-height: 22px;}
.product_option_tit{width:115px; line-height:30px; font-size: 14px;}
.product_option_txt{line-height:30px; font-size: 14px;}
.product_in_price_tit{height: 40px; line-height: 40px; width:115px; font-size: 14px;}
.product_in_price_txt{width:calc(100% - 115px);height: 40px; line-height: 40px; font-size: 16px;}
.product_in_price_txt span{font-size: 12px;}
.product_in_contact_btn{height: 46px;line-height: 46px; font-size: 16px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_page_menu ul li{font-size: 12px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_page_input_tit{width:80px; }
.review_page_input_box{width:calc(100% - 80px); }
.review_page_input_box label{margin-right: 5px;}

}


@media (max-width: 800px) {

    /* PC / 모바일 표시 분리 */
    .pc { display: none !important; }
    .mo { display: block !important; }

    /* 메인 배너 전체 리셋 */
    .main_bn.mo {
        width: 100%;
        height: auto !important;
        padding: 20px 0;
        overflow: hidden;
    }

    /* slick 높이 강제 제거 */
    .main_bn.mo .slick-list,
    .main_bn.mo .slick-track {
        height: auto !important;
    }

    /* 슬라이드 간격 */
    .main_bn.mo .slick-slide {
        padding: 0 8px;
        box-sizing: border-box;
    }

    /* 카드 자체 */
    .main_bn.mo .main_bn_box {
        width: 68vw !important;
        height: auto !important;
        aspect-ratio: 1 / 1.4;

        border-radius: 18px;
        overflow: hidden;

        background-size: cover;
        background-position: center;
    }

    /* 이미지 방식일 경우 */
    .main_bn.mo .main_bn_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* 가운데 카드 강조 */
    .main_bn.mo .slick-center .main_bn_box {
        transform: scale(1.03);
    }

    /* 좌우 카드 살짝 보이게 */
    .main_bn.mo .slick-list {
        padding: 0 12% !important;
    }

    /* 화살표 제거 */
    .main_bn.mo .slick-arrow {
        display: none !important;
    }

     .main_bn.mo {
            overflow: visible; /* 🔥 중요 */
            padding-bottom: 30px; /* dots 공간 */
        }

        .main_bn.mo .slick-dots {
            bottom: 0;
        }
        .main_bn.mo .slick-dots {
                display: flex !important;
                justify-content: center;
                gap: 6px;
            }

            .main_bn.mo .slick-dots li {
                width: 6px;
                height: 6px;
            }

            .main_bn.mo .slick-dots li button {
                width: 6px;
                height: 6px;
                padding: 0;
                border-radius: 50%;
                background: #ccc;
                opacity: 0.5;
            }

            .main_bn.mo .slick-dots li.slick-active button {
                background: #000;
                opacity: 1;
            }

            .main_bn.mo .slick-dots li button:before {
                display: none;
            }
            .p_layer {
                max-width:80vw;
                margin-top:110px;
            }

}
.in_consult p {
    color: #007aff;
    animation: pulseText 1.5s ease-in-out infinite;
}

/* 깜빡임 keyframe */
@keyframes pulseText {
 0%   { color: #007aff; opacity: 1; }
    50%  { color: #ff3b30; opacity: 1; } /* 빨강 계열로 바꿔서 눈에 띄게 */
    100% { color: #007aff; opacity: 1; }
}