/* ●●●●●●●●●● 관리자설정 팝업창 */
.popup {position:absolute; z-index:99; display:block; top: 0; left: 0; border-radius:10px; overflow:hidden; margin:20px; box-shadow:0 0 6px rgba(0,0,0,0.5);}
.popup .img {overflow:hidden;}
.popup .img a {display:block; float:left; width:100%;}
.popup .img img {float:left; width:100%;}
.popup .btn_area {position:relative; overflow:hidden; background:rgba(0,0,0,0.8);}
.popup .btn_area label {overflow:hidden; color:#999; font-size:12px; float:left; padding:0 15px; line-height:35px;}
.popup .btn_area input {margin:1px 3px 0 0; width:0; height:0;}
.popup .btn_close {position:absolute; right:0; top:0; padding:10px 10px; height:35px; width:40px; box-sizing:border-box; background:rgba(0,0,0,0.5);}
.popup .btn_close .shape {width:18px; height:2px; background:#ccc; position:absolute; left:50%; top:50%; margin:-1px 0 0 -8px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.popup .btn_close .shape:before {content:''; background:#d5d4d4; width:2px; height:18px; position:absolute; left:50%; top:50%; margin:-9px 0 0 -1px;}

.disable_selection {
	-webkit-user-select: none; /* disable selection/Copy of UIWebView */
	-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */ 
}


/* 에디터 동영상 크기 고정 */
.editor iframe { width:100%; height:240px; }
@media (min-width:500px) {
	.editor iframe { width:100%; height:360px; }
}



/* 탭메뉴 */
.product_tab a { width: 25%; }

/* 상품후기 별점 너비 조정 */
.cm_shop_inner .form_area .value select { width: 100%; margin-bottom: 10px; padding: 3px; border: 1px solid #c1c1c1; }



/* 가입연령관련 문구추가 2017-09-08 */
.cm_auth_tip {overflow:hidden; margin-top:20px; text-align:center;}
.cm_auth_tip .tx {font-size:11px; color:#999; padding-left:32px; letter-spacing:-0.5px; line-height:15px; text-align:left}
.cm_auth_tip .tx {background:transparent url('../images/cm_images/auth_tip_icon.png') left 1px no-repeat; background-size:26px; }

/* 회원가입 동의항목 내부타이틀 추가 2017-09-20 */
.cm_member_agree.no_bg {background:transparent; }
.cm_member_agree .text_title {background:#ddd; border:1px solid #ccc; border-bottom:0; color:#333; padding:10px 15px; font-weight:400;}
.cm_member_agree .agree_check.text_box {border-top:0;}
@media screen and (min-width:550px) {
    .cm_member_agree .agree_check {padding:3px 0 10px 0;}
}

/* SSJ: 2017-09-20 구독신청 개인정보수집동의 추가 */
.cm_step_agree.no_bg {background:transparent; position:relative; border-bottom:0px solid #dedede; padding:0px; margin:20px 0; text-align:center;}






/* 상품상세 따라다니는 옵션 추가 :: 2023-05-09 KHY ------------------------------------------ */
/* 푸터, 하단 버튼 */
body.if_view .footer {padding-bottom:140px;}
body.if_view .upper_bottom {display:none !important;}


/* 상세 따라다니는 옵션 ========================== */
.pv_Fix {}
.pv_Fix li {list-style:none;}

.pv_Fix.if_open_fix .open_box {z-index:101;}
.pv_Fix.if_open_fix .open_box .white_box {transform:translateY(0); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.pv_Fix.if_open_fix .open_box .bg_close {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

.pv_Fix .before_box {position:fixed; left:0; bottom:0; width:100%; background:#fff; border-radius:20px 20px 0 0; z-index:100; box-shadow:0 -3px 3px rgba(0, 0, 0, 0.03);}
.pv_Fix .before_box {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}

.pv_Fix .open_box {position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; padding-top:105px; box-sizing:border-box;}
.pv_Fix .open_box .white_box {position:relative; z-index:2; background:#fff; border-radius:20px 20px 0 0; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch;}
.pv_Fix .open_box .white_box {transform:translateY(100%);}
.pv_Fix .open_box .btn_close {height:30px; background:transparent url('../images/fix/ic_arrow.svg') center 15px no-repeat; background-size:13px !important;}
.pv_Fix .open_box .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:1; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.pv_Fix .open_box .scroll_box {overflow-y:auto; padding:0 15px; box-sizing:border-box; flex:1; min-height:50px; position:relative;}
.pv_Fix .open_box.if_option .white_box {flex:1;}

/* 옵션 탑 */
.pv_Fix .option_top {display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding:0 15px; box-sizing:border-box; margin-bottom:10px;}
.pv_Fix .option_top .title {font-size:16px; color:#000; font-weight:800;}
.pv_Fix .option_top .limit {font-size:11px; color:#999;}

/* 옵션 선택 */
.pv_Fix .option {}
.pv_Fix .option .ul {}
.pv_Fix .option .li+ .li {margin-top:10px;}
.pv_Fix .option .li.this_add+ .li.this_add .opt_title {display:none;}
.pv_Fix .option .opt_title {font-size:11px; color:#333; font-weight:600; margin-bottom:5px;}

.pv_Fix .opt_dropbox {}
.pv_Fix .opt_dropbox .opt_ctrl {border:1px solid #ddd; box-sizing:border-box; border-radius:5px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.pv_Fix .opt_dropbox .opt_ctrl {padding-left:10px; padding-right:35px; height:40px; position:relative;}
.pv_Fix .opt_dropbox .opt_ctrl .title {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color:#333; word-break:break-all;}
.pv_Fix .opt_dropbox .arrow {position:absolute; right:0; top:0; width:35px; height:100%; z-index:8; background:transparent url('../images/fix/ic_arrow.svg') center center no-repeat;}
.pv_Fix .opt_dropbox .arrow {background-size:10px !important; pointer-events: none !important; transition: transform 0.2s ease-out; -webkit-transition: transform 0.2s ease-out;}
.pv_Fix .opt_dropbox.if_before {pointer-events: none !important;}
.pv_Fix .opt_dropbox.if_before .opt_ctrl {background:#f5f5f5;}
.pv_Fix .opt_dropbox.if_before .opt_ctrl .title {color:#999;}
.pv_Fix .opt_dropbox.if_before .arrow {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}
.pv_Fix .opt_dropbox.if_no {pointer-events: none !important;}
.pv_Fix .opt_dropbox.if_no .opt_ctrl {background:#f5f5f5;}
.pv_Fix .opt_dropbox.if_no .opt_ctrl .title {color:#999;}
.pv_Fix .opt_dropbox.if_no .arrow {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}

/* 옵션 열림 */
.pv_Fix .opt_open {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; box-sizing:border-box; background:#fff; overflow:hidden; padding:0 15px;}
.pv_Fix .opt_open {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; display:none;}
.pv_Fix .opt_open .opt_ctrl {border-color:#ddd; border-bottom-color:#f2f2f2; border-radius:5px 5px 0 0 !important;}
.pv_Fix .opt_open .opt_ctrl .title {color:#999;}
.pv_Fix .opt_open .arrow {background-image:url('../images/fix/ic_delete.svg');}
.pv_Fix .opt_open ul {overflow-y:auto; flex:1; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 5px; box-sizing:border-box;}
.pv_Fix .opt_open li+ li {border-top:1px solid #f2f2f2; box-sizing:border-box;}
.pv_Fix .opt_open .opt_tx {width:100%; padding:8px 10px; box-sizing:border-box;}
.pv_Fix .opt_open .opt_tx .name {line-height:1.4; color:#333; word-break:break-all;}
.pv_Fix .opt_open .opt_tx .info {display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-top:5px;}
.pv_Fix .opt_open .opt_tx .remain {font-size:11px; color:#999;}
.pv_Fix .opt_open .opt_tx .price {color:#000; font-weight:600; letter-spacing:0;}
.pv_Fix li.if_soldout .opt_tx {pointer-events: none !important;}
.pv_Fix li.if_soldout .opt_tx .name {color:#999; text-decoration:line-through;}

.pv_Fix .if_open_option .opt_open {display:flex;}

/* 수량 선택 */
.pv_Fix .counter_box {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; height:40px; border:1px solid #ddd; box-sizing:border-box; border-radius:100px; overflow:hidden;}
.pv_Fix .counter_box .btn_updown {width:40px; display:flex; flex-direction:row; justify-content:center; align-items:center; border-radius:100px;}
.pv_Fix .counter_box .btn_updown .shape {position:relative; width:10px; height:10px;}
.pv_Fix .counter_box .btn_updown .shape:before {content:''; position:absolute; left:0; top:4px; width:100%; height:2px; background:#000;}
.pv_Fix .counter_box .btn_updown .shape:after {content:''; position:absolute; left:4px; top:0; width:2px; height:100%; background:#000;}
.pv_Fix .counter_box .btn_updown.down .shape:after {display:none;}
.pv_Fix .counter_box .btn_updown.if_no {pointer-events: none !important; opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}
.pv_Fix .counter_box .input_updown {flex:1; width:100%; text-align:center; color:#000; font-weight:600; font-size:14px;}

/* 옵션 결과 */
.pv_Fix .result {}
.pv_Fix .result dl {border-top:1px dashed #aaa; margin-top:10px; padding-top:10px; box-sizing:border-box;}
.pv_Fix .result dt {line-height:1.3; overflow:hidden;}
.pv_Fix .result dd {display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-top:5px;}
.pv_Fix .result .add_tag {display:inline; color:#999; margin-right:5px; float:left;}
.pv_Fix .result .opt_name {color:#333; display:inline; word-break:break-all;}
.pv_Fix .result .right {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.pv_Fix .result .price {color:#000; font-weight:600; letter-spacing:0;}
.pv_Fix .result .btn_delete {width:29px; height:29px; background:transparent url('../images/fix/ic_delete.svg') center center no-repeat; background-size:9px !important; margin-right:-10px;}
.pv_Fix .result .counter_box {width:100px; height:30px; border-radius:3px; padding:0;}
.pv_Fix .result .counter_box .btn_updown {width:30px; border-radius:0;}
.pv_Fix .result .counter_box .btn_updown .shape {width:9px; height:9px;}
.pv_Fix .result .counter_box .btn_updown .shape:before {height:1px; top:4px;}
.pv_Fix .result .counter_box .btn_updown .shape:after {width:1px; left:4px;}
.pv_Fix .result .counter_box .input_updown {font-size:12px;}

/* 총금액,버튼 */
.pv_Fix .bottom_box {padding:15px; box-sizing:border-box;}
.pv_Fix .bottom_box li {list-style:none;}
.pv_Fix .bottom_box .price_total {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; gap:10px;}
.pv_Fix .bottom_box .price_total .title {font-size:14px; font-weight:600; color:#000;}
.pv_Fix .bottom_box .price_total .price {font-size:21px; font-weight:700; color:#000;}
.pv_Fix .bottom_box .btn_box {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:5px; margin-top:7px;}
.pv_Fix .bottom_box .btn_box li {flex:1;}
.pv_Fix .bottom_box .btn_box li.this_wish {flex:none;}
.pv_Fix .bottom_box .btn_box .btn {height:45px; border:1px solid #fa0d3e; border-radius:5px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.pv_Fix .bottom_box .btn_box .btn {font-size:16px; color:#fa0d3e; font-weight:800;}
.pv_Fix .bottom_box .btn_box .btn_wish {width:45px; background:transparent url('../images/fix/view_wish.svg') center center no-repeat; background-size:20px !important; border-color:#ccc;}
.pv_Fix .bottom_box .btn_box .btn_wish.btn_wish_hit {background-image:url('../images/fix/view_wish_on.svg'); border-color:#fa0d3e;}
.pv_Fix .bottom_box .btn_box .btn_buy {background:#fa0d3e; color:#fff;}