/*-- common css --*/

/*sub title*/
.sub-title{text-align: center;margin-bottom: 40px;}
.sub-title h4{font-size: var(--fs-34);font-weight: var(--fw-7);line-height: 1;}

@media screen and (max-width: 1480px){

	.sub-title{margin-bottom: 30px;}
}

@media screen and (max-width: 720px){

	.sub-title{margin-bottom: 25px;}
	.sub-title h4{font-size: 24px;line-height: 130%;}
}

/*-- login --*/
.member-logo{margin-bottom: 50px;}
.member-logo a{display: block;}
.member-logo img{display: block;margin: 0 auto;}

.member-save{display: flex;align-items: center;justify-content: space-between;}
.member-save a{font-size: 15px;font-weight: var(--fw-4);color: #888;}

@media screen and (max-width: 720px){ 
	
	.member-logo{margin-bottom: 40px;}
}

/*-- register.user --*/
.user-box{border: 1px solid #e1e1e1;padding: 24px;border-radius: 12px;overflow: hidden;}
.user-box figure{display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
.user-box figure img{display: block;max-width: 80px;}

.user-box h4{font-size: 20px;font-weight: 700;text-align: center;margin-bottom: 10px;}
.user-box p{font-size: 15px;font-weight: 400;color: #888;line-height: 150%;text-align: center;margin-bottom: 20px;}

@media screen and (max-width: 720px){ 
	
	.user-box{padding: 20px;}
	.user-box figure{margin-bottom: 15px;}
	.user-box figure img{max-width: 50px;}

	.user-box p{font-size: 14px;}
}

/*-- register --*/
.register-title{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 22px;}
.register-title span{font-size: 20px;font-weight: 700;}
.register-title i{font-size: 15px;font-weight: 400;color: #888;}
.register-title i b{color: #F00;}

.register-box{margin-bottom: 50px;}

.register-field-box>li + li{margin-top: 20px;}

.register-field>label{display: block;font-size: 15px;font-weight: 500;margin-bottom: 10px;}
.register-field>label b{color: #F00;}

.adress-box{display: flex;align-items: center;gap: 10px;}
.adress-box input.common-input{width: calc( 100% - 110px );}
.adress-box button{font-size: 15px;line-height: 50px;width: 100px;}
.member-wrap .register-field #daum_juso_pagemb_zip #btnFoldWrap{top: -58px !important;right: -1px !important;padding: 16px 40px;background: #000;border-radius: 6px;overflow: hidden;}

/*비밀번호 일치 체크*/
.password-check.not{margin-bottom: 8px;border: 1px solid red;}
#password-not{display: none;font-size: 14px;font-weight: var(--fw-4);color: #888;}

.temp-open{cursor: pointer;transition: transform 0.3s ease;}
.temp-open.active{transform: rotate(180deg);}

@media screen and (max-width: 720px){ 
	
	.register-title span{font-size: 18px;}
	.register-title i{font-size: 13px;}
	
	.adress-box input.common-input{width: calc( 100% - 100px );}
	.adress-box button{width: 90px;}
	.member-wrap .register-field #daum_juso_pagemb_zip #btnFoldWrap{top: -58px !important;right: -1px !important;padding: 16px 35px;}
}

/*-- register result --*/
.register-result-title .member-logo{margin-bottom: 20px;}
.register-result-title p{font-size: 16px;font-weight: 400;color: #666;text-align: center;}
.register-result-title p b{font-weight: 600;color: var(--color-1);}

.register-result-box{padding: 21px 25px;background: #f7f7f7;border-radius: 10px;overflow: hidden;margin-top: 40px;margin-bottom: 20px;}
.register-result-box ul li + li{margin-top: 20px;}
.register-result-box ul li h4{font-size: 15px;font-weight: 500;line-height: 150%;margin-bottom: 2px;}
.register-result-box ul li p{font-size: 15px;font-weight: 400;line-height: 150%;color: #666;}

@media screen and (max-width: 720px){ 
	
	.register-result-title p{font-size: 15px;}
}

/*-- paging --*/
.pagenation{display: flex;align-items: center;justify-content: center;margin-top: 70px;}
.pagenation a{display:flex;align-items: center;justify-content: center;width: 40px;height: 40px;color: #777;font-weight: 400;}
.pagenation a.active{background: var(--color-1);border-radius: 10px;color: #fff;font-weight: 500;}
.pagenation .pre img, .pagenation .next img{height:12px;}
.pagenation .next img{transform: rotate(180deg);}

@media screen and (max-width: 720px) {
	
	.pagenation{margin-top: 50px;}
	.pagenation a{font-size: 15px;width: 35px;height: 35px;}
}

/*-- LIST - item cate list --*/
.item-cate-wrap{margin-bottom: 70px;}
.item-cate-list li figure{width: 110px;height: 110px;}

.item-cate-list li.on figure{border: 2px solid var(--color-1);}
.item-cate-list li.on h4{font-weight: var(--fw-6);color: var(--color-1);}

@media screen and (max-width: 1480px){

	.item-cate-wrap{margin-bottom: 60px;}
}

@media screen and (max-width: 1280px){

	.item-cate-list li:first-child figure{background-size: auto 22px;}
	.item-cate-list li figure{width: 100px;height: 100px;}
}

@media screen and (max-width: 1080px){

	.item-cate-list li figure{width: 100%;height: 0;}
}

@media screen and (max-width: 860px){

	.item-cate-list{flex-wrap: nowrap;gap: 20px;}
	.item-cate-list li{width: calc( ( 100% - 120px ) / 7 );}
}

@media screen and (max-width: 720px){
	
	.item-cate-wrap{margin-bottom: 40px;overflow-x: scroll;overflow-y: hidden;}
	.item-cate-list{width: 545px;gap: 15px;padding: 0;}
	.item-cate-list li{width: 65px;}
	
	.item-cate-list li:first-child figure{background-size: auto 13px;}
}

/*-- LIST - sort box --*/
.sort-box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.sort-count{font-size: var(--fs-15);font-weight: var(--fw-4);}
.sort-count b{font-weight: var(--fw-7);}

.sort-cate{display: flex;align-items: center;gap: 18px;}
.sort-cate li a{display: flex;align-items: center;gap: 4px;font-size: var(--fs-15);font-weight: var(--fw-4);color: #888;}
.sort-cate li a i{display: none;font-weight: var(--fw-7);}

.sort-cate li.on a{font-weight: var(--fw-6);color: #000;}
.sort-cate li.on i{display: block;}

/*mobile*/
#sort-list{display: none;}

@media screen and (max-width: 1080px){

	.sort-box{margin-bottom: 35px;padding-bottom: 15px;}
}

@media screen and (max-width: 860px){

	.sort-cate{gap: 12px;}
}

@media screen and (max-width: 720px){

	.sort-count{font-size: 14px;}

	.sort-box{align-items: flex-end;margin-bottom: 25px;padding-bottom: 10px;}

	/*mobile*/
	.sort-wrap{position: relative;}
	
	#sort-list{display: flex;align-items: center;justify-content: space-between;gap: 2px;width: 98px;font-size: 13px;font-weight: 400;color: #666;border: 1px solid #ddd;padding: 6px 10px;padding-right: 7px;border-radius: 5px;}
	#sort-list i{font-size: 16px;}
	#sort-list.on i{transform: rotate(180deg) translateY(1px);}
	
	.sort-cate{flex-direction: column;align-items: flex-start;gap: 0;position: absolute;top: calc( 100% + -1px );left: 0;width: 100%;z-index: 1;padding: 6px 0;background: #FFF;border: 1px solid #ddd;border-radius: 5px;display: none;}
	.sort-cate li a{display: block;width: 100%;height: 100%;padding: 6px 10px;font-size: 13px;font-weight: 400;color: #666;}
	
	.sort-cate li.on a{color: var(--color-1);}
	.sort-cate li.on i{display: none;}
}

/*-- LIST - 카테고리 별 BEST 상품 슬라이드 --*/
.cate-slide-list{position: relative;margin-bottom: 100px;}

@media screen and (max-width: 1080px){

	.cate-slide-list{margin-bottom: 70px;}
}

@media screen and (max-width: 1080px){

	.cate-slide-list{margin-bottom: 50px;}
}

/*-- item.php --*/
.item-top{display: flex;gap: 70px;margin-bottom: 100px;}
.item-slide-wrap{width: 602px;}
.item-info{width: calc( 100% - 672px );}

#item-slide{border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
#item-slide figure img, #thumbnail-slide figure img{display: block;width: 100%;}

#thumbnail-slide{margin-top: 15px;}
#thumbnail-slide figure{border: 1px solid #ddd;border-radius: 10px;overflow: hidden;}

.item-title-share{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 12px;}
.item-title-share .list-review{gap: 10px;margin-bottom: 0;}
.item-title-share .list-review b, .item-title-share .list-review i{font-size: var(--fs-17);}
.item-title-share .list-review i em{padding-bottom: 2px;}

.item-title-share>button i{font-size: var(--fs-22);}

.item-title h4, .item-title p{word-break: keep-all;}
.item-title h4{font-size: var(--fs-28);font-weight: var(--fw-7);line-height: 150%;margin-bottom: 8px;}
.item-title p{font-weight: var(--fw-4);color: #888;line-height: 160%;}

.iv-price-box{display: flex;align-items: flex-end;gap: 9px;margin-top: 20px;}
.iv-price-box .list-discount, .iv-price-box .list-price{font-size: var(--fs-24);}
.iv-price-box .list-discount{}
.iv-price-box .list-price{}
.iv-price-box .list-price-basic{font-size: 1rem;}

.item-tag{margin-top: 15px;}

.item-product{border-top: 1px solid #222;border-bottom: 1px solid #e9e9e9;padding: 10px 0;margin-top: 30px;}
.item-table{width: 100%;}
.item-table th, .item-table td{font-size: var(--fs-15);line-height: 150%;text-align: left;padding: 8px 0;}
.item-table th{width: 30%;font-weight: var(--fw-5);}
.item-table td{width: 70%;font-weight: var(--fw-4);color: #777;}

.item-opt{border-bottom: 1px solid #e9e9e9;padding: 10px 0;}
.item-opt-box .get_item_options, .item-opt-box .get_item_supply{display: flex;align-items: center;padding: 8px 0;}
.item-opt-box .get_item_options>label, .item-opt-box .get_item_supply>label{width: 30%;font-size: var(--fs-15);font-weight: var(--fw-5);}
.item-opt-box .get_item_options>span, .item-opt-box .get_item_supply>span{width: 70%;font-size: var(--fs-15);font-weight: var(--fw-4);}
.item-opt-box .get_item_options>span select, .item-opt-box .get_item_supply>span select{display: block;width: 100%;font-size: var(--fs-15);font-weight: var(--fw-4);height: 48px;border: 1px solid #ddd;padding: 0 15px;border-radius: 6px;outline: none;overflow: hidden;
	background-image: url(/img/icon/selectdown.png);background-repeat: no-repeat;background-position: right 12px top 50%;
	-webkit-appearance:none; 
	-moz-appearance:none; 
	appearance:none;
}
.item-opt-box .get_item_options>span select::-ms-expand, .item-opt-box .get_item_supply>span select::-ms-expand{display:none;}

#sit_opt_added li{border: none;background: #f7f7f7;padding: 22px 25px;border-radius: 10px;}
#sit_opt_added .opt_name span{display: block;font-size: var(--fs-15);font-weight: var(--fw-5);line-height: 150%;word-break: keep-all;}
#sit_opt_added .opt_count{display: flex;align-items: flex-end;justify-content: space-between;margin-top: 10px;}
#sit_opt_added li .opt_count:after{display: none;}
#sit_opt_added .opt_count>span{font-size: var(--fs-15);font-weight: var(--fw-5);line-height: 150%;word-break: keep-all;}

#sit_opt_added button, #sit_opt_added .num_input{border: 1px solid #ddd;}
#sit_opt_added button{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;font-size: var(--fs-20);font-weight: var(--fw-4);color: #454545;}
#sit_opt_added button.sit_qty_minus{border-radius: 6px 0 0 6px;}
#sit_opt_added button.sit_qty_plus{border-radius: 0 6px 6px 0;}
#sit_opt_added .num_input{width: 43px;height: 32px;border-left: none;border-right: none;font-size: var(--fs-15);font-weight: var(--fw-4);outline: none;}

#sit_sel_option, #sit_tot_price{line-height: 150%;margin: 0;margin-top: 20px;}
#sit_tot_price{display: flex;align-items: flex-end;justify-content: space-between;}
#sit_tot_price span{font-size: var(--fs-18);font-weight: var(--fw-7);line-height: 150%;padding-bottom: 6px;}
#sit_tot_price strong{display: flex;align-items: flex-end;font-size: var(--fs-28);font-weight: var(--fw-7);line-height: 150%;}
#sit_tot_price strong i{font-size: var(--fs-18);font-weight: var(--fw-7);margin-bottom: -2px;}
 
#sit_ov_btn{display: flex;align-items: center;gap: 8px;margin-top: 20px;}
#sit_ov_btn:after{display: none;}

#sit_ov_btn .sit_btn_cart, #sit_ov_btn .sit_btn_buy{width: calc( ( 100% - 70px ) / 2 );font-size: var(--fs-17);font-weight: var(--fw-5);}
#sit_ov_btn .sit_btn_wish{display: flex;align-items: center;justify-content: center;width: 54px;height: 54px;font-size: var(--fs-20);font-weight: var(--fw-5);}

/*-- item-bottom --*/
.item-bottom{display: flex;align-items: flex-start;justify-content: space-between;}
.item-left{width: 860px;}
.item-right{width: 380px;}

.item-tab{display: flex;align-items: flex-start;border-bottom: 2px solid var(--color-1);position: sticky;top: 90px;margin-left: 1px;width: 100%;background: #FFF;z-index: 10;}
.item-tab::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: calc( 100% + 20px );background: #FFF;}
.item-tab li{width: calc( 100% / 4 );border: 1px solid #ddd;border-radius: 10px 10px 0 0;border-right: none;border-bottom: none;background: #FFF;position: relative;z-index: 1;}
.item-tab li:last-child{border-right: 1px solid #ddd;}
.item-tab li button{display: block;width: 100%;padding: 17px 0;font-size: var(--fs-18);font-weight: var(--fw-5);text-align: center;color: #bbb;}

.item-tab li.on{border-right: 1px solid var(--color-1);border-color: var(--color-1);border-width: 2px;}
.item-tab li.on::after{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background: #FFF;z-index: 1;}
.item-tab li.on button{color: var(--color-1);font-weight: var(--fw-6);}

.item-box{padding: 40px 0;}

.item-sticky{position: sticky;top: 90px;border: 1px solid #ddd;border-radius: 10px;padding: 26px;}

.item-sticky .item-title-share .list-review b, .item-sticky .item-title-share .list-review i{font-size: var(--fs-14);}
.item-sticky .item-title-share>button i{font-size: var(--fs-20);}
.item-sticky .item-title h4{font-size: var(--fs-20);}

#item-notice li + li{margin-top: 40px;}
#item-notice li h4{font-size: var(--fs-18);font-weight: var(--fw-7);margin-bottom: 20px;}
#item-notice li div{font-size: var(--fs-15);font-weight: var(--fw-4);border-radius: 10px;background: #f7f7f7;padding: 18px 20px;line-height: 150%;color: #454545;}

.item-explan-title{font-size: var(--fs-18);font-weight: var(--fw-7);margin-bottom: 20px;}
.item-explan-table>div{background: #f7f7f7;padding: 6px 26px;border-radius: 10px;}
.item-explan-table{margin-top: 40px;line-height: 150%;}

.item-explan-table .item-table th, .item-explan-table .item-table td{padding: 15px 0;}
.item-explan-table .item-table tr{border-bottom: 1px solid #e4e4e4;}
.item-explan-table .item-table tr:last-child{border-bottom: none;}

.item-related{margin-bottom: 100px;}
.item-related .cate-slide-list{margin-bottom: 0;}

#item-use .pagenation, #item-qa .pagenation{margin-top: 30px;}

.item-explan-button-box{display: flex;gap: 8px;}
.item-explan-button-box .member-button{font-size: var(--fs-15);}

.sit_empty{font-size: var(--fs-15);font-weight: var(--fw-4);color: #454545;}

.item-right #sit_opt_added li{padding: 17px 20px;}

/*-- 사용후기 --*/
#sit_use_wbtn, #sit_qa_wbtn{margin-bottom: 15px;}
.new-use-top{display: flex;align-items: center;gap: 8px;margin-bottom: 15px;}
.new-use-top span{font-size: var(--fs-14);font-weight: var(--fw-5);color: #999;}

.new-use-li{padding: 25px 0;}
.new-use-li .review-info{padding: 0;margin: 0;}
.new-use-li .review-info h4{margin-bottom: 15px;}
.new-use-li .review-info div p, .new-use-li .review-info div p *{font-size: var(--fs-15);font-weight: var(--fw-4);color: #454545;line-height: 160%;}

.review-images{display: flex;align-items: flex-start;gap: 8px;margin-top: 20px;}
.review-images>div{width: calc( ( 100% - 40px ) / 6 );border-radius: 8px;overflow: hidden;}
.review-images img{display: block;width: 100%;height: auto !important;}

.sit_use_cmd{display: flex;gap: 6px;margin-top: 20px;}
.boardBtn{display: block;padding: 0 15px;line-height: 35px !important;border: 1px solid #e4e4e4;color: #343434;background: #FFF;text-align: center;font-size: .9375rem !important;font-weight: 400;border-radius: 5px;overflow: hidden;cursor: pointer;}
.boardBtn00{background: var(--color-1);font-weight: bold;border-color: var(--color-1);color: #FFF;}

/*-- 상품문의 --*/
.new-qa-li{border-bottom: 1px solid #e9e9e9;padding: 25px 0;}

.new-qa-top{display: flex;align-items: center;justify-content: space-between;}

.new-qa-title{display: flex;align-items: center;gap: 10px;width: 70%;}
.new-qa-title h4{font-size: var(--fs-17);font-weight: var(--fw-6);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-qa-title h4 i{font-size: var(--fs-15);padding-right: 5px;color: #aaa;}
.new-qa-title span{font-size: 13px;font-weight: var(--fw-5);color: #888;background: #eee;padding: 5px 8px;border-radius: 3px;overflow: hidden;}
.new-qa-title span.sit_qaa_done{background: var(--color-1);color: #FFF;font-weight: var(--fw-7);}

#item-qa .review-user{width: 30%;margin-top: 0;}
#item-qa .review-user span{justify-content: flex-end;}

.new-qa-content{padding: 20px 71px;}
.new-qa-content, .new-qa-content p, new-qa-content *{font-size: var(--fs-15);font-weight: var(--fw-4);color: #454545;line-height: 160%;}

.new-an-content{background: #f7f7f7;padding: 20px 71px;}
.new-an-content, .new-an-content p, .new-an-content *{font-size: var(--fs-15);font-weight: var(--fw-4);color: #454545;line-height: 160%;}

@media screen and (max-width: 1480px){
	
	.item-top{gap: 60px;margin-bottom: 70px;}
	.item-slide-wrap, .item-info{width: calc( ( 100% - 60px ) / 2 );}
	
	.item-related{margin-bottom: 70px;}
}

/*-- customer page --*/
.customer-box{padding: 40px;background: #f7f7f7;border-radius: 20px;text-align: center;}
.customer-box .ft-text i{padding-right: 0;}
.customer-box .member-button-box{display: flex;justify-content: center;gap: 13px;margin-top: 20px;}
.customer-box .member-button-box a{max-width: 200px;}

.customer-list-wrap{display: flex;flex-wrap: wrap;gap: 50px;row-gap: 70px;margin-top: 70px;}
.customer-list{width: calc( ( 100% - 50px ) / 2 );}
.customer-list>h4{display: flex;align-items: flex-end;justify-content: space-between;font-size: var(--fs-26);font-weight: var(--fw-7);margin-bottom: 20px;}
.customer-list>h4 a{display: flex;align-items: center;font-size: var(--fs-15);font-weight: var(--fw-4);color: #999;transition: color .2s ease;}
.customer-list>h4 a i{font-size: var(--fs-20);padding-bottom: 1px;}
.customer-list>h4 a:hover{color: #000;}

.customer-list ul{border-top: 1px solid #000;}
.customer-list ul li{border-bottom: 1px solid #ddd;}
.customer-list ul li a{display: flex;font-size: var(--fs-15);font-weight: var(--fw-4);padding: 22px 0;}
.customer-list ul li h5{width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.customer-list ul li span{width: 20%;text-align: right;color: #777;}

@media screen and (max-width: 1080px){
	
	.customer-box{padding: 30px;}
	.customer-box .ft-customer{margin-top: 0;}

	.customer-list-wrap{gap: 40px;row-gap: 60px;margin-top: 60px;}
	.customer-list{width: calc( ( 100% - 40px ) / 2 );}

	.customer-list ul li h5{width: 70%;}
	.customer-list ul li span{width: 30%;}
}

@media screen and (max-width: 720px){
	
	.customer-box{padding: 20px;border-radius: 15px;}
	.customer-box .member-button-box{gap: 8px;}
	.customer-box .member-button-box a{font-size: 15px;line-height: 43px;}
	
	.customer-list-wrap{display: block;margin-top: 40px;}
	.customer-list-wrap>div + div{margin-top: 40px;}
	
	.customer-list{width: 100%;}
	.customer-list>h4{font-size: 18px;margin-bottom: 15px;}
	.customer-list>h4 a{font-size: 14px;}
	
	.customer-list ul li a{font-size: 14px;padding: 20px 0;}
}

/*-- company page --*/
.company-slide-wrap{position: relative;margin-bottom: 40px;}

.company-slide-wrap .center-next, .company-slide-wrap .center-prev{top: 50% !important;}

.company-slide{height: 460px;}
.company-slide .swiper-slide{border-radius: 20px;overflow: hidden;}
.company-slide .swiper-slide figure{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}

.company-1 figure{background-image: url(/img/sub/company_5.jpg);}
.company-2 figure{background-image: url(/img/sub/company_1.jpg);}
.company-3 figure{background-image: url(/img/sub/company_2.jpg);}
.company-4 figure{background-image: url(/img/sub/company_3.jpg);}
.company-5 figure{background-image: url(/img/sub/company_4.jpg);}

.company-text h4, .company-text p{line-height: 160%;}
.company-text h4{font-size: var(--fs-24);font-weight: var(--fw-7);margin-bottom: 15px;}
.company-text p{font-weight: var(--fw-4);color: #454545;}

@media screen and (max-width: 1480px){
	
	.company-slide{height: 360px;}
}

@media screen and (max-width: 1080px){

	.company-slide{height: 320px;}
}

@media screen and (max-width: 720px){
	
	.company-slide-wrap{margin-bottom: 25px;}
	
	.company-slide{height: 180px;}
	.company-slide .swiper-slide{border-radius: 13px;}
	
	.company-text h4{font-size: 20px;}
	.company-text p{font-size: 15px;}
}

/*-- guide page --*/
.guide-wrap .item-cate{margin-bottom: 40px;}

.guide-box h4{font-size: var(--fs-18);font-weight: var(--fw-7);margin-bottom: 20px;}
.guide-text{font-weight: var(--fw-4);color: #454545;line-height: 160%;}

.guide-box{display: none;}
.guide-1{display: block;}

@media screen and (max-width: 720px){
	
	.guide-wrap .item-cate{margin-bottom: 30px;}

	.guide-box h4{font-size: 18px;margin-bottom: 15px;}
	.guide-text{font-size: 14px;}
}

/*-- 약관 페이지 --*/
.terms-wrap{font-weight: var(--fw-4);color: #454545;line-height: 160%;word-break: keep-all;}

@media screen and (max-width: 720px){
	
	.terms-wrap{font-size: 14px;}
}

/*-- 매장찾기 --*/
.map_inner{height: 800px;position: relative;}
#map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 15px;overflow: hidden;}

@media screen and (max-width: 1480px){
	
	.map_inner{height: 600px;}
}

@media screen and (max-width: 1280px){
	
	.map_inner{height: 500px;}
}

@media screen and (max-width: 960px){
	
	.map_inner{height: 400px;}
}

@media screen and (max-width: 720px){
	
	.map_inner{height: 350px;margin-top: 480px;}
}

/*-- 매장찾기 검색박스 --*/
#mapSearch{position: absolute;top: 50%;left: 3%;transform: translateY(-50%);width: 310px;z-index: 10;border-radius: 10px;overflow: hidden;
	box-shadow: 5px 5px 15px rgba(0,0,0,.1);
}
.ms_inner{background: #FFF;}
.ms_inner>h4{display: block;width: 100%;font-weight: var(--fw-7);line-height: 50px;text-align: center;background: var(--color-1);color: #FFF;border-bottom: 1px solid rgba(255,255,255,.15);}

.ms_box{padding: 10px;background: var(--color-1);position: relative;}
.ms_box input[type='text']{display: block;width: 100%;border: none;height: 40px;line-height: 40px;outline: none;padding: 0 50px 0 10px;font-size: var(--fs-15);border-radius: 3px;overflow: hidden;}
.ms_box button{position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.ms_box button i{font-size: 1.25rem;}

.ms_result{padding: 10px;}

.ms_total{background: #f5f5f5;border-radius: 3px;overflow: hidden;}
.ms_total span{display: block;padding: 10px;font-size: 14px;font-weight: 400;color: #777;}
.ms_total span b{color: var(--color-1);font-weight: 500;}

#storeList{padding: 0 10px;margin: 10px auto;height: 500px;overflow: hidden;overflow-y: scroll;}
#storeList::-webkit-scrollbar{width: 3px;}
#storeList::-webkit-scrollbar-thumb{background-color: var(--color-1);border-radius: 3px;border: 1px solid transparent;}
#storeList::-webkit-scrollbar-track{background-color: #ddd;border-radius: 3px;}
#storeList li{padding: 20px 0 15px 0;border-bottom: 1px dotted #ddd;cursor: pointer;}
#storeList li.searchNone{height: 0;overflow: hidden;padding: 0;border: none;}
#storeList li:hover h4{color: var(--color-1);}

.storeTitle{display: flex;align-items: center;gap: 8px;}
.storeTitle i{display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 22px;background: var(--color-1);color: #FFF;font-size: 12px;font-weight: 600;}
.storeTitle span{font-weight: 600;}

.storeInfo{padding-left: 30px;margin-top: 5px;}
.storeInfo i{display: block;font-size: 14px;color: #444;font-weight: 400;line-height: 140%;word-break: keep-all;margin-top: 3px;}

@media screen and (max-width: 1480px){
	
	#mapSearch{width: 280px;}

	#storeList{height: 310px;}
	#storeList li{padding: 15px 0 10px 0;}

	.storeTitle i{width: 20px;height: 20px;border-radius: 20px;}

	.storeInfo i{font-size: 13px;margin-top: 0;}
}

@media screen and (max-width: 1280px){
	
	.ms_inner>h4{line-height: 45px;}

	.ms_box input[type='text']{height: 35px;line-height: 35px;padding: 0 45px 0 10px;}
	.ms_box button{width: 35px;height: 35px;}

	.ms_total span{font-size: 13px;}

	#storeList{height: 250px;}
}

@media screen and (max-width: 960px){

	#mapSearch{width: 250px;}

	#storeList{height: 150px;}
}

@media screen and (max-width: 720px){
	
	#mapSearch{top: -450px;left: 0;transform: translateY(0);width: 100%;border-radius: 8px;}
	.ms_inner>h4{font-size: 16px;}

	.storeTitle span{font-size: 14px;}

	#storeList{height: 250px;}
}