@charset "UTF-8";

/* 임시 반영 내용 */

/* 장바구니 */
.ap_order .product_price>dl.total,
.plus_membership .product_price>dl.total em { color: #333; font-weight: bold; }
.ap_order .product_price>dl.total .price,
.plus_membership .product_price>dl.total .price em { color: #f26615; }

/* 리스트 할인율 */
.product_new > a .product_info_new .price_wrap .discount { color: #f26615; }
.badge.special { background-color: #333; }

.system_alert .layer_btns button,
.system_alert.round .layer_cont .p_btn_area li a,
.ap_order .order_area .product_price .ui_tooltip .add_point,
.system_alert .btn_default_modal_confirm,
.layer_popup.system_alert .btn_default_modal_cancel,
.layer_popup.system_alert .layer_btns .close,
.ap_cart .empty_cart .text { color: #12c2ff; }
.ap_order .order_area .product_price .ui_tooltip .add_point{ color: #333; font-weight: bold }
.rdo_h30 input:checked[type="radio"] + label{color: #333;}

.use_area .title .save { color: #12c2ff !important; }

.ap_order .address_list>li.selected,
.ap_order .card_list li.on label { border-color: #12c2ff; }

.flag.purple,
.check_btn_set input:checked + label,
.btn_h50_pu { border-color: #12c2ff; color: #12c2ff; }
.check_btn_set>* + * input:checked + label:before {background: #12c2ff;}

.search_address .search_form .input_wrap.search input { color: #333; }

.btn_h50_pp { background-color: #333; color: #fff; border-color: #333; }

.layer_tooltip { z-index: 11; }

.policy_wrap { background-color: #fff; border: 1px solid #ddd; }
.plus_membership .card_list .card input:checked + label { border-color: #12c2ff; }


.system_alert.round {position:fixed; top:0; left:0; right:0; bottom:0; z-index:100}
.system_alert.round .layer_dimmed {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:100}
.system_alert.round .layer_wrap {position:absolute; top:50%; left:12%; right:12%; z-index:105}
.system_alert.round .layer {width:100%; min-height:100%; background:#fff; border-radius:0}
.system_alert.round .layer_title {padding:22px 23px 0 23px; color:#000;  font-size:15px; line-height:20px; text-align:left; font-weight:bold}
.system_alert.round .layer_cont {padding:35px 0 36px; }
.system_alert.round .layer_cont .txt01,
.system_alert.round .layer_cont .txt02 { padding:0 20px;}
.system_alert.round .layer_cont .txt01 { padding:0 20px; line-height:18px; text-align:center}
.system_alert.round .layer_cont .txt02 { line-height:20px; text-align:center}
.system_alert.round .layer_cont .txt01 + .txt01,
.system_alert.round .layer_cont .txt01 + .txt02,
.system_alert.round .layer_cont .txt02 + .txt01,
.system_alert.round .layer_cont .txt02 + .txt02 { margin-top: 13px; }
.system_alert.round .layer_btns button { height: 60px; color: #333; font-weight: normal; }

/* ONE pay 및 앱 할인 종료 안내 */
.ap_order .order_area .product_price .ui_tooltip.onepay_info .btn_tooltip span { right: 0; top: 0; }
.ap_order .order_area .product_price .ui_tooltip.onepay_info .add_point{ padding: 15px 0; }
.ap_order .order_area .product_price .ui_tooltip.onepay_info .add_point dt{ color: #12c2ff; }
.ap_order .order_area .product_price .ui_tooltip.onepay_info .layer_tooltip dl>dd { width: 100%; }
.ap_order .order_area .product_price .ui_tooltip.onepay_info{ padding-bottom: 7px; border-top: 1px solid #f2f2f2; }
@font-face {
    font-family: "font-icon";
    src: url('../font/font-icon.eot');
    src: url('../font/font-icon.eot?#iefix') format('eot'),
      url('../font/font-icon.woff2') format('woff2'),
      url('../font/font-icon.woff') format('woff'),
      url('../font/font-icon.ttf') format('truetype'),
      url('../font/font-icon.svg#font-icon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  .ficon:before {
    font-family: "font-icon";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    font-size: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .ficon-lg {
    font-size: 1.3333333333333333em;
    line-height: 0.75em;
    vertical-align: -15%;
  }
  .ficon-2x { font-size: 2em; }
  .ficon-3x { font-size: 3em; }
  .ficon-4x { font-size: 4em; }
  .ficon-5x { font-size: 5em; }
  .ficon-fw {
    width: 1.2857142857142858em;
    text-align: center;
  }
  .ficon-1-1-15:before { content: "\EA01" }
  .ficon-1-1-20:before { content: "\EA02" }
  .ficon-1-1-25:before { content: "\EA03" }
  .ficon-1-1-30:before { content: "\EA04" }
  .ficon-add-15:before { content: "\EA05" }
  .ficon-add-20:before { content: "\EA06" }
  .ficon-add-25:before { content: "\EA07" }
  .ficon-add-30:before { content: "\EA08" }
  .ficon-add-circle-15:before { content: "\EA09" }
  .ficon-add-circle-20:before { content: "\EA0A" }
  .ficon-add-circle-25:before { content: "\EA0B" }
  .ficon-add-circle-30:before { content: "\EA0C" }
  .ficon-add-circle-white-15:before { content: "\EA0D" }
  .ficon-add-circle-white-20:before { content: "\EA0E" }
  .ficon-add-circle-white-25:before { content: "\EA0F" }
  .ficon-add-circle-white-30:before { content: "\EA10" }
  .ficon-arrow-back-15-bold:before { content: "\EA11" }
  .ficon-arrow-back-15:before { content: "\EA12" }
  .ficon-arrow-back-20-bold:before { content: "\EA13" }
  .ficon-arrow-back-20:before { content: "\EA14" }
  .ficon-arrow-back-25-bold:before { content: "\EA15" }
  .ficon-arrow-back-25:before { content: "\EA16" }
  .ficon-arrow-back-30-bold:before { content: "\EA17" }
  .ficon-arrow-back-30:before { content: "\EA18" }
  .ficon-arrow-downward-15:before { content: "\EA19" }
  .ficon-arrow-downward-20:before { content: "\EA1A" }
  .ficon-arrow-downward-25:before { content: "\EA1B" }
  .ficon-arrow-downward-30:before { content: "\EA1C" }
  .ficon-arrow-dropdown-15:before { content: "\EA1D" }
  .ficon-arrow-dropdown-20:before { content: "\EA1E" }
  .ficon-arrow-dropdown-25:before { content: "\EA1F" }
  .ficon-arrow-dropdown-30:before { content: "\EA20" }
  .ficon-arrow-dropup-15:before { content: "\EA21" }
  .ficon-arrow-dropup-20:before { content: "\EA22" }
  .ficon-arrow-dropup-25:before { content: "\EA23" }
  .ficon-arrow-dropup-30:before { content: "\EA24" }
  .ficon-arrow-forward-15:before { content: "\EA25" }
  .ficon-arrow-forward-20:before { content: "\EA26" }
  .ficon-arrow-forward-25:before { content: "\EA27" }
  .ficon-arrow-forward-30:before { content: "\EA28" }
  .ficon-arrow-left-15:before { content: "\EA29" }
  .ficon-arrow-left-20:before { content: "\EA2A" }
  .ficon-arrow-left-25:before { content: "\EA2B" }
  .ficon-arrow-left-30:before { content: "\EA2C" }
  .ficon-arrow-right-15:before { content: "\EA2D" }
  .ficon-arrow-right-20:before { content: "\EA2E" }
  .ficon-arrow-right-25:before { content: "\EA2F" }
  .ficon-arrow-right-30:before { content: "\EA30" }
  .ficon-arrow-upward-15:before { content: "\EA31" }
  .ficon-arrow-upward-20:before { content: "\EA32" }
  .ficon-arrow-upward-25:before { content: "\EA33" }
  .ficon-arrow-upward-30:before { content: "\EA34" }
  .ficon-attendance-check-15:before { content: "\EA35" }
  .ficon-attendance-check-20:before { content: "\EA36" }
  .ficon-attendance-check-25:before { content: "\EA37" }
  .ficon-attendance-check-30:before { content: "\EA38" }
  .ficon-cart-15:before { content: "\EA39" }
  .ficon-cart-20:before { content: "\EA3A" }
  .ficon-cart-25:before { content: "\EA3B" }
  .ficon-cart-30:before { content: "\EA3C" }
  .ficon-cart-add-15:before { content: "\EA3D" }
  .ficon-cart-add-20:before { content: "\EA3E" }
  .ficon-cart-add-25:before { content: "\EA3F" }
  .ficon-cart-add-30:before { content: "\EA40" }
  .ficon-chatbot-15:before { content: "\EA41" }
  .ficon-chatbot-20:before { content: "\EA42" }
  .ficon-chatbot-25:before { content: "\EA43" }
  .ficon-chatbot-30:before { content: "\EA44" }
  .ficon-chevron-left-15:before { content: "\EA45" }
  .ficon-chevron-left-20:before { content: "\EA46" }
  .ficon-chevron-left-25:before { content: "\EA47" }
  .ficon-chevron-left-30:before { content: "\EA48" }
  .ficon-chevron-right-15:before { content: "\EA49" }
  .ficon-chevron-right-20:before { content: "\EA4A" }
  .ficon-chevron-right-25:before { content: "\EA4B" }
  .ficon-chevron-right-30:before { content: "\EA4C" }
  .ficon-close-15:before { content: "\EA4D" }
  .ficon-close-20:before { content: "\EA4E" }
  .ficon-close-25:before { content: "\EA4F" }
  .ficon-close-30:before { content: "\EA50" }
  .ficon-close-circle-15:before { content: "\EA51" }
  .ficon-close-circle-20:before { content: "\EA52" }
  .ficon-close-circle-25:before { content: "\EA53" }
  .ficon-close-circle-30:before { content: "\EA54" }
  .ficon-coupon-15:before { content: "\EA55" }
  .ficon-coupon-20:before { content: "\EA56" }
  .ficon-coupon-25:before { content: "\EA57" }
  .ficon-coupon-30:before { content: "\EA58" }
  .ficon-create-15:before { content: "\EA59" }
  .ficon-create-20:before { content: "\EA5A" }
  .ficon-create-25:before { content: "\EA5B" }
  .ficon-create-30:before { content: "\EA5C" }
  .ficon-customer-center-15:before { content: "\EA5D" }
  .ficon-customer-center-20:before { content: "\EA5E" }
  .ficon-customer-center-25:before { content: "\EA5F" }
  .ficon-customer-center-30:before { content: "\EA60" }
  .ficon-delete-15:before { content: "\EA61" }
  .ficon-delete-20:before { content: "\EA62" }
  .ficon-delete-25:before { content: "\EA63" }
  .ficon-delete-30:before { content: "\EA64" }
  .ficon-done-15:before { content: "\EA65" }
  .ficon-done-20:before { content: "\EA66" }
  .ficon-done-25:before { content: "\EA67" }
  .ficon-done-30:before { content: "\EA68" }
  .ficon-download-15:before { content: "\EA69" }
  .ficon-download-20:before { content: "\EA6A" }
  .ficon-download-25:before { content: "\EA6B" }
  .ficon-download-30:before { content: "\EA6C" }
  .ficon-expand-less-15:before { content: "\EA6D" }
  .ficon-expand-less-20:before { content: "\EA6E" }
  .ficon-expand-less-25:before { content: "\EA6F" }
  .ficon-expand-less-30:before { content: "\EA70" }
  .ficon-expand-more-15:before { content: "\EA71" }
  .ficon-expand-more-20:before { content: "\EA72" }
  .ficon-expand-more-25:before { content: "\EA73" }
  .ficon-expand-more-30:before { content: "\EA74" }
  .ficon-favorite-15:before { content: "\EA75" }
  .ficon-favorite-20:before { content: "\EA76" }
  .ficon-favorite-25:before { content: "\EA77" }
  .ficon-favorite-30:before { content: "\EA78" }
  .ficon-favorite-active-15:before { content: "\EA79" }
  .ficon-favorite-active-20:before { content: "\EA7A" }
  .ficon-favorite-active-25:before { content: "\EA7B" }
  .ficon-favorite-active-30:before { content: "\EA7C" }
  .ficon-gallery-view-15:before { content: "\EA7D" }
  .ficon-gallery-view-20:before { content: "\EA7E" }
  .ficon-gallery-view-25:before { content: "\EA7F" }
  .ficon-gallery-view-30:before { content: "\EA80" }
  .ficon-giftcard-15:before { content: "\EA81" }
  .ficon-giftcard-20:before { content: "\EA82" }
  .ficon-giftcard-25:before { content: "\EA83" }
  .ficon-giftcard-30:before { content: "\EA84" }
  .ficon-list-view-15:before { content: "\EA85" }
  .ficon-list-view-20:before { content: "\EA86" }
  .ficon-list-view-25:before { content: "\EA87" }
  .ficon-list-view-30:before { content: "\EA88" }
  .ficon-logout-15:before { content: "\EA89" }
  .ficon-logout-20:before { content: "\EA8A" }
  .ficon-logout-25:before { content: "\EA8B" }
  .ficon-logout-30:before { content: "\EA8C" }
  .ficon-menu-15:before { content: "\EA8D" }
  .ficon-menu-20:before { content: "\EA8E" }
  .ficon-menu-25:before { content: "\EA8F" }
  .ficon-menu-30:before { content: "\EA90" }
  .ficon-more-15:before { content: "\EA91" }
  .ficon-more-20:before { content: "\EA92" }
  .ficon-more-25:before { content: "\EA93" }
  .ficon-more-30:before { content: "\EA94" }
  .ficon-mymenu-15:before { content: "\EA95" }
  .ficon-mymenu-20:before { content: "\EA96" }
  .ficon-mymenu-25:before { content: "\EA97" }
  .ficon-mymenu-30:before { content: "\EA98" }
  .ficon-mymenu-active-15:before { content: "\EA99" }
  .ficon-mymenu-active-20:before { content: "\EA9A" }
  .ficon-mymenu-active-25:before { content: "\EA9B" }
  .ficon-mymenu-active-30:before { content: "\EA9C" }
  .ficon-mypouch-15:before { content: "\EA9D" }
  .ficon-mypouch-20:before { content: "\EA9E" }
  .ficon-mypouch-25:before { content: "\EA9F" }
  .ficon-mypouch-30:before { content: "\EAA0" }
  .ficon-notifications-15:before { content: "\EAA1" }
  .ficon-notifications-20:before { content: "\EAA2" }
  .ficon-notifications-25:before { content: "\EAA3" }
  .ficon-notifications-30:before { content: "\EAA4" }
  .ficon-order-15:before { content: "\EAA5" }
  .ficon-order-20:before { content: "\EAA6" }
  .ficon-order-25:before { content: "\EAA7" }
  .ficon-order-30:before { content: "\EAA8" }
  .ficon-order-active-15:before { content: "\EAA9" }
  .ficon-order-active-20:before { content: "\EAAA" }
  .ficon-order-active-25:before { content: "\EAAB" }
  .ficon-order-active-30:before { content: "\EAAC" }
  .ficon-play-15:before { content: "\EAAD" }
  .ficon-play-20:before { content: "\EAAE" }
  .ficon-play-25:before { content: "\EAAF" }
  .ficon-play-30:before { content: "\EAB0" }
  .ficon-rank-baby:before { content: "\EAB1" }
  .ficon-rank-check:before { content: "\EAB2" }
  .ficon-rank-food:before { content: "\EAB3" }
  .ficon-rank-homme:before { content: "\EAB4" }
  .ficon-rank-life:before { content: "\EAB5" }
  .ficon-rank-makeup:before { content: "\EAB6" }
  .ficon-rank-perfume:before { content: "\EAB7" }
  .ficon-rank-skincare:before { content: "\EAB8" }
  .ficon-rank-tool:before { content: "\EAB9" }
  .ficon-remove-15:before { content: "\EABA" }
  .ficon-remove-20:before { content: "\EABB" }
  .ficon-remove-25:before { content: "\EABC" }
  .ficon-remove-30:before { content: "\EABD" }
  .ficon-remove-circle-15:before { content: "\EABE" }
  .ficon-remove-circle-20:before { content: "\EABF" }
  .ficon-remove-circle-25:before { content: "\EAC0" }
  .ficon-remove-circle-30:before { content: "\EAC1" }
  .ficon-remove-circle-white-15:before { content: "\EAC2" }
  .ficon-remove-circle-white-20:before { content: "\EAC3" }
  .ficon-remove-circle-white-25:before { content: "\EAC4" }
  .ficon-remove-circle-white-30:before { content: "\EAC5" }
  .ficon-review-15:before { content: "\EAC6" }
  .ficon-review-20:before { content: "\EAC7" }
  .ficon-review-25:before { content: "\EAC8" }
  .ficon-review-30:before { content: "\EAC9" }
  .ficon-search-15:before { content: "\EACA" }
  .ficon-search-20:before { content: "\EACB" }
  .ficon-search-25:before { content: "\EACC" }
  .ficon-search-30:before { content: "\EACD" }
  .ficon-search-bold-35:before { content: "\EACE" }
  .ficon-settings-15:before { content: "\EACF" }
  .ficon-settings-20:before { content: "\EAD0" }
  .ficon-settings-25:before { content: "\EAD1" }
  .ficon-settings-30:before { content: "\EAD2" }
  .ficon-share-15:before { content: "\EAD3" }
  .ficon-share-20:before { content: "\EAD4" }
  .ficon-share-25:before { content: "\EAD5" }
  .ficon-share-30:before { content: "\EAD6" }
  .ficon-sorting-15:before { content: "\EAD7" }
  .ficon-sorting-20:before { content: "\EAD8" }
  .ficon-sorting-25:before { content: "\EAD9" }
  .ficon-sorting-30:before { content: "\EADA" }
  .ficon-star-15:before { content: "\EADB" }
  .ficon-star-20:before { content: "\EADC" }
  .ficon-star-25:before { content: "\EADD" }
  .ficon-star-30:before { content: "\EADE" }
  .ficon-star-border-15:before { content: "\EADF" }
  .ficon-star-border-20:before { content: "\EAE0" }
  .ficon-star-border-25:before { content: "\EAE1" }
  .ficon-star-border-30:before { content: "\EAE2" }
  .ficon-thumb-down-15:before { content: "\EAE3" }
  .ficon-thumb-down-20:before { content: "\EAE4" }
  .ficon-thumb-down-25:before { content: "\EAE5" }
  .ficon-thumb-down-30:before { content: "\EAE6" }
  .ficon-thumb-up-15:before { content: "\EAE7" }
  .ficon-thumb-up-20:before { content: "\EAE8" }
  .ficon-thumb-up-25:before { content: "\EAE9" }
  .ficon-thumb-up-30:before { content: "\EAEA" }
  .ficon-tip-15:before { content: "\EAEB" }
  .ficon-tip-20:before { content: "\EAEC" }
  .ficon-tip-25:before { content: "\EAED" }
  .ficon-tip-30:before { content: "\EAEE" }
  .ficon-wraning:before { content: "\EAEF" }

@font-face {
	font-family: 'Arita dotum';
	font-style: normal;
	font-weight: 400;
	src: url(../font/Arita-dotum-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Arita dotum';
	font-style: bold;
	font-weight: 700;
	src: url(../font/Arita-dotum-Bold.woff) format('woff');
}
.floating_area .float_btn_area >button .ficon { font-size: 30px; line-height: 30px; color: #333; vertical-align: top; }

/* 좌측 메뉴 카테고리 */
.menu_category {
    position:fixed; top:0; right:0; bottom:0; z-index: 50; overflow:hidden; overflow-y:auto;
    width:100%; padding-top:61px; background:#fff;
    transform: translateX(100%);
    transition:transform .3s ease-in-out;
    left: unset;
}
.menu_category.open {transform: translateX(0); }
.menu_category .category_header {position:absolute; top:0; left:0; right:0;	z-index: 1; height:61px; background-color:#fff; border-bottom: 1px solid #ddd; padding: 0px;}
.menu_category.open .category_header { z-index:10} /* position:fixed; top:0; left:0; */

.category_header .login_before { height: 100%; overflow: hidden; }
.category_header .btn_chat {position:absolute; top:2.5px; right:48px; width:55px; height:54px}
.category_header .btn_close {position:absolute; top:2.5px; right:4px; width:55px; height:54px}
.category_header .btn_close .ficon { font-size: 30px; line-height: 30px; color: #333; }
.category_header .login_before .btn-login-before {
    display:inline-block;  padding:17px 20px; color:#333; font-size:16px; font-weight:bold; line-height:16px;
}
.category_header .login_before .btn-login-before .ficon {  margin-left: -3px; font-size: 25px; font-weight:normal; line-height: 25px; color: #333; vertical-align: -1px;}

.category_header .welcome {position:relative; height: 100%; max-width:100%; padding-right:102px; overflow: hidden; font-size: 0; }
.category_header .welcome .name {
    overflow: hidden; position:relative; display:inline-block; max-width:100%;
    padding:23px 10px 23px 20px; font-size:16px; white-space:nowrap; text-overflow:ellipsis;
    font-weight: bold; color:#333; vertical-align: middle;
    height: unset; line-height: unset;
}
.category_header .welcome .name strong,
.category_header .welcome .name span {display:inline-block; vertical-align: middle; position: relative;}
.category_header .welcome .grade { position: relative; display:inline-block; padding: 25px 0 22px 11px; font-size:16px; font-weight:bold; text-transform: uppercase; vertical-align: middle; top: unset;right: unset;width: unset; color: #000000; margin-top: unset;}
.category_header .welcome .grade:before {content:''; position:absolute; top:50%; left:0; margin-top: -6px; width:1px; height:14px; background:#ececec; }

.menu_category .cate_cont01 {overflow:auto; padding-bottom:50px; max-height:calc(100% - 75px); -webkit-overflow-scrolling: touch;}
.menu_category .cate_cont01 div:first-child {margin-top:0}

.menu_category .side-member-info {overflow:hidden; height:187px; padding:27px 20px; background-color: #333; color: #fff; }
.menu_category .side-member-info .join-new-member,
.menu_category .side-member-info .user-point { display: block; position:relative; height:54px; padding-bottom: 20px; border-bottom: 1px solid #666; font-size: 14px; }
.menu_category .side-member-info .join-new-member:after,
.menu_category .side-member-info .user-point:after { content:''; display:block; clear:both; }
.menu_category .side-member-info .ficon { color: #fff; }

.menu_category .side-member-info .text-left { float: left; padding-top: 10px; }
.menu_category .side-member-info .right-btn { float: right; }

.menu_category .side-member-info .user-point a { display: block; position:relative; padding: 9.5px 0 0 0; font-size: 0; color: #fff; }
.menu_category .side-member-info .user-point .ficon { position: absolute; top: 2px; right: 1px; font-size: 25px; line-height: 25px; }
.menu_category .side-member-info .user-point .txt,
.menu_category .side-member-info .user-point .num { display: inline-block; vertical-align: middle; font-size: 14px; }
.menu_category .side-member-info .user-point .num{ margin-left: 5px; font-size: 24px; font-weight: bold; color:#12c2ff; }


.menu_category .shortcut-list:after { content:''; display:block; clear:both; }
.menu_category .shortcut-list .item { float: left; width: 25%; font-size: 14px; }
.menu_category .shortcut-list .anchor { display:block; padding: 24px 0 10px; text-align: center; color: #fff; }
.menu_category .shortcut-list .anchor .ficon { display:block; width: 30px; margin: 0 auto 8px; font-size: 30px; line-height: 30px; }
.menu_category .shortcut-list .anchor .text { display:block; }

.menu_category .shortcut-vertical-list { padding: 0 20px; }
.menu_category .shortcut-vertical-list .item { position: relative; height: 55px; border-bottom: 1px solid #ddd; }
.menu_category .shortcut-vertical-list .anchor { display: block; height: 100%; padding: 21px 0 20px; }
.menu_category .shortcut-vertical-list  .ficon { position: absolute; top: 50%; right: 0; margin-top: -12.5px; font-size: 25px; line-height: 25px; }
.menu_category .panel-foot-area { padding: 45px 20px 0; text-align: center; font-size: 0; }
.menu_category .btn-panel-foot { position: relative; display:inline-block; padding:15px 27px; font-size:12px; font-weight: bold; line-height:14px; color:#333;}
.menu_category .btn-panel-foot + .btn-panel-foot { padding-left: 28px; }
.menu_category .btn-panel-foot + .btn-panel-foot:before { content: ''; position: absolute; top: 50%; left: -1px; margin-top: -5.5px; width:2px; height: 11px; background-color: #ddd; }
.menu_category .cate_cont01 {background-color: #FFF;}
.category_header .welcome .name strong {color: #000000}

/* GNB */
.arita-logo { display:inline-block; width: 120px; height: 26px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 120 26'%3E%3Cdefs%3E%3Cpath id='a' d='M0 26h119.338V0H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23000' d='M11.269 6.406L18.192 26l2.372-.957-6.85-19.387-.072-.208z'/%3E%3Cpath fill='%23000' d='M8.972 0L.07 24.818 0 25.01l2.374.916 3.744-10.392h5.21v-2.507H7L11.388.833z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M29.374.438h-.384v2.507h.384c3.23 0 5.319 1.884 5.319 4.798 0 2.915-2.101 4.798-5.354 4.798h-.315v2.507h.315c4.818 0 7.93-2.867 7.93-7.305S34.172.438 29.375.438'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23000' d='M24.155 25.516h2.577V.438h-2.577zM46.34.438h-2.604l-4.693 24.69-.038.203 2.499.501 4.02-21.126 6.506 14.08.093.2 2.252-1.168L46.395.561zM61.189.438h-2.57l-4.366 10.633-.081.195 2.338.96 3.022-7.36 4.517 20.797.044.203 2.499-.5L61.225.604zM79.72.833L77.304 0l-8.903 24.817-.07.194 2.375.916 3.744-10.392h5.21v-2.507h-4.328z' mask='url(%23b)'/%3E%3Cpath fill='%23000' d='M81.975 5.448l-2.373.958L86.524 26l2.373-.957-6.85-19.387zM97.913 25.516h5.915v-2.507h-5.915zM92.488 25.516h2.577V.438h-2.577zM107.997 25.516h2.577V.438h-2.577zM113.422 25.516h5.916v-2.507h-5.916z' mask='url(%23b)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }

/* 헤더 */
.ap_header {position:relative; z-index:50}
.ap_header.fixed {position:fixed; top:0; left:0; right:0; z-index: 50; border-bottom: 1px solid #ddd; }
.ap_header.fixed .gnb_menu { border-bottom: none; }

.header_common {min-height:60px; padding-top: 1px; background:#fff; } /*  border-bottom: 1px solid #ddd;   */
.header_common .header_top {overflow:hidden; position:relative; height:60px; background:#fff; z-index:10}

.header_common .header_top.fixed {position:fixed; top:0; left:0; right:0; z-index: 30; border-bottom: 1px solid #ddd; }
.header_common .header_top .h_logo { display:inline-block; height: 60px; margin-left:19px}
.header_common .header_top .h_logo a {display:inline-block; width: 120px; height: 60px; padding:17px 0 0 0}
/* .header_common .header_top .h_logo a img {height:26px} */
.header_common .header_top .btn_menu {position:absolute; top:8.5px; right:14px; width:40px; height:40px; font-size: 0; left: unset; }
.header_common .header_top .h_menu01 {position:absolute; top:10px; right:50px; padding:0 9px 0 0; font-size: 0; }

.header_common .header_top .h_menu01 .btn_cart {margin-left:3px;}
.header_common .header_top .h_menu01 .btn_cart .state { position:absolute; top:1px; right:11px; width:5px; height:5px; border-radius: 2.5px; background-color: #12c2ff; }
/* .header_common .header_top .h_menu01 .btn_cart .num {position:absolute; top:14px; right:8px; width:20px; height:20px; padding-top: 4px; background:#fff; border-radius: 50%; color:#782fff; font-size:11px; line-height:11px; text-align:center; font-weight:bold;} */
.header_common .header_top .h_menu01 .btn_cart,
.header_common .header_top .h_menu01 .btn_search { display:inline-block; height:40px; width:40px; padding-top: 2px; vertical-align: top; text-align: center; }
.header_common .header_top .h_menu01 .btn_search { padding-top: 0; }
.header_common .header_top .h_menu01 .btn_search .ficon-search-30 { position:relative; top: -1px; }
.header_common .btn_previous {position:absolute; top:6px; left:5px; width:50px; height:50px; font-size:30px; color: #333;}
.header_common .btn_previous .ficon { font-size: 30px; line-height: 30px; color: #333; }
/* 헤더 서브 > 카테고리 */
.header_common .header_top .ico_search_l_w {width:23px; height:23px; background:url("../../images/common/ico_srch01_wh.png") no-repeat 0 0; background-size:23px}
.header_common .ficon { color: #333; font-size: 30px; line-height: 30px; }

/* 서브타이틀 */
.page-sub-title { height:61px; padding-top:21.5px; background-color: #fff; font-size: 16px; color: #333; text-align: center; border: solid #ddd; border-width: 1px 0; }

/* 상세헤더 */
/* .product_header {position: absolute; top: 0; left: 0; right:0; min-height:61px; z-index:50;  } */
/* .product_header .header_top { border-bottom: 1px solid #ddd;} */

/* 헤더 서브 > 검색 */
.ap_search .sort_filter_top {margin-top: 0; }

/* GNB 메뉴 */
.gnb_menu {overflow:hidden; position:relative; height:48px; background-color: #fff; border-bottom: 1px solid #ddd;} /* background:#fff url("../../images/common/bg_gnb_line.png") repeat-x 0 100%; background-size:1px */
.gnb_menu ul { overflow-y:hidden; overflow-x:auto; height:55px; padding:0 8px 8px; margin-bottom: -8px; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; white-space:nowrap}
.gnb_menu ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.gnb_menu ul li {display:inline-block}
.gnb_menu ul li a {position:relative; display:block; height:47px; padding:2px 8px 0; color:#333; font-size:16px; font-weight: normal; text-align:center; line-height:45px}
.gnb_menu ul li:first-child a { padding-left:12px;}
/* .gnb_menu ul li:first-child a {margin-left:0} */
.gnb_menu ul li + li a { margin-left:2px; }
.gnb_menu ul li a.issue-tab { color: #12c2ff; }
.gnb_menu ul li a.on { font-weight:bold; }
.gnb_menu ul li a.on:before {display:block; content:' '; position:absolute; top:6px; left:50%; bottom:0; margin-left: -2.5px; width:5px; height:5px; background:#333; border-radius:50%; z-index:10}
.gnb_menu ul li:first-child a.on:before { margin-left: 0; }
.gnb_menu ul li a.issue-tab.on:before { background:#12c2ff; }
.gnb_menu ul li a.updated:after {display:block; content:' '; position:absolute; top:10px; right:0; width:5px; height:5px; background:#12c2ff; border-radius:50%; z-index:11}
.gnb_menu.fixed {position:fixed; top:0; left:0; width:100%; z-index:30}

.search_form .wrap {position: relative;height: 40px;padding: 9px 50px 10px 19px;background: #f3f3f3;}
body:not(.isModal) .search_form .wrap input {width: 100%;height: 100%;padding-top: 0;border: 0;font-size: 14px;line-height: 24px;color: #999;background: #f3f3f3;}ap_footer .footer_menu > a {display:inline-block; padding:0 23px; font-weight:bold; color:#000;}
.ap_footer .footer_menu > a:first-child {border-left:0}
.ap_footer .btn_company {position:relative; margin:20px 40px 0 40px ; border:1px solid #dbdbde; font-size:11px;}
.ap_footer .btn_company a {display:block; height:30px; padding:9px 50px; color:#b1b1b1}
.ap_footer .btn_company a:after {content:''; display: inline-block; width:9px; height:5px; margin:2px 0 0 5px; background:url(../images/common/ico_f_arrow01.png) no-repeat 0 0; background-size:9px 10px;}
.ap_footer .btn_company a.on:after {background-position: 0 -5px;}
.ap_footer .company_info {display: block; margin-bottom: 0px;}
.ap_footer .text {margin-top:15px; line-height:18px}
.ap_footer .text.off_txt {margin-top:20px; line-height:16px}
.ap_footer .text.off_txt .txt_tit01 {color:#888; font-weight:normal}
.ap_footer .text.phone_num a{color:#000}
.ap_footer .f_safe_lg {margin-top:5px}
.ap_footer .f_safe_lg a {color:#010101;}
.ap_footer .links {margin-top:20px;border:1px solid #666;border-width:1px 0 1px 0;text-align:center;}
.ap_footer .links li {display:inline-block;width:32%;}
.ap_footer .links li a {display:inline-block; color:#000; padding:8px 0}
.ap_footer .copyright {margin-top:10px;text-align:center;}
.ap_footer .real_time_cs {margin-top:9px}
.ap_footer .real_time_cs a {color:#000; text-decoration:underline}
.f_mail {color:#666;}
.b_num {color:#b1b1b1 !important}
.ap_footer .text2 {font-size:10px;line-height:17px;}
.ap_footer .text2.line {margin-top: 0px;padding-top: 0px;border-top: 0px;}
.ap_footer .link {margin-left:10px;}
.ap_footer .link span {font-weight:bold;}
.ap_footer .txt_tit01 {font-weight:normal;}

.ap_footer { padding:7px 20px 38px 20px; background:#333; letter-spacing:-0.03em; } /* padding:36px 4% 38px 4%; */
.ap_footer * { font-family: 'Arita dotum'; }
.ap_footer .footer_menu { padding:0; border-bottom: 1px solid rgba(102, 102, 102, 0.5); font-size: 0; }
.ap_footer .footer_menu > a {display:inline-block; width: 33.33333333%; padding: 12px 0 21px; color:#f3f3f3; font-size:12px; font-weight: bold; text-align: center; }
.ap_footer .company_info { padding: 0px 0 0px; }
.ap_footer .company-info-block + .company-info-block { margin-top: 20px; padding-top: 21px; border-top: 1px solid rgba(102, 102, 102, 0.5); }
.ap_footer .text { font-size: 10px; color: #999; line-height:13px;}
.ap_footer .text a { font-size: 10px; color: #999; }
.ap_footer .text + .text { margin-top: 14px; }
.ap_footer .company_info .foot-anchor { margin-left: 10px; font-weight: bold; color: #fff; }
.ap_footer .company_info .foot-anchor span { text-decoration: none; }
.ap_footer .links {display: flex; width: 100%; border: solid rgba(102, 102, 102, 0.5); border-width: 1px 0; font-size: 0; }
.ap_footer .links li {display:inline-block; flex: 1; width: 33.33333333%;}
.ap_footer .links li a {display:block; color:#000; padding:10px 0; text-align: center; font-size:10px; color: #f3f3f3}
.ap_footer .copyright {margin-top:10px; font-size:10px; color: #999; text-align: center;}

/* 멤버쉽 약관 CSS 시작 */
.ap_terms * { font-family: 'Arita dotum'; }
.ap_terms .section{padding:30px 20px; color: #333}
.ap_terms .h_title.d2{padding: 0; font-size: 16px; line-height: 20px; text-align: center}
.ap_terms .h_title.d2 + .dl_cont{margin-top: 30px;}
.ap_terms .dl_cont > dt.h_title.d3{padding: 0; font-size: 14px; line-height: 1; text-align: left}
.ap_terms .dl_cont + .dl_cont{margin-top: 25px; padding-top: 30px; border-top: 1px solid #ddd}
.ap_terms .text,
.ap_terms .policy_list{padding: 11px 0 0 0; font-size: 14px; line-height: 22px}
.ap_terms .policy_list li + li{padding: 19px 0 0 0}
.ap_terms .divide{height: 1px; background: #ddd; margin: 25px 0 27px}

.layer_popup.fullpage {position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 100;}
.layer_popup.fullpage .layer_wrap {width: 100%;height: 100%;overflow: hidden;background: #fff;}
.layer_popup.fullpage .layer_wrap .layer {height: 100%;}
.layer_popup.fullpage .layer_title {width: 100%;height: 61px;line-height: 61px;text-align: center;border-bottom: 1px solid #ddd;background-color: #fff;font-size: 16px;font-weight: bold;color: #333;position: fixed;top: 0;left: 0;z-index: 100;}

.layer_popup.fullpage .layer_close {position: fixed;top: 0;right: 0;z-index: 100;width: 60px;height: 60px;padding: 0;font-size: 30px;line-height: 30px;color: #333;}

/* .layer_popup.fullpage:not(.btn_y) .layer_cont {padding-bottom: 0;} */
.layer_popup.fullpage .layer_cont {width: 100%;height: 100%;padding-top: 61px;overflow-y: scroll;-webkit-overflow-scrolling: touch;}

.layer_popup.fullpage .section {margin-top: 0;border-top: 0;}
.ap_terms .section {padding: 30px 20px;color: #333;}
.section {position: relative;background: #fff;}
.ap_terms .dl_cont > dt.h_title.d3 {padding: 0;font-size: 14px;line-height: 1;text-align: left;}
.ap_terms .text, .ap_terms .policy_list {padding: 11px 0 0 0;font-size: 14px;line-height: 22px;}

/* 멤버쉽 약관 CSS 종료 */