.font-inherit { font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; color: inherit!important; line-height: inherit!important; }




/* 2016-02-03 하단 에스크로 추가관련 */
.footer .logo {overflow:hidden; position:absolute; left:0; top:0; width:220px; text-align:center;}
.footer .logo img {max-width:220px; max-height:80px; float:none}
.footer .escrow {overflow:hidden; padding-top:15px; margin-top:15px; border-top:1px solid #ccc; }
.footer .escrow img {max-width:220px; max-height:80px}
.footer .right {margin-left:310px}
.footer .right .text {line-height:20px;}



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

/* 회원가입 동의항목 내부타이틀 추가 2017-09-20 */
.cm_member_agree.no_bg {background:transparent; padding:10px 0 0 0}
.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;}
.cm_member_agree .agree_check.text_box label {padding: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-04-06 KHY ------------------------------------------ */

/* 상품 박스 장바구니 버튼 추가 ======================== */
.Add_btn_cart {margin-left:auto; width:40px; height:40px; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; z-index:10; background:#fff url('../images/cart/ic_cart.svg') center no-repeat; background-size:20px !important;}
.Add_btn_cart:hover {background-color:#000; border-color:#000; background-image:url('../images/cart/ic_cart_white.svg');}


/* 상품 장바구니 담기창 ========================== */
.p_Quick_cart {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:50px; box-sizing:border-box; visibility:hidden;}
.p_Quick_cart li {list-style:none;}
.p_Quick_cart .white_box {position:relative; z-index:2; background:#fff; border-radius:15px; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; width:550px; min-height:600px; max-height:700px;}
.p_Quick_cart .white_box {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translateY(50px);}
_:-ms-fullscreen, :root .p_Quick_cart .white_box {height:600px;}/* Only IE11 */

.p_Quick_cart .cart_top {border-bottom:1px solid #eee; box-sizing:border-box; position:relative; padding:30px; padding-bottom:20px;}
.p_Quick_cart .cart_top .btn_close {position:absolute; right:20px; top:20px; width:35px; height:35px; background:transparent url('../images/cart/ic_close.svg') center no-repeat; background-size:15px !important;}

.p_Quick_cart .item {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; padding-right:80px; box-sizing:border-box;}
.p_Quick_cart .item .thumb {width:70px; height:70px;}
.p_Quick_cart .item .thumb img {width:100%;}
.p_Quick_cart .item .info {margin-left:10px; flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.p_Quick_cart .item .info .item_name {font-size:13px; color:#333; font-weight:500; line-height:1.5; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width:100%;}
.p_Quick_cart .item .info .price {margin-top:auto; font-size:13px; color:#000; font-weight:600;}

.p_Quick_cart .option {flex:1; overflow-y:auto; padding:20px 30px; box-sizing:border-box;}
_:-ms-fullscreen, :root .p_Quick_cart .option {flex:auto;}/* Only IE11 */
.p_Quick_cart .option::-webkit-scrollbar {width: 5px;}
.p_Quick_cart .option::-webkit-scrollbar-thumb {background-color: #ddd; border-radius:100px;}
.p_Quick_cart .option::-webkit-scrollbar-track {background-color: #fff;}
.p_Quick_cart .option:hover::-webkit-scrollbar-thumb {background-color: #000;}
.p_Quick_cart .option dl {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.p_Quick_cart .option dl+ dl {border-top:1px solid #eee; box-sizing:border-box; margin-top:15px; padding-top:15px;}
.p_Quick_cart .option dt {font-size:13px; flex:1;}
.p_Quick_cart .option dd {margin-left:20px;}
.p_Quick_cart .option .option_name {color:#666; line-height:1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Quick_cart .option .option_price {margin-top:5px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Quick_cart .option .option_price .price {color:#333; font-weight:600;}
.p_Quick_cart .option .option_price .remain {color:#999; font-weight:500; margin-left:5px;}
.p_Quick_cart .option .soldout {width:93px; height:30px; border:1px solid #ddd; border-radius:3px; background:#f0f0f0; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Quick_cart .option .soldout {font-size:12px; color:#aaa; font-weight:500;}

.p_Quick_cart .counter {border:1px solid #ddd; border-radius:3px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:stretch; height:30px;}
.p_Quick_cart .counter .btn_updown {width:28px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Quick_cart .counter .btn_updown:hover {background:#f0f0f0;}
.p_Quick_cart .counter .btn_updown .icon {width:10px; height:10px; position:relative;}
.p_Quick_cart .counter .btn_updown .icon:before {content:''; position:absolute; left:0; top:4px; width:100%; height:2px; background:#000;}
.p_Quick_cart .counter .btn_updown .icon:after {content:''; position:absolute; left:4px; top:0; width:2px; height:100%; background:#000;}
.p_Quick_cart .counter .btn_updown.down .icon:after {display:none;}
.p_Quick_cart .counter .updown_input {width:35px; text-align:center; font-size:12px; color:#333; font-weight:500; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}

.p_Quick_cart .cart_ctrl {border-top:1px solid #000; box-sizing:border-box; display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding:25px 30px;}
.p_Quick_cart .cart_ctrl .total {font-size:19px; color:#000; font-weight:600; flex:none; line-height:1;}
.p_Quick_cart .cart_ctrl .btn_box {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.p_Quick_cart .cart_ctrl .btn_box .btn {height:45px; padding:0 35px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center; border:1px solid #000; border-radius:3px;}
.p_Quick_cart .cart_ctrl .btn_box .btn {font-size:14px; color:#000; font-weight:600;}
.p_Quick_cart .cart_ctrl .btn_box .btn+ .btn {margin-left:10px;}
.p_Quick_cart .cart_ctrl .btn_box .btn_cart {background:#000; color:#fff;}
.p_Quick_cart .cart_ctrl .btn_box .btn_cart:hover {background:#d8002a; border-color:#d8002a;}

.p_Quick_cart .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Quick_cart .bg_close {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

.p_Quick_cart.if_open_quick_cart {visibility:visible;}
.p_Quick_cart.if_open_quick_cart .white_box {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translateY(0);}
.p_Quick_cart.if_open_quick_cart .bg_close {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}


/* 목록 장바구니창(fix) ========================== */
.p_List_cart {position:fixed; right:50%; margin-right:-750px; bottom:0; z-index:200; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end;}
.p_List_cart li {list-style:none;}

/* 상단 */
.p_List_cart .cart_top {display:flex; flex-direction:row; justify-content:space-between; align-items:stretch; height:65px; border-radius:20px 20px 0 0; background:#000; border:1px solid #000; box-sizing:border-box;}
.p_List_cart .cart_top .cart_total {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-size:19px; font-weight:600; padding-left:15px; box-sizing:border-box;}
.p_List_cart .cart_top .cart_total .icon {width:45px; height:45px; background:#000 url('../images/cart/ic_cart_white.svg') center center no-repeat; background-size:23px !important; border-radius:100px;}
.p_List_cart .cart_top .cart_total .total {color:#000; margin-left:10px;}
.p_List_cart .cart_top .cart_total .price {color:#d8002a; margin-left:10px; padding-left:10px; position:relative;}
.p_List_cart .cart_top .cart_total .price:before {content:''; position:absolute; left:0; top:50%; width:1px; height:15px; background:#ccc; margin-top:-7px;}
.p_List_cart .cart_top .title {font-size:17px; color:#fff; font-weight:600; padding-left:30px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_List_cart .cart_top .ctrl {margin-left:auto; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.p_List_cart .cart_top .ctrl strong {font-size:14px; color:#000; font-weight:500;}
.p_List_cart .cart_top .btn_ctrl {width:55px; height:100%; background:transparent url('../images/cart/arrow_up_white.svg') right 20px center no-repeat; background-size:13px !important;}

/* 열기 전 */
.p_List_cart .cart_before {width:550px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_List_cart .cart_before .cart_top {background:#fff; border-bottom:0;}
.p_List_cart .cart_before .cart_top .btn_ctrl {width:45px; background-image:url('../images/cart/arrow_up.svg');}

/* 열기 후 */
.p_List_cart .cart_after {position:absolute; right:0; bottom:0; width:950px; transform:translateY(100%); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_List_cart .cart_after .cart_wrap {background:#fff; border-left:1px solid #707070; border-right:1px solid #707070; box-sizing:border-box; height:600px; display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch;}
.p_List_cart .cart_after .cart_top .btn_ctrl {transform:rotate(180deg);}

.p_List_cart .option {flex:1; padding:30px; box-sizing:border-box; overflow-y:auto;}
.p_List_cart .option::-webkit-scrollbar {width: 5px;}
.p_List_cart .option::-webkit-scrollbar-thumb {background-color: #ddd; border-radius:100px;}
.p_List_cart .option::-webkit-scrollbar-track {background-color: #fff;}
.p_List_cart .option:hover::-webkit-scrollbar-thumb {background-color: #000;}
.p_List_cart .option dl {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.p_List_cart .option dl+ dl {margin-top:15px; padding-top:15px; box-sizing:border-box; border-top:1px solid #eee;}
.p_List_cart .option dt {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex:1;}
.p_List_cart .option dd {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; width:240px;}
.p_List_cart .option .thumb {width:65px; height:65px;}
.p_List_cart .option .thumb img {width:100%;}
.p_List_cart .option .info {flex:1; padding-left:10px; box-sizing:border-box; font-size:13px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.p_List_cart .option .info .item_name {color:#000; font-weight:500; max-width:100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_List_cart .option .info .item_name:hover {text-decoration:underline;}
.p_List_cart .option .info .option_name {color:#666; margin-top:5px; line-height:1.4; max-width:100%;}
.p_List_cart .option .option_price {font-size:14px; color:#333; font-weight:600;}
.p_List_cart .option .btn_delete {width:35px; height:35px; background:transparent url('../images/cart/ic_delete.svg') center no-repeat; background-size:14px !important; margin-right:-5px;}

.p_List_cart .counter {border:1px solid #ddd; border-radius:3px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:stretch; height:30px; margin-left:10px;}
.p_List_cart .counter .btn_updown {width:28px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_List_cart .counter .btn_updown:hover {background:#f0f0f0;}
.p_List_cart .counter .btn_updown .icon {width:10px; height:10px; position:relative;}
.p_List_cart .counter .btn_updown .icon:before {content:''; position:absolute; left:0; top:4px; width:100%; height:2px; background:#000;}
.p_List_cart .counter .btn_updown .icon:after {content:''; position:absolute; left:4px; top:0; width:2px; height:100%; background:#000;}
.p_List_cart .counter .btn_updown.down .icon:after {display:none;}
.p_List_cart .counter .updown_input {width:35px; text-align:center; font-size:12px; color:#333; font-weight:500; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}

.p_List_cart .result {width:270px; background:#f5f5f5; padding:30px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_List_cart .result .cart_sum {}
.p_List_cart .result .cart_sum dl {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.p_List_cart .result .cart_sum dl+ dl {margin-top:10px; border-top:1px solid #ddd; padding-top:10px; box-sizing:border-box;}
.p_List_cart .result .cart_sum dt {font-size:13px; color:#888; line-height:1;}
.p_List_cart .result .cart_sum dd {font-size:15px; color:#000; font-weight:500; line-height:1; margin-left:auto;}
.p_List_cart .result .cart_sum .total {border-top:2px solid #000; box-sizing:border-box; display:flex; flex-direction:row; justify-content:flex-end; align-items:center; padding-top:10px; margin-top:10px;}
.p_List_cart .result .cart_sum .total {font-size:19px; color:#d8002a; font-weight:600; line-height:1;}
.p_List_cart .result .ctrl_box {margin-top:auto; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch;}
.p_List_cart .result .ctrl_box .btn+ .btn {margin-top:10px;}
.p_List_cart .result .ctrl_box .btn {height:50px; display:flex; flex-direction:row; justify-content:center; align-items:center; border:1px solid #999; background:#fff; border-radius:3px; box-sizing:border-box;}
.p_List_cart .result .ctrl_box .btn {font-size:14px; color:#999; font-weight:500;}
.p_List_cart .result .ctrl_box .btn.color {border-color:#d8002a; color:#d8002a;}
.p_List_cart .result .ctrl_box .btn.color.fill {background:#d8002a; border-color:#d8002a; color:#fff; font-size:19px;}

/* 열렸을 때 */
.p_List_cart.if_open_list_cart .cart_before {transform:translateY(100%);}
.p_List_cart.if_open_list_cart .cart_after {transform:translateY(0);}

@media screen and (max-width:1600px) {
    .p_List_cart {right:50px; margin-right:0;}
}






/* 관련상품 */
.view_relative {overflow:hidden; border:1px solid #d6d6d6; background:#fff; width:1200px; margin:50px auto 0 auto;}
.view_relative .title {border-bottom:1px solid #d6d6d6; overflow:hidden; padding: 15px 0}
.view_relative .txt {float:left; overflow:hidden; margin-left:21px; font-size:15px; font-weight:bold; color:#333}
.view_relative .txt strong {color:#ff0000}
.view_relative .btn_nate {float:right; overflow:hidden; margin-right:21px}
.view_relative .btn_nate a {float:left; overflow:hidden}
.view_relative .btn_nate img {float:left}
.view_relative .btn_nate .over {display:none}
.view_relative .btn_nate a:hover .over {display:block}
.view_relative .btn_nate a:hover .off {display:none}
.view_relative .btn_nate .num {margin-right:5px; float:left; font-family:"lato"; font-size:14px; line-height:1; padding-top:2px;}
.view_relative .btn_nate .num em {color:#333}

.view_relative .item_area {overflow:hidden; padding: 21px 0 21px 3px}
.view_relative .item {float:left; margin: 0; text-align:center}
.view_relative .item .thumb {margin-bottom:10px; display:block; background:#f4f4f4 url('../images/no_img_s.png') center center no-repeat; width:141px; height:144px; overflow:hidden}
.view_relative .item .thumb img {float:left; width:100%}
.view_relative .item .info {clear:both; overflow:hidden}
.view_relative .item .name {overflow:hidden; margin-bottom:3px; display:block; color:#666}
.view_relative .item .price {font-weight:bold; color:#333}
.view_relative .item .price em {font-family:"lato"; color:#000; font-weight:700}
.view_relative .item:hover .name, .detail_left .detail_top .item:hover .price { color: #000;}



/* 상세 detail */
.product_detail {background:#fff; box-sizing:border-box; border:1px solid #d6d6d6; border-left:0; margin-bottom:0; position:relative; overflow:visible;}
.product_detail {display:grid; grid-template-columns:auto 300px; grid-template-rows:560px auto; align-items:start;}
.product_detail:before {content:''; position:absolute; right:0; width:300px; height:3px; background:#5b5b5b;}
.product_detail.if_sticky .pv_Fix .scroll_box {margin-bottom:200px;}
.product_detail.if_sticky .pv_Bottom {position:sticky; bottom:0; margin-top:auto;}

.detail_left {float:none; width:780px; grid-row: 1 / span 2;} /* 상품정보 상세페이지 너비 사이즈 영역 - 우측 따라다니는 장바구니 구매 배너때문에 조정 */
.detail_conts {border-top:0; border-bottom:0;}
.detail_conts .view_guide .view_btn_area {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px; padding:0 20px; box-sizing:border-box;}
.detail_conts .view_guide .view_btn_area .btn {width:auto; margin:0 !important; flex:1;}




/* 따라다니는 옵션 ========================== */
.pv_Fix {position:sticky; top:0; margin-right:1px;}
.pv_Fix * {font-family:"NanumGothic";}
.pv_Fix li {list-style:none;}
.pv_Fix .scroll_box {height:500px; overflow-y:auto; padding:0 15px; box-sizing:border-box;}
.pv_Fix .scroll_box::-webkit-scrollbar {width: 6px;}
.pv_Fix .scroll_box::-webkit-scrollbar-thumb {background-color: #aaa; border-radius:2px;}
.pv_Fix .scroll_box::-webkit-scrollbar-track {background-color: #eee;}
.pv_Fix .scroll_box:hover::-webkit-scrollbar-thumb {background-color: #000;}

.pv_Fix .option_top {display:flex; flex-direction:row; justify-content:space-between; align-items:center; height:60px; padding:0 15px; box-sizing:border-box;}
.pv_Fix .option_top .title {font-size:18px; 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 {position:relative;}
.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;}
.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%; z-index:9; border:1px solid #333; border-radius:5px; box-sizing:border-box; background:#fff; display:none; overflow:hidden;}
.pv_Fix .opt_open .opt_ctrl {border:0 !important; border-bottom:1px solid #f2f2f2 !important; border-radius:0 !important; padding-bottom:1px;}
.pv_Fix .opt_open .opt_ctrl .title {color:#999;}
.pv_Fix .opt_open ul {max-height:300px; overflow-y:auto;}
.pv_Fix .opt_open ul::-webkit-scrollbar {width: 6px;}
.pv_Fix .opt_open ul::-webkit-scrollbar-thumb {background-color: #aaa; border-radius:2px;}
.pv_Fix .opt_open ul::-webkit-scrollbar-track {background-color: #eee;}
.pv_Fix .opt_open ul:hover::-webkit-scrollbar-thumb {background-color: #000;}
.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 {font-family:'lato'; color:#000; font-weight:600;}
.pv_Fix .opt_open .opt_tx:hover {background:#f5f5f5;}
.pv_Fix .opt_open .opt_tx:hover .name {color:#000;}
.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 .arrow {transform:rotate(180deg); z-index:10;}
.pv_Fix .if_open_option .opt_open {display:block;}

/* 수량 선택 */
.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; padding:4px; overflow:hidden;}
.pv_Fix .counter_box .btn_updown {width:30px; 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:hover {background:#eee;}
.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; font-family:'lato'; 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.4; overflow:hidden;}
.pv_Fix .result dd {display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-top:10px;}
.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 {font-family:'lato'; color:#000; font-weight:600;}
.pv_Fix .result .btn_delete {width:18px; height:18px; background:transparent url('../images/fix/ic_delete.svg') center center no-repeat; background-size:8px !important; margin-right:-5px;}
.pv_Fix .result .counter_box {width:85px; height:25px; border-radius:3px; padding:0;}
.pv_Fix .result .counter_box .btn_updown {width:25px; 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_Bottom {padding:15px; box-sizing:border-box; background:#fff; margin-right:1px;}
.pv_Bottom * {letter-spacing:-0.5px;}
.pv_Bottom li {list-style:none;}
/*.pv_Bottom .price_total {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}*/
.pv_Bottom .price_total {flex-direction:row; justify-content:space-between; align-items:center;clear:both;}
.pv_Bottom .price_total .title {font-family:"NanumGothic"; font-size:15px; font-weight:600; color:#000;}
.pv_Bottom .price_total .price {font-family:'lato'; font-size:25px; font-weight:700; color:#000; letter-spacing:0;}
.pv_Bottom .btn_box {display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; gap:10px; margin-top:10px;}
.pv_Bottom .btn_box li {}
.pv_Bottom .btn_box .btn {height:50px; border:1px solid #fa0d3e; border-radius:5px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.pv_Bottom .btn_box .btn {font-family:"NanumGothic"; font-size:17px; color:#fa0d3e; font-weight:800;}
.pv_Bottom .btn_box .btn_buy {background:#fa0d3e; color:#fff;}

@media screen and (max-height: 750px) {
    .product_detail {grid-template-rows:430px auto;}
    .pv_Fix .scroll_box {height:370px;}
}

@media screen and (min-height: 850px) {
    .product_detail {grid-template-rows:660px auto;}
    .pv_Fix .scroll_box {height:600px;}
}







/* hyplus#################################################################################################*/
/* 맞춤제작-회원가입구분 :: 2023-06-13 KHY ------------------------------------------------------------------------ */
.ct_Member_type {border-bottom:1px solid #f2f2f2; margin-bottom:20px; padding:20px 0 30px;}
.ct_Member_type ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:20px}
.ct_Member_type li {list-style:none; flex:1;}
.ct_Member_type label.design {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.ct_Member_type label.design input {display:none;}
.ct_Member_type .one_type {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; text-align:center; box-sizing:border-box; max-width:250px; width:100%; font-size:15px;}
.ct_Member_type .one_type .picto {width:80px; height:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center; background:#fff;}
.ct_Member_type .one_type .picto {border-radius:100px; border:1px solid #eeeef5; box-sizing:border-box; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.ct_Member_type .one_type .picto img {height:30px;}
.ct_Member_type .one_type .title {font-size:1.8em; color:#000; font-weight:800; line-height:1; margin-top:20px;}
.ct_Member_type .one_type .sub_title {margin-top:5px; font-size:0.8em; color:#aaa; font-weight:500; line-height:1.4;}
.ct_Member_type .one_type .sub_title em {white-space:nowrap}
.ct_Member_type .one_type .c_btn {margin-top:30px;}
.ct_Member_type .one_type .btn_select {margin-top:20px; border-radius:100px;  display:flex; justify-content:center; align-items:center; flex-direction:column; font-weight:600; color:#000; background:#f5f5f5;}
.ct_Member_type .one_type .btn_select {transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; }
.ct_Member_type .one_type .btn_select strong {height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.ct_Member_type .one_type .btn_select strong {background:transparent url('../images/customize/ct_member_select.svg') left center no-repeat; padding-left:20px; background-size:13px !important;}

.ct_Member_type label.design input:checked+ .one_type .btn_select {color:#fff;}
.ct_Member_type label.design input:checked+ .one_type .btn_select strong {background-image: url('../images/customize/ct_member_select_on.svg');}
.ct_Member_type label.design input:checked+ .one_type.type_id .picto {border-color:#7490ff;}
.ct_Member_type label.design input:checked+ .one_type.type_id .title {color:#7490ff;}
.ct_Member_type label.design input:checked+ .one_type.type_id .btn_select {background:#7490ff;}
.ct_Member_type label.design input:checked+ .one_type.type_cp .picto {border-color:#FF5D4A;}
.ct_Member_type label.design input:checked+ .one_type.type_cp .title {color:#FF5D4A;}
.ct_Member_type label.design input:checked+ .one_type.type_cp .btn_select {background:#FF5D4A;}

/* 맞춤제작-회원가입구분 :: 반응형 */
@media screen and (min-width:900px) {
    .ct_Member_type .one_type:hover .picto {box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.07);}
    .ct_Member_type .one_type.type_id:hover .picto {border-color:#7490ff;}
    .ct_Member_type .one_type.type_cp:hover .picto {border-color:#FF5D4A;}
    .ct_Member_type .one_type.type_id:hover .title {color:#7490ff;}
    .ct_Member_type .one_type.type_cp:hover .title {color:#FF5D4A;}
}

@media screen and (max-width:700px) {
    .ct_Member_type .one_type .picto {width:60px; height:60px;}
    .ct_Member_type .one_type .picto img {height:25px;}
    .ct_Member_type .one_type {font-size:14px;}
}

/* 맞춤제작-회원가입구분 :: 슬라이드메뉴 회원타입 */
.p_Slide .my_info .who .member_type {font-size:12px; color:#fff; background:#7490ff; border-radius:3px; padding:0 7px; box-sizing:border-box; height:20px; margin-right:5px;}
.p_Slide .my_info .who .member_type {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.p_Slide .my_info .who .member_type.corp {background:#FF2C3A;}

/* 맞춤제작-회원가입구분 :: 마이페이지 메인 회원타입 */
.c_my_main .stats_bx .name {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin-top:5px;}
.c_my_main .stats_bx .member_type {font-size:12px; color:#fff; background:#7490ff; border-radius:3px; padding:0 7px; box-sizing:border-box; height:20px; margin-right:5px;}
.c_my_main .stats_bx .member_type {display:inline-flex; flex-direction:column; justify-content:center; align-items:center;}
.c_my_main .stats_bx .member_type.corp {background:#FF2C3A;}





/* 폼 -------------------------------------------------------------------------------------------------------------------------------- */

/* 폼 :: 폼크기 ==================== */
.c_formpage .layout_fix {max-width:700px;margin-bottom:50px;}


/* 폼 :: 폼요소 ==================== */
.c_form {box-sizing: border-box;}
.c_form li {list-style: none;}
.c_form .form_dl {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; box-sizing: border-box; border-bottom:1px solid #f2f2f2; padding:15px 0;}
.c_form .form_dt {width: 130px; display: flex; justify-content: flex-start; align-items: center; margin-right: 10px; box-sizing: border-box;}
.c_form .form_dd {flex: 1; word-wrap:break-word; word-break:keep-all; white-space:normal; font-size:13px; color:#555; line-height:1.4; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; gap:5px}
.c_form .form_dt .tit {font-size: 13px; color: #222; font-weight:500; display:inline-flex; justify-content: center; align-items: center; flex-direction:row; position:relative;}
.c_form .form_dt.ess .tit:after {content:"*"; content:""; position:absolute; right:-7px; top:1px; width:4px; height:4px; border-radius:100px; background:#e10000;}
.c_form .form_ul {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}
.c_form .form_li {display:flex; justify-content: stretch; align-items:stretch; flex-direction:column; gap:5px}
.c_form .form_li+ .form_li {margin-top:10px;}
.c_form .form_ul+ .form_ul {margin-top:20px; padding-top:20px; border-top:1px solid #333;}
.c_form .form_tit {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex:1; }
.c_form .form_tit .btn_open {width:30px; height:30px; margin-left: auto; background: transparent url('../images/c_img/arrow_down.svg') center center no-repeat; background-size: 12px 7px !important;}
.c_form .form_tit .btn_open {opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.c_form .form_tit .c_label {flex:1; margin-right:10px;}
.c_form .tx_price {color:#000; font-weight:700;}
.c_form .tx_ordernum {color:#e10000; font-weight:700;}
.c_form .tx_item {color:#0065e3; font-weight:600;}
.c_form .tx_option {color:#888;}
.c_form .tx_bank {color:#333; font-weight:500;}
.c_form .tip_txt {font-size: 12px; color: #999; line-height: 1.3; text-align: left; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.c_form .tip_txt strong {color:#0065e3; font-weight:600;}
.c_form .tip_txt em {color:#000; font-weight:600;}
.c_form .tip_txt a {text-decoration:underline; color:#FF5D4A; font-weight:500;}
.c_form .score_box {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;}
.c_form .score_box.if_score1 .star.this_value {width:20%;}
.c_form .score_box.if_score2 .star.this_value {width:40%;}
.c_form .score_box.if_score3 .star.this_value {width:60%;}
.c_form .score_box.if_score4 .star.this_value {width:80%;}
.c_form .score_box.if_score5 .star.this_value {width:100%;}
.c_form .score_box .star_box {position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.c_form .score_box .star_box ul {position:absolute; left:0; top:0; width:175px; z-index: 10; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.c_form .score_box .star_box li {flex:1;}
.c_form .score_box .star_box .click {display:block; height:35px;}
.c_form .score_box .mark {width: 175px; height: 35px; position: relative;}
.c_form .score_box .mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 35px !important;}
.c_form .score_box .mark .star {background: transparent url('../images/c_img/item_star.svg') left center repeat-x;}
.c_form .score_box .mark .star.this_base {z-index: 1; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.c_form .score_box .mark .star.this_value {z-index: 2; background-image: url('../images/c_img/item_star_red.svg');}
.c_form .upload_box {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}
.c_form .upload_box .label_photo {background:#f5f5f5; border:1px solid #e5e5e5; overflow:hidden; position:relative; padding:0 15px; height:45px; box-sizing:border-box; border-radius:5px;}
.c_form .upload_box .upper_txt {font-size: 13px; color:#333; height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.c_form .upload_box .upper_txt {background:transparent url('../images/c_img/ic_photo.svg') right center no-repeat; background-size:22px auto !important;}
.c_form .upload_box .input_photo {display: none;}
.c_form .upload_box .preview {margin-top:5px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.c_form .upload_box .preview img {max-width:100%; max-height:500px}
.c_form .open_box {background: #f5f5f5; padding:15px; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; display: none; margin-top:10px;}
.c_form .open_box .text_design {font-size:12px; color:#888;}
.c_form .if_open_box .open_box {display: flex;}
.c_form .if_open_box .form_tit .btn_open {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); transform: rotate(180deg);}
.c_form .user_info_box {padding: 15px; box-sizing: border-box; margin-top: 10px; background: #fff; border:1px solid #e5e5e5;}
.c_form .user_info_box dl {box-sizing: border-box; display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:row;}
.c_form .user_info_box dl+ dl {margin-top:10px; border-top:1px dashed #f2f2f2; padding-top:10px;}
.c_form .user_info_box dt,
.c_form .user_info_box dd {font-size: 12px; line-height: 1.3;}
.c_form .user_info_box dt {color: #333; font-weight: 500; width:50px; font-weight:600;}
.c_form .user_info_box dd {word-wrap:break-word; word-break:keep-all; white-space:normal; color: #888; flex:1}
.c_form .with_btn {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:5px; overflow:hidden;}
.c_form .with_btn .input_design {flex:1}
.c_form .with_btn *+ .c_select {width:120px;}
.c_form .with_btn .c_select:first-child {flex:1}
.c_form .with_btn .c_btn {padding:0 15px !important;}
.c_form .with_btn .unit {font-size:1.1em; font-weight:600;}
.c_form .with_btn.type_fixed .input_design {flex:none; width:100px;}
.c_form .with_btn .c_label:last-of-type {margin-left:10px;}
.c_form .other {}
.c_form .input_file_box {background:#fff; border:1px solid #e5e5e5; position:relative; height:45px; width:100%; overflow:hidden; background:#f5f5f5; border-radius:5px; box-sizing:border-box;}
.c_form .input_file_box .fakeFileTxt {float:left; width:100%; color:#333; font-size: 13px; text-indent:15px; border:0; height:100%; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.c_form .input_file_box .fakeFileTxt {padding-right:40px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.c_form .input_file_box .fileDiv {width:100%; height:100%; overflow: hidden; position:absolute; left:0; top:0;}
.c_form .input_file_box .buttonImg {width:50px; height:100%; position: absolute; top:0; right:15px; font-size:0px; border:0;}
.c_form .input_file_box .buttonImg {background:transparent url('../images/c_img/ic_attach.svg') right center no-repeat; background-size:18px !important;}
.c_form .input_file_box .realFile {position:absolute; right:0px; top:0px; width:100%; font-size:13px; height:100%; cursor:pointer !important; box-sizing:border-box; }
.c_form .input_file_box .realFile {opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
.c_form .input_file_box.type_photo .buttonImg {background:transparent url('../images/c_img/ic_photo.svg') right center no-repeat;}
.c_form .upload_list {}
.c_form .upload_list .upload-file {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px;}
.c_form .photo_preview {display:flex; justify-content: center; align-items: center; flex-direction:column; overflow:hidden;}
.c_form .photo_preview img {max-width:100%; max-height:500px; margin-top:5px;}
.c_form .attach_box {overflow:hidden; display: flex; flex-direction:column; justify-content: stretch; align-items: stretch; gap:5px}
.c_form .attach_box .duplicate {display:flex; justify-content: center; align-items: stretch; flex-direction:row; gap:5px}
.c_form .attach_box .add_btn_box {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}
.c_form .attach_box .file_btn {width: 60px; box-sizing: border-box; font-size: 12px; color:#999; line-height: 1; font-weight:600; flex:1; border-radius:5px;}
.c_form .attach_box .file_btn {background: #fff; border: 1px solid #ccc; display: flex; flex-direction: row; justify-content: center; align-items: center;;}
.c_form .attach_box .file_btn.exec-addfile {border-color:#333; color: #333;}
.c_form .bank_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; gap:5px}
.c_form .bank_box .c_select {flex:1}
.c_form .bank_box .input_design {width:120px; margin:0px !important;}
.c_form .bank_box .input_design:last-of-type {width:100%;}
.c_form .mine {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:5px; margin-bottom:5px;}
.c_form .mine .txt {color:#000; font-weight:500; font-size:13px; line-height:1; border-radius:100px;  padding:0 10px; height:30px; background:#f5f5f5;}
.c_form .mine .txt {display:flex; justify-content: center; align-items: center; flex-direction:row; gap:5px}
.c_form .mine .txt em {color:#e10000;}
.c_form .mine .txt .num {color:#0065e3;}
.c_form .sum_price {background:#f9f9f9; padding:15px;}
.c_form .sum_price dl {display:flex; justify-content: space-between; align-items: center; flex-direction:row; }
.c_form .sum_price dl+ dl {margin-top:5px;}
.c_form .sum_price dt,
.c_form .sum_price dd {color:#333; font-weight:600;}
.c_form .sum_price .this_last {border-top:2px dashed #e5e5e5; padding-top:10px; margin-top:10px;}
.c_form .sum_price .this_last * {color:#e10000;}
.c_form .sum_price .this_discount * {color:#0065e3;}
.c_form .payway_box {display:grid; gap:10px; grid-template-columns: repeat(3, 1fr)}
.c_form .payway_box .c_label .tx {height:50px; border:2px solid #e5e5e5; border-radius:5px; justify-content: center; text-align:center; padding:0 10px;}
.c_form .payway_box .c_label .icon {display:none;}
.c_form .payway_box .c_label input:checked+ .tx {border-color:#e10000; color:#e10000;}
.c_form .c_btnbox.type_full ul {width:100%; max-width:500px; margin:0 auto;}
.c_form .receipt_print {}
.c_form .multi_box {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px;}
.c_form .multi_box input.input_design {flex:1;}













/* 세부요소 :: label ==================== */
label.c_label {cursor: pointer; display:inline-flex; justify-content: stretch; align-items: stretch; flex-direction:column;}
label.c_label input {display: none;}
label.c_label .tx {font-size: 13px; color: #888; font-weight:500; display:flex; flex-direction:row; justify-content: flex-start; align-items: center; gap:5px; line-height:1; height: 30px; }
label.c_label .tx em {color:#333;}
label.c_label .tx strong {color:#e10000;}
label.c_label .tx em,
label.c_label .tx strong {white-space:nowrap; font-weight:500;}
label.c_label .icon {width:18px; height: 18px; box-sizing:border-box; background-color: #ddd !important; flex:none}
label.c_label input:checked+ .tx {color:#333;}
label.c_label input:checked+ .tx .icon {background-color: #000 !important; border-color: #000 !important;}
label.c_label input[type=checkbox]+ .tx .icon {border-radius: 3px; background-size: 8px !important; background: url('../images/c_img/c_check.svg') center center no-repeat;}
label.c_label input[type=radio]+ .tx .icon {border-radius: 100px; position: relative;}
label.c_label input[type=radio]+ .tx .icon:before {content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px;}
label.c_label input[type=radio]+ .tx .icon:before {background: #fff; border-radius: 100px; z-index: 1; transform:translate(-50%,-50%);}
label.c_label input[type=radio]:checked+ .tx .icon:before {background: #fff;}
.c_labelbox {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; gap:15px;}

/* 세부요소 :: textarea ==================== */
textarea.text_design {width: 100%; border: 1px solid #e5e5e5; background: #fff; font-size: 13px; padding:12px 15px; line-height: 1.4; box-sizing: border-box; color: #333;}
textarea.text_design {transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out;}
textarea.text_design:focus {color: #333; border-color: #008aff !important; background:#fff !important;}





/* 세부요소 :: input ==================== */
input.input_design {width: 100%; height: 45px; border: 1px solid #e5e5e5; background: #fff; font-size: 13px; padding: 0 15px; box-sizing: border-box; color: #333;}
input.input_design {transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out;}
input.input_design:focus {color: #333; border-color: #008aff !important; background-color:#fff !important;}
input.input_design.type_date {background:transparent url('../images/c_img/ic_date.svg') right 15px center no-repeat; background-size:14px; font-weight:500;}
input.input_design:disabled {background:#f9f9f9; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); border-color:#f2f2f2; pointer-events:none}


/* 세부 레이아웃 :: 그룹 타이틀 ==================== */
.c_group_tit {font-weight:600; position:relative; border-bottom: 1px solid #222; box-sizing: border-box; padding-bottom: 10px; margin-top:50px;}
.c_group_tit {display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap:wrap; gap:5px 10px}
.c_group_tit .tit {font-size: 16px; color: #000; font-weight: 700; line-height: 1;}
.c_group_tit .sub_txt {font-size:12px; color:#aaa; font-weight:400;}
.c_group_tit .sub_txt strong {color:#e10000; font-weight:600;}
.c_group_tit .sub_txt em {color:#000; font-weight:600;}
.c_group_tit .shop_name {color:#000; font-size:18px; font-weight:700; background:transparent url('../images/c_img/ic_store.svg') left 0 no-repeat; background-size:17px; padding-left:20px; line-height:1;}
.c_group_tit .btn_more {font-weight:500; font-size:13px; color:#000; height:20px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.c_group_tit .btn_more {opacity: 0.6; filter: alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.c_group_tit .btn_more strong {background:transparent url('../images/c_img/arrow_right.svg') right center no-repeat; background-size:5px 10px !important; padding-right:10px; line-height:1;}
.c_group_tit:first-of-type {margin-top:0px;}
.cart_ctrl+ .c_group_tit {margin-top:0px;}
.c_group_tit+ .form_ul {margin-top:15px;}







/* 세부요소 :: 버튼 ==================== */
.c_btn {height: 30px; background:#fff; border:1px solid #aaa; box-sizing:border-box; padding:0 10px; white-space:nowrap; text-align:center !important; color:#999; font-weight:500; letter-spacing:0px; line-height:1;}
.c_btn {font-size:12px; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out;}
.c_btn.line {background:#fff !important;}
.c_btn strong {display:flex; justify-content: center; align-items: center; flex-direction:column; height:100%;} /* 글씨앞에 아이콘사용시 */
.c_btn.h25 {height:25px; font-size:11px !important;}
.c_btn.h30 {height:30px;}
.c_btn.h35 {height:35px; font-size:13px !important; padding:0 15px; }
.c_btn.h40 {height:40px; font-size:13px !important; padding:0 15px; }
.c_btn.h45 {height:45px; font-size:13px !important; padding:0 15px; font-weight:600;}
.c_btn.h50 {height:50px; font-size:15px !important; padding:0 20px; font-weight:700;}
.c_btn.h55 {height:55px; font-size:15px !important; padding:0 20px; font-weight:700;}
.c_btn.h60 {height:60px; font-size:16px !important; padding:0 25px; font-weight:700;}
.c_btn.black {background:#000; border-color:#000; color:#fff;}
.c_btn.light {background:#aaa; border-color:#aaa; color:#fff;}
.c_btn.color {background:#e10000; border-color:#e10000; color:#fff;}
.c_btn.black.line {color:#000; background:#fff !important;}
.c_btn.light.line {color:#aaa; background:#fff !important;}
.c_btn.color.line {color:#e10000; background:#fff !important;}
.c_btn.type_only_tx {border:0; height:auto !important; padding:5px 0; text-decoration:underline;}
.c_btn.type_write strong {background:transparent url('../images/c_img/ic_write.svg') left center no-repeat; background-size:15px; padding-left:18px;}



/* 세부요소 :: 버튼박스 ==================== */
.c_btnbox {overflow:hidden; margin-top:30px; display:flex; justify-content: center; align-items: center; flex-direction:column; gap:10px}
.c_btnbox ul {display:flex; flex-direction: row; justify-content: center; align-items: center; gap:10px}
.c_btnbox li {list-style: none; flex:1; box-sizing: border-box;}
.c_btnbox .c_btn {display:flex;}
.c_btnbox.type_full {align-items:stretch}
.c_btnbox.type_full .c_btn {padding:0px !important;}
.c_btnbox .arrange_right {display:flex; justify-content: flex-end; align-items: center; flex-direction:row;}
.c_btnbox.type_max ul {width:100%; max-width:500px; margin:0 auto;}




/* 세부 레이아웃 :: 페이지 단계 ==================== */
.c_process {margin-bottom:50px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.c_process ul {display:flex; justify-content:space-between; align-items: center; flex-direction:row; width:100%; max-width:400px;}
.c_process li {list-style:none; position:relative; display:flex; justify-content: center; align-items: center; flex-direction:column; flex:1;}
.c_process li:before {content:""; width:50%; height:2px; background:#eee; position:absolute; left:0; top:13px; z-index:1}
.c_process li:after {content:""; width:50%; height:2px; background:#eee; position:absolute; right:0; top:13px; z-index:1}
.c_process li:first-of-type:before {display:none;}
.c_process li:last-of-type:after {display:none;}
.c_process .tit {font-size:13px; color:#aaa; font-weight:500; margin-top:5px; white-space:nowrap}
.c_process .num {width:30px; height:30px; border-radius:100px; border:2px solid #eee; box-sizing:border-box; font-weight:600; font-size:11px; color:#aaa; position:relative; background:#fff;}
.c_process .num {display:flex; justify-content: center; align-items: center; flex-direction:column; letter-spacing:0px; z-index:2}
.c_process .hit .tit {color:#222;}
.c_process .hit .num {background:#222; border-color:#222; color:#fff;}
.c_process .hit:after {background:#222;}
.c_process .hit+ li:before {background:#222;}


/* 세부요소 :: 셀렉트박스 ==================== */
.c_select {position: relative;}
.c_select select {width: 100%; height: 45px; border: 1px solid #e5e5e5; font-size: 13px; position: relative; z-index: 2;}
.c_select select {padding: 0 40px 0 15px; box-sizing: border-box; color: #333; cursor: pointer; -webkit-border-radius: 0 !important; background:#fafafa !important;}
.c_select .icon {position: absolute; right: 15px; top: 50%; width: 5px; height: 5px; margin-top: -3px; z-index: 2; pointer-events:none}
.c_select .icon {width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000;}
.c_select .icon {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transform: rotate(0); transform-origin: center;}
.c_select select:focus {border-color: #008aff; color: #333; background:#fff !important;}
.c_select select:focus+ .icon {transform: rotate(180deg); border-top-color:#008aff;}

.c_select select {-webkit-appearance:none; /* 크롬 화살표 없애기 */ -moz-appearance:none; /* 파이어폭스 화살표 없애기 */ appearance:none /* 화살표 없애기 */ }



/* 700px ~ ---------------------------------------------------------------- */
@media screen and (max-width:700px) {

	/* 레이어 ==================== */
	.c_popup {padding: 100px 0 0 0 !important; justify-content: flex-end;}
	.c_popup .pop_wrap {width: 100%; border-radius: 30px 30px 0 0; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
	.c_popup .img_box {width: 100%; overflow-y: auto; background: #fff; -ms-overflow-style: none; scrollbar-width: none;}
	.c_popup .img_box::-webkit-scrollbar {display: none;}
	.c_popup .img_box img {max-height: none; min-width: 100%;}
	.c_popup .editor_box {min-width: 100%;}
	.c_popup .close_box {width: 100%; flex: none;}


	/* 폼 ==================== */
	.c_form .form_dl {flex-direction:column; align-items:stretch}
	.c_form .form_dt {width:auto; padding:0px; margin-right:0px; margin-bottom:5px;}
	.c_form .form_dt .tit {font-weight:700;}
	.c_form .form_dl {border-bottom-style:dashed;}


	/* 멤버십 ==================== */
	.c_attend .attend_top {flex-direction:column}
	.c_attend_guide .box {padding:15px;}
	.c_attend_guide .benefit {flex-direction:column}
	.c_attend_guide .benefit .inbox {border-radius:10px;}
	.c_attend_guide .benefit .inbox.this_condi {width:100%;}
	.c_attend_guide .benefit .inbox.this_condi br {display:none;}
	.c_attend_guide .benefit .inbox.this_benefit {border-left-style:solid; border-top-style:dashed; margin-left:0px; margin-top:-1px;}
	.c_attend_guide .info dl {padding:5px 0;}
	.c_attend .calendar_box {padding:20px 0}
	.c_attend .calendar_box .week li {font-size:11px;}
	.c_attend .calendar_box .days strong {width:40px; height:40px; font-size:14px;}
	.c_attend .calendar_box .days .hit strong:before {width:15px; height:15px; right:-7px; top:2px}
	.c_my_wish li {width:33.3333%;}
	.c_my_wish.type_main li {width:33.3333%;}
	.c_my_wish.type_main li:nth-child(4) {display:none;}
	.c_my_list li {flex-direction:column; gap:10px}
	.c_my_list .area_state {width:auto; border:0; flex-direction:row; justify-content:flex-start; border-top:1px dashed #f2f2f2; padding-top:10px;}
	.c_my_list .price {margin-left:auto;}
	.c_my_coupon ul {grid-template-columns: repeat(1, 1fr);}
	.c_my_coupon .area_state {padding:15px;}


	/* 주문 ==================== */
	.c_order .area_ctrl .c_btnbox {position:fixed; left:0; bottom:0; width:100%; z-index:100; background:#fff; box-sizing:border-box; box-shadow:0 0 3px rgba(0,0,0,0.2); padding:15px;}
	.c_order .area_ctrl .c_btnbox .c_btn {border-radius:0;}
	.c_order .order_tip {margin-top:-5px;}
	.c_order .order_tip .open_tip {margin-bottom:0;}
	.c_my_list .thumb {width:70px;}
	.c_order .cart_npay {margin-top:0;}


	/* 게시판 ==================== */
	.c_cs_main .top_faq {padding:30px 20px;}
	.c_cs_main .top_faq .search_form .input_search {padding-left:15px;}
	.c_board_ctrl {gap:10px; flex-direction:column; align-items:stretch; }
	.c_board_ctrl .board_ctg {margin-top:5px;}
	.c_board_ctrl .period_box {width:100%;}
	.c_board_ctrl .period_box .btn {width:auto; flex:1}
	.c_board_list ul {flex-direction:column; align-items:stretch; gap:10px; padding:10px 0;}
	.c_board_list li {gap:10px}
	.c_board_list li.this_tit {padding-right:5px;}
	.c_board_list .number {display:none;}
	.c_board_list .writer {width:auto;}
	.c_board_list .posting {padding:0px; position:static}
	.c_board_list .date {order:-1}
	.c_board_list ul.if_notice {padding-left:10px; padding-right:10px;}

	.c_board_gallery li {width: 50%;}
	.c_board_gallery.type_event li {width: 100%;}
	.c_board_news .photo {width: 100px;}
	.c_board_list.type_qna ul {flex-direction:column; gap:10px}
	.c_board_list.type_qna li {align-items:flex-start; }
	.c_board_list.type_qna .this_info {justify-content:flex-end}
	.c_board_list.type_qna .posting {gap:5px}
	.c_board_list.type_qna .my_post {padding:15px;}
	.c_board_list.type_qna .answer .answer_in {padding:15px;}
	.c_board_list.type_qna .answer .editor {font-size:12px;}
	.c_board_view .reply {padding:15px;}
	.c_board_view .reply .form {flex-direction:column;}
	.c_board_view .reply .form .text_design {flex:none}
	.c_board_view .reply .form .btn_ok {width:100%; height:40px;}
	.c_board_view .answer .answer_in {padding:15px;}
	.c_board_view .answer .editor {font-size:12px;}
	.c_board_rv .answer .answer_in {padding:15px;}
	.c_board_rv .answer .editor {font-size:12px;}
	.c_board_rv ul {grid-template-columns: repeat(1, 1fr);}


	/* 공통상품 ==================== */
	.c_promo_list {margin-top:0;}
	.c_promo_list li {width:100%;}


	/* 스크립트 제어 ==================== */
	.post_popup_section> div {max-width:100% !important; height:100% !important;}
	.post_popup_section .post_close_btn {position:fixed !important; width:100% !important;}
}




/* 서브공통 :: 슬라이드 메뉴 ==================== */
.p_Slide {}
.p_Slide li {list-style: none;}
.p_Slide .slide_in {position: fixed; left: 0; top: 0; width:100%; max-width: 430px; height: 100%; background: #fff; overflow-y: auto; transform: translateX(-100%); box-sizing:border-box;}
.p_Slide .slide_in {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; z-index: 400; -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 40px; }
.p_Slide .slide_layout {padding: 0 30px; box-sizing: border-box;}
.p_Slide .slide_bg {position:fixed; left:0; top:0; width:100%; height: 100%; background:rgba(0,0,0,0.6); z-index:399;}
.p_Slide .slide_bg {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility: hidden; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out;}
.p_Slide .my_info {}
.p_Slide .my_info .top_box {padding:15px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.p_Slide .my_info .top_box .area_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.p_Slide .my_info .top_box .right_box {justify-content: flex-end; padding-left:10px;}
.p_Slide .my_info .top_box .left_box {}
.p_Slide .my_info .btn_close {margin-right: -13px; width:40px; height:40px; background:transparent url('../images/c_img/ic_close.svg') center center no-repeat; background-size:14px;}
.p_Slide .my_info .who {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 15px; color: #999; padding: 5px 0;}
.p_Slide .my_info .who .level {margin-right: 10px; border-radius: 100%; overflow: hidden; width:40px; height:40px; display:flex; justify-content: center; align-items: center; flex-direction:column; background:#f2f2f2;}
.p_Slide .my_info .who .level img {width:100%;}
.p_Slide .my_info .who .name {flex:1; font-size: 18px; color: #000; font-weight: 700; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.p_Slide .my_info .go_mypage {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom:10px;}
.p_Slide .my_info .go_mypage .btn {position: relative; display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 5px 10px; box-sizing: border-box;}
.p_Slide .my_info .go_mypage .btn .tx {background-repeat:no-repeat; background-size:30px 20px; background-position:center top; padding-top:35px;}
.p_Slide .my_info .go_mypage .btn.type_my .tx{background-image:url('../images/c_img/slide_my.svg');}
.p_Slide .my_info .go_mypage .btn.type_cart .tx{background-image:url('../images/c_img/slide_cart.svg');}
.p_Slide .my_info .go_mypage .btn.type_deliver .tx{background-image:url('../images/c_img/slide_deliver.svg');}
.p_Slide .my_info .go_mypage .btn.type_wish .tx{background-image:url('../images/c_img/slide_wish.svg');}
.p_Slide .my_info .go_mypage .btn .tx {color:#000; font-weight:500; white-space:nowrap}
.p_Slide .my_info .go_mypage .dot {position: absolute; left:50%; top:0; width: 5px; height: 5px; background: #e10000; border: 1px solid #e10000; border-radius: 50%; box-sizing: border-box; margin-left:10px;}
.p_Slide .my_info .member_link {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:0 1px}
.p_Slide .my_info .member_link li {flex: 1;}
.p_Slide .my_info .member_link .btn {font-size: 13px; color: #fff; background: #000; height: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center; box-sizing:border-box; border:1px solid #000;}
.p_Slide .my_info .member_tx {display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 13px; margin-top:5px;}
.p_Slide .my_info .member_tx .tt {color: #aaa; line-height: 1;}
.p_Slide .my_info .member_tx .btn {padding: 5px 0; margin-left: auto; box-sizing: border-box;}
.p_Slide .my_info .member_tx .btn .tx {color: #333; border-bottom: 1px solid #333; font-weight:600;}
.p_Slide .my_info .member_tx.this_login {justify-content: flex-end;}

.p_Slide .category {box-sizing: border-box; border-top:10px solid #f2f2f2; padding-top: 20px; margin-top:20px;}
.p_Slide .category .ul {}
.p_Slide .category .li {}
.p_Slide .category .btn_open {font-size: 0; width:40px; position:relative; overflow:hidden;}
.p_Slide .category .btn_open .ic {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_Slide .category .btn_open .ic {position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url('../images/c_img/arrow_down.svg') center center no-repeat; background-size:12px;}
.p_Slide .category .li.if_no2 .btn_open {display: none;}
.p_Slide .category .first_ctg {display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; border-bottom: 1px solid #eee; box-sizing: border-box; flex:1}
.p_Slide .category .first_ctg .ctg_name {font-size: 17px; color: #000; font-weight: 700; height: 100%; flex: auto; display: flex; justify-content: flex-start; align-items: center; height:50px;}
.p_Slide .category .li:last-of-type .first_ctg {border-bottom: 0 !important;}
.p_Slide .category .second_ctg {background:#f9f9f9;}
.p_Slide .category .second_ctg ul {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.p_Slide .category .second_ctg li {height: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; overflow: hidden;}
.p_Slide .category .second_ctg .ctg_name {font-size: 14px; color: #333; line-height: 1.3; height:30px; padding:0 15px; font-weight:500;}
.p_Slide .category .second_ctg .ctg_name {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.p_Slide .category .second_ctg .ctg_name {display:flex; justify-content: center; align-items: flex-start; flex-direction:column;}
.p_Slide .category .li.if_open_sd_cate .btn_open .ic {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.p_Slide .category .li.if_open_sd_cate .first_ctg .ctg_name {color:#e10000;}
.p_Slide .category .li.if_open_sd_cate .second_ctg {border-bottom: 1px solid #eee; box-sizing: border-box;}
.p_Slide .category .li.if_open_sd_cate .second_ctg ul {padding: 10px 0; box-sizing: border-box;}
.p_Slide .category .li.if_open_sd_cate .second_ctg li {height: 30px;}

.p_Slide .category.type_event {}
.p_Slide .category.type_event .ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap}
.p_Slide .category.type_event .li {width:50%;}
.p_Slide .category.type_event .first_ctg {border-bottom: 0 !important;}
.p_Slide .category.type_event .first_ctg .ctg_name {font-size:15px; height:40px;}
.p_Slide .category.type_event .first_ctg .ctg_name strong {font-weight:500; font-size:0.9em; margin-left:5px; color:#999;}

.p_Slide .type_menu {margin-top:10px; box-sizing: border-box;}
.p_Slide .type_menu ul {overflow: hidden; width: 100%; position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.p_Slide .type_menu ul {border: 1px solid #e5e5e5; box-sizing: border-box;}
.p_Slide .type_menu li {flex: none; width: 50%; position: relative;}
.p_Slide .type_menu li:nth-of-type(2)~ li:before {content: ''; position: absolute; left: 0; top: 0; width: 200%; height: 1px; background: #e5e5e5;}
.p_Slide .type_menu li:nth-of-type(odd):after {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 200%; background: #e5e5e5;}
.p_Slide .type_menu li:only-child {width:100%;}
.p_Slide .type_menu li:only-child:after {display:none;}
.p_Slide .type_menu .type_name {font-size: 13px; color: #888; height: 40px; display: flex; justify-content: center; align-items: center; font-weight:500; padding:0 10px;}
.p_Slide .type_menu .type_name {text-align: center; box-sizing: border-box;}

.p_Slide .board_menu {border-top:10px solid #f2f2f2; padding-top: 20px; margin-top:20px; box-sizing:border-box;}
.p_Slide .board_menu .tab_tit {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.p_Slide .board_menu .tab_tit li {flex: 1;}
.p_Slide .board_menu .tab_tit .tab {font-size: 16px; color: #aaa; font-weight: 700; box-sizing: border-box; height: 45px; border-bottom: 2px solid #e5e5e5;}
.p_Slide .board_menu .tab_tit .tab {display: flex; justify-content: center; align-items: center; }
.p_Slide .board_menu .tab_tit .tab.hit {color: #000; border-color: #000;}
.p_Slide .board_menu .tab_cont {margin-top: 15px;}
.p_Slide .board_menu .tab_cont ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap}
.p_Slide .board_menu .tab_cont li {width:50%;}
.p_Slide .board_menu .tab_cont .menu {font-size: 13px; color: #666; padding:10px 0; padding-right:10px; box-sizing: border-box; display:block;}

.p_Slide .cs_info {border-top: 1px solid #f2f2f2; box-sizing: border-box; padding-top: 20px; margin-top: 20px;}
.p_Slide .cs_info .cs_in {display:flex; justify-content: center; align-items: flex-start; flex-direction:column;}
.p_Slide .cs_info .cs_in .tel {font-size: 27px; color: #000; font-weight: 600; line-height: 1; pointer-events: none !important;}
.p_Slide .cs_info .cs_in .open_time {font-size: 13px; line-height: 1.3; margin-top: 5px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Slide .cs_info .go_page {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top:15px; gap:5px}
.p_Slide .cs_info .go_page li {flex: 1;}
.p_Slide .cs_info .go_page .btn {background: #f5f5f5; height: 45px; display: flex; justify-content: center; align-items: center; border-radius:3px;}
.p_Slide .cs_info .go_page .btn {font-size: 13px; color:#333;}

.p_Slide.if_open_slide .slide_in {transform: translateX(0);}
.p_Slide.if_open_slide .slide_bg {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility: visible;}




/* hyplus#################################################################################################*/







/* 장바구니,구매하기,찜하기 버튼 모바일 스타일 css 동일하게 변경 */
.product_btn {overflow:hidden; margin: 10px; position:relative;}
.product_btn a {overflow:hidden; color:#fff; font-weight:bold; font-size:15px}
.product_btn a {height:42px; line-height:42px; text-align:center}
.product_btn .btn_left {margin-right:50px}
.product_btn .inner {float:left; width:50%;}
.product_btn .btn_cart {display:block; background:#4e4f57; margin-right:3px;color:#fff;}
.product_btn .btn_order {display:block; background:#e75280;  margin-left:3px;color:#fff;}

.product_btn .btn_right {position:absolute; top:0; right:0;}
.product_btn .btn_wish {box-sizing:border-box; border:1px solid rgba(0,0,0,0.2); box-sizing:border-box; position:relative; width:45px; height:42px; background:#fff}
.product_btn .btn_wish .ic {position:absolute; left:50%; top:50%; margin: -11px 0 0 -13px }
.product_btn .btn_wish .on {display:none}
.product_btn .btn_wish img {float:left; width:26px}
.product_btn .btn_wish_hit .off {display:none}
.product_btn .btn_wish_hit .on {display:block}


.product_btn .btn_gift {box-sizing:border-box; border:1px solid #227fc7; box-sizing:border-box; position:relative; width:45px; height:42px; background:#fff;margin-left:7px}
.product_btn .btn_gift .ic {position:absolute; left:42%; top:38%; margin: -11px 0 0 -13px }
.product_btn .btn_gift .on {display:none}
.product_btn .btn_gift img {float:left; width:32px}
.product_btn .btn_gift .off {display:none}
.product_btn .btn_gift_hit .on {display:block}