::-webkit-scrollbar { width: 15px; height: 3px;}
::-webkit-scrollbar-button { display: none;}
::-webkit-scrollbar-track { background-color: #f3f3f3; }
::-webkit-scrollbar-track-piece { background: #eee; }
::-webkit-scrollbar-thumb { background: #999;}
::-webkit-scrollbar-corner {}
#wrap { --scrollbar-width: 15px; }

a,button,input,textarea {outline:none; }
body {
min-width:320px;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
@media screen and (min-width:0\0){body{margin-right:1px;}}/*ie9~10적용핵*/
@media screen and (max-width:1440px){
	body{margin:0 auto;}
}
body.overflowH {overflow:hidden; touch-action: none;}

/* ios 슬라이드, 스크롤시 깜빡일 경우 아래 소스 제거 */
/*img { image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #d5d5d5; font-weight:normal; }
input,textarea {font-size:16px;}
.body-order select,
.body-order .chosen-container {font-size:14px;}

.form_element textarea {font-size:13px;}
.slick-slider * {outline: 0;border: 0;}
.noCousor {cursor:default;}

.slick-dots {bottom:15px;}
.slick-dots li {margin:0 3px;}
.slick-dots li button {width:6px; height:6px; padding:0; background-color:#e5e5e5; border-radius:3px; box-sizing:border-box; }
.slick-dots li.slick-active button {width:40px; background-color:#000;}

.location_wrap .location_cont{width:100%; margin:0 auto;}
.foot_list ul{overflow:hidden; max-width:var(--content-w-s); margin:0 auto;}
.scroll_wrap{display:none /*position:absolute; top:339px; left:50%; max-width:var(--content-w-s); margin-left:-720px; z-index:100;*/}
#shop_cart_wrap .btn_shop_cart_box{position:absolute; top:0px; left:50%; max-width:var(--content-w-s); margin-left:-720px;}
#shop_cart_wrap .cart_tab_list{max-width:var(--content-w-s); margin:0 auto; font-size:14px;}
.cart_tab_box{position:relative; max-width:var(--content-w-s); height:280px; margin:0 auto;}

/*게시판 관련*/
.board_write_table th,
.board_write_table td,
.board_list_table td,
.board_list_table th{padding: 15px 10px 15px 14px; border-bottom:1px solid #eaeaea !important; font-size:16px; font-weight:500;}
.member_cont .member_sns_login .sns_login_txt span {font-weight:bold;}
.board_list_table td img,
.board_list_table th img {vertical-align:middle;}

input[type="text"], input[type="password"],
.capcha_img {border:1px solid #eaeaea;}
.board_write_box .write_editor iframe {border-bottom:none !important;}

/* order.css 페이코결제 레이아웃*/
.payco_payment .form_element label.choice_payco span{position:relative;}
.payco_payment .form_element label.choice_payco span img{position:absolute; top:0; vertical-align:middle;}
.payco_payment .form_element label.choice_payco.on span img{position:absolute;}

#wrap .text_warning {color:#d6363a;}
.form_element label {font-size:14px;}
/* 꾸미기 영역 */
#Resize_imgArea { text-align: center; }
#Resize_imgArea img { max-width:100%;}
#Resize_imgBoard img { max-width:100%;}
/* 셀렉트박스 */
#wrap .chosen-single {border:1px solid #eaeaea;}
.layer_wrap .chosen-container {font-size:14px;}

/* 글자수 작을 때, 사용불가 */
#wrap .member_warning.prior_wrong input,
#wrap .member_warning.prior_wrong textarea,
#wrap .member_warning.prior_wrong .prior_input,
#wrap .member_warning.prior_wrong .chosen-single{border:1px solid #383838;}
#wrap .member_warning.prior_wrong .text_warning{color:#383838;}
#wrap .member_warning.prior_wrong .form_element{border:1px solid #383838;}

/* 안전도 낮음 */
#wrap .member_warning.prior_half_pass .text_warning{color:#383838;}

/* 준비중 */
.site_ready{width:auto; max-width:578px; margin:15% auto 0;}

/* 이용제한 쇼핑몰 */
.blackout{width:auto; max-width:578px; margin:15% auto 0;}

/* 성인인증 시작 */
.adult_wrap .adult_guest_cont .guest_tit_box{width:auto; max-width:710px; margin:5% auto 80px auto;}
.adult_wrap .guest_tit_box em{font-size:24px;}
.adult_wrap .guest_tit_box .btn_exit{border:1px solid #383838; background:#383838; color:#fff;}
.adult_wrap .guest_login_wrap .guest_login_box{width:auto; max-width:1000px; }
.adult_wrap .guest_login .login_input_sec button{ border:1px solid #383838; background:#383838; font-size:14px;}
.adult_wrap .guest_login .login_input_sec button:hover{border:1px solid #383838; color: #383838; background:#fff;}

.adult_wrap .guest_login .login_sns_sec a{ width:auto; height:43px; margin:0 0 5px 0; text-align:left; line-height:43px; font-size:13px;}
.adult_wrap .guest_login .login_sns_sec a img{vertical-align:middle; width:auto; max-height:40px; max-width:100%;}
.adult_wrap .guest_login .login_sns_sec a span{padding:0;}

.adult_wrap .guest_login .btn_login_box{overflow:hidden; padding:20px 0 0 0; border-top:1px solid #dcdcdc; text-align:center; font-size:0;}
.adult_wrap .guest_login .btn_login_box li{float:left; margin:0 0 0 10px;}
.adult_wrap .guest_login .btn_login_box li:first-child{margin:0 2px;}
.adult_wrap .guest_login .btn_login_box li button{width:150px; height:45px; margin:0; color:#3e3d3c; font-size:13px; border:1px solid #cccccc; background:#fff; cursor:pointer; font-weight:bold;}
.adult_wrap .guest_login .btn_login_box li button:hover{color:#333333; border:1px solid #bbbbbb; background:#fafafa;}
.adult_wrap .guest_login .btn_login_box .btn_join{border:1px solid #383838; background:#383838; color:#ffffff;}
.adult_wrap .guest_login .btn_login_box .btn_join:hover{border:1px solid #383838; color: #383838; background:#fff;}


.adult_wrap .adult_member_cont .member_tit_box{width:auto; max-width:710px; margin:15% auto 0 auto;}
.adult_wrap .member_login_wrap .member_certify_box{width:auto; max-width:900px;}
.guest_btn.base3{border:1px solid #383838; background:#383838;}
.guest_btn.base3:hover{border:1px solid #000; background:#000;}
/* 성인인증 끝 */

/* 회원전용 로그인 인트로 */
.intro_member_wrap .member_login_cont{width:auto; max-width:580px; padding:10% 0 0 0; }
.intro_member_wrap .member_login_box .login_input_sec button{border:1px solid #383838; background:#383838;}
.intro_member_wrap .member_login_box .login_input_sec button:hover{border:1px solid #383838; background:#fff; color:#383838;}
.intro_member_wrap .member_login_box .btn_login_box{ margin:10px auto 0; text-align:center; font-size:0; }
.intro_member_wrap .member_login_box .btn_login_box li{float:none; display:inline-block; margin:0 0 0 10px;}
.intro_member_wrap .member_login_box .btn_login_box li:first-child{margin:0 2px;}
.intro_member_wrap .member_login_box .btn_login_box li button{width:150px;}
.intro_member_wrap .member_login_box .btn_login_box li button:hover{background:#fafafa;}
.intro_member_wrap .member_login_box .btn_login_box .btn_join{background:#383838; border:1px solid #383838;}
.intro_member_wrap .member_login_box .btn_login_box .btn_join:hover{border:1px solid #383838; background:#fff; color:#383838;}
.intro_member_wrap .member_login .id_chk .check-s {display:inline-block;}
.intro_member_wrap .member_login_cont .member_tit_box p {color:#000;}
/* sns 로그인 */
.member_sns_login {text-align:left; font-size:0;}
.member_sns_login > * {margin:3px 0; background:#f8f8f8;}
.member_sns_login a {}
.member_sns_login a img {max-height:40px; max-width:100%; vertical-align:middle; 
/*text-align:left; padding-left:16px; position: absolute;top: 12px;left: -2px*/}

.login_sns_sec .txtR,
.member_login_box .txtR{background:#fafafa; display:block;}

.btn_payco_login{display:block; height:43px; line-height:43px; font-size:12px; }
.btn_payco_login .imgL {width:60px; float:left; background:#D2281E; text-align:center; margin-right:10px;}
.btn_facebook_login{display:block; margin:5px 0 0 0; height:43px; line-height:43px; font-size:12px;}
.btn_facebook_login .imgL {width:60px; float:left; background:#365BAC; text-align:center; margin-right:10px;}
.btn_naver_login{ position:relative; display:block; margin:5px 0 0 0; height:43px; line-height:43px; font-size:12px; }
.btn_naver_login .imgL {width:60px; float:left; background:#44BA2F; text-align:center; margin-right:10px;}
.btn_kakao_login{display:block; margin:5px 0 0 0; height:43px; line-height:43px; font-size:12px;}
#header .btn_kakao_login { margin: 0; height: auto; line-height: normal; font-size: 11px;}
.btn_kakao_login .imgL {width:60px; float:left; background: #FEE500; margin-right:10px;text-align:center; position:relative;font-size:14px;font-weight:700;}
.btn_kakao_login .imgL.login_kakao_imgL,
.btn_naver_login .imgL.login_naver_imgL{width:100%;}
.btn_wonder_login{display:block; margin:5px 0 0 0; height:43px; line-height:43px; font-size:12px;}
.btn_wonder_login .imgL {width:60px; float:left; background:#E31D1A; text-align:center; margin-right:10px;}
.btn_apple_login{display:block; margin:5px 0 0 0; height:43px; line-height:43px; font-size:12px;}
.btn_apple_login .imgL {width:60px; float:left; background:#000; text-align:center; margin-right:10px;}

/* 페이징 공통 */
.pagination {clear:both; display:block; margin:20px auto 0;}
.goods_list + .pagination{padding:0; border-top:0; margin:0 auto;}
.pagination li.on span { border-radius: 3px; background:#4b4f54; }

/*  추천순, 판매인기순, 낮은가격순, 높은가격순, 상품평순, 등록일순 */
.goods_pick_list {clear:both; padding:0 20px 30px 0; display:none }
.goods_pick_list:after{clear:both; display:block; content:"";}
.goods_pick_list .pick_list_num {float:right; display:inline-block; margin:0; padding:0 10px 0 0; font-size:14px; color:#999; line-height:42px;}
.goods_pick_list .pick_list_num strong{color:#000001;}
.goods_pick_list .pick_list_box{float:right; margin:0; padding:0; border-top:0; border-bottom:0; height:auto;}
.goods_pick_list .pick_list_box:after{clear:both; display:block; content:"";}
.goods_pick_list .pick_list_box .pick_list {padding:0;}
.goods_pick_list .pick_list_box .pick_list label{padding:0 10px 0 0; color:#999;}
.goods_pick_list .pick_list_box .pick_list label.on{color:#000001; background:none; }
/* 보여지는 갯수(셀릭트 박스) */
.choice_num_view{padding:0;}

/* 마이페이지, 장바구니 > 할인/적립 */
.benefit_list li{display:inline-block; padding-right:20px; line-height:auto;}
.benefit_list .benefit_sale em,
.benefit_list .benefit_mileage em{ background:none; padding-left:0;}
.benefit_list .mileageBtn {vertical-align:middle;}

.choice_sort { float: right; margin-right: 5px;}
.edit98 { width: 98% !important; }

/* 상단 고정 레이어 팝업 */
.pc_top_banner_ctrl .pc_top_banner_close{top:20px;}
/* 비회원 주문불가 안내 */            
.cert_warning{max-width:590px; width:auto;}   
.cert_warning .cert_warning_wrap p{max-width:453px; width:auto;}

/* 하단 상세 페이지 */
.doyou_story .image_area {text-align:center; padding: 0% 2%;display:flex; justify-content:space-around;}
.doyou_story .image_area img {max-width:100%; height:auto;}
.doyou_story .image_area .pc {display:block !important;}
.doyou_story .image_area .mo {display:none !important;}

@media screen and (max-width:1240px){
	body, th, td, div, li, dl, dt{word-break:keep-all;}
}

@media screen and (max-width:940px){
	.adult_wrap .adult_guest_cont .guest_tit_box {margin:5% auto 20px auto; padding:20px 0 35px 80px; background-size:60px; background-position:left 20px; text-align:left;}
	.adult_wrap .guest_tit_box em{font-size:20px;}
	.adult_wrap .guest_tit_box p{padding:15px 0; line-height:20px; font-size:14px;}
	.adult_wrap .adult_guest_cont{width:80%; margin:20px auto 20px auto; min-width:auto;}
	.adult_wrap .adult_guest_cont .guest_login_wrap{padding:10px 0 30px 0; background:#fff;}
	.adult_wrap .guest_login_wrap{padding:40px 0;}
	.adult_wrap .guest_login_wrap .guest_login_box {width:90%; margin:0 1%; padding:0 4% 2%;}
	.adult_wrap .guest_login_box h3{ font-size:16px; }
	.adult_wrap .guest_login_box .guest_certify {float:none; display:block; width:100%; margin:40px auto 0; text-align:center;}
	.adult_wrap .guest_login_box .guest_login {float:none; display:block; width:94%; margin:40px auto 0; padding:15px 3% 0; border:none;}
	.adult_wrap .guest_login_box .guest_certify button{clear:both; width:80%; display:block; height:36px; margin:5px auto 8px; font-size: 14px;}
	.adult_wrap .guest_login_box .guest_login input { width:100% !important; margin:0 0 8px 0;}
	.adult_wrap .guest_login .login_input_sec > div{clear:both; width:65%;}
	.adult_wrap .guest_login .login_input_sec button {width:30%;}
	.adult_wrap .guest_login .btn_login_box {margin:10px auto 30px;}
	.adult_wrap .guest_login .btn_login_box li {float:none; display:inline-block; margin:0 2px; text-align:center;}
	.adult_wrap .adult_guest_cont .domain_url {margin:70px 0 30px 0;}
}
@media screen and (max-width:860px){
	.adult_wrap .adult_member_cont .member_tit_box {padding:20px 0 35px 0; background:none; }
	.adult_wrap .member_tit_box em{font-size:20px;}
	.adult_wrap .member_tit_box p{padding:15px 0 0; line-height:20px; font-size:14px;}
	.adult_wrap .adult_member_cont{width:80%; margin:20px auto 20px auto; min-width:auto;}
	.adult_wrap .adult_member_cont .member_login_wrap{padding:40px 0;}
	.adult_wrap .member_login_wrap .member_certify_box {width:98%; margin:0 1%;}
	.adult_wrap .member_login_wrap .member_certify_box h3{ font-size:16px; }
	.adult_wrap .member_certify_box .member_certify {display:block; width:100%; margin:40px auto 40px; text-align:center;}
	.adult_wrap .member_certify_box .member_certify li {clear:both;}
	.adult_wrap .member_certify_box .member_certify li button{display:block; width:300px; height:45px; margin:0 0 10px 0;}

	.intro_member_wrap .member_login_cont{width:80%; margin:20px auto 20px auto; min-width:auto;}
	.intro_member_wrap .member_login_box{padding:40px 25px;}	
	.intro_member_wrap .member_login{padding:0 0 5px 0;}
	.intro_member_wrap .member_login h3 {font-size:14px;}
	.intro_member_wrap .member_login .login_input_sec > div{clear:both; width:100%;}
	.intro_member_wrap .member_login .login_input_sec input{ width:100% !important; margin:10px 0 8px 0;}
	.intro_member_wrap .member_login .login_input_sec button{clear:both; width:100%; display:block; height:36px; margin:5px 0 8px 0; font-size: 14px;}
	.intro_member_wrap .btn_login_box {margin:10px auto 0;}
}
@media screen and (max-width:800px){
	.layer_wrap.add_goods_layer {width:96% !important;}
	.ly_date_check_list h5,
	.ly_date_select_list h5,
	.ly_date_search_list h5 {display:none !important;}
	.ly_date_list_box {padding:10px 5px !important; margin-bottom:10px;}
	.ly_date_search_list {clear:both !important; display:block !important;}
	.ly_date_search_list input[type="text"],.ly_date_search_list input[type="password"] {width:45% !important;}
	.add_goods_layer .scroll_box {height:145px !important;}
	.ly_date_select_list .select_box {margin-bottom:0;}
	.ly_date_select_list {margin:0;}
	.ly_date_list_box + .btn_center_box {margin-bottom:10px;}
}
@media screen and (max-width:768px){
	/* board.css 외에 레이어 글쓰기 같이 적용위해 common.css로 */

	.board_write_table th,
	.board_write_table td{ display:block !important; min-height:auto;}

	.board_write_table th,.board_write_table td,.board_list_table th,.board_list_table td {padding: 10px 0 10px 5px;font-size:14px !important;}

	.board_write_table input[type="text"],input[type="password"] {width:90% !important;}
	.board_write_box .write_editor { min-height:200px !important; width:cals(100% - 10px); padding:10px 5px;}
	.board_write_box input[type="text"].file_text {width:40% !important;}
	.board_write_box .capcha_img {width:50% !important;}

	.goods_pick_list {padding:0 10px 20px 0;}
	
	.doyou_story .image_area {padding: 0}
	.doyou_story .image_area .pc {display:none !important;}
	.doyou_story .image_area .mo {display:block !important;}
}
@media screen and (max-width:700px){
	.site_ready strong,.blackout > strong {font-size:20px;}
	.site_ready p,.blackout p {font-size:14px;}
	.blackout.incontent .resultview {font-size:12px;}

	.adult_wrap .adult_guest_cont .guest_tit_box {margin:5% auto 10px auto; padding:10px 0 25px 80px;}
	.adult_wrap .guest_login_wrap{padding:30px 0;}
	.adult_wrap .guest_login_box .guest_certify {margin:30px auto 0;}
	.adult_wrap .guest_login_box .guest_login {margin:30px auto 0; }
	
	.adult_wrap .guest_login .btn_login_box li button{ width:80px; height:40px; font-size:12px;}
	.adult_wrap .adult_guest_cont .domain_url {margin:50px 0 20px 0;}

	.adult_wrap .adult_member_cont .member_tit_box {padding:10px 0 25px 0; background:none; }
	.adult_wrap .adult_member_cont .member_login_wrap{padding:30px 0;}
	.adult_wrap .member_certify_box .member_certify {margin:30px auto 30px;}

	.intro_member_wrap .member_login_cont .member_tit_box p{font-size:20px;}
	.intro_member_wrap .member_login_cont .member_tit_box span{font-size:14px;}
	.intro_member_wrap .member_login_box .btn_login_box li {float:none; display:inline-block; margin:0 2px; text-align:center;}
	.intro_member_wrap .member_login_box .btn_login_box li button{ width:80px; height:40px; font-size:12px;}
}

@media screen and (max-width:560px){
	.pagination {margin:10px auto 0;}
	.pagination li {min-width:24px;}
	.pagination li a, .pagination li span {width:24px; height:24px; line-height:24px;}
	.goods_list + .pagination .pagination {margin:0 auto;}
}
@media screen and (max-width:500px){
	.adult_wrap .guest_tit_box em{font-size:16px;}
	.adult_wrap .guest_tit_box p{padding:12px 0; line-height:18px; font-size:12px;}
	.adult_wrap .guest_login_box h3{ font-size:13px; }
	.adult_wrap .guest_login_box .guest_certify {margin:20px auto 0;}
	.adult_wrap .guest_login_box .guest_login {width:100%; margin:20px auto 0; padding:10px 0 0 0;}
	.adult_wrap .adult_guest_cont{width:90%; margin:20px auto 20px auto; min-width:auto;}
	.adult_wrap .adult_guest_cont .domain_url {margin:40px 0 20px 0;}

	.adult_wrap .guest_login .login_input_sec > div{width:100%;}
	.adult_wrap .guest_login .login_input_sec button {clear:both; width:100%; height:36px; line-height:36px;}
}
@media screen and (max-width:400px){
	.adult_wrap .member_tit_box em{font-size:16px;}
	.adult_wrap .member_tit_box p{padding:12px 0; line-height:18px; font-size:12px;}
	.adult_wrap .member_login_wrap .member_certify_box h3{ font-size:13px; }
	.adult_wrap .member_certify_box .member_certify {margin:20px auto 20px;}

	.intro_member_wrap .member_login_cont{width:90%;}
	.intro_member_wrap .member_login_cont .member_tit_box p{font-size:16px;}
	.intro_member_wrap .member_login_cont .member_tit_box span{font-size:13px;}
	.intro_member_wrap .member_login_box{padding:30px 15px;}
	.intro_member_wrap .btn_login_box {margin:0 auto;}
}

/* 딥이모션 추가 공통 CSS */
.mo {display:none !important;}
.yq-pc {display:block !important;}


@media screen and (max-width: 1024px) {
    .yq-btn-prod-more {border: 1px solid #898b8d;}
	.yq-btn-prod-more span {font-size:18px;}
	.yq-btn-prod-more img {height:10.5px;}
	#lyDelivery .ly_wrap.delivery_layer,
	#lyDeliveryZone .ly_wrap delivery_zone_layer{
        transform: translateX(calc(50%));
    }

	#wrap .ly_wrap.delivery_zone_layer {left: -185px;}
	
}
@media screen and (max-width:768px){
	.mo {display:block !important;}
	.yq-pc {display:none !important;}
	#couponregLayer .yq-btn-prod-more.mo {display:none !important; left:auto !important;}
	
}

@media screen and (max-width:370px) {
	#wrap .ly_wrap.delivery_zone_layer {left: -209px !important;}
}
@media screen and (max-width:360px) {
	#wrap .ly_wrap.delivery_zone_layer {left: -128px !important;}
}