/* 240313 10:12*/
/* @import url("../font/font.css"); */

html,body{
  width:100%; height:100%;
}
#ios_wrap{
  position:fixed;
  width:100%;height:100%;
  overflow:auto;
}

html {

      /* Prevent font scaling in landscape 모바일 웹 폰트 크기 자동조정 문제 (text-size-adjust) */

     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/

     -moz-text-size-adjust: none; /*Firefox*/

     -ms-text-size-adjust: none;  /*Ie*/

     -o-text-size-adjust: none; /*old versions of Opera*/

}

/* appLoginPopup */


  @import url('//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
.appLoginPopupWrap{display:block; position:fixed; background-color:rgba(0, 0, 0, .6); width:100%; height:100%;z-index: 1000}
#appLoginPopup .NanumSquareRound{font-family: 'NanumSquareRound';}
#appLoginPopup{width:260px; height:338px; border-radius:20px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; padding:15px; background-color:#fff; z-index: 1002}
#appLoginPopup .coupon_wrap{width:166px; height:108px; margin-left:-9px}
#appLoginPopup .coupon_wrap img{width:100%}

#appLoginPopup h4{font-size:18px; color:#222; padding: 0 0 20px 0; font-family: 'Pretendard-Medium', sans-serif;}
#appLoginPopup h4 strong{font-family: 'Pretendard-Bold', sans-serif}
#appLoginPopup .btn_showApp{display:inline-block;width:180px; height:40px; line-height:40px; border-radius:50px; background-color:#2c2c2c; color:#fff; font-size:14px}
#appLoginPopup .popup_close {display: block; margin-top: 35px}
#appLoginPopup > p{color: #666;
text-align: center;
font-family: 'Pretendard-Regular';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:20px auto 15px}


.banner {position:relative; z-index:2}

.tab_best {padding:10px; background-color:#f9f9f9}
.tab_best.shipping {padding:20px 0 0 0; background-color:#fff}
.tab_best ul {display:flex}
.tab_best ul li {width:50%;}
.tab_best ul li a,
.tab_best ul li .radio_click label {height:42px; font-size:14px; display:flex; justify-content:center; align-items:center; background-color:#fff; border:1px solid #eee; border-left:0}
.tab_best ul li .radio_click label {font-size:13px}
.tab_best ul li:first-child a,
.tab_best ul li:first-child .radio_click label{border-left:1px solid #eee; border-top-left-radius:4px; border-bottom-left-radius:4px}
.tab_best ul li:last-child a,
.tab_best ul li:last-child .radio_click label {border-top-right-radius:4px; border-bottom-right-radius:4px}
.tab_best ul li.active a {color:#fff; background-color:#ED1C24; border:0}
.tab_best + .category_tab {border-top:0}
.radio_click {width:100%}
.radio_click input[type='radio']:checked + label {color:#fff; background-color:#333; border-color:#666}
.address-option-box.check_area{padding-top:0; padding-left:0}

.search_area {padding:10px; background-color:#f9f9f9}
.search_area .gnb_search {margin:0}
.search_area .gnb_search input[type="text"] {border-color:#eee}
.search_area .gnb_search .bt_search {background:url('/assets/mobile/images/common/icon/icon_sech_off.svg') center center no-repeat; background-size:30px}
.tab_best + .search_area {padding-top:0}

.tab_category {position:relative; padding:0 10px; border-top:6px solid #F9F9F9; background-color:#fff; z-index:10}
.tab_category:after {position:absolute; top:100%; left:0; width:100%; height:1px; background-color:#eee; display:block; content:''; z-index:1}
.tab_category li {padding:0 12px}
.tab_category li a {padding:13px 0; line-height:20px; display:block}
.tab_category li.active a {font-weight:500}
.tab_category .btn_all {position:absolute; top:0; right:0; z-index:10}
.tab_category .btn_all:after {position:absolute; top:0; right:50%; width:45px; height:46px; margin-right:1px; display:block; background:radial-gradient(rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%); content:''}
.tab_category .bt_all {position:relative; border-left:1px solid #eee; z-index:1}
.tab_category .bt_all.up {transform:rotate(180deg)}

.check_area {padding:15px 10px}
.check_area .check_box > label:before {margin-top:0}
.check_list.cols li {margin-left:40px; display:inline-block}
.check_list.cols li:first-child {margin-left:0}
.check_list.cols li .check_box > label:before {margin-top:0}

.category_clone {position:absolute; width:100%; height:auto; background-color:#fff; overflow-x:hidden; overflow-y:auto; z-index:10; display:none}
.category_clone.show {display:block}
.category_clone ul {display:flex; flex-wrap:wrap}
.category_clone li {position:relative; width:calc(100% / 3); font-size:12px; line-height:16px; border-top:1px solid #eee}
.category_clone li:before {position:absolute; left:100%; width:1px; height:100%; margin-left:-1px; background-color:#eee; display:block; content:''}
.category_clone li:after {position:absolute; top:-1px; left:100%; width:100%; height:1px; background-color:#eee; display:block; content:''}
.category_clone li a {min-height:42px; padding:4px; text-align:center; display:flex; justify-content:center; align-items:center}

.sorting_area .item_sort {display:flex}
form + .sorting_area,
.btn_area + .sorting_area {margin-top:30px}
form + .sorting_area:before,
.btn_area + .sorting_area:before {position:absolute; top:-6px; left:0; width:100%; height:1px; border-top:1px solid #eee; display:block; content:''}
.sort_viewer {width:100%; max-width:160px; height:100%}
.sort_viewer,
.sort_viewer:focus {border:0; border-left:1px solid #eee}
.item_allNum {padding:0 10px; font-size:15px; color:#666; display:flex; justify-self:flex-start; align-items:center}
.item_allNum strong {color:#ED1C24; font-weight:400}
.list_menu {width:68.5%; display:flex; justify-self:flex-end}
.list_menu li {border-left:1px solid #eee}
.list_menu li.select_area {width:80%; text-align:right; border-left:0}
.list_menu li.select_area select {height:45px; font-size:15px; vertical-align:middle}
.list_menu li a {vertical-align:middle}
.photo_review {padding:0 10px; font-size:13px; color:#999}
.photo_review .check_box input[type='checkbox'] + label:before {width:16px; height:11px; margin-right:8px; border:0; background:url('/assets/mobile/images/common/icon/check_photo_off.png') no-repeat; background-size:100% auto}
.photo_review .check_box input[type='checkbox']:checked + label {color:#111}
.photo_review .check_box input[type='checkbox']:checked + label:before {background:url('/assets/mobile/images/common/icon/check_photo_on.png') no-repeat; background-size:100% auto}

* {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
*::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

/* form */
/* form{margin:30px auto 0} */
.input_wrap{display:inline-block; height:44px; line-height:44px;border:1px solid #D9D9D9; border-radius:5px; overflow:hidden}
.input_wrap input{height:100%; width:100%; border:0; vertical-align: top}
form .form_write li label.input_wrap{width:100%; height:44px;  overflow:hidden; display:inline-block; vertical-align: top}
form .form_write li label.input_wrap input{padding-right:30px}
form input[type="checkbox"]{border-radius:18px; width:18px; height:18px; top:3px; border:0}
form input[type="text"],
form input[type="password"]{width:100%; border:0; font-size:14px; color:#000}
form input::placeholder{color:#000; font-weight:bold}
form .form_write li label.input_wrap.focused{border-color:red}


/* .plan_list li:after {width:100%; height:6px; background-color:#f9f9f9; display:block; content:''} */
.plan_list li a {display:block}
.plan_list li a img {max-width:750px; margin:0 auto; display:block; width:100%; height:100%;}
.plan_list li a img.new{display:none}
.time_sale {margin-top:20px}

/* .member_ship {}
.member_ship._0 {color:#FF4D4D}
.member_ship._1 {color:#C19C6C}
.member_ship._2 {color:#7E7E7E}
.member_ship._3 {color:#6C80C1} */
.table_base .member_ship {font-size:14px; font-weight:700; text-align:center; display:inline-block}
.table_base .member_ship:before {width:34px; height:34px; margin:0 auto 3px auto; font-size:15px; color:#fff; line-height:34px; font-weight:700; border-radius:17px; display:block}
.table_base .member_ship._0:before {background-color:#FF4D4D; content:'V'}
.table_base .member_ship._1:before {background-color:#C19C6C; content:'G'}
.table_base .member_ship._2:before {background-color:#7E7E7E; content:'S'}
.table_base .member_ship._3:before {background-color:#6C80C1; content:'M'}
.table_base {width:100%}
.table_base th,
.table_base td {font-size:14px; text-align:center}
.table_base th {padding:14px 0; font-weight:400; background-color:#f8f8f8}
.table_base td {padding:25px 5px; color:#666; border-bottom:1px solid #eee}
.table_base td b {color:#111}
.box_wrapper .table_base tr:last-child td {border-bottom:0}

.special_benefit ol {padding:0 20px 30px 20px}
.special_benefit:last-child ol {padding-bottom:0}
.special_benefit li {position:relative; min-height:70px; margin-top:25px; padding-left:100px; display:flex; align-items:center}
.special_benefit li:first-child {margin-top:10px}
.special_benefit li:before {position:absolute; top:50%; left:0; width:70px; height:70px; margin-top:-35px; display:block; content:''}
.special_benefit li.bf_0:before {background:url('/assets/mobile/images/common/icon/benefit_0.png') no-repeat; background-size:100% auto}
.special_benefit li.bf_1:before {background:url('/assets/mobile/images/common/icon/benefit_1.png') no-repeat; background-size:100% auto}
.special_benefit li.bf_2:before {background:url('/assets/mobile/images/common/icon/benefit_2.png') no-repeat; background-size:100% auto}
.special_benefit li.bf_3:before {background:url('/assets/mobile/images/common/icon/benefit_3.png') no-repeat; background-size:100% auto}
.special_benefit li.bf_4:before {background:url('/assets/mobile/images/common/icon/benefit_4.png') no-repeat; background-size:100% auto}
.special_benefit li.bf_5:before {background:url('/assets/mobile/images/common/icon/benefit_5.png') no-repeat; background-size:100% auto}
.special_benefit li.bf_6:before {background:url('/assets/mobile/images/common/icon/benefit_6.png') no-repeat; background-size:100% auto}
.special_benefit .bf_cont h4 {margin-bottom:7px; font-size:15px}
.special_benefit .bf_cont p {font-size:14px; color:#666; line-height:18px}

.b_list {width:100%}
.b_list .item_name {margin-top:12px; font-size:13px; color:#666}
.b_list .item_name a {color:#666}
.ls_box {padding:20px 10px; border-bottom:1px solid #eee}
.ls_box.show {padding-bottom:0}
.ls_box .ls_info {margin-bottom:10px; display:flex}
.ls_box .ls_info li {position:relative; padding:0 12px; font-size:13px;  color:#666}
.ls_box .ls_info li:before {position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#bbb; display:inline-block; content:''}
.ls_box .ls_info li:first-child {padding-left:0}
.ls_box .ls_info li:first-child:before {display:none}
.ls_box .ls_info li.user_rate {line-height:12px}
.ls_box .ls_info li.user_rate .star {vertical-align:middle}
.ls_box .ls_info li.user_rate .star .graph {margin-right:0}
.ls_box .ls_info li.process {font-size:14px; color:#111; font-weight:500; }
.ls_box .ls_info .star .score {display:none}
.ls_box h3 {font-size:14px; display:flex; justify-content:space-between; align-items:center}
.ls_box h3 .kind,
.ls_box h3 .count {margin-right:15px; white-space:nowrap; display:block}
.ls_box h3 .kind {line-height:18px}
.ls_box h3 a {width:100%; margin-right:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block}
.ls_box .ls_cont .cont {margin:20px 0; font-size:14px; word-break:break-all}
.ls_box .ls_cont dl.cont {margin-bottom:0}
.ls_box .ls_cont .cont img {margin-bottom:20px}
.ls_box .ls_cont .cont dt {margin-top:20px; font-size:13px; font-weight:500}
.ls_box .ls_cont .cont dd {margin-top:8px; line-height:20px}
.ls_box .ls_cont .cont dt:first-child {margin-top:0}
.ls_box .reply_cont {padding-top:20px; font-size:14px; line-height:21px}
.type_drop .ls_box h3:after {min-width:12px; height:6px; background:url('/assets/mobile/images/common/icon/unfold_arr.png') no-repeat; background-size:100% auto; display:flex; content:''}
.type_drop .ls_box .ls_cont {height:0; overflow:hidden; transition:all .4s ease}
.type_drop .ls_box.show h3:after {transform:rotate(180deg)}
.type_drop .ls_box.show .ls_cont {height:auto}
.faq .ls_cont,
.qna .ls_cont {width:calc(100% + 20px); margin-left:-10px}
.faq .ls_cont .cont,
.qna .ls_cont .cont {margin-bottom:0; padding:20px; border-top:1px solid #eee; background-color:#f9f9f9}
.item_list .ls_box {min-width:0; padding:0; border-bottom:0}
.item_list .ls_box li {border-top:0}
.faq .kind {font-weight:500; line-height:15px}
.faq .kind:before {margin-right:10px; font-size:16px; display:inline-block; content:'Q'}
.faq .ls_box h3 {align-items: flex-start}
.faq .ls_box h3 a {line-height:20px; white-space:inherit; overflow:visible}
.faq.type_drop .ls_box h3:after {display:flex; align-self:center}
.faq .ls_cont .cont {position:relative; padding-left:45px}
.faq .ls_cont .cont:before {position:absolute; top:20px; left:20px; font-size:16px; font-weight:500; display:block; content:'A'}

.b_webzine {}
.b_webzine dl:after {width:100%; height:6px; background-color:#f9f9f9; border-top:1px solid #eee; display:block; content:''}
.b_webzine dt {position:relative}
.b_webzine dt a {display:block;position:relative}
.b_webzine dt a img {max-height:100%}
.b_webzine dt .label{position:absolute;bottom:0;left:0;min-width:118px;height:30px;background:#000;color:#fff;font-size:12px;font-weight:300;text-align:center;line-height:30px;padding:0 10px}
.b_webzine dd {padding:20px 0; text-align:center}
.b_webzine dd .subject {padding:0 50px; font-size:18px; font-weight:500}
.b_webzine dd .subject .sub_tit {margin-bottom:5px; font-size:11px; font-weight:300; line-height:14px; display:block}
.b_webzine dd .subject a {width:100%; line-height:22px; display:block}
.b_webzine dd .date {margin-top:10px; font-size:10px; color:#666; line-height:10px}
.b_webzine dl.end dt:before {position:absolute; top:10px; left:10px; width:44px; height:44px; color:#fff; background-color:#ED1C24; border-radius:22px; display:flex; justify-content:center; align-items:center; z-index:1; content:'종료'}
.b_webzine dl.end dt a,
.b_webzine dl.end dd a {pointer-events:none}

.b_view .score_area {padding:25px 0}
.b_view .score_area .score {display:none}
.b_view .title_view {padding:20px 10px; border-bottom:1px solid #eee}
.b_view .title_view .tit_etc {position:absolute; top:18px; right:10px; z-index:1}
.b_view .title_view .date {margin-bottom:8px; font-size:13px; color:#666; }
.b_view .title_view h3 {font-size:15px; display:flex}
.b_view .title_view h3 .kind {margin-right:15px; white-space:nowrap; display:inline-block}
.b_view .view_cont {padding:20px 10px; font-size:14px; line-height:20px}
.b_view .view_cont img {max-width:100%; margin:20px auto; display:block}
.b_view .view_cont img:first-child {margin-top:0}
.b_view .view_cont img:last-child {margin-bottom:0}
.b_view .score_area + .view_cont {padding-top:0}
.image_max .view_cont {padding:0}
.image_max + .btn_area {margin-top:20px}
.view_qna {padding:10px 0 0 0}
.view_qna dl {padding:10px; font-size:14px}
.view_qna dt {margin-bottom:4px; font-size:13px; font-weight:500}
.view_qna dd {line-height:20px; word-break:break-all}
.view_qna dl:last-child {padding-bottom:20px; border-bottom:1px solid #eee}
.view_qna dl.answer {margin-top:10px; padding:20px; background-color:#f9f9f9; border-top:1px solid #eee; border-bottom:1px solid #eee}
.view_qna dl.answer dt {font-size:13px}
.btn_share {font-size:13px; line-height:24px; display:inline-block}
.btn_share:before {width:24px; height:24px; margin:-2px 4px 0 0; vertical-align:middle; background:url('/assets/mobile/images/common/ico_share2.png') no-repeat; background-size:100% auto; display:inline-block; content:''}

.search_condition {position:fixed; top:0; left:100%; width:100%; height:100%; opacity:0; z-index:200; transition:all .4s ease}
.condition_select {position:absolute; top:0; right:0; width:77.3%; height:100%; padding:13px 0 76px 0; background-color:#fff; overflow:auto; z-index:101}
.condition_select h3 {padding:25px 10px 10px; font-size:17px}
.condition_select dl {margin-top:-1px; padding-left:1px; border-top:1px solid #eee}
.condition_select dt {padding:11px 10px; font-size:13px; line-height:22px; border-bottom:1px solid #eee; opacity:0; display:flex; justify-content:space-between; align-items:center; transform:translateX(20%); transition:all .2s ease}
.condition_select dt:after {width:11px; height:5px; background:url('/assets/mobile/images/common/icon/select_arr.png') center center no-repeat; background-size:100% auto; display:inline-block; content:''}
.condition_select dd {font-size:13px; background-color:#F9F9F9; display:none}
.condition_select dd.show {display:block}
.condition_select dd .check_box {display:block}
.condition_select dd label {position:relative; width:100%; padding:5px 15px; font-size:14px; word-break:keep-all; display:flex; align-items:center}
.condition_select dd .check:checked + label {}
.condition_select .btn_area {position:fixed; right:-100%; bottom:0; width:77.3%; padding:13px 10px; background-color:#fff; display:flex; z-index:1; transition:all .6s ease}

.condition_select .cd_box.price {font-weight:400}
.condition_select .cd_box.research input {padding-right:45px; background:#fff url('/assets/mobile/images/common/search_b.png') calc(100% - 10px) center no-repeat; background-size:24px auto}

.search_condition.show {left:0; opacity:1}
.search_condition .condition_select dd .cd_select {opacity:0; transform:translateX(40%); transition:opacity, transform .2s ease; transition-delay: .4s}
.search_condition.show .condition_select dd.show .cd_select {opacity:1; transform:translateX(0);}

.price_area {font-size:13px; display:flex; align-items:center}
.price_area .hyphen {width:26px; text-align:center}
.price_area input[type="text"] {width:calc((100% - 26px)/2); padding-right:34px}
.price_area .won {width:25px; text-align:center; margin-top:10px; display:inline-block; vertical-align: top}
.item_information form .order_box .price_area .text-gray del{vertical-align: bottom}
.condition_select h3 + dl {border-top:0}
.cd_select {padding:15px 0}
.cd_box .cd_select {padding:10px}
.cd_box.research dd input[type="text"]{width:100%}

.search_condition.show .condition_select dt {transform:translateX(0); opacity:1}
.search_condition .condition_select dl:nth-child(1) dt {transition-delay:.2s}
.search_condition .condition_select dl:nth-child(2) dt {transition-delay:.3s}
.search_condition .condition_select dl:nth-child(3) dt {transition-delay:.35s}
.search_condition .condition_select dl:nth-child(4) dt {transition-delay:.4s}
.search_condition .condition_select dl:nth-child(5) dt {transition-delay:.45s}
.search_condition .condition_select dl:nth-child(6) dt {transition-delay:.5s}
.search_condition.show .btn_area {right:0}



/* list */
.condition_select{border-top:1px solid #1f1f1f; padding-top:20px;}
.search_condition{margin-bottom:60px}
.search_condition .condition_select dl{border-bottom:1px solid #ebebeb; padding-bottom:20px; margin-bottom:20px; width:100%; margin-left:0}
.search_condition .condition_select dl dt{  font-family: 'Pretendard-Regular'; font-size: 18px; display: inline-block; margin-bottom:15px}
.search_condition .condition_select dl dd .checkbox_wrap{position: relative; font-size: 16px; margin-right: 15px; margin-bottom: 10px; width:145px;}
.search_condition .condition_select dl dd .checkbox_wrap span{vertical-align: top}
.search_condition .condition_select dl:nth-child(2) .checkbox_wrap{width:80px}
.cd_box.price label.input_wrap{display:inline-block; position:relative;}
.cd_box.price em{display:inline-block; margin:0 5px; font-size:16px; font-family: 'Pretendard-Regular';}
.cd_box.price label.input_wrap b{display:inline-block; position:absolute; right:8px; top:11px}
.cd_box.research .input_wrap{width:50%}
.search_condition .btn_area .btn{width:200px; height:50px; border:1px solid #333; color:#333; vertical-align: top;line-height:50px; font-size:16px;font-family: 'Pretendard-Medium'; font-weight:normal}
.search_condition .btn_area .btn:nth-child(1){color:#333}
.item_table .sorting_area{width:100%; margin:0 auto 10px}
.item_table .sorting_area .item_sort .select-box:nth-child(2){display:none}

#item_bullslist form{margin:0}
.sorting_area .item_allNum{display:inline-block; line-height:36px;}
.item_sort{display:inline-block; float:right; text-align:right}
.item_sort .select-box{width:auto; height:32px; line-height:32px; margin-left:10px; display:inline-block; position:relative;}
.item_sort .select-box:nth-child(1){margin-left:0}
.item_sort .select-box select{width:100%; height:100%; border:0; padding-left:0;}
#item_bullslist .sorting_area .item_sort {
    display: inline-block;
    width: 100%;
    float: none;
    text-align: left;
}



.select-box select{background-image:none}
.item_sort .select-box:after{position:absolute; top:0; right:5px; bottom:0; margin:auto; display:block; content:''; background:none; width: 8px; height: 8px; border:2px solid #1f1f1f;  border-top-width: 0;  border-left-width: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition:all 500ms}
.item_sort .select-box:focus:after{transform:rotate(-135deg); margin-top:16px}
.item_table .item_list{padding-top:30px;}
.item_table .item_box{width:calc(25% - 39px); margin-right:50px; float:left; margin-bottom:90px; height:auto}
.item_table .item_box:nth-child(4n){margin-right:0}
.item_table .item_box .subject{margin:0}

.item_table .item_box .sticker{background:transparent;  width:auto; height:30px; line-height:30px; background-color:#F52828; color:#fff; border-radius:0 0 10px 0}
.item_table .item_box .sticker .icon_rmd{width:100%; height:100%; font-size:12px; border:0;border-radius:10px 0 10px 0; padding:0 8px}


/* categogy, product list */
.sorting_area:after{display:block; content:''; clear:both}
.sorting_area .selected_option{display:inline-block; max-width:70%}
.sorting_area .selected_option ul li{height:28px; line-height:28px; border-radius:5px; background-color:#F8F8F8; padding:0 10px; margin-right:5px; display:inline-block; margin-bottom:5px;}
.sorting_area .selected_option ul li .del{display:inline-block; width:8px; height:8px; vertical-align: top; margin:10px 0 0 5px; opacity: .6}
.item_sort .select-wrap .ui-selectmenu-button.ui-button{width:auto; padding:0 8px}
.item_sort .select-wrap > span > span{line-height:34px}
.item_sort .select-wrap .ui-button .ui-icon{transform: scale(.7) rotate(45deg); margin-top: 9px;}
.list_thumb{width:80px; height:32px; border-radius:5px;display: inline-block; float: right; margin-left: 15px;}
.list_thumb ul{height:100%}
.list_thumb ul li{float:left; width:16px; height:100%; display:inline-block; text-indent:-9999px;  background-color:#f8f8f8;  font-size:0; color:transparent; width:50%; text-align:center; padding:4px; cursor:pointer }
.list_thumb ul li:nth-child(1){background-image:url('/assets/front/images/common/icon/icon_list_off.svg'); background-repeat:no-repeat; background-position:center; background-size:16px 12px; margin-right:5px}
.list_thumb ul li:nth-child(2){background-image:url('/assets/front/images/common/icon/icon_thum_off.svg'); background-repeat:no-repeat; background-position:center; background-size:14px 14px}
/* .list_thumb ul li.on:nth-child(1){background-image:url('/assets/front/images/common/icon/icon_list_on.svg'); background-repeat:no-repeat; background-position:center; background-size:16px 12px} */
/* .list_thumb ul li.on:nth-child(2){background-image:url('/assets/front/images/common/icon/icon_thum_on.svg'); background-repeat:no-repeat; background-position:center; background-size:14px 14px} */


.new_item {width:100%; padding:10px; background-color:#F9F9F9; overflow:hidden}
.new_item .item_list {margin-top:0; padding:0; flex-wrap:nowrap}
.new_item .item_list._webzine .item_box {width:88%; margin-bottom:0; background-color:#fff}
.new_item .item_list._webzine .item_box .thumbs {width:42vw; padding:1.5vw}
.new_item .item_list._webzine .item_box .thumbs a {width:100%; height:39vw}
.new_item .item_list._webzine .item_box .thumbs img {vertical-align:middle}
.new_item .item_list._webzine .item_box .item_info {width:52%}

.best_item .item_box:first-child {width:100%}
.best_item .item_box:first-child .thumbs {padding:0 10.1vw}
.best_item .item_box:nth-child(1) .rank,
.best_item .item_box:nth-child(2) .rank,
.best_item .item_box:nth-child(3) .rank,
.best_item .item_box:nth-child(4) .rank,
.best_item .item_box:nth-child(5) .rank {font-size:20px; color:#ED1C24}
.best_item .item_box:nth-child(1) .rank u,
.best_item .item_box:nth-child(2) .rank u,
.best_item .item_box:nth-child(3) .rank u,
.best_item .item_box:nth-child(4) .rank u,
.best_item .item_box:nth-child(5) .rank u {border-bottom:2px solid #ED1C24}

.sub_header{padding-top:20px}
/* detail */
.item_thumbnail {position:relative}
.item_thumbnail .paging {position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:1}
.item_information:after {width:100%; height:6px; border-top:1px solid #eee; background-color:#f9f9f9; display:block; content:''}
.item_information .item_info {padding:15px 10px}
.item_information .item_info h3.subject {font-size:16px}
.item_information .item_info .price_area {position:relative; margin-top:12px}
.item_information .item_info .price_area dt {width:0; height:0; overflow:hidden; visibility:hidden}
.item_information .item_info .price_area dd.sale {font-size:12px; color:#ED1C24}
.item_information .item_info .price_area dd.sale b {font-size:24px; font-weight:500}
.item_information .item_info .price_area dd.price {margin-left:9px; font-size:24px; color:#ED1C24}
.item_information .item_info .price_area dt + dd.price {margin-left:0}
.item_information .item_info .price_area dd.price del {margin-right:3px}
.item_information .item_info .price_area dd.icon_routine {margin-left:12px}
.item_information .item_info .price_area dt + dd.icon_routine {margin-left:0}
.item_information .item_info .icon_area {margin-top:15px}

#item_pddetail .item_information .payment_info.info_ {position:relative; padding-bottom:0}
.item_information .payment_info h4,
.item_information .delivery_info h4{margin-bottom:10px}
/* .item_information .payment_info:before {width:100%; height:6px; border-top:1px solid #eee; background-color:#f9f9f9; display:block; content:''} */
.item_information .payment_info dl {margin-top:15px; padding:0 10px; display:flex; align-items:flex-start}
.item_information .payment_info dt {width:130px}
.item_information .payment_info dd {width:calc(100% - 130px); word-break:keep-all}
.item_information .payment_info dt,
.item_information .payment_info dd {display:flex; align-items:center}
.item_information .payment_info dd .point .icon_point{margin-left:0}

.item_information .act_user {width:100%; border-top:1px solid #eee; display:flex}
.item_information .act_user li {position:relative; flex:1}
.item_information .act_user li:before {position:absolute; top:50%; width:1px; height:18px; margin-top:-9px; background-color:#eee; display:inline-block; content:''}
.item_information .act_user li:first-child:before {display:none}
.item_information .act_user li a {height:43px; display:flex; justify-content:center; align-items:center}
.item_information .act_user li a:before {width:21px; height:19px; margin-right:5px; display:inline-block; content:''}
.item_information .act_user li a.bt_like:before {background:url('/assets/mobile/images/common/ico_like.png') no-repeat; background-size:100% auto}
.item_information .act_user li a.bt_like.on:before {background:url('/assets/mobile/images/common/ico_like_on.png') no-repeat; background-size:100% auto}
.item_information .act_user li a.bt_share:before {background:url('/assets/mobile/images/common/ico_share.png') no-repeat; background-size:100% auto}

.item_view {position:relative; padding-top:52px}

.detail_tab {position:absolute; top:0; left:0; width:100%; background-color:#fff; display:flex; z-index:10}
.detail_tab:after {position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#eee; display:block; content:''}
.detail_tab li {height:52px; flex:1}
.detail_tab li a {width:100%; height:100%; padding:0 10px; text-align:center; word-break:keep-all; line-height:17px; display:flex; flex-direction:column; justify-content:center; align-items:center}
.detail_tab li a .num {margin-top:1px; font-size:11px; color:#999;}
.detail_tab li.on {position:relative; z-index:1}
.detail_tab li.on:after {position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#ED1C24; display:block; content:''}

.detail_content .btn_contact {position:relative; padding:15px 10px 21px 10px}
.detail_content .btn_contact:after {position:absolute; bottom:0; left:0; width:100%; height:6px; background-color:#f9f9f9; border-top:1px solid #eee; display:block; content:''}
.detail_content .btn_contact .bt_base {border:1px solid #ccc}

.detail_endContent {margin-top:40px; padding:0 10px}
.detail_endContent h3 {font-size:17px}
.detail_endContent .item_list {padding:0; flex-wrap:nowrap; align-items:center}
.detail_endContent .item_box {width:34.6vw; margin-bottom:0; padding:0; margin-right:0}
.detail_endContent .paging {width:44px; height:44px; margin:0 15px 0 25px; padding:0}
.detail_endContent .paging .bt_more {height:auto; font-size:12px; border:0; display:flex; flex-direction:column}
.detail_endContent .paging .bt_more:before {width:44px; height:44px; margin-bottom:8px; background:url('/assets/mobile/images/common/prev_btn.png') center center no-repeat; background-size:22px 18px; border:1px solid #eee; border-radius:22px; display:block; content:''; transform:rotate(180deg)}
.detail_endContent .paging .bt_more:after {display:none}
.detail_endContent .item_box .thumbs a {height:34.6vw}
.detail_endContent .item_box .subject{height:37px}

.list_setInfo {width:100%; border-top:1px solid #eee; border-collapse:collapse}
.list_setInfo th,
.list_setInfo td {padding:7px 10px; font-size:13px; line-height:19px; text-align:left; vertical-align:top}
.list_setInfo th {width:150px; color:#999; font-weight:400}
.product_info {padding:10px 0; }
.product_info .title_content {border-width:1px}
.product_info .title_content h2{padding-left:20px}
.product_info .list_setInfo {border-top:0}

.score_area {position:relative; padding:25px 0 55px 0; text-align:center}
.score_area h4 {position:absolute; bottom:25px; width:100%}

.fixed_payment {position:fixed; bottom:0; left:0; width:100%; padding-top:19px; max-height:calc(100% - 114px); overflow:auto; z-index:99;background-color: #fff; border-radius: 15px 15px 0 0; box-shadow: 0 -15px 8px rgb(0 0 0 / 8%)}
.fixed_payment .order_box{border-top:0}
.fixed_payment .bt_payment {position:absolute; top:12px; left:0; right:0; width:33px; height:8px; margin:0 auto; background:url('/assets/mobile/images/common/btn_m_up.svg') no-repeat; background-size:100% auto; text-indent:-1000em; overflow:hidden; display:none !important; z-index:1}
/* .fixed_payment .bt_payment.down {background:url('/assets/mobile/images/common/btn_m_down.svg') no-repeat; background-size:100% auto; display:block !important;} */
.fixed_payment .bt_payment.down {width:40px; height:4px; background-color:#d9d9d9; background-image:none; border-radius:4px; display:block !important; top:8px}
.fixed_payment .payment_button {position:fixed; bottom:0; left:0; width:100%; height:50px; z-index:99}
.fixed_payment .payment_button .btn_area {margin-top:0}
.payment_wrap {position:relative; width:100%; padding-top:10px; background-color:#fff; border-top:1px solid #eee}
.payment_wrap .payment {height:0; padding:0 10px; overflow:auto}
.payment_wrap .payment#bottom_info{padding:0 20px}
.payment_wrap .payment:after {width:100%; height:10px; display:block; content:''}
.payment_wrap .select {width:100%; margin-top:10px}
.payment_wrap .select:first-child {margin-top:0}
.payment_wrap .select + .select {margin-top:10px}
.bt_unfold {position:absolute; top:0}
#item_pddetail .fixed_payment .order_box{padding:0}
#item_pddetail.item_main .item_information .fixed_payment{padding-top:7px; padding-bottom:9px; box-shadow:none; border-top:1px solid #0000001A; border-radius:0}
.fixed_payment .btn_area{background-color:#fff; padding:0px 10px 9px}
.fixed_payment .btn_area a{margin-left:10px;height:50px; line-height:50px; min-height:0; font-size:14px; min-width:0; border-radius:4px}
.fixed_payment .btn_area a.btn_cart,
.fixed_payment .btn_area a.btn_like{font-size: 14px; width:50px; height: 50px; line-height: 50px; min-height: 0; background-color:#fff; height:48px; line-height:48px; border-radius:4px; padding:15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  text-indent: -9999px;
  border: 1px solid #B2B2B2;
  min-width: 0;
  margin-right:10px;
  margin-left:0
}
.fixed_payment .btn_area a.btn_cart{background-image:url('/assets/front/images/common/icon/ic_cart3.svg'); border-color: #0000004D;background-size: 30px; margin-right:8px}
.fixed_payment .btn_area .btn_cart.active{background-image:url('../images/common/icon/ic_cart_w.svg'); background-color: #F3951A; border-color: #F3951A;}
.fixed_payment .btn_area .btn_like{background-image:url('../images/common/icon/ic_like.svg')}
.fixed_payment .btn_area .btn_like.active{background-image:url('../images/common/icon/ic_like_orange.svg')}
.fixed_payment .btn_area.dev3 .btn_buynow{width: calc(100% - 60px); margin-left:0; font-size:18px; font-family: 'Pretendard-Bold'; background-color:#DB0111}
.fixed_payment .btn_area.dev2 .btn_routine{width:calc(100% - 63px); margin-left:0}
.fixed_payment .btn_area .btn_soldout{background-color:#F4F4F4; color:#bbbbbb; width:100%; margin-top:-3px}
.fixed_payment .btn_area.dev2 .btn_buynow{    width: calc(100% - 60px);}
#item_pddetail .fixed_payment .order_box .option_info{margin-top:32px}


.item_selectResult {}
.item_selectResult li {position:relative; margin-top:10px; padding:15px 10px; background-color:#f9f9f9}
#bottom_info .item_selectResult li {margin-top:10px}
.item_selectResult li .amount_price {margin-top:8px; display:flex; justify-content:space-between}
.item_selectResult li .amount_price .price {float:right; padding-right:0; font-size:14px; color:#000; font-weight:400; line-height:30px}
.item_selectResult li .amount_price .price .won{font-size:14px; display:inline-block; margin:0 0 0 2px}
.item_information form .order_box.payment_wrap .item_selectResult .bt_icon.delete{bottom:auto; top:20px}
.item_information form .order_box.payment_wrap .item_selectResult li{border-radius:4px; overflow:hidden}
.item_information form .order_box.payment_wrap .item_selectResult li h4.name{width:calc(100% - 20px)}

.item_selectResult .bt_icon.delete {position:absolute; right:0; bottom:15px; width:31px; height:31px}
.item_selectResult .bt_icon.delete:before,
.item_selectResult .bt_icon.delete:after {position:absolute; top:16px; left:8px; width:15px; height:1px; background-color:#000; display:block; content:''}
.item_selectResult .bt_icon.delete:before {transform:rotate(45deg)}
.item_selectResult .bt_icon.delete:after {transform:rotate(-45deg)}

.amount_input {position:relative; width:102px; height:24px; padding:0 30px; display:inline-block; line-height:24px}
.amount_input input[type='number'] {width:100%; height:20px; line-height:20px; padding:0; color:#111; text-align:center; outline:none; border:0; text-indent:0; font-size:14px; background-color:transparent; margin-top:-1px}
.amount_input input[type='number']::-webkit-inner-spin-button,
.amount_input input[type='number']::-webkit-outer-spin-button {margin: 0; -webkit-appearance: none;}
.amount_input input[type='number']{-moz-appearance: textfield;}
.amount_input input[type='number']::-ms-clear {display:none;}
.amount_input .bt_icon {position:absolute; top:0; width:24px; height:24px; border:1px solid #d9d9d9; ; border-radius:20px; background-color:#fff; z-index:1; cursor:pointer}
.amount_input .bt_icon:before,
.amount_input .bt_icon:after {position:absolute; top:0px; left:0; right:0; bottom:0; width:8px; height:1px; margin:auto;background-color:#111; display:block; content:''}
.amount_input .bt_icon:before {}
.amount_input .bt_icon.minus {left:0}
.amount_input .bt_icon.minus:after {display:none}
.amount_input .bt_icon.plus {right:0}
.amount_input .bt_icon.plus:after { transform:rotate(90deg)}

/* .amount_input {position:relative; width:100%; padding:0 20px; height:20px}


 */
.bt_icon.minus.notMore,
.bt_icon.plus.notMore {cursor:default; background-color: #f1f1f1;}
.bt_icon.minus.notMore:before,
.bt_icon.plus.notMore:before,
.bt_icon.plus.notMore:after {background-color:#1f1f1f}

.total_amount {padding:15px 0; text-align:right; display:block}
.total_amount dt,
.total_amount dd {display:inline-block}
.total_amount dd {margin-left:6px; font-size:20px; color:#ED1C24}

.naver_api {text-align:center}
.naver_api .npay_button_box,
.naver_api .npay_button_box2 {border-width:1px !important}
.naver_pay {padding:0 10px}
.naver_pay .alert_ment {padding-top:15px; font-size:12px; color:#ED1C24; text-align:center}
.naver_pay .naver_api {}
.naver_api .npay_type_D_1_2,
.naver_api .npay_type_D_2_2,
.naver_api .npay_type_A_1 {width:100% !important}

.nvrpay_event{margin-top:5px; float:left; width:100%; text-align:left; display:none !important}
.nvrpay_event label.bg-black{background-color:#000; display:inline-block; width:78px; height:20px; border-radius:50px; color:#00DE5A; font-size:12px; font-family: 'Pretendard-Bold'; margin-right:4px; padding-top:1px; text-align:center}
.nvrpay_event span{font-size:12px; color:#00C05A; font-family: 'Pretendard-Regular';    width: calc(100% - 86px);
    display: inline-block;
    vertical-align: top;}
.nvrpay_event span b{font-size:12px; font-family: 'Pretendard-Bold';}
#cart_index .nvrpay_event{margin-bottom:13px; margin-top:3px}
#bottom_info .nvrpay_event{margin-bottom:10px}

.title_base {padding:20px 10px; font-size:16px}
.title_content:after,
.title_list:after {clear:both; display:block; content:''}
.title_content h2,
.title_list h3 {float:left; line-height:100%}
.title_content {min-height:15px; padding:18px 10px}
.title_content h2 {font-size:15px}
.title_content .btn_r {float:right; margin:-10px 0}
.title_content .item_name,
.title_content .item_price {float:right; width:50%; line-height:16px; text-align:right}
.title_content .item_name {color:#999}
.title_content .item_name .name {max-width:70%; padding-right:5px; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block}
.title_content .item_price {font-size:17px; }
.title_list {min-height:22px; padding:13px 10px}
.title_list h3 {font-size:16px}
.title_list .bt_deleteAll {float:right}
.title_list .check_box input + label {font-size:15px}
.title_list .check_box input + label:before {margin-top:0}
.title_list .price_shipping {float:right; font-size:13px; color:#666}
.title_list .bt_more_view {font-size:12px}
.title_list .bt_more_view:after {width:5px; height:5px; background:none; border-bottom:1px solid #666; border-right:1px solid #666; transform:translateY(-1px) rotate(-45deg)}
.item_num {margin-left:4px; font-size:13px; color:#ED1C24; display:inline-block}
.title_content.arr,
.type_fold .title_content {position:relative; padding-right:34px}
.title_content.arr:before,
.type_fold .title_content:before {position:absolute; top:50%; right:10px; width:12px; height:6px; margin-top:-3px; background:url('/assets/mobile/images/common/icon/select_arr.png') no-repeat; background-size:100% auto; display:block; content:''}
.type_fold .box_wrapper .box_inner {border-top:1px solid #eee; display:none}
.type_fold.show .title_content:before {transform:rotate(180deg)}
.type_fold.show .box_wrapper .box_inner {display:block}

.add_cautions {padding:15px 10px; font-size:12px; color:#666; word-break:keep-all}
.add_cautions li {position:relative; padding-left:15px; font-size:12px; color:#666; line-height:20px; word-break:keep-all}
.add_cautions li:before {position:absolute; top:0; left:0; display:inline-block; content:'*'}
.add_cautions.dotted li {padding-left:9px}
.add_cautions.dotted li:before {position:absolute; top:10px; left:0; width:2px; height:2px; background-color:#707070; display:inline-block; content:''}
.add_cautions a {color:#666; text-decoration:underline}
.add_cautions h4 {margin-bottom:15px; font-size:15px; color:#111}
.add_cautions u.under {color:#111}
.box_wrapper .add_cautions {margin:0 10px; padding:15px 0; border-top:1px solid #eee}
.box_wrapper .add_cautions:first-child,
.box_wrapper .box_inner .add_cautions {border-top:0}

.box_wrapper > h4 {margin:0 10px; padding:15px 0; display:block}
.box_wrapper:after {width:100%; height:6px; /*border-top:1px solid #eee; background-color:#f9f9f9;*/ display:none; content:''}
.cart_list {padding:0 10px; border-bottom:1px solid #eee}
.box_wrapper .cart_list:last-child {border-bottom:0}
.cart_list li {position:relative; border-top:1px solid #eee}
.cart_list li .btn_area {margin-top:0; padding:9px 0 15px 0; border-top:1px solid #eee; flex-wrap:wrap; justify-content: flex-end}
.cart_list li .process_date {padding:15px 0; font-size:13px; text-align:right; border-top:1px solid #eee}
.cart_list li .btn_area .bt_xsmall {margin-top:6px}
.cart_list .item_list {margin-top:0; padding:20px 0; flex-wrap:nowrap}
.cart_list .thumbs {margin-right:15px}
.cart_list .thumbs a {width:20vw; min-width:75px; max-width:150px; display:block}
.cart_list .item_info {flex:2}
.cart_list .item_info dt {margin-right:42px}
.cart_list .item_info dt .store {font-size:11px; display:block}
.cart_list .item_info dt .store a {display:inline-block}
.cart_list .item_info dt .store a:before {width:11px; height:11px; margin:-2px 3px 0 0; vertical-align:middle; background:url('/assets/mobile/images/common/icon/ic_store.png') no-repeat; background-size:100% auto; display:inline-block; content:''}
.cart_list .item_info dd.option {margin-top:6px; font-size:12px; color:#666}
.cart_list .item_info dd.amount,
.cart_list .item_info dd.etc {margin-top:10px; display:flex; justify-content:space-between; align-items: flex-end}
.cart_list .item_info dd.etc .price_area {justify-content:flex-end; align-items:flex-end; display:flex}
.cart_list .item_info dd.etc .price_area .price {padding-right:4px; text-align:left; display:inline-block}
.cart_list .item_info dd.etc .price_area .number {margin-left:4px; font-size:12px; display:inline-block}
.cart_list .item_info dd.etc .process {font-size:13px; font-weight:500}
.cart_list .check_box > label:before {margin-top:0}
.cart_list .price {font-size:14px; text-align:right}
.cart_list .price del {margin-right:0; display:block}
.cart_list .bt_delete {position:absolute; top:10px; right:-10px; z-index:1}
.bt_shippingSaving {height:20px; padding:0 10px; font-size:12px; color:#fff; background-color:#333; border-radius:20px}
.bt_shippingSaving:before {display:none !important}
.bt_shippingSaving:after {width:5px; height:8px; margin-left:3px; background:url('/assets/mobile/images/common/bt_arrow.png') no-repeat; background-size:5px auto; display:inline-block; content:''}
.store .bt_shippingSaving {margin-bottom:6px; display:inline-block}
.store a + .bt_shippingSaving {margin-left:10px}


.sum_price {min-height:19px; padding:20px 0; line-height:19px; text-align:center}
.sum_price strong {font-size:17px; font-weight:500}
.sum_total {padding:12px 10px}
.sum_total dl {padding:8px 0; line-height:14px; display:flex; justify-content:space-between; align-items:center}
.sum_total dl.total {margin-top:12px; padding:20px 0 8px 0; line-height:26px; border-top:1px solid #eee}
.sum_total dl.point dt,
.sum_total dl.point dd {color:#ED1C24}
.sum_total dl.total dt,
.sum_total dl.total dd {font-weight:500}
.sum_total dl.total dt {font-size:16px}
.sum_total dl.total dd {font-size:24px}
.sum_total dl.total:first-child {margin-top:0; padding-top:8px; border-top:0}
.sum_total + .btn_area {margin-top:0}

.order_statusWrap {padding:20px 0 0}
.order_statusWrap h3 {margin-bottom:15px; font-size:13px; color:#666}
.order_statusWrap h3 strong {padding-right:5px; font-size:16px; color:#111; font-weight:400; display:inline-block}
.order_status {display:flex; justify-content:space-between}
.order_status li {display:flex; flex:1; align-items:center; justify-content:space-around}
.order_status li:before {width:5px; height:13px; background:url('/assets/mobile/images/common/icon/order_arr_grey.png') no-repeat; background-size:5px auto; display:inline-block; content:''}
.order_status li:first-child:before {display:none}
.order_status li a {position:relative; padding-top:21px; text-align:center; display:inline-block}
.order_status li.on a {color:#ED1C24}
.order_status h4 {font-size:12px}
.order_status p {position:absolute; top:0; left:0; width:100%; text-align:center; font-size:15px; font-weight:500}

/* coupon */

.coupon_list{padding-top:40px; border-bottom:0}
.coupon_list li{width:calc(50% - 5px); height:180px; padding:15px 0 15px 15px; margin-right:10px; margin-bottom:30px; float:left; display:inline-block; border-radius:5px; border:1px solid #CCCCCC; background-color:#fff; position:relative;}
.coupon_list li:before,
.coupon_list li:after{display:block; content:''; width:26px; height:12px; border:1px solid #ccc; border-radius:22px; position:absolute; right:80px; background-color:#fff;}
.coupon_list li:before{top:-2px; border-radius:0 0 22px 22px; border-top:1px solid #fff}
.coupon_list li:after{bottom:-2px; border-radius: 22px 22px 0 0;    border-bottom: 1px solid #fff;}
.coupon_list li:nth-child(2n){margin-right:0;}
.coupon_list li:last-child{margin-bottom:0}
.coupon_list li dl{width:calc(100% - 100px); height:100%; float:left; display:inline-block; position:relative;}
.coupon_list li dl:after{display:block; content:''; width:1px; height:calc(100% - 46px); position:absolute; top:23px; right:-7px; background-color:#ccc}
.coupon_list li a.btn_coupon_download{width:100px; height:100%; display: inline-block; text-align: center; position:relative}
.coupon_list li a .img_wrap img{width:40px; height:40px; display:block; margin:0 auto 10px}
.coupon_list li a .img_wrap{ padding: 30px 0; font-size:13px; color:#888888; cursor:pointer; }
.coupon_list li.available a .img_wrap{padding:40px 0;font-size:0; color:transparent;}
.coupon_list li.available a .img_wrap img{margin:0 auto}
.coupon_list .tb_subject span{font-size:16px}
.coupon_list .tb_subject span strong{font-size:24px; display:inline-block; padding-right:3px;}

.coupon_list li dd p.bg-primary{background-color:#ef3543}
.coupon_list li dd p.bg-purple{background-color:#4e49e8}
.coupon_list li dd p.bg-blue{background-color:#4992e8}
.coupon_list li dd strong{color:#1F1F1F;font-family: 'Pretendard-Regular'; display:inline-block; padding:10px 0 0; font-size:16px; width: 100%; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;}
.coupon_list li dd h5{padding-bottom:10px}
.coupon_list li dd .date{font-size:14px;color:#888888}
.coupon_list li dd .c_desc{font-size:14px;color:#1F1F1F; padding-top:20px; display:none}
.coupon_list li dd .c_desc a img{margin:4px; width:6px}

.cp_tab{display:none}
.cp_tabmenus{padding-bottom:35px}
.cp_tabmenus .tabmenu{text-align:center; border:1px solid transparent; border-bottom-color:#1f1f1f; border-radius:5px 5px 0 0; width:50%; height:60px; line-height:60px; float:left; font-size:18px; cursor:pointer;}
.cp_tabmenus .tabmenu.on{border:1px solid #1F1F1F; border-bottom-color:transparent;font-family: 'Pretendard-Regular';}
.cp_tab .title_content{margin-bottom:10px}
.cp_tab .coupon_list{padding-top:0}
.total_coupon{display:inline-block;}
.total_coupon li{display:inline-block; height:35px; line-height:35px; color:#888888; position:relative; font-family: 'Pretendard-Regular';}
.total_coupon li label{display:inline-block; color:#1F1F1F}
.total_coupon li:nth-child(2){padding-left:25px}
.total_coupon li:nth-child(2):before{ display:block; content:''; width:1px; height:10px; background-color:#d9d9d9; position:absolute; left:11px; top:0; bottom:0; margin:auto}

#ms_coupon .caution{margin:0}
.coupon_search{width:calc(100% + 40px); margin-left:-20px}
form.coupon_search .title_content p{font-size: 16px; padding-left:10px}
form.coupon_search .write_coupon{padding:25px 20px; text-align:center; border:0; background-color:#f8f8f8; margin-bottom:30px; }
form.coupon_search .input_wrap{width:100%; margin:0 auto; border:0;; border-radius:0}
form.coupon_search .input_wrap:after{display:block; content:''; clear:both}
form.coupon_search .write_coupon .input_wrap input{width:calc(100% - 74px); float:left; height:45px; line-height:45px; font-size:14px; border:1px solid #D9D9D9; border-radius:5px 0 0 5px; margin:0; padding:0}
form.coupon_search .write_coupon .input_wrap a#btnRegister{width:74px; display:inline-block; background-color:#1f1f1f; height:45px; line-height:45px; border-radius:0; font-size:14px; color:#fff; vertical-align: top; float:right; border-radius:0 5px 5px 0}
#ms_coupon .title_content{margin-bottom:0}
#ms_coupon .cp_tab .title_content{padding-left:0; padding-right:0}
#ms_coupon .sub_header{padding-bottom:0}

#popup_coupon_available{width:495px; height:436px; max-height:none}
#popup_coupon_available .popup_content{display:block; padding:40px 0 30px}
#popup_coupon_available .popup_content p{display:block; font-size:18px}
#popup_coupon_available .popup_content p:nth-child(3){margin:15px auto 30px}
.coupon_move{background-color:#f8f8f8; width:100%; padding:25px 20px}
.coupon_move h6{text-align:left; font-family: 'Pretendard-Regular'; font-size:16px; padding-bottom:15px}
.coupon_move li{text-align:left; position:relative; padding-left:5px}
.coupon_move li:nth-child(1){margin-bottom:5px}
.coupon_move li:before{width:2px; height:2px; background-color:#1f1f1f; display:block; content:''; position:absolute; top:0; bottom:0; left:0; margin:auto}



/* main :: coupon page */
#main_couponlist .sub_header { text-align: center;  padding-bottom: 40px}
#main_couponlist .coupon_list{padding-top:0}
#main_couponlist .coupon_content .title_content{padding:0}
#main_couponlist .caution{margin-top:0}


.nav_mypage {display:flex; flex-wrap:wrap}
.nav_mypage li {width:50%; font-size:15px; border-top:1px solid #eee; border-left:1px solid #eee}
.nav_mypage li a {padding:12px 10px; line-height:24px; display:block}
.nav_mypage li a:before {width:24px; height:24px; margin:0 10px 0 0; vertical-align:top; display:inline-block; content:''}
.nav_mypage li.my_0 a:before {background:url('/assets/mobile/images/common/icon/ic_my_0.png') no-repeat; background-size:24px}
.nav_mypage li.my_1 a:before {background:url('/assets/mobile/images/common/icon/ic_my_1.png') no-repeat; background-size:24px}
.nav_mypage li.my_2 a:before {background:url('/assets/mobile/images/common/icon/ic_my_2.png') no-repeat; background-size:24px}
.nav_mypage li.my_3 a:before {background:url('/assets/mobile/images/common/icon/ic_my_3.png') no-repeat; background-size:24px}
.nav_mypage li.my_4 a:before {background:url('/assets/mobile/images/common/icon/ic_my_4.png') no-repeat; background-size:24px}
.nav_mypage li.my_5 a:before {background:url('/assets/mobile/images/common/icon/ic_my_5.png') no-repeat; background-size:24px}
.nav_mypage li.my_6 a:before {background:url('/assets/mobile/images/common/icon/ic_my_6.png') no-repeat; background-size:24px}
.nav_mypage li.my_7 a:before {background:url('/assets/mobile/images/common/icon/ic_my_7.png') no-repeat; background-size:24px}
.nav_mypage li.my_8 a:before {background:url('/assets/mobile/images/common/icon/ic_my_8.png') no-repeat; background-size:24px}
.nav_mypage li.my_9 a:before {background:url('/assets/mobile/images/common/icon/ic_my_9.png') no-repeat; background-size:24px}
.nav_mypage li.my_10 a:before {background:url('/assets/mobile/images/common/icon/ic_my_10.png') no-repeat; background-size:24px}
.nav_mypage li.my_11 a:before {background:url('/assets/mobile/images/common/icon/ic_my_11.png') no-repeat; background-size:24px}

.gift_list {margin:0 10px; padding:20px 0; border-bottom:1px solid #eee}
.gift_list h4 {margin-bottom:5px; font-size:15px}
.gift_list ul li {margin-top:10px}
.gift_list ul li .radio_box {width:100%}
.gift_list ul li label {width:100%; display:flex !important; align-items:center}
.gift_list ul li .img_gift {width:75px}
.gift_list ul li .gift_name {padding:0 15px; flex:2}

.guide_ment,
.routine_guideMent {padding:16px 10px; font-size:16px; line-height:23px; text-align:center}
.routine_guideMent .point {}
.routine_term {padding:10px 10px 20px 10px; display:flex; flex-wrap:wrap; justify-content:space-between}
.routine_term li {width:calc(100% / 3); margin-top:10px}

.inline_box {display:flex}
.shipping_address {padding:10px 10px 20px 10px}
.shipping_address dl {margin-top:10px}
.shipping_address dt {display:none}
.shipping_address dd input[type='text'] {margin-top:10px}
.shipping_address dd input[type='text']:first-child {margin-top:0}
.shipping_address .inline_box input[type='text'] {flex:1}
.shipping_address .bt_small {width:119px; margin-left:10px}
.shipping_address .select + textarea {margin-top:10px}
.shipping_address dd.check_area .check_box {margin-top:10px; display:block}
.shipping_address.view {padding-top:0}
.shipping_address.view dl {min-height:23px; font-size:14px; display:flex; justify-content:space-between}
.shipping_address.view dl:first-child {margin-top:0}
.shipping_address.view dt {display:block}
.shipping_address.view dd {text-align:right; line-height:20px}
.shipping_address > .check_area {padding:15px 0}
.shipping_address .check_area:last-child {padding-bottom:10px}
.shipping_address + .btn_area {margin-top:0}

.recommend_content {padding:20px 10px}
.recommend_content .add_cautions {padding:15px 0 0 0}

.payment_content {padding:20px 10px}
.payment_content li {width:49%; margin-right:2%; float:left; display:inline-block; margin-bottom:8px}
.payment_content li:nth-child(2n) {margin-right:0}
.payment_content li:first-child {margin-left:0}
.payment_content input[type='radio'] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.payment_content label {position:relative; width:100%; height:44px; font-size:14px; text-align:center; vertical-align:middle; border:1px solid #ccc;  display:table-cell; border-radius:5px; color:#1f1f1f; font-family: 'Pretendard-Regular';}
.payment_content .way {width:100%; display:table}
/* .payment_content .way input:checked + label {color:#fff; background-color:#ED1C24; z-index:1; border-color:#ED1C24} */
.payment_content .way input:checked + label { z-index:1; border-color:#DB0111}
.payment_content .way label:before {width:32px; height:21px; margin:0 auto 5px auto; display:block; content:''; display:none}
/* .payment_content .way input:checked + label .waypayment_icon{filter: invert()} */
.waypayment_icon{height:16px; width:auto; display:inline-block; margin:2px 4px 0 0}
.way_payment .payment_content{padding:12px 0;}
.kakao_add_caution{margin-top:20px}
.kakao_add_caution li{line-height: 22.4px; font-size: 14px; color: #00000099; font-family: 'Pretendard-Regular'; padding-left: 13px; position: relative; padding-bottom: 8px;}
.kakao_add_caution li:before{display:block; content:''; width:2px; height:2px; background-color:#00000099; position:absolute; top:10px; left:3px}

.npay_add_caution{margin-top:20px}
.npay_add_caution li{line-height: 22.4px; font-size: 14px; color: #00000099; font-family: 'Pretendard-Regular'; padding-left: 13px; position: relative; padding-bottom: 8px;}
.npay_add_caution li:before{display:block; content:''; width:2px; height:2px; background-color:#00000099; position:absolute; top:10px; left:3px}
.payment_content li{position:relative;}
.payment_content li.benefit_chip_kakao.selected label,
.payment_content li.benefit_chip_npay.selected label,
.payment_content li.benefit_chip_quick.selected label {    border-color: #DB0111}
.benefit_chip{display:inline-block; width:32px; height:20px; font-size:12px; line-height:20px; font-family: 'Pretendard-Medium'; border-radius:4px; position:absolute; top:-3px; right:-3px; z-index: 10; text-align:center}
.kakaopay_caution,
.quick_caution,
.npay_caution{
  margin-top: 20px;
width: 100%;
height: auto;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
color: rgba(0, 0, 0, 0.8);
font-family: 'Pretendard-Medium';
padding: 8px 16px;
}

.kakaopay_caution.hide, .kakao_add_caution.hide{display:none}

.form_check {margin:0 10px; padding:20px 0; border-top:1px solid #eee}
.form_check:after {clear:both; display:block; content:''}
.form_check li {clear:both; padding-top:10px}
.form_check li:first-child {padding-top:0}
.form_check li.ment {padding-bottom:10px; font-weight:500}
.form_check li .check_box {float:left}
.form_check li .bt_more_view {float:right}
.form_check li.all {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee; font-weight:500}
.form_check li.all:after {clear:both; display:block; content:''}
.form_check + .btn_area {margin-top:0}
.check_list {padding:15px 10px}
.check_list.cols {display:flex; flex-wrap:wrap}
.check_list.cols li {/* margin-right:60px; */ padding-top:0}
.check_list + .write_content {padding-top:0}
.write_content + .check_list {padding:0 10px}
.agree_check .check_list.cols li {margin-right:0}

.agree_box {clear:both; width:100%; display:none}
.agree_box.show {display:block}
.agree_box iframe {width:100%; margin-top:10px}
.use_agreementGuide {clear:both; float:left; width:100%; margin-top:10px; padding:20px; font-size:13px; background-color:#f9f9f9}
.use_agreementGuide h4 {margin-bottom:10px; font-weight:500}
.use_agreementGuide li {padding-top:0; color:#666; line-height:18px}

.confirm_layout {max-width:750px; margin:0 auto; text-align:center;    padding: 20px 10px 0 10px;}

.confirm_layout header h2 strong {font-weight:500}
.confirm_layout header .txt_ment {font-size:13px; font-weight:400; display:block}
.confirm_layout .confirm_content h3 {font-size:13px; line-height:24px; font-weight:400}
.confirm_layout .confirm_content .confirm_info {margin-top:22px; font-size:13px; color:#666; line-height:22px}

.confirm_layout .btn_area {margin-top:36px}
.confirm_layout .bt_small {min-width:119px}
.confirm_layout .confirm_content { text-align:center; padding:0}
.confirm_content p{font-size:14px; color:#1f1f1f; margin-bottom:11px; position:relative; padding-left:23px; text-align:left}
.confirm_content p img{margin-top:-3px; width:24px; position:absolute; left:0}
.confirm_content table{width:100%; margin:0 auto; border-top:1px solid #1f1f1f; text-align:left}
.confirm_content table th{font-size:14px;height:48px; padding:13px 12px; background-color:rgba(0, 0, 0, .05); border-bottom:1px solid rgba(0, 0, 0, .1); color:#1f1f1f;     font-family: 'Pretendard-Medium', sans-serif; font-weight:normal}
.confirm_content table td{font-size:14px;height:48px; padding:13px 12px; border-bottom:1px solid rgba(0, 0, 0, .1); color:#00000099;     font-family: 'Pretendard-Regular', sans-serif;}
.btn_copy2{margin-left:8px; margin-top:-3px; width:24px}
.success_regular.cart_ .sub_header{padding-bottom:20px}



/* .confirm_layout.success header:before {background:url('/assets/mobile/images/common/order_success.png') no-repeat; background-size:100% auto} */
.confirm_layout.success .btn_area{margin-top:0}
.confirm_layout.fail header:before {background:url('/assets/mobile/images/common/order_fail.png') no-repeat; background-size:100% auto}
.signup_welcome header {}
.signup_welcome header h2 {margin:0 20px; padding-top:0}
.signup_welcome header h2 strong {margin-top:15px; padding:0 20px; line-height:32px; word-break:keep-all; display:block}
/* .signup_welcome.success header:before {background:url('/assets/mobile/images/common/signup_success.png') no-repeat; background-size:100% auto} */
.present_coupon {margin-top:15px; display:flex; justify-content:center}
.present_coupon li {margin-left:10px}
.present_coupon li:first-child {margin-left:0}
.coupon_image {width:138px; height:70px; padding:0 35px 0 5px; background:url('/assets/mobile/images/common/bg_coupon_box.png') no-repeat; background-size:100%; display:flex; justify-content:center; align-items:center}
.coupon_imageInner {flex:1; justify-content:center}
.coupon_image h5 {font-size:10px; transform:scale(.8); color:#ED1C24; font-weight:400; text-align:left}
.coupon_image .how_much {font-size:11px}
.coupon_image .how_much strong {font-size:26px; line-height:26px; display:inline-block}
.coupon_image.cp_store {background:url('/assets/mobile/images/common/bg_coupon_box2.png') no-repeat; background-size:100%}
.coupon_image.cp_store h5 {color:#003EE9}
.point .icon_point {margin-left:5px}

.coupon_list {padding-bottom:20px}
.coupon_list h3,
.coupon_title {padding:10px; font-size:16px; border-bottom:1px solid #eee}
.coupon_list h4 {margin:0 10px; padding:15px 0; font-size:15px; line-height:14px; border-top:1px solid #eee}
.coupon_list:first-child h4 {border-top:0}
.coupon_list h4 .store,
.coupon_list h4 .price {font-weight:400; line-height:13px; display:block}
.coupon_list h4 .store {margin-bottom:6px; font-size:12px}
.coupon_list h4 .price {margin-top:10px; font-size:13px}
.coupon_list ul {margin:0 10px; padding:10px 0 0 0}
.coupon_list ul li {margin-top:10px}
.coupon_list h4 + ul {padding-top:0}

.my_order h3 {padding-bottom:10px; font-size:16px; border-bottom:1px solid #eee; color:#1f1f1f; font-family: 'Pretendard-Medium';}
.order_number{color:#DB0111; font-family: 'Pretendard-Medium';}
.my_order h3.title_order {position:relative; padding-bottom:21px; text-align:center; border-bottom:0}
.my_order h3.title_order:after {position:absolute; left:0; bottom:0; width:100%; height:6px; background-color:#f9f9f9; border-top:1px solid #eee; display:block; content:''}
.my_order h3 a {position:relative; margin:-15px -10px; padding:15px 10px; display:block}
.my_order h3 a:after {position:absolute; top:50%; right:10px; width:6px; height:12px; margin-top:-6px; background:url('/assets/mobile/images/common/icon/order_arr.png') no-repeat; background-size:6px auto; display:block; content:''}
.my_order h3 .order_number {margin-left:8px; color:#666; display:inline-block}
.my_order h3 + .cart_list li:first-child {border-top:0}

.order_table .item_list ul li{margin-bottom:50px; height:auto}
.order_table .item_list ul li:last-child{margin-bottom:0}
.order_table .item_list ul li.item_box dl{padding:10px}
#order_case .order_table .item_list ul li.item_box dl{padding-left:20px}
#mystore_myregular .order_table .item_list .item_box dt,
#mystore_caselist .order_table .item_list .item_box dt,
#ms_orderlist .order_table .item_list .item_box dt{margin-left:0}
#mystore_myregular .order_table .item_list .item_box dd,
#ms_orderlist .order_table .item_list .item_box dd,
#mystore_caselist .order_table .item_list .item_box dd {width:Calc(100% - 82px)}
#ms_orderlist .order_table .item_list .item_box dd:nth-child(2){height:auto; min-height:0}
#ms_orderlist .order_table .item_list .item_box dd .tb_status{margin-bottom:0}
#ms_orderlist .order_table .item_list .item_box dd.btn_area{
  height: auto;
  line-height: 1;
  margin-top: 2px;
  padding-left: 10px;
  margin-top: 5px;
  font-size: 12px;
  font-family: 'Pretendard-Regular';
  color: #000;
  padding-top:0;

}
.order_table .item_list ul li.item_box .cart_box .check_box{position:absolute; left:-30px; top:0; bottom:0; margin:auto; width:18px; height:18px;}
.order_table .item_list ul li.item_box .cart_box .check_box input[type="checkbox"]{top:0}
.order_table .item_list ul li.item_box .cart_box .check_box input[type="checkbox"]:checked:after{border-color:transparent !important}

#order_case .order_table .item_list ul li.item_box .cart_box.div_check_direct {position:absolute; left:0; top:0; bottom:0; margin:auto; width:18px; height:18px; transform: translate3d(0, 16px, 0);}
#order_case .order_table .item_list ul li.item_box .cart_box.div_check_direct .check_box{position:static}
#order_case .order_table .item_list ul li.item_box dl{padding-left:0; margin-left:25px; width:calc(100% - 25px); }
#order_case .order_table .item_list ul li.item_box dl:nth-child(3){width:100%; margin-left:0; padding-left:25px}
#order_case .order_table .item_list .item_box dd{height:140px}

.order_table > .text_alert span{display:inline-block;    font-family: 'Pretendard-Regular'; font-size: 14px; text-align: left; margin-top: 0; color: #1f1f1f; width:calc(100% - 20px)}
.order_table > .text_alert img{width:16px; vertical-align: top; margin-top:2px}
.order_table > .text_alert{margin-bottom:20px}
.order_table .item_list ul li.item_box dl{padding-right:0}
/* #mystore_orderlist .order_table .item_list ul li.item_box .btn_area2{border-top:1px solid #0000001A; width:calc(100% + 40px); margin-left:-20px; padding:0 20px} */
#mystore_orderlist .order_table .item_list ul li.item_box .btn_area2{border-top:1px solid #0000001A;}
#mystore_orderlist .order_table .item_list ul li.item_box .btn_area2:after{display:block; content:''; clear:both}
#mystore_orderlist .order_table .item_list ul li.item_box .btn_area2 .btn{margin-top:10px; width:calc(50% - 2px); margin-right:4px; float:left;}
#mystore_orderlist .order_table .item_list ul li.item_box .btn_area2 .btn:nth-child(2){margin-right:0}
#mystore_caselist .paging{width:100%}

#ms_orderlist .search_date{margin-bottom:20px}
#ms_orderlist > .text_alert span{display:inline-block;    font-family: 'Pretendard-Regular';
    font-size: 14px;
    text-align: left;
    margin-top: 0; color: #1f1f1f; width:calc(100% - 20px)}
#ms_orderlist > .text_alert img{width:16px; vertical-align: top; margin-top:2px}
#ms_orderlist > .text_alert.mt10.last{margin-bottom:25px}
#ms_orderlist .gray_line{width:calc(100% + 40px);background-color:#0000000D; height:12px; margin:20px 0 20px -20px}

/* case.list */


.my_listBox .cart_list,
.my_order .cart_list {padding:0}
.my_listBox .cart_list li,
.my_order .cart_list li {padding:0 10px}
.my_listBox .cart_list .item_info dt,
.my_order .cart_list .item_info dt {margin-right:0}

.reason_box {padding:20px 0}
.reason_box h3 {margin-bottom:10px}

.refund_account_detail .title_content{margin-bottom:0; padding:0}
.refund_account_detail .title_content .text_alert{margin-top:8px}
.refund_account_detail .title_content .text_alert img{width:16px; margin-right:8px; float:left; margin-top:2px}
.refund_account_detail .title_content .text_alert span{display:inline-block; width:calc(100% - 25px)}
.refund_account_detail .title_content h3 {margin-bottom: 0; font-size:inherit}

.refund_account_detail ul{margin:20px auto 0; padding:20px 0; border:1px solid #0000001A; border-width:1px 0}
.refund_account_detail ul li{margin-bottom:20px;}
.refund_account_detail ul li:last-child{margin-bottom:0}
.refund_account_detail ul li label{font-size:14px;font-family: 'Pretendard-Medium'; display:block; margin-bottom:8px}
.refund_account_detail ul li input[type="text"],
.refund_account_detail ul li select{height:45px; width:100%; border:1px solid #d9d9d9; padding:10px; text-indent:0}
.refund_account_detail ul li select{background-position:right 12px center}
.refund_account_detail ul li:last-child:after{display:block; content:''; clear:both}
.refund_account_detail ul li:last-child input[type="checkbox"]{top:2px; float:left}
.refund_account_detail ul li:last-child span{display:inline-block; margin-left:8px; float:left;     width: calc(100% - 30px); text-align:left}

.write_content {padding:20px 10px 15px 10px}
.write_content dt {display:none}
.write_content dd {min-height:35px; padding:5px 0}
.write_content dd > input[type="text"] {margin-top:10px}
.write_content dd > input[type="text"]:first-child {margin-top:0}
.write_content dl.date dd {}
.write_content dl.agree_check {margin-top:15px; border-top:1px solid #eee}
.write_content dl.agree_check dt {margin:20px 0 10px 0; font-size:14px; display:block}
.write_content dl:first-child dd {padding-top:0}
.write_content .add_cautions {padding:15px 0}
.write_content .wr_appending .add_text {margin-top:10px; font-size:13px; color:#999}
.write_content .wr_appending + .agree_check {border-top:0}

.write_content .email_form input,
.write_content .email_form select,
.write_content .email_form .select {width:calc((100% - 20px) / 2); margin-top:0 !important}
.write_content .email_form .dash {width:20px; text-align:center; vertical-align:middle; display:inline-block}

.wr_email input[type="text"] {margin-top:0 !important}
.sh_address input[type="text"] {width:calc(100% - 129px)}
.sh_address input[type="text"] + .bt_small {width:119px; margin-left:10px; vertical-align:middle; display:inline-block}
.secession {margin-top:15px; font-size:13px}
.secession a {text-decoration:underline}

.review_star {padding:25px 0; text-align:center}
.review_star + .write_content {padding-top:0}
.rating_review, .rating_review span {
    margin-top: 0 !important;
}
.rating .star {
    width: 13px;
    height: 13px;
}
.rating_review span{
  color: #666;
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
  text-align: left;
}
.rating_review span img{width:auto; height:12px;    vertical-align: middle;  margin-top: -2px;}
.rating_review .rating b{    color: #BCBCBC !important;
  font-size: 16px;
  display: inline-block;
  margin-top: 2px;
  vertical-align: top;}
.rating_review .review{margin-left:8px}
.rating_review .review img{width:11px}

.upload_image {width:82px; height:82px; margin-left:8px; vertical-align:middle; border:1px solid #eee; overflow:hidden; display:inline-block}
.upload_image:first-child {margin-left:0}
.upload_image .bt_upload {position:relative; width:100%; height:100%; vertical-align:middle; text-indent:-1000em; overflow:hidden; background:#fff url('/assets/mobile/images/common/icon/ic_upload_photo.png') center center no-repeat; background-size:52px; border:0; display:block}
.upload_preview {position:relative}
.upload_preview > p {width:100%; height:82px; display:flex; justify-content:center; align-items:center}
.upload_preview > p img {max-width:100%; width:auto; max-height:100%}
.upload_preview .bt_del {position:absolute; top:0; right:0; width:30px; height:30px; text-indent:-1000em; overflow:hidden; background:url('/assets/mobile/images/common/bt_delete_upload.png') no-repeat; background-size:30px auto; display:block; z-index:1}

.rateit {position:relative; display:-moz-inline-box; display:inline-block; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none}
.rateit .rateit-range {position:relative; height:29px; vertical-align:middle; background:url('/assets/mobile/images/common/star.png'); background-size:30px auto; display:-moz-inline-box; display:inline-block; outline:none}
.rateit .rateit-range * {display:block}
.rateit .rateit-hover, .rateit .rateit-selected {position:absolute; left:0; top:0; width:0}
.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {left:auto; right:0}
.rateit .rateit-hover {background:url('/assets/mobile/images/common/star_on.png'); background-size:30px auto}
.rateit .rateit-hover-rtl {background-position: right -32px}
.rateit .rateit-selected {background:url('/assets/mobile/images/common/star_on.png'); background-size:30px auto}
.rateit button.rateit-reset {display:none}

.result_payment {padding:20px 10px}
.result_payment h3 {margin-bottom:14px; font-size:16px}
.result_payment dl:after {clear:both; display:block; content:''}
.result_payment dt,
.result_payment dd {padding:6px 0; font-size:14px}
.result_payment dl.rep dt,
.result_payment dl.rep dd {font-size:15px}
.result_payment dt {clear:both; float:left}
.result_payment dd {float:right}
.result_payment dd.reason,
.result_payment dd.card_info {clear:both; width:100%; padding:0 10px; font-size:13px}
.result_payment dd.card_info {padding:6px 0; color:#666; text-align:right}
.result_payment.type_fold dd.reason {height:0; max-height:0; opacity:0; overflow:hidden; transition:all .4s ease-in}
.result_payment dd.reason dt,
.result_payment dd.reason dd {font-size:12px}
.result_payment.show dd.reason {height:auto; max-height:1000px; opacity:1}
.result_payment dl.sale dt,
.result_payment dl.sale dd {color:#666}
.result_payment dl.sale dt:before {width:4px; height:4px; margin:-4px 5px 0 0; vertical-align:middle;  border-left:1px solid #707070; border-bottom:1px solid #707070; display:inline-block; content:''}
.result_payment .paging {clear:both; padding:0}
.result_payment.show .paging .bt_more:after {transform:rotate(180deg)}

.coupon_box {padding:10px; border-bottom:1px solid #eee; display:flex}
.coupon_box input[type="text"] {flex:2}
.coupon_box .bt_small {min-width:89px; margin-left:10px}
.coupon_down {padding:20px 10px}
.coupon_down li {margin-top:10px; border:1px dashed #eee; border-radius:10px; display:flex}
.coupon_down li:first-child {margin-top:0}
.coupon_down dl {min-height:153px; padding:10px 25px; display:flex; flex-direction:column; flex:2; justify-content:center}
.coupon_down dt {font-size:13px}
.coupon_down dt .price {margin-bottom:7px; font-size:15px; color:#ED1C24; font-weight:500; line-height:28px}
.coupon_down dt .price b {font-size:28px; font-weight:700}
.coupon_down dd {margin-top:7px; font-size:12px; color:#666}
.coupon_down dd.date {margin-top:3px; color:#999}
.coupon_down .bt_down {width:85px; margin:-1px; font-size:10px; color:#fff; line-height:15px; background-color:#ED1C24; border-top-right-radius:10px; border-bottom-right-radius:10px}
.coupon_down .bt_down:before {width:30px; height:27px; margin:0 auto 7px auto; background:url('/assets/mobile/images/common/icon/ic_down.png') no-repeat; background-size:30px auto; display:block; content:''}
.coupon_down .bt_down:disabled {background-color:#ccc; pointer-events:none}
.coupon_down .bt_down.ing:before,
.coupon_down .bt_down.end:before {display:none}
.coupon_down .bt_down.notouch {pointer-events:none}
.coupon_down + .paging {margin-top:0; padding-bottom:20px}


.my_point{width:100%;height:56px}
.my_point .txt{min-height:56px;text-align:center;line-height:59px;font-size:15px}
.my_point .txt:before{display:inline-block;width:46px;height:32px;margin-top:-5px; margin-right:10px;background:url('/assets/mobile/images/common/ico_point.png') no-repeat;background-size:100% auto;vertical-align:middle;content:''}
.my_point .txt>strong{margin-left:15px;color:#ED1C24;}

.coupon_wrap{max-width:355px; margin:0 auto; padding:20px 10px 0}
.coupon_wrap ul{overflow:hidden}
.coupon_wrap li{width:100%;margin-bottom:40px}
.coupon_wrap li .tit{font-size:16px;font-weight:500}
.coupon_wrap li .tit:before{display:inline-block;width:2px;height:15px;margin-right:10px;background:#ccc;vertical-align:middle;content:''}
.coupon_wrap li .tit>span{color:#ED1C24}
.coupon_wrap li .coupon{position:relative;width:100%;margin-top:15px;padding-right:100px}
.coupon_wrap li .coupon>p{position:relative;width:100%;height:153px;border:1px solid #ccc;border-right:0;box-sizing:border-box;font-size:22px;font-weight:500;text-align:center;line-height:153px}
.coupon_wrap li .coupon>p:before{position:absolute;top:50%;left:-1px;width:11px;height:22px;margin-top:-11px;background:#fff url('/assets/mobile/images/common/bg_coupon.png') no-repeat;content:''}
.coupon_wrap li .coupon>p>em{font-size:50px;font-weight:700}
.coupon_wrap li .coupon>button{position:absolute;top:0;right:0;width:100px;height:153px;background:#ED1C24;border-radius:0 0 30px 0;box-sizing:border-box;font-size:14px}
.coupon_wrap li .coupon>button:before{position:absolute;top:0;left:-4px;width:0;height:153px;border-right:4px dashed #ED1C24;content:''}
.coupon_wrap li .coupon>button>span{display:block;color:#fff;text-align:center}
.coupon_wrap li .coupon>button>span:before{display:block;width:38px;height:35px;margin:0 auto 8px;background:url('/assets/mobile/images/common/ico_coupon.png') no-repeat;content:''}
.coupon_wrap li .coupon>button:disabled{background:#ccc;pointer-events:none}
.coupon_wrap li .coupon>button:disabled:before{border-right-color:#ccc}



.shipping_list li {padding:20px 10px; border-bottom:1px solid #eee}
.shipping_list h4 {font-size:15px; font-weight:500}
.shipping_list dl {margin-top:11px; font-size:14px}
.shipping_list .btn_area {margin-top:20px; padding:0; justify-content:flex-end}
.shipping_info dt,
.shipping_info dd {display:inline-block}
.shipping_info dd:before {width:1px; height:10px; margin:0 12px; background-color:#bbb; display:inline-block; content:''}
.shipping_info dd.address {margin-top:6px; display:block}
.shipping_info dd.address:before {display:none}
.shipping_list .selected h4:before {width:16px; height:14px; margin-right:5px; background:url('/assets/mobile/images/common/icon/ic_shipping_selected.png') no-repeat; background-size:16px auto; display:inline-block; content:''}



.cs_center {padding:20px 0; text-align:center}
.cs_center dt {font-weight:500}
.cs_center dd.cs_number {margin-top:6px; font-size:22px; color:#ED1C24; font-weight:500;}
.cs_center dd.cs_time {margin-top:10px; font-size:12px; color:#666; line-height:20px;}

.help_text,
.correct_text {padding:10px 0; font-size:12px; display:none}
.correct_text {color:#2F9B1A}

.has_error .help_text {color:#ED1C24; display:block}
.correct .correct_text {display:block}

.account_layout {max-width:750px; margin:0 auto; padding:20px 10px 0 10px}
.account_layout header {margin-bottom:20px; text-align:center}
.account_layout header h2 {font-size:15px; font-weight:500}
.account_layout header.campaign h4 {margin-bottom:16px; font-size:16px; font-weight:500}
.account_layout header.campaign p {padding:0 20px; font-size:14px; line-height:21px}
.account_layout .btn_area {margin-top:20px; padding:0}
.account_layout .form_check {margin:0; padding-bottom:0; border-top:0}
.account_layout .form_check li:first-child {padding-top:0}
.account_menu {margin-top:30px; font-size:14px; display:flex; justify-content:center}
.account_menu li:first-child:before {display:none}
.account_layout .none_memberMenu {margin-top:30px; text-align:center}
.account_layout .none_memberMenu a {font-size:14px; color:#666; font-family: 'Pretendard-Regular'; width:100%; height:50px; display:inline-block; line-height:50px; border:1px solid #AAAAAA; border-radius:4px}
.account_layout .inline_box label {position:relative}
.account_layout .inline_box .count_down {position:absolute; top:16px; right:10px; font-size:13px; color:#ED1C24; line-height:13px; z-index:1}
.account_layout .inline_box .bt_small {margin-left:10px}
.certify_number input[type="number"] {padding-right:52px}
.search_by {padding-bottom:20px; display:flex}
.search_by li {width:50%; margin-left:10px}
.search_by li:first-child {margin-left:0}
.search_by li a {height:110px; font-size:15px; border:1px solid #eee; display:flex; flex-direction:column; justify-content:center; align-items:center}
.search_by li a.active {border-color:#ED1C24}
.search_by li a:before {width:66px; height:54px; margin-bottom:5px; display:block; content:''}
.sb_phone:before {background:url('/assets/mobile/images/common/icon/search_by_phone.png') no-repeat; background-size:100%;}
.sb_email:before {background:url('/assets/mobile/images/common/icon/search_by_email.png') no-repeat; background-size:100%;}
.search_byContent {display:none}
.search_byContent.show {display:block}
.sub.find_ .search_byContent {display:block}
#findBox .search_byContent {display:block; padding-bottom:200px}
#findBox #findpwd2form .search_byContent .btn_find_pwd{margin-top:20px}
.form_write li {margin-top:10px}
.form_write li:first-child {margin-top:0}
.form_write li:last-child .help_text {padding-bottom:0}
.form_write label {position:relative; display:block}
.form_write input {transition:border .4s ease}


.system_message {padding:70px 20px 0 20px; text-align:center}
.system_message header {position:relative; padding-bottom:21px; text-align:center}
.system_message header:after {position:absolute; left:50%; bottom:0; width:220px; height:1px; margin-left:-110px; background-color:#111; display:block; content:''}
.system_message header h2 {font-size:22px; font-weight:500; line-height:26px; word-break:keep-all}
.system_message.ver_1 header h2:before,
.system_message.ver_2 header h2:before,
.system_message.ver_3 header h2:before,
.system_message.ver_4 header h2:before {margin:0 auto 30px auto; display:block; content:''}
.system_message.ver_1 header h2:before {width:101px; height:86px; background:url('/assets/mobile/images/common/error_not_find.png') no-repeat; background-size:100% auto}
.system_message.ver_2 header h2:before {width:107px; height:72px; background:url('/assets/mobile/images/common/error_check.png') no-repeat; background-size:100% auto}
.system_message.ver_3 header h2:before {width:95px; height:72px; background:url('/assets/mobile/images/common/error_common.png') no-repeat; background-size:100% auto}
.system_message.ver_4 header h2:before {width:157px; height:89px; background:url('/assets/mobile/images/common/error_comming.png') no-repeat; background-size:100% auto}
.system_content {width:100%; margin-top:20px; font-size:13px; line-height:20px; min-height:55px; display:flex; flex-direction:column; justify-content:center; align-items:center}
.system_info {margin-top:30px; display:flex; justify-content:center}
.system_info dt {margin-right:5px; font-weight:500}
.system_info.system_date dd {color:#ED1C24}

@media (min-width: 768px) and (max-width: 1024px) {
    .detail_endContent .item_box {width:26vw}
    .new_item .item_list._webzine .item_box {width:56%}
}

/* community */
.search_area+.sorting_area{border-top:0;min-height:46px}
.sorting_area.sorting_flex .item_allNum{flex:1}
.sorting_area.sorting_flex .list_menu{width:50%}
.sorting_area.sorting_flex .list_menu li.select_area{width:100%}
.sorting_area.sorting_flex .sort_viewer{max-width:none}
.write_content.board .upload_lst{margin-top:5px}
.all_view{border-top:10px solid #f9f9f9}
.all_view .b_webzine .ls_box:first-child{padding-top:0}

.layer_photo .photo_view{max-height:480px}/*수정*/
.layer_photo .swiper-slide{padding:0 20px}
.layer_photo .swiper-wrapper{align-items:center}
.slide_nav a{display:block;position:absolute;top:50%;z-index:100;width:11px;height:20px;margin-top:-10px;background:url('/assets/mobile/images/common/icon/sliding_arr_on.png') no-repeat;outline:none}
.slide_nav a[aria-disabled=true]{background:url('/assets/mobile/images/common/icon/sliding_arr_off.png') no-repeat}
.slide_nav .btn_next{right:10px}
.slide_nav .btn_prev{left:10px;transform:rotate(180deg)}

.util_area{display:flex;justify-content:center;position:relative;width:70px}
.util_area .bt_util{display:flex;justify-content:center;align-items:center;width:100%;height:25px;background:#fff;border:1px solid #ccc}
.util_area .bt_util i{position:relative;text-indent:-1000em}
.util_area .bt_util i,
.util_area .bt_util i:before,
.util_area .bt_util i:after{display:block;position:absolute;width:2px;height:2px;background:#111;border-radius:50%;content:''}
.util_area .bt_util i:before{top:-4px}
.util_area .bt_util i:after{bottom:-4px}
.util_area ul{display:none;position:absolute;top:24px;left:0;width:100%;background:#fff;border:1px solid #ccc}
.util_area.active ul{display:block}
.util_area li+li{border-top:1px solid #ccc}
.util_area li>a{display:block;padding:3px 0;color:#333;font-size:14px;text-align:center}

.write_lst dt{display:flex;align-items:center;position:relative;padding:20px 60px 20px 10px;border-bottom:1px solid #eee}
.write_lst dt .kind{display:block;width:50px;text-align:center}
.write_lst dt .kind>em{color:#ED1C24;font-size:12px}
.write_lst dt .tit{display:block;overflow:hidden;width:calc(100% - 60px);margin-left:10px;text-overflow:ellipsis;white-space:nowrap}
.write_lst dt:after{display:block;clear:both;content:''}
.write_lst dt .util_area{position:absolute;top:50%;right:10px;width:50px;transform:translateY(-50%)}
.write_lst dt .util_area.active{z-index:100}
.write_lst dt .util_area .bt_util{border:0}
.write_lst dd{overflow:hidden;height:0;background:#f9f9f9}
.write_lst dd .cont{padding:20px}
.write_lst dd .tit{font-weight:500;color:#999;font-size:13px;text-decoration:underline}
.write_lst .desc{margin-top:15px}
.write_lst .desc ul{overflow:hidden;margin-top:8px}
.write_lst .desc li{float:left;margin-right:10px;font-size:13px;color:#666}
.write_lst .desc li>em{padding-left:4px}
.write_lst .desc li:last-child{float:right}

.community .tab_category{background-color:#f9f9f9;border-top:10px solid #f9f9f9}
.community .tab_category:after{display:none}
.community .tab_category li{min-width:120px;background:#fff;border:1px solid #eee}
.community .tab_category li+li{margin-left:-1px}
.community .tab_category li a{padding:10px 0}
.community .tab_category li.active{background:#ED1C24}
.community .tab_category li.active a{color:#fff;font-weight:400}
.community .tab_category li:first-child{border-radius:4px 0 0 4px}
.community .tab_category li:last-child{border-radius:0 4px 4px 0}
.community .b_webzine dl:after{height:0}
.community .b_webzine dl:first-child dt{margin-top:0}
.community .b_webzine dd{padding:20px 16px;text-align:left}
.community .b_webzine dd .subject{padding:0}
.community .b_webzine dd .subject a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community .b_webzine dd .date{padding:0;font-size:12px}
.community .b_webzine dt{margin-top:20px;padding:0 10px}
.community .b_webzine .ls_box .label{display:block;width:100%;height:30px;margin-bottom:16px;background:#000;font-size:12px;font-weight:300;color:#fff;text-align:center;line-height:30px}
.community .ls_box .item_name{margin-top:12px;font-size:13px;color:#666}
/*.community .b_view .view_cont{border-bottom:1px solid #eee}*/
.community .b_view .view_cont_top{border-top:1px solid #eee}
.community .b_view .tit_desc{margin-bottom:8px}
.community .b_view .tit_desc>li{display:inline-block;font-size:13px;color:#666}
.community .b_view .tit_desc>li>em{padding-left:6px}
.community .b_view .tit_desc>li:not(:first-child){margin-left:7px}
.community .b_view .tit_desc>li:after{display:inline-block;width:1px;height:10px;margin-left:10px;background:#bbb;content:''}
.community .b_view .tit_desc .date{margin-bottom:0}
.community .b_view .util_area{float:right;margin-top:-3px;width:50px}
.community .b_view .tit_desc .util_area:after,
.community .b_view .tit_desc .date:after{display:none}
.community .box_wrapper:after{display:none}
.community .upload_area{position:relative;margin-top:20px;padding:20px 0 0;border-top:1px solid #eee}
.community .upload_area .upload_image{display:flex;justify-content:center;align-items:center;margin:0}
.community .upload_area .upload_preview{width:100%}
.community .total_area{display:flex;padding:10px 0;background:#f9f9f9}
.community .total_area dl{flex:1;padding:6px 10px;background:#fff;text-align:center;color:#666}
.community .total_area dl+dl{border-left:1px solid #eee}
.community .total_area dd>em{color:#ED1C24}

.btn_area.recomm{margin:0;padding:10px;text-align:right;justify-content:flex-end}
.btn_area.recomm>a{min-width:80px;height:30px;line-height:28px;padding:0;border-color:#ccc;transition:all .1s ease}
.btn_area.recomm>a:after{display:inline-block;width:16px;height:16px;margin:-2px 0 0 6px;background-repeat:no-repeat;background-size:100% auto;vertical-align:middle;content:''}
.btn_area.recomm .bt_thumb01:after{background-image:url('/assets/mobile/images/common/icon/thumb_up_01.png')}
.btn_area.recomm .bt_thumb02:after{background-image:url('/assets/mobile/images/common/icon/thumb_down_01.png')}
.btn_area.recomm .bt_share:after{height:17px;background-image:url('/assets/mobile/images/common/ico_share2.png')}
.btn_area.recomm .bt_thumb01.active{border-color:#ED1C24;color:#ED1C24}
.btn_area.recomm .bt_thumb01.active:after{background-image:url('/assets/mobile/images/common/icon/thumb_up_02.png')}
.btn_area.recomm .bt_thumb02.active{border-color:#003EE9;color:#003EE9}
.btn_area.recomm .bt_thumb02.active:after{background-image:url('/assets/mobile/images/common/icon/thumb_down_02.png')}

.comment_area .title_content{padding:15px 10px 6px;border-bottom:1px solid #444}
.comment_form{padding:15px 10px;border-bottom:1px solid #444}
.comment_form .inner{position:relative;height:32px;margin-top:-1px;padding-right:80px;border:1px solid #ccc}
.comment_form .inner .letter{display:block;padding:0 10px;background:#fff;color:#999;line-height:30px}
.comment_form .bt_point{position:absolute;top:0;right:0;min-width:80px;width:80px;height:30px;line-height:30px}
.comment_form textarea{min-height:115px;padding:6px 10px;border-color:#ccc}
.comment_lst dl .txt{display:inline-block;padding-right:26px}
.comment_lst dt{margin:0 10px;padding:15px 0 15px 10px;border-bottom:1px solid #ccc ;min-height: 95px;}
.comment_lst dt .txt{padding-right:10px}
.comment_lst dt .comment .count{padding-left:4px}
.comment_lst dd{overflow:hidden;height:0;background:#f9f9f9;opacity:0;transition:opacity .2s ease}
.comment_lst dd .comment_form{position:relative;padding:0 10px 20px;border:0}
.comment_lst dd textarea{min-height:80px}
.comment_lst dd .reply{margin:0 10px;padding:16px 0 16px 16px;border-top:1px solid #ccc;min-height: 85px;}
.comment_lst dd .reply:first-child{padding-top:0;border-top:0}
.comment_lst dt.active{border-bottom:0}
.comment_lst dt.active+dd{opacity:1}
.comment_lst .reply_inner{padding-top:16px}
.comment_lst .info{min-height:25px;margin-bottom:10px}
.comment_lst .info:after{display:block;clear:both;content:''}
.comment_lst .recomm{float:right;padding:0}
.comment_lst .recomm .bt_small{min-width:70px;height:25px;line-height:23px;margin-left:2px}
.comment_lst .recomm .bt_small:first-child{margin:0}
.comment_lst .user,
.comment_lst .date{display:inline-block;color:#000;font-size:13px;vertical-align:middle}
.comment_lst .user:after{display:inline-block;width:1px;height:10px;margin:0 7px 0 10px;background:#bbb;vertical-align:middle;content:''}
.comment_lst .util_area{margin-left:1px}



/*** layout ***/
/*** reset ***/

@import url("../font/font.css");

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    list-style: none;
    text-decoration: none;line-height:1.4;
}

body{max-width:100vw; overflow-x:hidden}

html,
body {
    width: 100vw;
    font-size: 14px;
    color: #353535;
    line-height: 1.6;
    padding:0; margin:0;
    position:relative;
}

html {width: 100%;  margin: 0 auto; height: 100vh; }
body { position: relative; width:100%; margin: 0 auto;}
.bulls_wrapper{width:100%;}
.bulls_header{width:100%;position:relative; z-index: 10}

body.popup_show{overflow:hidden; max-height:100vh}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    vertical-align: middle
}


/*input {-webkit-appearance:none; border-radius:0}*/

select,
button {
    cursor: pointer;
    outline:none;
    border:0;
    background-color:inherit;
}

ul,
ol {
    list-style: none;
    text-decoration: none
}
::marker{    display: none !important;
    font-size: 0 !important;}
img {
    max-width: 100%;
    vertical-align: top;
}

a {
    color: inherit;
    text-decoration: none
}

em {
    font-style: normal
}

strong {
    font-family: 'Pretendard-Medium';
    font-weight:normal
}
del{text-decoration: line-through; color:#bbb}

*, *:after, *:before {
   -webkit-font-smoothing: antialiased;
   color:inherit; box-sizing:border-box; margin:0; padding:0;
   font-family: 'Pretendard-Light';
   letter-spacing: 0

}


.btn{outline:none !important; border-radius:5px; text-indent:0}
.btn:hover{opacity:.85; transition:500ms all}

.btn_area{padding:20px 0 0 0;font-size:0;line-height:0;text-align:center; display:inline-block; vertical-align: top; width:100%;}
.btn_area:last-child{padding-bottom:0}
.btn_area>a,.btn_area>button{margin-left:15px; border-radius:5px}
.btn_area>a:first-child,.btn_area>button:first-child{margin-left:0!important}

.btn_area .bt_medium{font-size:18px;height:60px; line-height:60px}
/* .btn_area .bt_medium.border-primary{line-height:50px} */


.s-hidden {visibility:hidden; padding-right:10px}
.select {position:relative; min-height:45px; cursor:pointer; display:inline-block}
.styledSelect {position:absolute; top:0; right:0; bottom:0; left:0; padding:10px 30px 10px 11px; color:#111; }
.styledSelect > span {width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block}
.styledSelect:after {position:absolute; top:21px; right:11px; width:12px; height:6px; background:url('/assets/mobile/images/common/icon/select_arr.svg') no-repeat; background-size:100% auto; content:''}
/* .styledSelect:active,
.styledSelect.active {border:1px solid #333} */
.styledSelect.active{border-radius:5px 5px 0 0}
.styledSelect.active:after {transform:rotate(180deg)}
.options {position:relative; top:calc(100% - 1px);     width: calc(100% + 2px); left: -1px; right:0; max-height:200px; overflow:auto; background-color:#fff; border:1px solid #333; border-top:1px solid #eee; display:none; z-index:9}
.options li {padding:8px 16px; word-break:break-all}
.options li:first-child {margin-top:0}
.options li:hover {background-color:#f9f9f9}
.styledSelect.active + .options {border:1px solid #d9d9d9;    border-bottom: 0;    border-radius: 0 0 5px 5px;}
.select.abs .options {position:absolute}

select:disabled{}
.select{position:relative;min-height:45px; height:45px; border:1px solid #d9d9d9; border-radius:5px; cursor:pointer;display:inline-block}
/* .styledSelect{position:absolute;top:0;right:0;bottom:0;left:0;padding:10px 26px 10px 16px;font-size:14px;color:#333;line-height:18px;border:1px solid #ccc;background-color:#fff;overflow:hidden}.styledSelect>span{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block}.styledSelect:after{position:absolute;top:16px;right:10px;width:11px;height:6px;background:url(../images/common/icon/select_arr.png) no-repeat;content:''} */
/* .styledSelect:active,.styledSelect.active{border:1px solid #333} */
.styledSelect.active:after{transform:rotate(180deg)}

.foot_menu .select{width:180px}
.max_w{width:100%!important;min-width:100%!important; border-radius:5px}
.number{}
.dv_line{margin:-3px 5px 0 5px;font-size:12px;vertical-align:middle;display:inline-block}
.item_count{display:inline-block; padding-left:3px; font-family:'Pretendard-Regular'}

.bt_icon {text-indent:-1000em; overflow:hidden; display:inline-block}
.bt_prev {width:42px; height:38px; background:url('/assets/mobile/images/common/icon/icon_arrow_back.svg') center center no-repeat; background-size:10px 17px}
.bt_home {width:42px; height:38px; background:url('/assets/mobile/images/common/icon/ic_nav_1.png') center center no-repeat; background-size:22px auto}
.bt_search {background:url('/assets/mobile/images/common/icon/icon_sech_off.svg') center center no-repeat; background-size:31px}
.bt_cart {position:relative; width:31px; height:29px; background:url('/assets/mobile/images/common/ic_cart_b.png') left bottom no-repeat; background-size:26px 24px}
.bt_cart .item_num {position:absolute; top:0; right:0; width:13px; height:13px; font-size:10px; color:#fff; text-indent:0; background-color:#ED1C24; border-radius:13px; display:flex; justify-content:center; align-items:center}
.bt_cart .item_num u {text-decoration:none; transform:scale(.8)}
.bt_all {width:46px; height:46px; background:url('/assets/mobile/images/common/category_all_arr.png') center center no-repeat; background-size:100% auto}
.bt_icon.bt_view,
.bt_filter {width:48px; height:45px}
.bt_icon.bt_view {background:url('/assets/mobile/images/common/ic_view_t.png') center center no-repeat; background-size:18px auto}
.bt_icon.bt_view._1 {background:url('/assets/mobile/images/common/ic_view_o.png') center center no-repeat; background-size:21px auto}
.bt_filter {background:url('/assets/mobile/images/common/ic_filter.png') center center no-repeat; background-size:23px auto}

.facebook,
.blog,
.instagram {width:30px; height:30px}
.facebook {background:url('/assets/mobile/images/common/img_snsface.png') center center no-repeat; background-size:30px auto}
.blog {background:url('/assets/mobile/images/common/img_snsblog.png') center center no-repeat; background-size:30px auto}
.instagram {background:url('/assets/mobile/images/common/img_snsinsta.png') center center no-repeat; background-size:30px auto}

.bt_kakao,
.bt_url {width:48px; height:48px}
.bt_kakao {background:url('/assets/mobile/images/common/sns_m_kakao.png') center center no-repeat; background-size:100% auto}
.bt_url {background:url('/assets/mobile/images/common/sns_m_url.png') center center no-repeat; background-size:100% auto}
.bt_clear {width:22px; height:22px; background:url('/assets/mobile/images/common/bt_clear.png') center center no-repeat; background-size:100% auto}
.bt_back {position:absolute; top:-75px; left:9px; width:65px; height:65px; background:url('/assets/mobile/images/common/bt_prev.png') center center no-repeat; background-size:100% auto; display:none; opacity:0; transition:all .4s ease}
.bt_back.show {opacity:1; display:block}
.bt_back .bt_icon {width:49px; height:49px; margin:6px 0 0 6px; background:transparent}

.btn_bottom_right{position:absolute; width:65px; bottom:75px; right:9px; text-align:center}
.bt_top { width:65px; height:65px; background:url('/assets/mobile/images/common/bt_top.png') center center no-repeat; background-size:100% auto; display:none; opacity:0; transition:all .4s ease}
.bt_top.show {opacity:1; display:block}
.bt_top .bt_icon {width:49px; height:49px; margin:6px 0 0 6px; background:transparent}
.channel_talk{width:65px; height:65px;
background-image: url('/assets/mobile/images/common/channel_talk.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 24px;
font-size:0; text-indent:-9999px; margin-right: 5px;
}
.channel_talk:after{
  background-clip: padding-box;
border: 2px solid rgba(255, 255, 255, 0.9);
  display:block; content:''; clear:both;
  position: absolute;
    width: 14px;
    height: 14px;
    background-color: rgb(233, 78, 88);
    border-radius: 50%;
    top: 12px;
    right: 14px;
    transform: translate(50%, -50%);
    animation: 400ms cubic-bezier(0.36, 0, 0, 1) 0s 1 normal backwards running ftTlio;}

.bt_getCoupon {width:88px; height:25px; padding-right:25px; font-size:13px; color:#ED1C24; text-align:center; line-height:25px; background:url('/assets/mobile/images/common/bt_coupon.png') no-repeat; background-size:100% auto; display:inline-block}
.bt_delete {width:32px; height:32px; text-indent:-1000em; overflow:hidden; display:block}
.bt_delete:before,
.bt_delete:after {position:absolute; top:15px; left:8px; width:17px; height:1px; background-color:#111; display:block; content:''; transform:rotate(0deg); transition:all .4s ease; transition-delay:.4s}
.bt_delete:before {transform:rotate(45deg)}
.bt_delete:after {transform:rotate(-45deg)}
.bt_deleteAll {font-size: 14px; color: #1f1f1f; text-align: center; display: inline-block; font-weight: normal;  font-family: 'Pretendard-Medium';}
.bt_deleteAll.inline {width:auto; padding:0; border-top:0; display:inline-block}
.bt_deleteAll:before {width:10px; height:12px; margin:-3px 6px 0 0; vertical-align:middle; background:url('/assets/mobile/images/common/icon/ic_delete.png') center center no-repeat; background-size:10px auto; display:inline-block; content:''}
/* .bt_more_view {float:right; font-size:10px; color:#666}
.bt_more_view:after {width:8px; height:5px; margin-left:5px; background:url('/assets/mobile/images/common/icon/view_arr.png') no-repeat; background-size:100% auto; display:inline-block; content:''} */

.icon {text-indent:-1000em; vertical-align:middle; overflow:hidden; display:inline-block}
.icon.ico_photo {width:18px; height:18px; margin:-3px 10px 0 0; background:url('/assets/mobile/images/common/icon/ic_photo.png') no-repeat; background-size:100% auto}
.icon_point {line-height:13px; display:inline-block}
.icon_point:before {width:15px; height:15px; margin-right:4px; margin-top:-2px; vertical-align:middle; background:url('/assets/mobile/images/common/icon/ic_m_p.png') no-repeat; background-size:15px; display:inline-block; content:''}
.icon_point.bulls:before {background:url('/assets/mobile/images/common/icon/ic_m_p_b.png') no-repeat; background-size:15px}

.icon_txt {min-width:42px; height:17px; margin-left:3px; padding:0 5px; font-size:9px; line-height:15px; text-align:center; border:1px solid transparent; display:inline-block}
.icon_txt:first-child {margin-left:0}
.icon_box {width:30px; height:30px; vertical-align:middle; text-indent:-1000em; overflow:hidden; display:inline-block}
.icon_box.routine {background:url('/assets/mobile/images/common/ico_routine.png') no-repeat; background-size:100% auto}

/* score star */
.star {height:14px; color:#999; display:inline-block}
.star span {height:100%; vertical-align:middle; display:inline-block}
.star .graph {width:78px; margin-right:8px; text-indent:-1000em; vertical-align:top; margin-top:3px; overflow:hidden; background:url('/assets/mobile/images/common/icon/star_s_off.png') no-repeat; background-size:auto 100%}
.star .graph:before {width:0; height:100%; vertical-align:middle; background:url('/assets/mobile/images/common/icon/star_s_on.png') no-repeat; background-size:auto 100%; display:block; content:''}
.star.size_b {height:29px}
.star.size_b .graph {width:178px; margin-right:14px; background:url('/assets/mobile/images/common/icon/star_big_off.png') no-repeat; background-size:auto 100%}
.star.size_b .graph:before {background:url('/assets/mobile/images/common/icon/star_big_on.png') no-repeat; background-size:auto 100%}
.star.size_b .score {font-size:26px; color:#111; line-height:29px; vertical-align:middle; display:inline-block}
.star.score_5 .graph:before {width:100%}
.star.score_4 .graph:before {width:80%}
.star.score_3 .graph:before {width:60%}
.star.score_2 .graph:before {width:40%}
.star.score_1 .graph:before {width:20%}

.bt_xsmall,
.bt_small,
.bt_base {color:#fff; text-align:center; background-color:#333; display:block}
.bt_small.reverse,
.bt_base.reverse {color:#333; background-color:#fff; border:1px solid #333}
.bt_xsmall {min-width:63px; padding:10px 8px; font-size:13px; line-height:13px}
.bt_xsmall.reverse {color:#111; background-color:#fff; border:1px solid #ccc}
.bt_small {min-width:119px; height:45px; padding:0 10px; font-size:14px; line-height:45px}
.bt_base {width:100%; height:50px; font-size:18px; line-height:50px}
.bt_point {background-color:#ED1C24}
.btn_area .bt_xsmall,
.btn_area .bt_small,
.btn_area .bt_base {margin-left:6px}
.btn_area .bt_xsmall:first-child,
.btn_area .bt_base:first-child {margin-left:0}
.btn_area.full {padding:0}
.btn_area.full .bt_base {margin-left:0}
.btn_add {padding:10px}
.btn_add .bt_base.reverse {border:1px solid #ccc}


.bt_more {height:45px; font-size:15px; background-color:#fff; border:1px solid #eee; display:flex; justify-content:center; align-items:center}
.bt_more:after {width:12px; height:6px; margin:3px 0 0 8px; background:url('/assets/mobile/images/common/icon/select_arr.png') center center no-repeat; background-size:12px auto; display:inline-block; content:''}

.text-primary {color:#ED1C24 !important}
.max_w {width:100% !important}
.align_c {text-align:center}

.confirm_layout .btn_area .bt_medium{font-size:16px; width:49%; margin-right:2%; min-width:0; min-height:0; height:50px; line-height:50px}
.confirm_layout .btn_area .bt_medium:nth-child(2){margin-right:0}

ul:after{display:block; content:''; clear:both}
label{display:inline-block}


/* toggle */


.sns_regist ul li p .checkbox {display:none}

.toggle {
background-color: #D9D9D9;
border-radius: 20px;
cursor: pointer;
display: inline-block;
align-items: center;
justify-content: space-between;
position: relative;
height: 20px;
width: 40px;
}

.toggle:before {
display:inline-block;
content:'';
background-color: #fff;
border-radius: 20px;
position: absolute;
top: 2px;
left: 2px;
height: 16px;
width: 16px;
transform: translateX(0px);
transition: transform 0.2s linear;
}

.checkbox:checked + .toggle:before {transform: translateX(20px)}
.checkbox:checked + .toggle{background-color:#ED1C24}


/* input file type */
.input-file { display: inline-block; width:100%}
.input-file [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
.input-file .file-label { display: inline-block; width:110px; height: 40px; line-height: 40px; padding: 0 10px;  font-size: 13px; border-radius:0; background-color:#fff; border:1px solid #d9d9d9; color:#1f1f1f}
.input-file .file-name { width: calc(100% - 115px); margin-right:5px; float:left; background: #f5f5f5; height:40px; line-height: 40px; text-indent: 5px; border: 1px solid #D9D9D9; }

/* 접근성 탭 포커스 스타일 */
.file-focus { outline: 1px dotted #d2310e; }


/* multirange */
.range_wrap{margin:20px auto; padding:12px 10px 12px 5px; position:relative;}
.range_wrap #slider-range{border: 0; height: 2px; width: 100%; background-color: #EBEBEB}
.range_wrap #slider-range .ui-slider-range{background-color:#DB0111}
.range_wrap #slider-range .ui-slider-handle{width:24px; height:24px; top:-11px; border:1px solid #BFBFBF; border-radius:24px; background-color:#fff}
.range_wrap .text-888{display:inline-block; font-size:16px; margin-top:15px}
.range_wrap .text-888{}
.range_wrap .text-888:nth-of-type(1){float:left; margin-left:-11px}
.range_wrap .text-888:nth-of-type(2){float:right; margin-right:-17px}
.price_range p.range_txt{width: auto; display: inline-block; min-width: 0; border: 0; font-size:16px; font-family: 'Pretendard-Regular'; color:#1f1f1f}



/*** common ***/




.icon_txt{min-width:46px;height:20px;margin-left:6px;font-size:11px;line-height:18px;text-align:center;border-width:1px;border-style:solid;border-color:transparent;display:inline-block}
.icon_txt:first-child{margin-left:0}
.icon_rmd{width:50px;height:50px;margin-bottom:2px;font-size:14px;font-weight:500;line-height:14px;text-align:center;word-break:keep-all;border-width:2px;border-style:solid;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 1px 0 transparent inset,0 0 1px 0 transparent}
.icon_rmd.present{color:#fff;background-color:#394BF3;border:0}
.icon_rmd.best{color:#394BF3;border-color:#394BF3}
.icon_rmd.plus,.icon_rmd.new{color:#F52828;font-weight:700;border-color:#F52828}
.icon_rmd.free,.icon_rmd.super,.icon_rmd.new{font-size:14px}
.icon_rmd.special,.icon_rmd.super{color:#fff;background-color:#F52828}
.icon_rmd.free{color:#fff;font-weight:500;background-color:#394BF3}
.icon_rmd.sale{font-size:14px;color:#fff;font-weight:700;background-color:#F52828;border:0}

.icon_rmd.sale b{margin:-4px 1px 0 0;font-size:20px;color:#fff;font-weight:400;display:inline-block}
.icon_box{width:37px;height:37px;margin-right:8px;vertical-align:middle;text-indent:-1000em;overflow:hidden;border-radius:20px;display:inline-block}
.icon_box.routine{margin-top:-5px;background:url(../images/common/icon/ic_routine.png) no-repeat}

.icon_txt.dcmore{color:#F52828; border:1px solid #F52828}
.chip.dcmore{color:#F52828 !important; border:1px solid #F52828 !important}

.bt_icon{border-radius:5px; vertical-align:middle;text-indent:-1000em;overflow:hidden;display:inline-block}

input+.bt_small.reverse{border:1px solid #111}

.about_rating .bt_icon.bt_like:hover,.about_rating .bt_icon.bt_like.on{border-radius:5px; background:url(../images/common/icon/ic_like_b.svg) center center no-repeat}
.bt_icon.bt_share{border-radius:5px; line-height:28px;text-indent:0}
.bt_icon.bt_share:before{width:24px;height:24px;margin:-4px 6px 0 0;vertical-align:middle;background:url('/assets/front/images/common/icon/ic_share2.svg') center center no-repeat;display:inline-block;content:'';transition:all .2s ease}
.bt_icon.bt_cart{border-radius:5px; width:29px;height:33px;background:url(../images/common/icon/ic_cart_s.png) center center no-repeat}
.bt_icon.bt_cart:hover,.bt_icon.bt_cart.on{width:29px;height:33px;background:url(../images/common/icon/ic_cart_s_on.png) center center no-repeat}
.bt_icon.bt_call{width:15px;height:15px;margin:-3px 0 0 4px;background:url(../images/common/icon/ic_call.png) center center no-repeat}
.bt_pointer{border-radius:5px; background-color:#ED1C24; color:#fff}
.bt_down{border-radius:5px; padding:9px 16px;line-height:16px}
.bt_down:after{width:12px;height:12px;margin-left:3px;background:url(../images/common/icon/ic_download.png) center center no-repeat;display:inline-block;content:''}
.bt_kakao,.bt_url{width:40px;height:40px}
.bt_kakao{background:url(../images/common/sns_kakao.png) center center no-repeat}
.bt_url{background:url(../images/common/sns_url.png) center center no-repeat}
.img_icon{vertical-align:middle;text-indent:-1000em;overflow:hidden;display:inline-block}
.img_icon.photo{width:19px;height:19px;margin:-3px 0 0 20px;background:url(../images/common/icon/ic_photo.png) no-repeat}.star{height:20px;color:#999;display:inline-block}

.layer_brandMenu{position:absolute;top:100%;left:0;width:802px;padding:30px 0;background-color:#fff;display:none;box-shadow:6px 10px 12px 0 rgba(0,0,0,.15);z-index:100}
.layer_brandMenu.show{display:block}.layer_brandMenu .brand_list{position:relative;max-height:288px}
.layer_brandMenu .brand_list .brand_slide{transition:all .4s ease-out}
.layer_brandMenu .brand_list #brand_inner{width:704px;vertical-align:top;display:inline-block;transition:all .2s ease-in}
.layer_brandMenu .layer_brandMenu .brand_paging{padding:18px 0 0 0;line-height:10px}
.layer_brandMenu .brand_paging span{position:relative;width:12px;height:12px;margin-left:12px;text-indent:-1000em;overflow:hidden;display:inline-block;cursor:pointer}
.layer_brandMenu .brand_paging span:before{position:absolute;top:1px;left:1px;width:8px;height:8px;border:1px solid #666;border-radius:50%;display:inline-block;content:''}
.layer_brandMenu .brand_paging span.active:before{background-color:#333}

.sorting.type_tab{padding-right:0}
.sorting.type_tab li:last-child{padding-right:0}
.sold_out{font-size:18px;color:#ED1C24}


.rating_stars ul{display:inline-block;}
.rating_stars ul li{display:inline-block;float:left; margin-right:2px; width:12px; height:12px; background:url('/assets/mobile/images/common/star.svg') no-repeat center}
.rating_stars ul li.active{background:url('/assets/mobile/images/common/star_active.svg') no-repeat center}



    .checkbox{width:20px; height:20px; display:inline-block;}
    .btn_submit{padding:0;}
    .btn_submit .btn {
        line-height: 40px;
        height:40px;
        padding: 0;
        font-size: 16px;
        font-weight: ;
    }
    .btn_submit.dev2 .btn{width:49%}
    .btn_submit.dev2 .btn:last-child{float:right;}
    .btn.btn-cancel {
        border: 1px solid #dfdfdf;
        color: #676767;
        float: left;
    }



  .bt_small, .bt_base, .bt_medium, .bt_large {
      height: 38px;
      padding: 0 24px;
      font-size: 20px;
      text-align: center;
      vertical-align: middle;
      line-height: 36px;
      white-space: nowrap;
      border: 0;
      background-color: #fff;
      display: inline-block;
      box-sizing: border-box;
      cursor: pointer;
      border-radius:5px
  }
  .bt_medium {
    min-width: 220px;
    min-height: 60px;
    padding: 0 20px;
    font-size: 18px;
    line-height: 60px;

    }

    .bt_pointer {
    background-color: #ED1C24;
  }

  .bt_small.reverse {
    border: 1px solid #ccc;
  }
  .bt_small.reverse, .bt_medium.reverse, .bt_base.reverse, .bt_large.reverse {
      color: #333;
      border: 1px solid #333;
      background-color: #fff;
  }
      .btnH30{height:30px; line-height:25px; margin-top:-3px; vertical-align: middle}
.border-orange{border:1px solid #ff983f;}
.bg-primary{background-color:#ED1C24;}
.bg-primary2{background-color:#DB0111; color:#fff}
.bg-orange{background-color:#ff983f;}
.bg-red{background-color:#ef5c5c;}
.bg-green{background-color:#24B056;}
.bg-skyblue{background-color:#A2C0EE}
.bg-whitegray{background-color:#bbb !important}
.bg-gray{background-color:#666666 !important}
.bg-333{background-color:#333}
.bg-454545{background-color:#454545}
.bg-brown{background-color:#402021}
.bg-cyan{background-color:#badbdc}
.bg-yellow2{background-color:#ffe19e}
.bg-pink{background-color:#EEA2A2}
.bg-1f1f1f{background-color:#1f1f1f}
.bg-1F1F1F{background-color:#1f1f1f}
.bg-f8f8f8{background-color:#f8f8f8}
.bg-cdcdcd{background-color:#cdcdcd}
.bg-orange2{background-color:#FFC248}
.text-pink,
.text-pink:hover,
.text-pink:active,
.text-pink:focus{color:#FF3CAC}
.text-cyan,
.text-cyan:hover,
.text-cyan:active,
.text-cyan:focus{color:#badbdc;}
.text-brown,
.text-brown:hover,
.text-brown:active,
.text-brown:focus{color:#402021;}
.text-red,
.text-red:hover,
.text-red:active,
.text-red:focus{color:#ED1C24;}
.text-primary,
.text-primary:hover,
.text-primary:active,
.text-primary:focus{color:#ED1C24 !important}
.text-primary2,
.text-primary2:hover,
.text-primary2:active,
.text-primary2:focus{color:#DB0111 !important}
.text-333,
.text-333:hover,
.text-333:active,
.text-333:focus{color:#333 !important}
.text-666,
.text-666:hover,
.text-666:active,
.text-666:focus{color: #666;}
.text-888,
.text-888:hover,
.text-888:active,
.text-888:focus{color:#888 !important}
.text-1f1f1f,
.text-1f1f1f:hover,
.text-1f1f1f:active,
.text-1f1f1f:focus{color:#1f1f1f !important}
.text-yellow,
.text-yellow:hover,
.text-yellow:active,
.text-yellow:focus{color:#F7FF00 !important}
.text-black,
.text-black:hover,
.text-black:active,
.text-black:focus{color:#1f1f1f !important}
.text-orange{color:#ff983f; }
.text-orange2{color:#FFC248;}
.text-white,
.text-white:hover,
.text-white:active,
.text-white:focus,
.bg-primary:hover,
.bg-primary:active,
.bg-primary:focus{color:white !important}
.text-blue,
.text-blue:hover,
.text-blue:active,
.text-blue:focus{color: #007aff;}
.text-blue2,
.text-blue2:hover,
.text-blue2:active,
.text-blue2:focus{color: #0021C7;}

.text-red2,
.text-red2:hover,
.text-red2:active,
.text-red2:focus{color:#FF0013 !important}
.text-gold,
.text-gold:hover,
.text-gold:active,
.text-gold:focus{color:#FFC146 !important}
.text-skyblue,
.text-skyblue:hover,
.text-skyblue:active,
.text-skyblue:focus{color:#69D0FE !important}
.text-green2,
.text-green2:hover,
.text-green2:active,
.text-green2:focus{color:#78DF94 !important}

.border-primary{border:1px solid #ED1C24 !important; background-color:#fff !important}
.border-primary2{border:1px solid #DB0111 !important; background-color:#fff !important}
.border-alert{border:1px solid #ED1C24 !important}
.border-1f1f1f{border:1px solid #1f1f1f !important; background-color:#fff !important}
.border-orange{border:1px solid #ff983f; background-color:#fff}
.border-orange2{border:1px solid #FFC248; background-color:#fff}
.border-red{border:1px solid #ef5c5c; background-color:#fff}
a.bg-cdcdcd{ background-color: #cdcdcd}
.bg-464646{background-color:#464646;}
.text-gray,
.text-gray:hover,
.text-gray:active,
.text-gray:focus{color: #888;}

a.bg-primary{border:1px solid #ED1C24}
a.border-cdcdcd{border:1px solid #cdcdcd}
button.bg-primary{border:1px solid #ED1C24}
button.bg-cdcdcd{border:1px solid #cdcdcd}

.text-black,
.text-black:hover,
.text-black:active,
.text-black:focus{color: #1f1f1f;}


.btn_link{font-weight:bold;border-bottom:1px solid transparent !important; }
.btn_link:hover,
.btn_link:focus,
.btn_link:active{border-bottom:1px solid !important; color:#222}
.btn_link2,
.btn_link2:hover,
.btn_link2:focus,
.btn_link2:active{border-bottom:1px solid !important; color:#222}

tr.row_red td .btn_link:hover,
tr.row_red td .btn_link:focus,
tr.row_red td .btn_link:active{border-bottom:1px solid red !important; color:red}

.text-grey{color:#666}
.bg-grey{background-color:#666;}

#delbtn,
.btn-red,
.bg-red{background: #ED5247;color: #fff;}
.pointRed{color:#ED1C24 !important; }
.ls0{letter-spacing:0 !important}
.italic{font-style:italic !important;}


.form-group{margin:0; padding-left:0; padding-right:0}
.form-group:after,
.input_box:after{display:block; content:''; clear:both;}
.form-group .input_box{display:inline-block; padding-left:10px; float:left; width:calc(100% - 105px); height:45px; line-height:45px}
.input_box input, .input_box select{padding-left:5px; padding-right:5px; height:100%}
.input_wrap.focused{border-color:#DB0111;}
.input_wrap.focused{border-color:#DB0111;}
.form-group .input_box input[type="password"],
.form-group .input_box input[type="text"]{display:inline-block;}

.box-shadow{box-shadow:0 1px 4px #e4e2f1}
.border-shadow{box-shadow:0 1px 4px #e4e2f1; padding:20px; border-radius:6px; border:1px solid #d5d5d5}


/* img upload */
.img_wrap{width:100%}
.img_wrap .upImg{margin-right:10px;}
.img_wrap:after{display:block; content:''; clear:both;}
.filebox1{display:inline-block; width:100%; height:100%; text-align:center;}
.filebox1 .img .imgbox{overflow:hidden;}
.filebox1 .img .imgbox img{height:auto !important;}
.fileadd{position:relative; height:100%;}
.upImg{
width:100px;
height:100px;
background-color: #fff;
position: relative;
display: inline-block;
float: left;
border-radius:5px;
border:1px solid #ebebeb;
margin-bottom: 10px;
 margin-right:5px;
 overflow:hidden

}
.upImg.addImg{background-color:#f8f8f8}
.upImg img{width:auto; height:100%; display:flex; align-items: center; margin:0 auto}
 .upImg a{display:inline-block; width:15px; height:15px;}
.upImg .btn_del_img{position:absolute; top:10px; right:10px}
.upImg .btn_add_img{position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; width:20px; height:20px; transform:rotate(45deg)}

.upImg .close:after,
.upImg .close:before{right:0; left:0; top:0; bottom:0; margin:auto}
.btn_add_img.close{width:100%; height:100%; border-radius:3px; transform:rotate(0deg)}
.btn_add_img.close:before{background-color:rgba(0, 0, 0, .4);;transform:rotate(90deg); width:24px; height:1px;}
.btn_add_img.close:after{background-color:rgba(0, 0, 0, .4);;transform:rotate(0deg); width:24px; height:1px}

.btn_del_img.close{width:20px; height:20px; background-color:rgba(0, 0, 0, .4); top:8px; right:8px; border-radius:3px}
.btn_del_img.close:before,
.btn_del_img.close:after{background-color:#fff; width: 1px; height: 70%;}

.btn_img_add{display:inline-block; padding-top:100px}
.btn_img_add span{display:block; font-size:14px; text-align:center; margin-top:10px;}
.btn_img_add img{width:20px; height:20px; display:block; margin:0 auto;}
.no_img{position:absolute;top:0; bottom:0; left:0; right:0; margin:auto;  width:100%; font-size:13px; text-align:center;padding-top:60px}
.no_img img{opacity:.5}
.no_img p{margin:5px auto 20px; color:#666;}
.no_img a{ width:100px; font-weight:normal; height:30px; line-height:25px; border-radius:4px; display:inline-block;}

/* imaged preview */
.upfile input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.upfile .upload-name {-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }

.img_box_wrap {
  height: 100vh;
  background: black;
}

.t_overflow{
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;
}

.lock { background-color: #EEEEEE;}
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb15 { margin-bottom: 15px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml15 { margin-left: 15px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr15 { margin-right: 15px !important; }

.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }

.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb15 { padding-bottom: 15px !important; }

.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl15 { padding-left: 15px !important; }

.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr15 { padding-right: 15px !important; }

.bb0{border-bottom:0 !important}

.no-img{width:105px; display:block; margin:0 auto;align-items: center}


/*** table ***/
.table_area {}
.table_area table tr{border-bottom:1px solid #d5d5d5}
.table_area table th,
.table_area table td{text-align:center}
.table_area table th{height:25px; line-height:15px; font-size:12px;vertical-align: baseline;}
.table_area table tbody td{height:40px; line-height:40px; font-size:13px}
th.text-left,
td.text-left{text-align:left}
/*** chart ***/
.chart_box{background-color:#fff; border-radius:6px; box-shadow: 0 1px 4px #eef1f7; padding:20px; margin-top:30px}
.chart_box:after{display:block; content:''; clear:both}

#chart-area{display:inline-block;width:400px; height:400px;}
 .chart_info{width:calc(100% - 400px); display:inline-block; float:right}
#chart-area canvas{height: auto !important;}
.toastui-chart-wrapper{}


  .pagination{text-align:center; display:block; margin-top:20px}
  .pagination_inner{display:inline-block;}
  .pagination .arrow{width:20px; height:20px; line-height:20px; text-align:center; display:inline-block;vertical-align: top}
  .arrows.arrow_right{
    display:inline-block;
        background: none;
        width: 12px;
        height: 12px;
        border: 2px solid #1f1f1f;
        border-top-width: 0;
        border-left-width: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: all 500ms;
    }
  .pages{display:inline-block;}
  .pages:after{display:block; content:''; clear:both}
  .pages li{width:20px; height:20px; line-height:20px; text-align:center; border-radius:3px; display:inline-block; float:left;}
  .pages li.on{color:#fff; background-color:#333}




/* input */
input, select{font-size:13px; outline:none; border-radius:4px}
textarea{
  border:1px solid #D9D9D9;
  background-color:#fff;
  height: auto;
  overflow: auto;
  padding: 10px;
  resize: none;
  box-sizing: border-box;
  font-size: 13px;
  text-indent:0;
  outline:none
}
input, select, .form-control {
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    outline:none;
    font-weight:normal;
    box-shadow:none;
    text-indent:8px;

}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    padding-left:10px;
    outline:none;
    width:100%;
    padding:0;
    background-image: url(../img/arrow_down.svg);
    background-size: 15px 10px;
    background-repeat: no-repeat;
    background-position:right 5px center
}
.select-wrap{position:relative; height:45px; width:100%; padding:0}
.select-wrap select{  box-sizing:border-box;border:1px solid #E5E5E5;background-color: #fff}
.select-wrap > span{min-width:100%; height:100%; border:1px solid #d9d9d9; box-sizing:border-box; padding-bottom:0; padding-top:0}

.select-wrap > span:hover{background-color:#fff; border-color:#DB0111}
.select-wrap > span:focus{background-color:#fff; border-color:#DB0111}
.select-wrap > span > span{line-height:45px; font-family: 'Pretendard-ExtraLight';}
.select-wrap .ui-button .ui-icon{background:none; width: 12px; height: 12px;  margin-top:11px; border:2px solid #1f1f1f;  border-top-width: 0;  border-left-width: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition:all 500ms; display:inline-block}
.select-wrap > span.ui-selectmenu-button-open .ui-icon{transform:rotate(-135deg); margin-top:16px}
.ui-selectmenu-menu .ui-menu-item-wrapper{height:40px; line-height:40px}
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background-color:#1f1f1f}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active{margin:0}

select.readonly {
  background-color: #f8f8f8;
  border: 1px solid #C8C9CE;
}
 .readonly,
 .readonly input,
 .readonly textarea{background-color:#f8f8f8 !important}
/*textarea:read-only{background-color:#f8f8f8} */
select option { text-indent: 15px; font-size:13px}
select::-ms-expand { display: none;}

select.active { transform:rotate(180deg); transition:2s ease-out;}

a:hover, a:focus, a:active{text-decoration: none;}
input::placeholder,
textarea::placeholder{color:#888; opacity: .5; font-family: 'Pretendard-ExtraLight';}
input:focus::placeholder,
textarea:focus::placeholder{opacity:1; transition:500ms all}
.textarea_count{color:#888}
.textarea_count label{color:#1F1F1F; font-family: 'Pretendard-Medium';}
.textarea_count b{display:inline-block; font-weight:normal; padding:0 3px}


body .checkbox_wrap{ position:relative;}
body .checkbox_wrap:last-child{margin-right:0;}
body .checkbox_wrap input{    display: inline-block;
    width:auto; height:auto;
    float: left;
    top: 0;
    height: auto;
    vertical-align: top; outline:none; border:0; padding:0; width:20px; height:20px; }
input:focus {outline:none !important;}
body .checkbox_wrap input[type="checkbox"],
body .checkbox_wrap input[type="radio"]{width:20px; height:20px}

input[type="checkbox"].square:before{border-color:#fff}
input[type="checkbox"].square:checked:before{border-color:#DB0111}
input[type="checkbox"].square:checked:after{border-color:#DB0111 !important; background-color:#fff}
input.square:after{border-radius:0; background-color:#fff; border:1px solid #d9d9d9 !important}

body .checkbox_wrap input[type="checkbox"].square:before{border-color:#fff}
body .checkbox_wrap input[type="checkbox"].square:checked:before{border-color:#DB0111}
body .checkbox_wrap input[type="checkbox"].square:checked:after{border-color:#DB0111 !important; background-color:#fff}
body .checkbox_wrap input.square:after{border-radius:0; background-color:#fff; border:1px solid #d9d9d9 !important}

body .checkbox_wrap span{display:inline-block;  font-size:14px; padding-left:5px; font-weight:normal; line-height:20px;  color:#000}
body .checkbox_wrap span u{display:inline-block; padding-right:2px;}

body .radio_wrap{ margin-right:15px;float:left; line-height:40px;}
body .radio_wrap:last-child{margin-right:0;}
body .radio_wrap input{    display: inline-block;
    width: auto;
    width:auto; height:auto;
    float: left;
    top: 0;
    height: auto;
    vertical-align: top;
    margin-top: 17px;}
body .radio_wrap span{display:inline-block; margin-top:14px; font-size:14px; font-weight:normal; line-height:1; float:left;}
.payment_content .paytype.on label{color:#fff}
.paytype input[type="radio"]{ visibility: hidden; position: absolute; z-index: -2;}

.contents_wrap{padding:30px 15px; max-width:1100px; position:relative;}
.contents_wrap .btn_wrap{text-align:right; margin-top:15px}
.btn.col-md-2{float:none; width:60px; max-width:none}

.dev4 li{width:25%; float:left; display:inline-block;}
section {box-sizing:border-box}


span.chk{display:inline-block; position:relative; padding-left:15px; float:left; margin-top:6px;}
span.chk:nth-child(1){padding-left:0;}
span.chk label{border:0; display:inline-block;}

em.chk{display:inline-block; width: 9px; height: 15px; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
em.chk svg path{stroke:transparent}
em.chk.chk_red svg path{stroke:#DB0111}
em.chk.chk_blue svg path{stroke:#6080FF}

/* date */
.date label{width:47.5%; height:40px; line-height:40px; position:relative; display:inline-block; vertical-align: top}
.date label img{
  width: 18px;
  margin: 6px 8px;
  position: absolute;
  top: 3px;
  right: 1px;
    }
.date label input{width:100%; height:100%}
  .date strong{display:inline-block; margin-top:3px; vertical-align: top}
  .hide{display:none;}
  .show{display:block;}
  .btn_url{background-color: #009688; color:#fff; border-radius:6px; width:110px}


.btn_wrap{}
.btn_wrap .btn{line-height:32px; height:34px; vertical-align: top;}
.btn_wrap.dev .btn{width:49%; margin-right:2%; float:left;}
.btn_wrap.dev .btn:last-child{margin-right:0;}
div .btn{
    width: 100px;
    line-height:40px;
    height:40px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box;
    padding:0;
    border-radius:5px
}
.input_box .btn{height:35px; line-height:35px}
.btn img{width: 15px; display: inline-block; margin-top: 8px;}


a.btn_close {
    width: 12px;
    height: 12px;
    line-height: 1.8;
    display:inline-block;
}


.full-width{width:100% !important; margin-left:0; margin-right:0}
.half-width{width:50% !important}
.float-left{float:left !important }
.float-right{float:right !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}

.sticky{position:sticky;}
.fixed{}


.btn_hover:hover {
    font-weight: 600;
}

.btn_wrap a.btn_add {padding:0 20px; width:auto;}
.btn_wrap a.btn_add img {margin-right:5px;}
.btn_del{width:20px; height:20px; display:inline-block;}

.tui-grid-cell-has-input .tui-grid-cell-content{display:inline-block; border-bottom:1px solid transparent;}
.tui-grid-table{height:100%; overflow:auto;}

.top:after,
.bottom:after,
ul:after{display:block; content:''; clear:both;}
.dev2 li{width:50%; float:left;}
.dev2 li:nth-child(3n){padding-right:0;}
.dev3 li{width:33.333%; float:left;}
.dev3 li:nth-child(3n){padding-right:0;}
.dev4 li{width:25%; float:left;}
.dev4 li:nth-child(4n){padding-right:0;}

.search_box.top{padding:20px; background-color:#fbfbfb; border:1px solid #e5e5e5}

.form-group.address,
.form-group.address .input_box.address_box{height:auto}
.addr02, .addr03{margin-top:3px}
.addr01 .btn{width:60px; margin-left:5px}

/* form */
form{margin:30px auto 0}
.input_wrap{display:inline-block; height:45px; line-height:45px;border:1px solid #D9D9D9; border-radius:5px;}
.input_wrap input{height:100%; width:100%; border:0; vertical-align: top}
form input[type="checkbox"]{border-radius:18px; width:18px; height:18px}
form input[type="text"],
form input[type="password"]{width:100%; border:0; font-size:14px; color:#000}
form input::placeholder{color:#000; font-weight:bold}

/* layer_alert */

.layer_alert{
  position:fixed;top:35%;left:50%; padding:40px;
  ;background-color:#fff;
  text-align:center;
  /* box-shadow: 2px 2px 2px #ddd; */
  border-radius: 5px;
  padding: 0 10px !important;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e5e5e5 !important;
  z-index:1000;display:none}
.layer_alert .close{position:absolute;top:5px;right:0;width:38px;height:38px;display:inline-block}
.layer_alert .close span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;z-index:-1}
.layer_alert .close:before,.layer_alert .close:after{position:absolute;top:10px;left:10px;width:1px;height:24px;background-color:#000;display:block;content:''}
.layer_alert .alert_content{font-size:16px;line-height:22px}
.layer_alert .ment{min-height:38px;padding:85px 10px 44px;vertical-align:middle;word-break:keep-all;display:flex;justify-content:center;align-items:flex-end; font-size:16px; font-family: 'Pretendard-Light'}
.layer_alert .ment+.btn_area{padding-top:30px}
.layer_popup{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:100;display:none}
.layer_popup .layer_alert .alert_content .btn_area{position:static;}
.layer_popup .btn_area{position:static;}
.layer_alert span:nth-child(1){ display: inline-block; margin-top: 7px; vertical-align: top;}
.layer_alert span#__loading_msg__{font-size:10px;  font-family: 'Pretendard-Medium';}

/* alert popup */
.layer_alert{position:fixed; top:50% !important; left:50% !important; transform:translate3d(-50%, -50%, 0);
  width:calc(100% - 32px); height:auto; padding:20px; text-align:center; border:1px solid #333;
  background-color:#fff; z-index:1000; display:none; margin:0 auto !important}
.layer_alert .close,
.popup .close {position:absolute; top:0; right:0; width:38px; height:38px; display:inline-block; display:block}
.popup .close {display:block}
.layer_alert .close span,
.popup .close span {position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; z-index:-1}
.layer_alert .close:before,
.layer_alert .close:after,
.popup .close:before,
.popup .close:after {position:absolute; top:12px; left:18px; width:1px; height:20px; background-color:#000; display:block; content:''}
.layer_alert .close:before,
.popup .close:before {transform:rotate(45deg)}
.layer_alert .close:after,
.popup .close:after {transform:rotate(-45deg)}
.layer_alert .alert_content {font-size:13px; line-height:22px; padding:15px 0}
.alert_content .btn_area {margin-top:0}
.alert_content .btn_area a{}
.alert_content .btn_area .ok {background-color: #ED1C24; border: 0; color:#fff;}
.alert_content .btn_area .cancel{border: 1px solid #ED1C24; color: #ED1C24; background-color: #fff;}
.layer_alert .btn_area a{width:140px; height:50px; line-height:50px; line-height:50px; font-size:14px; max-width:calc(50% - 3px)}

.popup_content {padding:20px}
.popup_content .add_cautions {padding:10px 0}
.popup_content .add_cautions:last-child {padding-bottom:0}
.store_info .popup_content {padding-top:0}
.store_infoView {padding:7px 0; border-bottom:1px solid #eee}
.store_infoView dl {padding:7px 0; font-size:14px; line-height:20px; display:flex}
.store_infoView dt {width:105px}
.store_infoView dd {flex:2}
.share_list ul {font-size:0; line-height:0; text-align:center}
.share_list ul li {margin-left:10px; display:inline-block}
.share_list ul li:first-child {margin-left:0}

.loading_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.85); z-index:10000; display:none}
.loading_bar {position:fixed; top:50%; left:50%; margin:-35px 0 0 -35px; z-index:10000}

.event_popup{left:0 !important; right:0 !important; margin:auto !important; max-width:90% !important}


div > table[cellpadding="3"] tr td label input[type="checkbox"]{height:18px !important; margin-top:-12px !important}
input[type="checkbox"]#chk_block_528{height:18px !important; margin-top:-12px !important}

/* popup */

.popup_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #111;
  opacity: .7;
  z-index: 900;
  display:none !important
}
.popup_wrap2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #111;
  opacity: .7;
  z-index: 900;
  display:none
}
.popup_myCoupon {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #111;
  opacity: .7;
  z-index: 900;
}

.popup_header{position:relative; text-align:left; padding:30px 20px 0 20px}
.popup_header h3{font-size:16px; font-family: 'Pretendard-Regular';border-bottom:1px solid #1f1f1f; margin-bottom:10px; padding-bottom:10px; font-weight:normal}
.popup_header h3 span{font-size:12px; display:inline-block; margin-top:4px; float:none !important; padding-left:5px}
.popup_content{padding:15px 20px 20px; text-align:left; font-size:15px; max-height:calc(85vh - 80px); overflow:auto;position:relative; }
.popup_content .control-label{padding-left:0; display:block; margin-bottom:10px}
.popup_content .form-group{border-bottom:0; padding-bottom:15px;}
.popup_content .form-group .title{    margin: 0;
    padding: 0;
    background-color: transparent;
    width: 80px;
    height: 35px;
    line-height: 35px;
    padding-top: 0}

a.close{position:absolute; top:0px; right:0px; width:20px; height:20px; display:inline-block;}
a.close:before,
a.close:after{position:absolute;top:0px;left:10px;width:2px;height:100%;background-color:#000;display:block;content:''}
a.close:before{transform:rotate(45deg)}
a.close:after{transform:rotate(-45deg)}

.popup .close{position:absolute; top:0px; right:0px; width:20px; height:20px}
.popup .popup_header .close{top:30px; right:30px}
.popup .close:before,
.popup .close:after{position:absolute;top:0px;left:10px;width:1.5px;height:100%;background-color:#000;display:block;content:''}
.popup .close:before{transform:rotate(45deg)}
.popup .close:after{transform:rotate(-45deg)}

.popup_content h5{font-size:16px; padding-bottom:5px; border-bottom:1px solid #454545; margin:10px auto 20px}

.popup_content:after{display:block; content:''; clear:both;}
.popup_content .form-group .input_box{height:35px; line-height:35px; padding-left:0; width:calc(100% - 90px)}

.popup .message{padding-top:30px; padding-bottom:20px; font-weight:600; color:#222; font-size:18px; text-align:center;}
.popup_content .btn_wrap{padding-top:20px; width:100%; padding-bottom:0;}
.popup .btn_wrap:after{display:block; content:''; clear:both;}
.popup .btn_wrap.dev2 .btn{width:49% !important; margin-right:2%; display:inline-block; float:left !important; height:48px; line-height:48px}
.popup .btn_wrap .btn:last-child{margin-right:0}

.popup_content div:first-child,.popup_content table:first-child,.popup_content section:first-child,.popup_content ul:first-child{border-top:0}

.popup.popup_{width:calc(100% - 50px); max-width:300px; position:fixed; top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0)}
.popup {
  position: fixed;width:calc(100% - 50px); max-width:300px; position:fixed; top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);
  display: none;
  height: auto;
  text-align: center;
  box-sizing: border-box;
  z-index:1000;
  border-radius:10px; background-color:#fff;
  box-shadow:0 2px 2px rgba(0, 0, 0, .16)

}
.popup.popup_ .popup_content{display:flex; height:calc(100% - 50px); max-height:none; overflow:visible; padding:40px 20px}
.popup.popup_ .popup_content p{display:flex; align-items:center; justify-content: center; width:100%; font-size:14px;font-family: 'Pretendard-Regular';}
.popup.popup_ .btn_wrap{border-top:1px solid #1f1f1f}
.popup.popup_ .btn_wrap .btn{height:50px; font-size:15px; line-height:50px; font-family: 'Pretendard-Medium'; color:#D61922 !important; background-color:transparent !important}
.popup.popup_in{z-index:9999}






.mobile_my_coupon{display:none; position:fixed; width:90%; max-width:750px; padding:35px 20px; bottom:auto; top:5%; left:0; right:0; margin:auto; max-height:90vh; overflow:auto; border-radius:10px; z-index: 910; background-color:#fff}
.mobile_my_coupon.show{display:block}
.mobile_my_coupon header{position:relative; padding:0}
.mobile_my_coupon header h2{    font-size: 20px;
    font-family: 'Pretendard-Medium';
    border-bottom: 1px solid #1f1f1f;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: normal;
}
.mobile_my_coupon header span{display:none;}
.mobile_my_coupon .close{width:16px; height:16px; right:0px; top:0px;font-size:0px}
a.close span{}
.mobile_my_coupon .layer_content{padding:0}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list{padding:5px 0}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list ul{padding: 10px; background-color: #f8f8f8; margin:10px auto}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list h4{padding:10px 0 0; margin:0; line-height: 1.4}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list h4 .price{margin-left:0}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list h4 .store a{font-size:12px;font-family: 'Pretendard-Regular'; color:#666}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list li{border:0; padding:0; margin:0; background-color:transparent; height:auto; width:100%}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list li:before,
.mobile_my_coupon .layer_content .box_wrapper .coupon_list li:after{display:none}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list li input[type="radio"]{height:18px}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list li .radio_box label{font-size:13px; width:calc(100% - 30px); float:right; margin-top:3px}
.mobile_my_coupon .layer_content .box_wrapper .coupon_list li .check_box input[type="checkbox"]{height:auto; top:0; }
.mobile_my_coupon .layer_content .box_wrapper .coupon_list li .check_box label{padding-left:5px}
.mobile_my_coupon .layer_content .box_wrapper:nth-child(2) .coupon_list li{padding:5px 0}
.mobile_my_coupon .layer_content .box_wrapper:nth-child(2) .coupon_list li label{vertical-align: top; margin:0 0 0 8px; font-size:13px}
.mobile_my_coupon .layer_content .box_wrapper:nth-child(2) .coupon_list li input[type="checkbox"]{height:18px; top:0}
.mobile_my_coupon .btn_area a.apply-coupon{background-color:#DB0111; color:#fff; margin-left:0}


.mobile_my_coupon .btn_area a.bt_medium{width:100%; height:48px; line-height:46px; float:left}
.mobile_my_coupon .btn_area a.bt_medium.close-coupon-popup{margin-right:2%}
.mobile_my_coupon .btn_area a.close-coupon-popup{border-color:#DB0111; color:#DB0111}


.mobile_my_coupon .add_up > dl{display:block}
.mobile_my_coupon .add_up.sum_total dl dt{padding:0; font-size:13px}
.mobile_my_coupon .add_up.sum_total dl dd{padding-right:0}
.mobile_my_coupon .add_up .price{font-size:17px}
.mobile_my_coupon .icon_sum.sum_total dl:before{top:20px}

.mobile_my_coupon .layer_content dl{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #d9d9d9}
.mobile_my_coupon .layer_content dl:nth-child(1){padding-top:20px}
.mobile_my_coupon .layer_content dl dd.tb_price{font-size:12px}
.mobile_my_coupon .layer_content dl dd.tb_coupon{margin-top:10px}
.mobile_my_coupon .layer_content dl dd.tb_coupon .check_list label{font-size:13px}
.mobile_my_coupon .layer_content dl .check_list{padding:10px;background-color:#f8f8f8}
.mobile_my_coupon .layer_content dl .check_list input[type="radio"]{height:18px; border:0}
.mobile_my_coupon .layer_content dl .check_list .radio_box label{width:calc(100% - 23px); font-size:13px}

.mobile_my_coupon .popup_content .list:nth-of-type(2) .check_box input[type="checkbox"]{    height: 18px;
    top: -1px;
    margin-right: 3px;
}
.mobile_my_coupon .popup_content .add_up.sum_total dl{border:0; margin:0; padding:20px 0}

.my_coupon table.list+table.list{margin-top:40px}
.my_coupon table.list+.add_up.sum_total{margin-top:0;border-width:2px}
.store_info{width:480px}.store_infoView{padding:20px 0;border-bottom:1px solid #ccc}
.store_infoView dt,.store_infoView dd{padding:6px 20px;line-height:22px;word-break:keep-all;display:table-cell}
.store_infoView dt{width:170px;font-size:16px}
.loading_wrap{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.85);z-index:10000;display:none}
.loading_bar{position:fixed;top:50%;left:50%;margin:-35px 0 0 -35px;z-index:10000}

/* slide */
section .swiper-horizontal>.swiper-scrollbar{left:0; opacity: 1 !important; bottom:-80px; width:100%; height:2px; background-color:#EFEFEF}
.swiper-slide{box-sizing:border-box; text-align:left}
.swiper-pagination-bullet{opacity: 1; background:#bbbbbb}
.swiper-pagination-bullet-active { background: #DB0111}

/* header */

  /** stickify **/

#header .header_inner{/*max-width:79.349%;*/ max-width:90%;  margin:0 auto; padding:15px 0;}
#logo {cursor:pointer; display:inline-block; width:205px;  background: #fff;  text-align: center;  height: 50px;    border: 1px solid #d5d5d5;    line-height: 50px; margin-right:50px}
#btn_top_menu{display: inline-block; width: 50px; height: 50px;  border: 2px solid #d5d5d5; padding: 10px; text-align: center; border-radius: 15px; vertical-align: top}
#header .header_inner #gnb{display:inline-block; }
#header .header_inner #gnb:after{display:block; content:''; clear:both}
#header .header_inner #gnb li{font-family: 'Pretendard-Regular'; float:left; text-align:center; padding:0 16px; font-weight:bold; display:inline-block; font-size:17px}

#header.header2 .btn_back,
#header.header3 .btn_back,
#header.header4 .btn_back{width:30px; height:calc(100% - 15px); position:absolute; left:20px; padding:18px 0 0 0}
#header.header3 .btn_back{padding-top:17px}
#header.header2 .btn_back img,
#header.header3 .btn_back img,
#header.header4 .btn_back img{width: 9px;}

#header.header2 .bulls_gnb .global_member li:nth-child(1){margin-right:20px; margin-top:9px}
#header.header2 .hd_right_menu{position:absolute; top:5px; right:0}
#header.header2 .bulls_gnb{height:60px; padding-top:0; padding-bottom:0}
#header.header2.bulls_header.sticky .bulls_gnb{display:block}
#hd2_title{font-size:16px;font-family: 'Pretendard-Medium';    display: inline-block; padding-top:14px; font-weight:normal; }
#header.header2 .global_member{margin-left:0}

#header.header3 .bulls_gnb{height:60px; padding-top:3px}
#header.header3 .bulls_gnb .global_member li{margin-left:18px}
#header.header3 .bulls_gnb .global_member li:nth-child(1){margin:0}
#header.header3 .bulls_gnb .global_member li:nth-child(3){margin-left: 10px;}
#header.header3.bulls_header.sticky .bulls_gnb{display:block}
#header.header3 .global_member{margin-top:10px}
#header.header3 .global_member .bt_search {background:url('/assets/mobile/images/common/icon/icon_sech_off.svg') center center no-repeat; background-size:30px}
#header.header3 .global_member .bt_home {background:url('/assets/mobile/images/common/icon/icon_home_off.svg') center center no-repeat; background-size:30px}
#header.header3 .global_member li{float:left}

#header.bulls_header.header4.sticky{height:101px; overflow:hidden}
#header.header4 .bulls_gnb .global_member li:nth-child(1){margin-right:20px; margin-top:7px}
#header.header4 .hd_right_menu{position:absolute; top:5px; right:0}
#header.header4 .bulls_gnb{height:60px; padding-top:3px}
#header.header4.bulls_header.sticky .bulls_gnb{display:block}
#header.header4 .global_member{margin-left:0}

#header.bulls_header.header4.mh-sticky.mh-unpinned{transform: translate3d(0, calc(-100% + 52px), 0);}
/* #header.bulls_header.header4.mh-sticky.mh-unpinned .bulls_gnb{position:fixed; width:100%; height:60px; left:0; top:0} */
#header.bulls_header.header4 .sub_navigator.list_navigator{margin-bottom:0; border-bottom:0;transition: 500ms all}
/* #header.bulls_header.header4.mh-sticky.mh-unpinned .sub_navigator.list_navigator{transform: translate3d(0, 0, 0); }
#header.bulls_header.header4.mh-sticky.mh-unpinned{transform: translate3d(0, calc(-100% + 52px), 0);}
#header.bulls_header.header4.mh-sticky.mh-unpinned .list_navigator_select1{display: none} */

/** top_ad **/
#top_ad {background-color:#6771C8; width:100%; height:44px; position:relative; z-index: 100; }
.top_ad_inner{width:90%; line-height:40px; margin:0 auto; font-size:14px; position:relative; padding-top:2px}
.top_ad_inner span strong{font-family: 'Pretendard-Regular';}
.top_ad_inner .close_wrap{position:absolute; display:inline-block; top:14px; right:0}
.top_ad_inner .close_wrap .close{width:16px; height:16px;}
.top_ad_inner .close_wrap .close:before,
.top_ad_inner .close_wrap .close:after{display:none}
.top_ad_inner .close_wrap .checkbox_wrap{margin-right:40px}
.top_ad_inner .close_wrap .checkbox_wrap span{color:#fff; margin-top:1px; font-weight:bold}
.close_wrap span{color:#fff}
.btn_refresh{width: 18px; height: 18px; right: 25px; position: absolute;  opacity: .5; top: 13px; display:none}

#nav {background-color:#fff; width:250px; padding:20px; display:inline-block; box-shadow:0px 0px 30px #f7f7f7; border-radius:15px}
#nav .depth01 > li{border-bottom:1px solid #888; margin:20px auto; padding-bottom:10px}
#nav .depth01 h3{font-family: 'Pretendard-Regular'; font-size:18px}
#nav .depth02{padding-top:10px}
#nav .depth02 li{font-size:13px; color:#888; height:28px; line-height:28px; padding-left:10px}


  /** loading **/

  #load {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 999999;
    text-align: center;
    background-color: rgba(255, 255, 255, .5)
  }

  #load>img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999999;
    transform: translate3d(-50%, -50%, 0);
    width:auto
  }

.bulls_location{display:none; /*width:79.349%;*/ width:90%; margin:0 auto}
.produect_detail .bulls_location{display:block}
.bulls_location li{padding-left:0; padding-right:25px; position:relative; display:inline-block; float:left; color:#1f1f1f; line-height: 40px; font-size:12px;color:#888; padding-top:2px;font-family: 'Pretendard-Light';}
.bulls_location li:nth-child(1){}
.bulls_location li,
.bulls_location li .select-wrap,
.bulls_location li .select-wrap > span > span{height: 40px; }
.bulls_location li .select-wrap,
.bulls_location li .select-wrap > span > span{line-height:38px}
.select-wrap > span > span:hover,
.select-wrap > span > span:focus,
.select-wrap > span > span:active{color:#1f1f1f !important}
.bulls_location li .select-wrap > span,
.bulls_location li .select-wrap > span:focus,
.bulls_location li .select-wrap > span:hover{border:0;}
.bulls_location li .select-wrap > span > span.ui-selectmenu-text{margin-right:15px;font-family: 'Pretendard-Bold'}
.bulls_location li .select-wrap .ui-selectmenu-button.ui-button{width:auto; background-color:#fff !important; padding:0}
.bulls_location li:after{display:block; content:''; width:7px; height:10px; background:url('/assets/mobile/images/common/icon/icon_arrow_b.svg') no-repeat center; position:absolute; right:8px; top:3px; bottom:0; margin:auto; opacity: .5}
.bulls_location li:last-child:after{display:none;}
.bulls_location li .select-wrap .ui-button .ui-icon{width: 0px;height: 0px; border: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #1f1f1f; transform: rotate( 0deg); margin-top: 16px; margin-left:5px}
.bulls_location li .select-wrap .ui-button.ui-selectmenu-button-open .ui-icon{transform: rotate( 180deg)}
.produect_detail .ui-selectmenu-menu{min-width:182px}
.produect_detail .ui-selectmenu-menu .ui-widget.ui-widget-content{border:0}
.produect_detail .ui-selectmenu-menu{border-radius:5px; background-color:#fff; border:1px solid #888888; padding:10px 0}
.produect_detail .ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper{color:#888888; font-size:13px; padding: 0 10px; height: 30px; line-height: 30px;}
.produect_detail .ui-selectmenu-menu .ui-menu-item .ui-state-active{background-color:#F8F8F8; color:#1F1F1F}

.bulls_container > section.ft_info{margin-top:0; width:100%}
.ft_info{width: 100%; padding: 10px 0; margin-bottom:0; border-top: 1px solid #eeeeee}
.ft_info .section_inner{max-width: 90%; margin:0 auto;}
.ft_info .section_inner{max-width:90%; margin:0 auto}
.ft_info .section_inner h2,
.ft_info .notice_list li a span{font-size: 16px}
.main_notice .section_inner h2{font-family: 'Pretendard-Medium'; display: inline-block; float: left; width: 60px; padding-top:8px}
.main_notice .notice_list{display:inline-block; width:calc(100% - 60px); padding-left:10px}
.main_notice .notice_list li a{ line-height: 20px; height: 20px; display: inline-block; width:100%; padding-top:9px}
.main_notice .notice_list li a span{color:#bbb; max-width:100%;display:inline-block; word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word; }

.cc_list:after{display:block; content:''; clear:both}
.cc_list li{font-size:14px; color:#666}
.cc_list li:nth-child(1){float:left}
.cc_list li:nth-child(2){float:right}


/* agreement */
  .sub.term .bulls_content{padding-top:30px}
  .agreement {font-size:16px; color:#666; line-height:20px;margin:0 auto}
  .agreement .sub_header h2{padding-bottom:0; color:#222}

  .agreement_txt{font-family: 'Pretendard-ExtraLight'; font-size:12px}
  .agreement_txt p{padding-bottom:10px; font-family: 'Pretendard-ExtraLight'; font-size:12px}
  .agreement_content {margin-top:40px; font-size:12px}
  .agreement_content *{font-family: 'Pretendard-ExtraLight';}
  .agreement_content:nth-of-type(1){margin-top:0}
  .agreement_content h3 {margin:0 0 10px 0; font-size:16px; font-family: 'Pretendard-Regular'; font-weight:normal; color:#1f1f1f}

  .agreement_content table {width:100%; margin-top:20px; border-top:2px solid #111; border-collapse:collapse}
  .agreement_content table th,
  .agreement_content table td {padding:20px 30px; word-break:break-all; border-bottom:1px solid #EBEBEB;font-family: 'Pretendard-ExtraLight'; font-size:12px}
  .agreement_content table th:nth-child(1),
  .agreement_content table tr td:nth-child(1){text-align:left; padding-left:10px}
  .agreement_content table td ul li{display:inline-block; width:50%; float:left; position:relative; padding-left:10px; margin-top:5px}
  .agreement_content table td ul li:nth-child(1),
  .agreement_content table td ul li:nth-child(2){margin-top:0}
  .agreement_content table td ul li:before{display:block; content:''; width:2px; height:2px; border-radius:2px; background-color:#1f1f1f; position:absolute; top:6px; left:0; margin:auto}

  .agreement_content table tr:nth-of-type(4) td ul li,
  .agreement_content table tr:nth-of-type(5) td ul li{width:100%; float:none}

  .agreement_content dl{margin:0 auto 8px}
  .agreement_content dl:last-child{margin:0}
  .agreement_content dl dt{margin-bottom:5px}
  .agreement_content dl dt,
  .agreement_content dl dd,
  .agreement_content dl dd p{ line-height:1.6}
  .agreement_content dl dd{padding:0 0 0 10px}
  .agreement_content ul li {word-break:keep-all; font-size:12px; line-height:1.6}
  .agreement_content ul li > ul {padding:5px 20px 0 20px}
  .agreement_content ul li > ul li {padding:3px 0}
  #terms .agreement_content ul li > ul li { margin-bottom:0}
.agreement_content:last-child dl dt{margin-bottom:5px}
  .agreement_content:nth-of-type(1) .agreement_txt{margin-bottom:20px}
  .agreement_content:nth-of-type(1) .agreement_box ul li{position:relative; padding:0}
  .agreement_content:nth-of-type(1) .agreement_box ul li p{margin-bottom:15px; font-size:14px}

  .agreement_content:nth-of-type(8) table th:nth-child(1),
  .agreement_content:nth-of-type(8) table td:nth-child(1){background-color:#f8f8f8}

  .agreement_content:nth-of-type(12) dd span{display:inline-block; padding-right:40px; position:relative;}
  .agreement_content:nth-of-type(12) dd span:after{display:block; content:''; width:1px; height:10px; background-color:#c8c8c8; position:absolute; right:20px; top:0; bottom:0; margin:auto}
  .agreement_content:nth-of-type(12) dd span:last-child:after{display:none}
  .agreement_box {padding:20px 30px 15px; background-color:#F8F8F8}

  .wrapper .agreement {font-size:12px; padding:0}
  .wrapper .agreement h3 {font-size:12px}
  .wrapper .agreement_content:first-child {margin-top:0}
  .wrapper .agreement_box {padding:0; border:0; background-color:transparent}

  #terms .agreement_content:nth-of-type(1) table th:nth-child(1),
  #terms .agreement_content:nth-of-type(1) table td:nth-child(1){background-color:#f8f8f8; text-align:left}
  .type_dash{margin-bottom:15px}
  .type_dash p{padding-left:11px; position:relative;}
  .type_dash p:before{display:block; content:''; width:5px; height:1px; background-color:#1f1f1f; position:absolute; top:10px; left:0; margin:auto}

  #terms .agreement_content:nth-of-type(14) dl dd span{display:inline-block; padding-right:40px}

  .agreement_table{width:100%; overflow-x: scroll;}
  .agreement_table table{width:857px}
  /* #terms .sTit4{cursor:pointer} */

  .agreement h4{font-family: 'Pretendard-Medium';font-size: 14px;margin-bottom: 10px;color: #1F1F1F;}


/* footer */

#footer{width:100%; padding-bottom:50px}
.footer_banner{background-color:#fff; width:100%; height:70px; text-align:center; }
.footer_banner p {font-size:22px;line-height:70px}

.footer_inner{width:100%; }
.footer_menu{background-color:#F4F4F4; height:40px;width:100%; overflow: auto; white-space: nowrap;}
.footer_menu:after{display:block; content:''; clear:both}
.footer_menu ul{width:100%; margin:0 auto; max-width:100%}
.footer_menu li{display:inline-block; text-align:center; cursor:pointer; font-size:14px; color:#000;line-height:40px; padding:0 10px}
.footer_menu li:nth-child(2) a{font-family: 'Pretendard-Medium';}
/* .footer_menu li:nth-child(1){width:20%;}
.footer_menu li:nth-child(2){width:30%}

.footer_menu li:nth-child(3){width:30%;}
.footer_menu li:nth-child(4){width:20%;} */
.footer_menu .contact{display:inline-block; float:right; font-size:14px; color:#aaa; padding-right:0}
.footer_info address{font-style:normal;}
.footer_info{padding:20px 0; /*max-width:79.349%;*/ max-width:90%; margin:0 auto}
.footer_info dl dt{font-size:16px; color:#222; font-family: 'Pretendard-Medium'; margin-bottom:10px}
.footer_info dl dt img{width:12px; transition:500ms all; display:inline-block; vertical-align: middle; margin-left:5px}
.footer_info dl dt.open img{width:12px; transform:rotate(-180deg); transition:500ms all; margin-top:-5px}

.footer_info dl dd{line-height:1.6;font-size:14px; color:#858585; font-family: 'Pretendard-Light'; display:none}
.footer_info dl dd .certify{padding:10px 0 20px}
.footer_info dl dd .certify span{font-family: 'Pretendard-Medium'; display:inline-block; margin-right:8px; color:#000; font-size:12px}
.footer_info dl dd .certify span:last-child{margin-right:0}
.footer_info dl dd .certify span a{display:inline-block; border-bottom:1px solid #1f1f1f; font-family: 'Pretendard-Medium'; color:#000; font-size:12px; letter-spacing: -0.2px; line-height:1.1}
.footer_info dl dd .certify .tosspayments{display:inline-block; white-space: nowrap;}
.footer_info dl dd .certify .tosspayments img{vertical-align: middle; height:14px; width:auto}
.footer_info dl dd .certify .tosspayments img:nth-child(2){height:16px; margin-left:3px; margin-top:-2px}
.footer_info dl dd .certify .tosspayments a{margin-left:5px}

.bulls_footer .relation li {margin-left:20px; display:inline-block;}
.bulls_footer .relation li:first-child {margin-left:0}
.bulls_footer .relation li.point a {color:#eee}
.bulls_footer .relation .sns{margin:15px auto}
.bulls_footer .relation .sns li{}
.bulls_footer .relation li:first-child {margin-left:0}
.foot_menu .link,
.bulls_footer address,
.bulls_footer .relation { color:#bbb}
.bulls_footer .copyright {font-size:12px; color:#000}
.bulls_footer .relation li.full-width{margin:0; width:100%}
.bulls_footer .relation li.full-width select{    width: 100%;
    height: 34px;
    line-height: 34px;
    color: #1f1f1f;
    border: 1px solid #D1D1D1;
    border-radius: 0;
    margin: 10px auto;}
.bulls_footer.padding{padding-bottom:100px}
.pay_info{padding-top: 10px}
.certify a{color:#000000; font-size:14px; display:inline-block; margin-right:15px}
.certify{padding:15px 0;}
.select-wrap > span{display:inline-block; padding:0 15px}

#quickMenu{position:fixed; right:25px; bottom:25px;}
#quickMenu ul li{position:relative;}
#quickMenu ul li a.quickbtn{display:block; width:56px; height:56px; overflow:hidden; box-shadow:0 3px 6px rgba(0, 0, 0, .16)}
#quickMenu ul li a.recent_veiwed{border-radius:56px; background-color:#fff; margin-bottom:20px}
#quickMenu ul li a.chat{border-radius:15px;}
.popup_quick_rv{
  display: none;
  width: 750px;
  height: 250px;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 35px 30px;
  left: auto;
  top: auto;
  box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);
  border-radius:5px
}
.popup_quick_rv .title_sub{font-size:18px; padding-bottom:10px; border-bottom:1px solid #1f1f1f; text-align:left; position:relative;}
.slide_wrap{padding:15px 45px; position:relative; height:100%}
.quick_rv .swiper-slide{height:135px; border:1px solid #EBEBEB; border-radius:15px; overflow:hidden}
.popup_quick_rv .slide_wrap .swiper-button-next,
.popup_quick_rv .slide_wrap .swiper-button-prev{color:#888888}
.popup_quick_rv .slide_wrap .swiper-button-next{right:0}
.popup_quick_rv .slide_wrap .swiper-button-prev{left:0}
.popup_quick_rv .slide_wrap .swiper-button-next:after,
.popup_quick_rv .slide_wrap .swiper-button-prev:after{font-size:16px}



/* container */
#container{position:relative;/*max-width:79.349%;*/ max-width:90%; margin:50px auto;}
.cont_inner{display:inline-block; width:calc(100% - 390px); float:right; position:relative;}
.cont_inner:after, #container:after{display:block; content:''; clear:both}
.cont_inner .btn_wrap{}

.cont_inner section{margin-top:30px}
.cont_inner section:nth-of-type(1){margin-top:0}

.title_box{margin-bottom:40px}
.title_box:after{display:block; content:''; clear:both}
.title_box h2{font-size:24px; display:inline-block; float:left}

.sec_title{font-size:17px; font-weight:bold; height:45px; line-height:45px; border-bottom:1px solid #000; margin-bottom:10px;}
.sec_title .btn_more{font-size:13px; display:inline-block; float:right}
.btn_more{border-radius:5px; font-size:14px;color:#666}
.btn_more img{width:6px; margin:4px 0 0 5px}
.data_list{margin-top:20px}

/* search */
/* .search{width: 100%; border-radius:6px; background-color:#fff; box-shadow:0 1px 4px #e4e2f1; margin-bottom:20px; overflow:hidden}
.search_inner{margin: 0 auto; background-color:#fff} */
.search{width: 100%; margin-bottom:20px; overflow:hidden}
.search_inner{margin: 0 auto; background-color:#fff;border-radius:6px; background-color:#fff; box-shadow:0 1px 4px #e4e2f1; }

.search_inner:after{display:block; content:''; clear:both}
.search .form-group{ height:45px; line-height:45px; width:50%; float:left}
.search .control-label{width:160px; background-color:#DB0111; border-radius:6px 0 0 6px; height:45px; line-height:45px; font-size:15px; color:#fff;border-bottom:1px solid rgba(255, 255, 255, .1); }
.search .input_box{padding:5px 8px 0 8px; width:calc(100% - 160px);border-bottom:1px solid #eee}
.search:after, .search .form-group:after{display:block; content:''; clear:both}
.btn_wrap{display:block;}
.search .btn_wrap{padding:10px; text-align:right !important; padding-right:0}
.search .btn_wrap .btn{width:auto ;min-width:120px; vertical-align: top; margin-top:5px; height:35px; line-height:34px; padding:0 15px}

.table_wrap .search{box-shadow:none; border-bottom:1px dashed #ddd; }
.table_wrap .search .btn_wrap{padding:5px 0}
.table_wrap .search .btn_wrap .btn{margin-top:0}

/* input_area */
.input_area{border: 1px solid #d5d5d5; background: #f8f8f8; width: 100%; margin: 0 auto 15px;background-color:#eee; padding:10px}
.input_area .form-group{ height:45px; line-height:45px;}
.input_area .control-label{width:85px; height:45px; line-height:45px; text-align:left; padding-left:10px; font-size:14px; font-weight:600}
.input_area .input_box{padding:4px 5px 0 9px}
.input_area:after{display:block; content:''; clear:both}
.input_area .btn_wrap{display:inline-block;height:45px; line-height:45px}
.input_area .btn_wrap .btn{vertical-align: top; margin-top:5px}

.direct_input{height:45px; line-height:45px}

/* etc,  effect */

.twinkle{
 font-size: 10px;
 padding-left:5px;
 display: inline-block;
 vertical-align: top;
 margin-top: 5px;
 animation: twinkle 1s step-end infinite;
 -webkit-animation: twinkle 1s step-end infinite;
 line-height:14px;
}
/* for MS계열 브라우저 */
@keyframes twinkle {
0% {opacity: 0.4}
50% {opacity: 1}
}

/* for Chrome, Safari */
@-webkit-keyframes twinkle {
 0% {opacity: 0.4}
 50% {opacity: 1}
}


.bulls_header{width:100%; background-color:#fff; text-align:center;    border-bottom: 1px solid #ECECEC;}
.bulls_header {transition:300ms all}
.bulls_header.sticky{position:fixed; top:0; left:0;  z-index:500; background-color:#fff; transition:300ms all}
/* .bulls_header.sticky .bulls_gnb{display:none} */
.bulls_gnb{width:100%; max-width:750px; margin:0 auto; position:relative; box-sizing:border-box; z-index:100; padding:10px 20px 5px; background-color:#fff}

.bulls_header.header1{width:100%; background-color:#fff; text-align:center; transition:300ms all}
.bulls_header.header1.sticky{position:fixed; top:0; left:0;  z-index:500; background-color:#fff; transition:300ms all}
.bulls_header.header1.sticky .nav_default{display:block}
.bulls_header.header1.sticky .nav_default2{display:none}
.bulls_header.sticky .bulls_gnb{display:none}
.bulls_header .bulls_gnb{width:100%; max-width:750px; margin:0 auto; position:relative; box-sizing:border-box; z-index:100; padding:9px 20px 5px; background-color:#fff}

.bulls_header.header3.mh-sticky.mh-unpinned {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
.bulls_header.header2.mh-sticky.mh-unpinned {-webkit-transform: translate3d(0,calc(-100% + 60px),0); transform: translate3d(0,calc(-100% + 60px),0)}

.bulls_gnb:after{display:block; content:''; clear:both}
.bulls_gnb .global_member{display:inline-block; vertical-align: top; margin-left:30px}
.bulls_gnb .global_member li{float:left; position:relative;}
.bulls_gnb .global_member li:nth-child(1){margin:0 9px 0 0}
.bulls_gnb .global_member li > a{width:40px; height:40px; display:inline-block; background-size:auto 25px; position:relative}
.bulls_gnb .global_member li .balloon{display: none; line-height:35px; position:absolute; width:90px; left:-23px;  top:100%; margin:auto; z-index: 1; background-color:#fff; padding-top:10px}
.bulls_gnb .global_member li .balloon_inner{width:100%; height:100%; background-color:#fff; border-radius:6px; border:2px solid #d9d9d9; text-align:center; background-color:#fff;position:relative;}
.bulls_gnb .global_member li .balloon_inner:before{display:block; content:''; width:12px; height:8px; background-image:url('/assets/mobile/images/common/icon/balloonr.svg'); background-repeat:no-repeat; background-position:center; position:absolute; top:-7px; left:0; right:0; margin:auto; z-index:0}
.bulls_gnb .global_member li .balloon a{display:block; line-height:1; padding:10px 0}
.bulls_gnb .global_member li:hover .balloon{display: inline-block}
.bulls_gnb .global_member li .balloon.menu_mypage{    width: 130px; left: -43px}
.bulls_gnb .global_member li .balloon.menu_mypage hr{border-top:1px solid #ebebeb; margin-bottom:10px}
.bulls_gnb .global_member li .balloon.menu_mypage a{padding-top:0; padding-bottom:10px}
.bulls_gnb .global_member li .balloon.menu_mypage a.btn_go_mypage{padding-top:10px}
.bulls_gnb .global_member li > a.bt_basket{width:40px}
.bulls_gnb .global_member li > a.bt_basket .chip{
width: 21px;
height: 16px;
background-color: #DB0111;
color: #fff;
font-size: 10px;
border-radius: 12px;
position: absolute;
top: 0;
right: 0;
overflow: visible;
font-weight: bold;
text-indent:0;
padding: 2px 0 1px;
line-height:13px}

.logo {width:148px; ;z-index:1; display:inline-block; margin-top:15px}

.gnb_wrap{position:absolute; display:none; width:100%; height:calc(100vh - 80px); top:100%; left:0; background-color:rgba(0, 0, 0, .3); z-index: 99}
.navDefault{height:50px; background-color:#fff; width:100%; max-width:750px; margin:0 auto;}
.bulls_header.sticky .nav_default{display:none}
.nav_default2_wrap{transition:2000ms all; max-width:none;z-index: -1; display:none; position: relative; top:-40px}
.bulls_header.sticky .nav_default2_wrap{transition:2000ms all; z-index: 1; display:block; top:0}
.nav_default2_wrap{position:absolute; top:-40px;  max-width:none; left:0; right:0; margin-top:-40px; z-index: -1}
.bulls_header.sticky .nav_default2_wrap{top:0; background-color:#fff;margin-top: 40px;    z-index: 1;}
.bulls_header.sticky {border-bottom:1px solid #ECECEC}
.navDefault{width:100%; overflow:hidden}
.navDefault ul {margin:0 auto;width:100%; max-width:750px; display: flex; white-space:nowrap}
/* .navDefault li {font-size:16px; display:inline-block; float:left; line-height:49px;  } */
.navDefault li {    width: auto;
    font-size: 16px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  padding:0 10px;
width:calc(100% / 7)}
.navDefault li:first-child {margin-left:0}
.navDefault li a {color:#222; position:relative; line-height:22px; white-space:nowrap; display:block;font-family: 'Pretendard-Regular'; position:relative; height:49px; line-height:49px}
.navDefault li.open a{color:#DB0111;font-family: 'Pretendard-Medium'; display:inline-block; position:relative;}
.navDefault li.open a:before{display:block; content:''; width:100%; height:2px; background-color:#DB0111; position:absolute; bottom:0; left:0; right:0;}
.bulls_header.sticky .navDefault li.open a{color:#DB0111}


.tab_category ul {width:auto; white-space:nowrap}
.tab_category li {width:auto; font-size:15px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center}



.common_navigator{width:64vw; max-width:860px; height:calc(100vh - 80px);  position:absolute; z-index:100; text-align:left}
.common_navigator .brand_list{margin:0 49px;font-size:0;line-height:0;text-align:left;overflow:hidden}

.navDefault>ul>li.e_on a:before {
top: 13px;
right: 4px;
width: 4px;
height: 4px;
background-color: #ED1C24;
border-radius: 2px;
}

.fixed_nav {position:fixed; left:0; bottom:0; width:100%; height:61px; background-color:#fff; border-top:1px solid #eee; z-index:110; transition:bottom .2s ease}
.fixed_nav ul,
.fixed_nav li,
.fixed_nav li a {height:100%}
.fixed_nav ul {display:flex; justify-content:space-between}
.fixed_nav li {flex:1}
.fixed_nav li a {width:100%; height:100%; font-size:10px; display:flex; flex-direction:column; justify-content:center; align-items:center}
.fixed_nav li a:before,
.fixed_nav li a .icon_area {width:21px; height:21px; margin:0 auto; display:block; content:''}
/* .fixed_nav li a:before{background-size:20px !important} */
.fixed_nav li.n_2 a.home{color:#DB0111}
.fixed_nav li.n_0 a:before {background:url('/assets/mobile/images/common/icon/ic_nav_0.svg') no-repeat center;}
.fixed_nav li.n_1 a:before {background:url('/assets/mobile/images/common/icon/ic_nav_2.svg') no-repeat center;}
.fixed_nav li.n_2 a:before {background:url('/assets/mobile/images/common/icon/ic_nav_1.svg') no-repeat center;}
.fixed_nav li.n_3 a:before {background:url('/assets/mobile/images/common/icon/ic_nav_3.svg') no-repeat center;}
.fixed_nav li.n_4 a:before {display:none}
.fixed_nav li.n_4 a .icon_area {background:url('/assets/mobile/images/common/icon/ic_nav_4.svg') no-repeat center; background-size:20px; }
.fixed_nav li.n_4 a .thumbs {width:100%; height:100%; background-color:#fff; display:flex; justify-content:center; align-items:center;border: 2px solid #1f1f1f; border-radius: 27px;  overflow: hidden;}
.fixed_nav li.n_4 a .thumbs img {width:auto; max-width:100%; max-height:100%}
.fixed_nav li span.menu_txt{font-family:'Pretendard-Regular'; font-size:12px; display:inline-block; margin-top:6px}
/* appview */



.fixed_nav.appviewNav li a{height:100%; font-size:12px; font-family: 'Pretendard-Medium';}
.fixed_nav.appviewNav li.n_1 a:before {background:url('/assets/mobile/images/common/icon/wiseb.svg') no-repeat center; background-size:auto 16px}
.fixed_nav.appviewNav li.n_0 a:before {background:url('/assets/mobile/images/common/icon/ic_nav_0.svg') no-repeat center}
.fixed_nav.appviewNav li.n_2 a:before {background:url('/assets/mobile/images/common/icon/ic_nav_1.svg') no-repeat center}
.fixed_nav.appviewNav li.n_3 a:before {background:url('/assets/mobile/images/common/icon/ic_nav_3.svg') no-repeat center}
.fixed_nav.appviewNav li.n_4 a:before {background:url('/assets/mobile/images/common/icon/ic_appnav_5.svg') no-repeat center}


.fixed_nav li.n_4 a .icon_area.thumbs_wrap{width:40px; height:40px}
.fixed_nav li.n_4 a .icon_area.thumbs_wrap .thumbs{border-radius: 6px;  border: 0;}
.fixed_nav li.n_4 a .icon_area.thumbs_wrap .thumbs:after{display:block; width:40px; height:40px; border-radius:6px; background-color:rgba(0, 0, 0, .1); display:block; content:''; clear:both; position:absolute;}


.gnb_searchForm{position:relative; display:inline-block; width:calc(100% - 28px)}
.gnb_search {position:relative; margin:0 10px;width:100%; }
.gnb_search_input_wrap{width:calc(100% - 55px);background-color:#f8f8f8; display:inline-block; border-radius:6px; padding:4px; height:34px}
.gnb_search input[type="text"] {width:calc(100% - 70px); height:100%; border-radius:5px; ;font-size: 14px;color: #444; border:0; text-indent:8px; padding:0; background-color:transparent; font-family: 'Pretendard-Regular'; }
.gnb_search input[type='text']::placeholder{color:#888888; font-weight:bold;}
.gnb_search .bt_search {  border:0; outline:none; position:absolute;top:0;bottom:0; margin:auto; right:15px;width:22px;height:22px;z-index:1;outline:none;background:url(/assets/mobile/images/common/icon/icon_search.svg) center center no-repeat}
.layer_gnbSearch .bt_prev {width:22px; height:22px; background-size:contain}
.gnb_search .bt_clear {position:absolute; top:7px; right:7px; z-index:1}

.gnb_searchResult {background-color:#fff}
.gnb_searchResult .search_content {width:100%; max-height: 43vh; overflow: auto;padding:30px; box-sizing:border-box; text-align:left;}
.gnb_searchResult > section h4{font-size:18px;font-family: 'Pretendard-Regular'; margin-bottom:13px}
.gnb_searchResult .search_content .data_none {height:100%;}
.gnb_searchResult .search_content ol li {margin-top:1px; font-size:16px;padding:8px 0;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; position:relative;}
.gnb_searchResult .search_content ol li a {line-height:20px; word-break:break-all; display:inline-block; vertical-align: top}

.gnb_searchResult .search_content ol li a.close{top:15px}
.gnb_searchResult .search_content ol li a.close:before,
.gnb_searchResult .search_content ol li a.close:after{width:1px}
.gnb_searchResult .search_content ol li .date {width:90px; padding-left:10px; color:#999; text-align:right}
.gnb_searchResult .search_content.popularity{border-bottom:1px solid #ebebeb}
.gnb_searchResult .search_content.popularity ol {text-align:left; list-style-position:inside;counter-reset: item; list-style-type: none;background-color:#fff}
.gnb_searchResult .search_content.popularity li {list-style:decimal; position:relative;}
.gnb_searchResult .search_content.popularity ol li:before{display:inline-block; min-width:30px; font-family: 'Pretendard-Regular'; content: counter(item) "  "; counter-increment: item ; padding-right:10px; vertical-align: top}
.gnb_searchResult .search_content.popularity li.rank a {color:#ED1C24}
.gnb_searchResult .search_content.popularity li:nth-child(1),
.gnb_searchResult .search_content.popularity li:nth-child(2),
.gnb_searchResult .search_content.popularity li:nth-child(3),
.gnb_searchResult .search_content.popularity li:nth-child(1) a,
.gnb_searchResult .search_content.popularity li:nth-child(2) a,
.gnb_searchResult .search_content.popularity li:nth-child(3) a {color:#ED1C24}
.gnb_searchResult > section ol li .btn_del{width:10px; height:10px; display:inline-block; float:right; opacity: .8}
.gnb_searchResult > p{background-color:#fbfbfb; height:40px; border-radius:0 0 10px 10px; line-height:40px; padding:0 30px; width:100%; text-align:left; color:#1f1f1f; font-size:16px}

.gnb_searchResult .search_content.popularity ol li a:nth-child(1){word-break: break-all;
    display: inline-block;
    width: calc(100% - 52px);
    white-space: nowrap;
    text-overflow: ellipsis;
   overflow: hidden;}
.gnb_searchResult .search_content.lately ol li a:nth-child(1){word-break: break-all;
    display: inline-block;
    width: calc(100% - 52px);
    white-space: nowrap;
    text-overflow: ellipsis;
   overflow: hidden;}

.layer_gnbSearch {
position: absolute;
top:0; left:0; right:0; bottom:0; margin:auto;
overflow: hidden;
background-color: #fff;
z-index: 100;
opacity: 0;
display: none;
transition: opacity .2s ease;
border-radius: 0 0 20px 20px;
border-top: 1px solid #f3f3f3;
}
.layer_gnbSearch.show {
opacity: 1;
display: block;
}
.layer_gnbSearch .search_header{padding:15px 15px 0 15px}






.gnb_searchResult {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.gnb_searchCopy, .gnb_searchResult {
width: 100%;
}



._btn_search{width:63px; height:26px; border-radius:4px;  font-size:14px; font-family: 'Pretendard-medium'; display:inline-block; padding:3px 0 2px 4px; vertical-align: top; background-color:#fff}
._btn_search img{width:14px; height:14px; margin-top:2px}
._btn_search.bullsone_search{border:1px solid #1f1f1f; color:#1f1f1f;}
._btn_search.grasse_search{border:1px solid #6A4A3B; color:#6A4A3B;}

.common_navigator {position:absolute; width:100%; background-color:#fff; overflow:hidden}
.common_navigator:after {position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#eee; display:block; content:''}
.common_navigator.fixed {position:fixed; top:0}


#btn_side_menu{display:inline-block;}
#btn_side_menu:before {
  content:'';
  display:inline-block;
  border-radius:10px;
  background:url('/assets/mobile/images/common/icon/menu.svg') no-repeat center;
  width:48px; height:48px;
  vertical-align: top;
  background-size: 27px;
  border:2px solid #D9D9D9;
  background-color:#fff;
}
#side_menu{width:100%; height:100vh; overflow:auto; position:fixed; top:0; left:-100%; transition:all 1s; z-index:999;background-color:#F8F8F8;}
.side_menu_top{background-color:#fff; padding:55px 0 30px}
#side_menu.open{left:0; transition:all 1s; z-index:999}
.side_menu_inner{width:100%; margin:0 auto; }
.side_menu_inner a{top:20px; right:20px; display:block; margin-bottom:5px; font-size:15px}
.member_information {background-image:url('../images/common/member_info.jpg'); background-position:left; background-repeat:no-repeat; background-size:100%; padding:30px 20px 28px; border-radius: 10px; width:calc(100% - 30px); margin:0 auto}
.member_point{display:inline-block; float:right}
.member_point li{text-align:center; display:inline-block; padding:10px 30px; box-sizing: border-box; position:relative;  /* height:80px */ vertical-align: top; font-size:12px}
.member_point li *{color:#fff}
.member_point li img{    width: 5px; height: 10px; margin: 4px 0 0 5px; vertical-align: inherit;}
/* .member_point li:before {width:1px; height:80px; vertical-align:middle; background-color:#fff; opacity:.2; display:inline-block; content:''; position:absolute; top:0; bottom:0; right:0; margin:auto} */
.member_point li:last-child:before {display:none}
.member_point li b{font-family: 'Pretendard-Regular'; font-size:20px; display:inline-block; margin:3px 3px 0 0}
.member_info .name {font-size:20px; color:#fff; line-height:36px;font-family: 'Pretendard-Regular';}
.member_info .rate{font-family: 'Pretendard-Regular'; }
.member_info .rate img{width:20px; height:20px; margin:0 5px 0 0; display:inline-block; vertical-align: top}
.member_info .btn_logout{display:inline-block; width:22px; height:22px; margin-top:7px; display:none}
.member_menu ul li{float:left; width:25%; text-align:center}
.member_menu ul li img{height:40px;}
.member_menu ul li span{display:block; color:#fff; font-size:14px; text-align:center; margin-top:10px}
.member_menu{border-top: 1px solid rgba(255, 255, 255, .2); padding-top: 20px; margin-top: 20px;}

/* #mystore_mybenefit.sub .sub_header{padding-bottom:20px} */
#mystore_mybenefit .member_information{background-size:cover; width:100%}
#mystore_mybenefit .member_information .member_info{margin-bottom:15px}
#mystore_mybenefit .caution{margin-top:20px; background-color:transparent; padding:0}
#mystore_mybenefit .caution li{font-family: 'Pretendard-Regular'; font-size:14px; color:#00000099; padding-left:20px; margin:0; line-height:1.6}
#mystore_mybenefit .caution li:before{margin:0 12px; top:9px}
#benefit_member_info{float:none; width:100%}
#benefit_member_info li{padding:0; width:100%; height:auto; padding:20px 0; border-top:1px solid rgba(255, 255, 255, .3); text-align:right;}
#benefit_member_info li:after{display:block; content:''; clear:both}
#benefit_member_info li h6{font-size:12px; color:#fff; opacity: .6; float:left}
#benefit_member_info li label{font-size:12px; display:block}
#benefit_member_info li label strong{font-size:16px; display:inline-block; margin-right:3px}
.rating{font-size:20px; color:#fff}


#myinfo_mycontactus .list_top{margin:0 auto 5px}
#mystore_benefit .caution{margin-top:20px; background-color:transparent; padding:0}
#mystore_benefit .caution li{font-family: 'Pretendard-Regular'; font-size:14px; color:#00000099; padding-left:20px; margin:0; line-height:1.6}
#mystore_benefit .caution li:before{margin:0 12px; top:9px}


#mystore_benefit.benefitver2 {padding-top:0; width:100%;}
#mystore_benefit.benefitver2 #ms_benefit{max-width: 750px; margin: 0 auto}
#mystore_benefit.benefitver2 .sub_header{padding-bottom:52px; }
#mystore_benefit.benefitver2 .sub_header .title_sub{font-size:30px; font-family: 'Pretendard-Medium'; color:#1f1f1f}
#mystore_benefit.benefitver2 .sub_banner{width:100%; height:116.667vw; max-height:640px; background:url('/assets/front/images/common/mo_benefit_intro.png') no-repeat; background-size:cover; display:flex; justify-content: center}
#mystore_benefit.benefitver2 .sub_banner .banner_text{display: flex; flex-direction: column; width: 100%; text-align:center;}
.banner_text h3{padding-top:11vw; color:#fff;font-family: 'Pretendard-Bold'; font-size:30px; line-height:1.24; letter-spacing: -3%; margin-bottom:12px}
.banner_text p{color:#fff; font-family: 'Pretendard-Light'; font-size:20px; letter-spacing: -3%;}
.benefit_tabmenu{width:100%; background-color:#262626; overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-align:center}
#header .benefit_tabmenu{display:none; position:absolute;}
.benefit_tabmenu ul{display: inline-flex; flex-wrap: nowrap; height:60px; padding:0 24px}
.benefit_tabmenu ul li{flex-shrink: 0; color:#FFFFFF; font-size:16px; opacity: .6; font-family: 'Pretendard-Medium';  cursor:pointer; padding-right:48px; position:relative;line-height:60px;     -webkit-tap-highlight-color: transparent;}
.benefit_tabmenu ul li:after{display:block; content:''; width:1px; height:12px; background-color:#fff; opacity: .6; position:absolute; right:24px; top:0; bottom:0; margin:auto}
.benefit_tabmenu ul li:last-child{padding-right:0}
.benefit_tabmenu ul li:last-child:after{display:none}
.benefit_tabmenu ul li.focus{opacity: 1}
.membership_benefit{background-color:#f7f7f7; padding:40px 0 52px}
.membership_benefit > p{text-align:center; margin-top:20px; font-size:14px; color:rgba(0, 0, 0, .6); font-family: 'Pretendard-Regular';}
.newmemb_benefit_btns {margin:32px auto 0; display:block; width:calc(100% - 40px)}
.newmemb_benefit_btns button{width:100%; height:50px; border-radius:4px;color:#fff; font-family: 'Pretendard-Bold'; font-size:16px;}
.newmemb_benefit_btns button.btn_join_benefit{background-color:#1f1f1f; margin-bottom:8px}
.newmemb_benefit_btns button.btn_kakao_benefit{background-color:#E9B448}
.benefit_promotion, .benefit_luckythrow, .review_point, .benefitver2 .benefit_table{padding-top:80px; text-align:center}
.benefit_promotion h3 span{display:block; text-align:center; margin-top:8px; font-family: 'Pretendard-Medium'; font-size:14px; color:#1f1f1f; opacity: .6}
.promotion_banner,
.luckythrow_banner_bnf{width:100%}
.promotion_step,
.luckythrow_step{background-color:#0000000D; padding:40px 20px 52px}
.promotion_step ul{}
.luckythrow_step ul{}
.promotion_step ul li,
.luckythrow_step ul li{margin-bottom:40px}
.promotion_step ul li:last-child,
.luckythrow_step ul li:last-child{margin-bottom:0}
.promotion_step ul li span,
.luckythrow_step ul li span{display:inline-block; border-radius:100px; background-color:#DB0111; color:#fff; font-size:14px; font-family: 'Pretendard-Bold'; padding:6px 13px 5px; margin-bottom:12px}
.promotion_step ul li span b,
.luckythrow_step ul li span b{color:#fff; font-size:14px; font-family: 'Pretendard-Bold'; display:inline-block; margin-right:8px; font-weight:normal}
.promotion_step ul li p, .luckythrow_step ul li p{font-family: 'Pretendard-Medium'; font-size:16px; color:#1f1f1f; line-height:140%; margin-bottom:20px}
.promotion_step ul li .img_wrap,
.luckythrow_step ul li .img_wrap{width:100%; border-radius:12px; background-color:#fff}
.promotion_step > p,
.luckythrow_step > p{margin-top:20px; text-align:center; color:#00000099; font-size:14px; font-family: 'Pretendard-Regular';}
.review_point{}
.review_point .review_point_wrapper{width:calc(100% - 40px); margin:0 auto}
.review_point .review_point_wrapper > div{width:100%; padding:8px 8px 17px 8px; background-color:#0000000D; display:flex; border-radius: 10px; flex-direction: column;}
.review_point ul{display:block}
.review_point ul:after{display:block; content:''; clear:both}
.review_point ul li{width:calc(50% - 2px); height:40vw; max-height:144px; padding:19px 0 22px; margin-right:4px; float:left; height:160px; background-color:#fff; border-radius: 4px; display:flex; align-items: center; justify-content: center; flex-direction: column}
.review_point ul li:last-child{margin-right:0}
.review_point ul li img{width:22px; margin-bottom:16px}
.review_point ul li:nth-child(1) img,
.review_point ul li:nth-child(3) img{margin:3px auto 13px}
.review_point ul li p span{font-size:14px; line-height:160%; font-family: 'Pretendard-Regular'; color:#1f1f1f; height:44px; display:flex; justify-content: center; align-items: center;}
.review_point ul li p strong{display:block; margin-top:1px; font-size:16px; line-height:140%; font-family: 'Pretendard-Bold'; color:#1f1f1f}
.noraml_review{margin-bottom:8px}
.review_point_wrapper > div > p{display:block; text-align:center; margin-top:12px; font-size:12px; color:rgba(0, 0, 0, .6); font-family: 'Pretendard-Regular';}
.benefitver2 .benefit_table{width:calc(100% - 40px); margin:0 auto}
.benefitver2 .benefit_list ul li p,
.benefitver2 .benefit_list li dl dt,
.benefitver2 .benefit_list li dl dd{text-align:left}
.benefitver2 #ms_benefit .caution{padding:20px 0 0 0; margin:0}
.benefitver2 #ms_benefit .caution ul li{text-align:left}


#ms_benefit > section h3{font-size:20px; font-family: 'Pretendard-Bold'; color:#1f1f1f; margin-bottom:20px; text-align:center}
.newmemb_benefit{width: calc(100% - 40px); margin:0 auto}
.newmemb_benefit li{width:100%; height:34.45vw; max-height:140px; display:flex; align-items: center; background-color:#eee; ; margin:0 auto 8px; border-radius:4px; background-position:center right 24px; background-repeat:no-repeat}
.newmemb_benefit li:nth-child(1){background-image:url('/assets/front/images/common/mo_newmemb_benefit2.png'); background-size:96px auto}
.newmemb_benefit li:nth-child(2){background-image:url('/assets/front/images/common/mo_newmemb_benefit1.png'); background-size:112px auto}
.newmemb_benefit li:nth-child(3){background-image:url('/assets/front/images/common/mo_newmemb_benefit3.png'); background-size:114px auto}
.newmemb_benefit li p{display:flex; flex-direction: column; padding-left:23px; font-size:16px; font-family: 'Pretendard-Medium'; color:#1f1f1f}
.newmemb_benefit li p strong{font-size:24px; font-family: 'Pretendard-Bold'; color:#1f1f1f;}


.side_menu_inner .category_all{padding:30px 15px}
.side_menu_inner .category_all .cate_depth_1{background-color:#fff }
.category_all .cate_depth_1{max-width:128px;}
.category_all .cate_depth_1 h3{display:flex;}
.category_all .cate_depth_2 ul li{    align-items: flex-start;}
.category_all .cate_depth_2 ul li a{font-size:14px}

.menu_list{margin-bottom:10px}
.menu_list h3{border-radius:10px; height:48px;}
.menu_list h3 a{display:block; width:100%; height:100%; line-height:48px; background-color:#FFFFFF; border-radius:10px; position:relative;padding:0 10px; top:0; left:0}
.menu_list h3 a{font-family: 'Pretendard-Regular'; color:#1f1f1f; font-size:15px}
.menu_list h3 a:after{display:block; content:''; background:url('/assets/mobile/images/common/icon/ic_arrow_b.svg') no-repeat center; background-size:10px 15px; width:10px; height:15px; position:absolute; top:0; bottom:0; right:10px; margin:auto; transform:rotate(90deg)}
.menu_list h3 a.no_2depth:after{display:none}
.menu_list.show h3 a{background-color:#DB0111; color:#fff;}
.menu_list.show h3 a:after{background:url('/assets/mobile/images/common/icon/icon_arrow_W.svg') no-repeat center; transform:rotate(-90deg)}
.menu_list .submenu{display:none;}
.menu_list.show .submenu{display:block; padding: 15px;}
.menu_list.show .submenu ul {display:block}
.menu_list.show .submenu ul li:focus,
.menu_list.show .submenu ul li:active,
.menu_list.show .submenu ul li:hover{font-family: 'Pretendard-Regular';}

.dep3{width:calc(100% - 226px); height:calc(80vh - 46px); position:absolute; right:0; top:46px; display:inline-block;}
.dep3 ul{display:none; height:100%; position:relative; z-index: 1}
.dep3 ul li{    height: 40px;
line-height: 40px;
padding: 0 20px;
box-sizing: border-box; cursor:pointer}

.dep3 ul li:hover{font-family: 'Pretendard-Medium';}
.category_menu {
position: absolute;
top: 0;
z-index: 5
}

.category_menu {
position: absolute;
top: 100%;
left: 0;
width: 224px;
height: 524px;
background-color: rgba(0, 0, 0, .1)
}

.category_menu ul {
width: 100%;
padding: 15px 0 0 0
}

.category_menu li a.dep1 {
padding: 7px 0 7px 43px;
color: #fff;
display: block
}

.category_menu li a {
font-size: 14px
}

.category_menu li:hover a.dep1, .category_menu li.hover a.dep1 {
color: #111;
background-color: #fff
}

.category_menu .submenu {
position: absolute;
top: 0;
left: 100%;
height: 100%;
background-color: #fff;
opacity: 0
}

.category_menu .submenu h4 {
padding: 40px 38px 20px 38px;
font-size: 18px;
color: #000;
font-weight: 500
}

.category_menu .submenu ul {
width: auto;
height: calc(100% - 90px);
padding: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
background: url(./images/main/submenu_dv.gif) 264px top repeat
}

.category_menu .submenu ul li {
width: 264px;
padding: 5px 38px
}

.category_menu .submenu ul li a {
word-break: break-all;
display: block
}

.category_menu .submenu ul li a:hover {
color: #ED1C24
}






.bt_signup {
background:url(/assets/mobile/images/common/icon/icon_signup.svg) center center no-repeat
}
.bt_login {
background:url(/assets/mobile/images/common/icon/icon_signup.svg) center center no-repeat
}

.bt_logout {
background:url(/assets/mobile/images/common/icon/icon_login.svg) center center no-repeat
}

.bt_myPage {
background:url(/assets/mobile/images/common/icon/icon_my.png) center center no-repeat
}

.bt_basket {
background:url(/assets/mobile/images/common/icon/icon_cart_off.svg) center center no-repeat
}

.bt_customer {
background:url(/assets/mobile/images/common/icon/icon_customer.svg) center center no-repeat
}



/* tab */
.tab{display:none;}
.tabmenus ul{width:100%}
.tabmenus .tabmenu{cursor:pointer; text-align:center; border:1px solid transparent; border-bottom-color:#1f1f1f; border-radius:5px 5px 0 0; width:50%; height:60px; line-height:60px; float:left; font-size:18px; cursor:pointer;}
.tabmenus .tabmenu.on{border:1px solid #1F1F1F; border-bottom-color:transparent;font-family: 'Pretendard-Regular';}






/* mystore */

/** mystore :: benefit **/

/* .sub#mystore_benefit .sub_header h2{padding-bottom:20px} */
#mystore_benefit .sub_banner{padding-bottom:0}
#mystore_benefit .benefit_table .sub_header{padding:0}

#mystore_benefit .sub_banner{position:relative;}
#mystore_benefit .sub_banner .bnr_txt{position:absolute; top:30px ;left:30px}
#mystore_benefit .sub_banner .bnr_txt h2{font-size:20px;font-family: 'Pretendard-Regular';font-weight:normal}
#mystore_benefit .sub_banner .bnr_txt h4{font-size:14px;font-family: 'Pretendard-Regular';font-weight:normal; margin-top:8px}

.benefit_list{}
.benefit_list li{margin-top:25px; }
.benefit_list li.benefit_vvip{margin-top:10px}
.benefit_list ul li p{margin-bottom:12px}
.benefit_list ul li p.member_ship img{width:auto; height:28px}
.benefit_list ul li p.member_ship b{margin:0 0 0 8px; font-family: 'Pretendard-Bold'; font-size:16px; line-height:28px; height:auto;  display:inline-block; color:#1f1f1f}
.table_benefit td span{font-size:12px}
.benefit_list li dl dd p:nth-of-type(1){font-size:14px; margin-top:5px}
.benefit_list li dl dd p,
.benefit_list li dl dd strong{ font-size:14px;font-family: 'Pretendard-Regular'; position:relative;}
#mystore_mybenefit .benefit_list li dl dd p,
#mystore_mybenefit .benefit_list li dl dd strong{padding-left:8px}
#mystore_mybenefit .benefit_list li dl dd p:before,
#mystore_mybenefit .benefit_list li dl dd strong:before{display:block; content:''; width:2px; height:2px; border-radius:2px; background-color:#666; position:absolute; top:0; bottom:0; left:0; margin:auto}
#mystore_mybenefit .sub_header{padding:46px 0 5px}

/* .benefit_list ul li p img.icon_vip{}
.benefit_list ul li p img.icon_gold svg path{fill:red}
.benefit_list ul li p img.icon_silver{}
.benefit_list ul li p img.icon_memb{}

.benefit_list ul li p b{ font-weight:bold; font-family:  height:32px; line-height:32px; vertical-align: middle} */




/* 220609 회원혜택 */
.coupon_wrap{background-image:none; padding: 0; vertical-align: top; text-align: left; margin-left:0}
.coupon_wrap strong, .coupon_wrap strong b{font-size:14px;}
.benefit_list li dl dd p:nth-of-type(1){margin-top:0}

/* 260205 멤버십 수정 */
.coupon_wrap .coupon_img{display:flex; gap:12px}
.coupon_wrap .coupon_img img{width:100px}
.benefit_list li dl{background-color:#F8F8F8; border-radius:4px; padding:20px 16px}
.benefit_list li dl dt{padding-top:0; margin-bottom:8px; color:#00000080; font-size:12px; font-family: 'Pretendard-Medium'; }
.benefit_list li dl dt.standard{margin:20px 0 4px}
.coupon_wrap ul{margin-top:8px}
.coupon_wrap ul li{margin:0; line-height:1.6; font-size:14px; font-family: 'Pretendard-Medium'; color:#1F1F1F}
.coupon_wrap ul li b{line-height:1.6; font-size:14px; font-family: 'Pretendard-bold'}
dd.level_benefit .coupon_wrap:nth-child(2){margin:16px 0 0 }
.benefit_list li dl dd{font-size:14px; font-family: 'Pretendard-Regular'; color:#1F1F1F}
.benefit_list li dl dd.standard br{display:none}



.sub_navigator{border-radius:10px; box-shadow:0 0 30px rgba(0, 0, 0, .04); position:relative; float:left; width:260px; padding:20px; background-color:#fff; z-index:12}
.sub_navigator h3{font-size:18px; font-family: 'Pretendard-Regular';border-bottom:1px solid #1f1f1f; position:relative; margin:0 0 15px 0; padding:0 0 15px 0; line-height:38px; word-break:keep-all; -ms-word-break:break-all}
.sub_navigator h3:after{display:none}
.sub_navigator h4{font-size:18px; font-family: 'Pretendard-Regular';margin-bottom:10px;}
.sub_navigator .submenu ul{border-bottom:1px solid #e8e8e8; margin-bottom:15px; padding-bottom:15px;}
.sub_navigator .submenu ul li{color:#888;padding:6px 0; font-size:14px; line-height:20px}
.sub_navigator .submenu ul li.on{color:#DB0111; font-family: 'Pretendard-Regular';}
.sub_navigator.list_navigator{ margin-bottom:20px; float:none; width:100%; box-shadow:none; padding:0; text-align:center}
.sub_navigator.list_navigator h3{border:0; margin:0; padding:0}
.sub_navigator.list_navigator .submenu{width:100%; max-width:750px; margin:0 auto;border-bottom:1px solid #EBEBEB;}
.sub_navigator.list_navigator .submenu.sticky{position:fixed; top:60px; width:100%; left:0;}
/* .sub_navigator.list_navigator .submenu.sticky{    position: fixed;; z-index: 500; background-color:#fff; top:60px} */
.sub_navigator.list_navigator .submenu ul{white-space:nowrap; overflow:auto; overflow-y:hidden;border-bottom:0; padding-bottom:0; margin-bottom:0}
.sub_navigator.list_navigator .submenu ul li{display:inline-block; height:50px; line-height:50px; padding:0 10px}
.sub_navigator.list_navigator .submenu ul li a{font-size:16px; line-height:50px; height:50px; display:inline-block;  font-family: 'Pretendard-Regular'}
.sub_navigator.list_navigator .submenu ul li.on a{font-family: 'Pretendard-Medium';color:#DB0111; border-bottom:1px solid #DB0111}
#ItemSubmenu{width:100%; max-width:750px; margin:0 auto;border-bottom:1px solid #EBEBEB; display:none}
#ItemSubmenu ul{white-space:nowrap; overflow:auto; overflow-y:hidden;border-bottom:0; padding-bottom:0; margin-bottom:0}
#ItemSubmenu ul li{display:inline-block; height:50px; line-height:50px; padding:0 10px}
#ItemSubmenu ul li a{font-size:16px; line-height:50px; height:50px; display:inline-block;  font-family: 'Pretendard-Regular'}
#ItemSubmenu ul li.on a{font-family: 'Pretendard-Medium';color:#DB0111; border-bottom:1px solid #DB0111}
.sub_navigator.list_navigator .list_navigator_select1{border:0; border-radius:0; background-color:#f8f8f8; height:50px; font-size:16px; width:100%; max-width:750px;
background-position:calc(100% - 15px); padding-right:40px}

.sub_visual{background:url('/assets/mobile/images/banner/sub_title01.jpg') no-repeat 85%; background-size: auto 140px; background-color:#000; height:140px; display: flex; width:100%; text-align: center; align-items: center; justify-content: center;}
.sub_visual h2{font-size:20px; font-family: 'Pretendard-Regular';}

.brand_ .sub_visual{background-color:#F8F8F8;    background-image: inherit;}

.list_table table{border-top:1px solid #1f1f1f}
.list_table table th{height:40px; border-bottom:1px solid #EBEBEB}
.list_table table tbody tr td{padding:10px 0}

.list_table table tr{border-top:1px solid #ebebeb}
.list_table table tr th{line-height:40px; text-align:center;}
.list_table table tr td{text-align:center; padding:10px 0}
.list_table table tr td.text-left{text-align:left}
.list_table table tr td .cart_box .img_wrap{float:left; width:100px; height:100px; border:1px solid #ebebeb; border-radius:5px; overflow:hidden; display:inline-block;}
.list_table table tr td .cart_box .img_wrap img{max-height:100%; width:auto}
.list_table table tr td:last-child.delivery{color:#888}
.list_table table tr td dl{width:calc(100% - 120px);padding:12px 0;  display:inline-block; margin-left:20px; float:left; text-align:left}
.list_table table tr td dl .comp_name{color:#888888; font-family: 'Pretendard-Regular'; font-size:14px}
.list_table table tr td dl .subject{color:#1f1f1f; margin:5px auto 12px}
.list_table table tr td dl .subject:hover,
.list_table table tr td dl .subject:focus{color:#000}
.list_table table tr td dl .option{color:#888888}
.list_table table tr td.tb_status p{ display:inline-block;text-align:center; width:45%}
.list_table table tr td.tb_status p:nth-child(2){ display:inline-block; ;text-align:center; width:50%; float:right; padding-top:10px;}
/* .list_table table tr td.tb_status.st00 p,
.list_table table tr td.tb_status.st01 p{width:100%} */
.order_table .item_list table tr td.tb_status p span{display:inline-block; height:25px; line-height:25px;font-family: 'Pretendard-Regular'; color:#1f1f1f}
.list_table table tr td.tb_status p .btn_order_status{padding:0}
.list_table table tr td.tb_status p:nth-child(2) .btn_order_status{}


.cart_box .img_wrap{float:left; width:100px; height:100px; border:1px solid #ebebeb; border-radius:5px; overflow:hidden; display:inline-block;}
/* .cart_box .img_wrap img{height:100%; width:auto} */
dl.c_list{width:calc(100% - 110px); padding:12px 0;  display:inline-block; margin-left:10px; float:left; text-align:left}

dl .subject{color:#1f1f1f; margin:5px auto 12px}
dl .subject:hover,
dl .subject:focus{color:#000;}
dl .option{color:#888888; font-family: 'Pretendard-Regular';}


/* common :: layout */
/* .bulls_container {position:relative; width:100%; padding-top:131px} */
.bulls_container {position:relative; width:100%}
.bulls_container > section{width:calc(100% - 40px); margin:0 auto;}

.bulls_container:after {clear:both; display:block; content:''}
.bulls_contentGroup {clear:both; min-height:550px; padding-bottom:50px}
.bulls_content {position:relative; padding-top:0 !important}

.bulls_container {
			padding-top: 0;
			margin: 0 auto;
		}
		.bulls_container .bulls_content {
			/* width: 79.349%; */
			margin: 0 auto;
			padding: 70px 0 100px;
		}
		.bulls_container .sub_header {
			text-align: center;
			padding-bottom: 40px;
		}
		.bulls_container .sub_header h2 {
			font-size: 30px;
			font-family: 'Pretendard-Regular';
      font-weight:normal;
			/* padding-bottom: 20px; */
		}
		.bulls_container .sub_header p {
			font-size: 14px;
			font-family: 'Pretendard-Regular';
			margin-top: 10px;
			font-weight: normal;
		}

/* sub */
.sub{max-width:750px; margin:0 auto; width:calc(100% - 40px); padding-top:20px}
.sub.mystore_,
.sub.customer_,
.sub.cart_{padding-top:17px}

/* timesale */
.btn_go_buy{display:none; margin-top:40px; font-size:18px}
.btn_go_buy img{width:7px; vertical-align: middle; margin-top:-4px}



/* event */
#event_index.detail_.sub{width:100%; padding:0}
#event_index.detail_ .table_detail_wrap,
#event_index.detail_ table.view th{border:0; padding:0}
#event_index.detail_ .view_contGroup.full_image .view_cont{padding:0}
#table_header{padding:20px 20px 20px 30px}
#table_header .bt_icon.bt_share:before{background: url('/assets/front/images/common/icon/ic_share2.svg') center center no-repeat; background-size:24px; width:24px; height:24px; margin-right:0}
#event_index.detail_ table.view span.tb_date{font-size:12px; color:rgba(0, 0, 0, .5)}
#event_index.detail_ .table_detail_wrap .winner_table{border-bottom:1px solid rgba(0, 0, 0, .1)}
#event_index.detail_ .table_detail_wrap .winner_table_content{padding:20px 20px 20px 30px}
#event_index.detail_ .list_preview{padding: 0 20px;}
#event_index.detail_ .list_preview dd {padding-top: 1px}

#event_index form .write_content{padding:28px 20px; margin:0 0 20px 0}
#event_index form .write_content .wr_subject .input_wrap{width:100%; height:auto; margin:0 0 12px 0; overflow:inherit;}
#event_index form .write_content .wr_subject .input_wrap textarea{width:100%; height:120px; min-height:0; padding:10px; font-size:14px}



.event_list{padding-top:20px}
.event_tabmenus .tabmenu{text-align:center; border:1px solid transparent; border-bottom-color:#1f1f1f; border-radius:5px 5px 0 0; width:50%; height:60px; line-height:60px; float:left; font-size:18px; cursor:pointer;}
.event_tabmenus .tabmenu.on{border:1px solid #1F1F1F; border-bottom-color:transparent;font-family: 'Pretendard-Regular';}
.exhibition_banner_list{display:none}
.exhibition_banner_list li{width:calc(50% - 10px); height:290px; margin-right:20px; margin-bottom:20px; text-align:center; float:left; border-radius:10px ; overflow:hidden; background-color:#f8f8f8; }
.exhibition_banner_list li:nth-child(2n){margin-right:0}
.event_banner_list .event_banner{width:100%;  height:35vw; margin-bottom:20px; text-align:center; overflow:hidden; background-color:#f8f8f8; position:relative; border-radius:5px; max-height:295px}
#event_status_in_progress .event_banner_list .event_banner{height:auto}
.event_banner_list .txt_box{text-align:left}
.event_status_tabmenus{text-align:center; display:block}

.event_status_tabmenus ul{width:100%}
.event_status_tabmenus ul li{display:inline-block; height:40px; line-height:40px;width:50%; border-radius:4px 4px 0 0; float:left; border:1px solid transparent; border-bottom:1px solid #1f1f1f; cursor:pointer; color:#1f1f1f}
.event_status_tabmenus ul li.on{display:inline-block; border:1px solid #1f1f1f; border-bottom:1px solid transparent; color:#1f1f1f}
.event_status_tabmenus ul li span{display:inline-block; font-size:14px; color:#1f1f1f; border-bottom:1px solid transparent;color:#1f1f1f; font-family: 'Pretendard-Regular'}
.event_status_tabmenus ul li:last-child{margin-right:0}
.event_status_tab{display:none}
.experience_group_apply, .event_detail_bottom{display:none}
.experience_group_apply .table_area{margin-top:40px;border:1px solid #1f1f1f; border-width:1px 0;}
.experience_group_apply .table_area table{}
.experience_group_apply .table_area table th, .experience_group_apply table td{padding:10px ; text-align:left}
.experience_group_apply .table_area table th{vertical-align: middle;font-size:14px; font-family: 'Pretendard-Regular'; line-height:1.4}
.experience_group_apply .table_area table td *,
.experience_group_apply .table_area table td{font-size:14px; line-height:1.6}
.experience_group_apply .table_area table td .checkbox_wrap{display:block; margin-top:20px}
.experience_group_apply .btn_area {padding:60px 0}

/** event : roulette **/

#detail_roulette .table_detail_wrap .view_contGroup{padding:0}
#detail_roulette .roulette {position:relative; width:100%; max-width:750px; margin:0 auto}
#detail_roulette .roulette img {max-width:100%}
#detail_roulette .roulette_darts,
#detail_roulette .roulette_arrow,
#detail_roulette .roulette_btn {position:absolute}
#detail_roulette .roulette_darts {top:395px; left:0; right:0; margin:auto; width:60vw; max-width:500px; z-index:1}
#detail_roulette .roulette_arrow {top: -1.9%; left: 50%; width: 7%; margin-left: -3.5%; z-index: 2;}
#detail_roulette .roulette_btn {top: 50%;
    left: 50%;
    width: 230px;
    height: 230px;
    z-index: 2;
    transform: translate3d(-50%, -56%, 0);
    right: 0;
    bottom: 0; margin:0}

.table_detail_wrap{border:1px solid #1f1f1f; border-width:1px 0 0 0}
.view th{padding:30px}
.view h6.tb_subject {font-size:16px;font-family: 'Pretendard-Regular'; display:inline-block; width:calc(100% - 30px); font-weight:normal}
.view h6 strong {font-family: 'Pretendard-Regular';}
.view span.tb_date {font-size:14px; color:#888; display:block; padding-top:10px}
.view .tb_subject p.event_title{font-family: 'Pretendard-Regular';}
.view .tb_subject p.dates span{display:inline-block}
.view .tb_subject p.dates span:nth-child(2){font-size: 14px; padding-left: 10px; margin-left: 10px; margin-right:10px; position: relative;}
.view .tb_subject p.dates span:nth-child(2):before{display:block; content:''; width:1px; height:10px; background-color:#c8c8c8; position:absolute; top:0; bottom:0; left:0; margin:auto;}
.table_detail_wrap .view_contGroup{padding:0 0 15px 0; border:0}
.share{display:inline-block; position:absolute; right:0; z-index:2;}
.share .bt_share img{vertical-align: middle}
.layer_sns#share_popup{width:calc(100vw - 40px); max-width:420px}
.layer_sns .btns{margin-top:50px; padding:20px; background-color:#fff; border-radius:5px; border:1px solid #EBEBEB;    box-shadow: 0 3px 10px rgb(0 0 0 / 8%);}
.layer_sns a{display:inline-block; font-size:14px; line-height:32px; margin-right:20px;}
.layer_sns a.bt_close{margin:8px 0 0 0; vertical-align: top; line-height:1}
.layer_sns#share_popup a.shareBtn.copy_kakao{ margin-right:40px;}
.layer_sns#share_popup a.shareBtn,
.layer_sns#share_popup a.bt_close{margin-right:0}
.layer_sns a img{width:32px; margin-right:10px}
.layer_sns#share_popup a.bt_close{float:right}
.layer_sns a.bt_close img{width:14px; margin-right:0}
.layer_sns .copy_alert{margin-top:5px; border-radius:5px;padding:15px 0; text-align:center; font-size:14px; position: fixed; width: calc(100% - 40px); transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%;}

#item_pddetail .product_infomation .share {text-align:right}
.share .layer_sns{}
.share .layer_sns .btns,
.share .layer_sns .share_btns{width:100%; margin-top: 50px; padding:30px 16px; background-color: #fff; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.1); text-align:center}
.share .layer_sns .btns:after,
.share .layer_sns .share_btns:after{display:block; content:''; clear:both}
.share .layer_sns .btns a,
.share .layer_sns .share_btns a{margin-right:60px}
.share .layer_sns .btns a:last-child,
.share .layer_sns .share_btns a:last-child{margin-right:0}
.share .share_title{font-size:18px; font-family: 'Pretendard-Regular';border-bottom:1px solid rgba(31, 31, 31, 1); padding-bottom:10px; margin-bottom:20px; display:block !important}
.share .share_title .bt_close {width:16px; height:16px; margin:0; padding:0}
.share .share_title a.bt_close img{width:100%; height:100%; margin:0; padding:0}
#item_pddetail .product_infomation .share .bt_icon.bt_share:before{background: url('/assets/front/images/common/icon/ic_share2.svg') center center no-repeat; vertical-align: top; margin-top:-1px}
.share .btn_like{background-image:url('/assets/front/images/common/icon/ic_like2.svg')}
.share a.btn_like{font-size: 0; width:24px; height: 24px; min-height: 0; background-color:#fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  text-indent: -9999px;
  min-width: 0;
  margin:0 16px 0 0; padding:0;
  display:inline-block
}

.share .btn_like.active{background-image:url('/assets/front/images/common/icon/ic_like2_active.svg')}


.event_end_wrapper{color:#fff; background-color:#000; opacity: .5; position:absolute; top:0; left:0; width:100%; height:100%; font-size:14px;font-family: 'Pretendard-Regular'; padding-top:23%}

#event_status_experience_group{padding-top:20px}
#event_status_experience_group .sorting_area{margin:0 auto 5px}
#event_status_experience_group .sorting_area .item_allNum{padding-left:0}
.ex_group_list .table_area{border:1px solid #1f1f1f; border-width:1px 0;}
.ex_group_list ul li{padding:25px 0; border-bottom:1px solid #ebebeb}

.ex_group_list ul li h6{padding-bottom:10px}
.ex_group_list ul li p span{display:inline-block; color:#1f1f1f; width:70px; text-align:left}
.ex_group_list ul li .btn_link{border-bottom:1px solid transparent;}
.ex_group_list ul li:hover .btn_link,
.ex_group_list ul li:focus .btn_link,
.ex_group_list ul li:active .btn_link{border-bottom:1px solid #1f1f1f !important; font-family: 'Pretendard-Medium'; font-weight:normal;}

/* best */
.best_ .sorting.type_tab{width:100%}
.event_tabmenus .tabmenu .icon_best{width:20px; height:20px; margin-right:5px; vertical-align: middle; margin-top:-2px}


#best_list .sorting.type_tab{background-color: #0000000D; border-radius:4px 4px 0 0}
#best_list .event_tabmenus .tabmenu.on {background-color:#fff}
#best_list .event_tabmenus .tabmenu a{font-family: 'Pretendard-Medium'; display:block; width:100%; height:100%}

/* .category_tab{margin:15px auto; padding:15px 0; background-color:#f8f8f8; display:flex; overflow-x:hidden; margin-left: -5%; width: 110%; max-width: none; text-align:center; position:relative;}
  .category_tab{ margin-left: -20px; width: calc(100% + 40px); padding: 9px 15px; padding-left:0; background-color:#f8f8f8;  overflow: scroll;  overflow: auto;  white-space: nowrap; position:relative;}
  .category_tab:after{
    display: block;
    content: '';
    width: 7%;
    height: 100%;
    background-image: linear-gradient(to left, #f8f8f8, #f8f8f8, rgba(255, 255, 255, 0));
    margin: 0;
    position: absolute;
    right: 7%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1
  }
*/
#best_list .go_menu_select{height:40px}

#best_list section{margin-top:40px; position:relative;}
#best_list section:after{display:block; content:''; width:calc(100% + 40px); margin-left:-20px; height:12px; background-color:rgba(0, 0, 0, 0.05)}
#best_list section.best_daily{margin-top:20px}
#best_list section.best_monthly:after{display:none}
#best_list section h5{font-size:18px; font-family: 'Pretendard-Medium'; margin-bottom:16px; display:block;}
#best_list section h5 .date{color:rgba(0, 0, 0, 0.5); font-size:12px; font-family: 'Pretendard-Medium'; margin-top:3px}
#best_list section h5 .date img{width:24px; vertical-align: middle; margin:-2px 0 0 0}
#best_list .item_list{margin-top:0}
#best_list .item_list .item_box:last-child{margin-bottom:40px}
#best_list .item_list .item_box dt .act_user{display:block !important; bottom:auto; right:8px; top:8px; z-index: 0; left:auto; width:24px; height:24px}
/* #best_list .item_list .item_box dt .act_user li{box-shadow:0px 2px 4px rgba(0, 0, 0, 0.04)} */
#best_list .item_list .item_box dt .act_user li{filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.04)); border-radius:32px;}
#best_list .item_list .item_box dt .act_user li a{display:none}
#best_list .item_list .item_box dt .act_user li,
#best_list .item_list .item_box dt .act_user li a.btn_like{width:24px; height:24px; background-position:center; background-size:10px; padding:0; display:block}


.category_tab{ margin-left: -20px; width: calc(100% + 40px); padding-left:20px;  overflow: scroll;  /* 가로 스크롤 */  overflow: auto;  white-space: nowrap; position:relative; margin-bottom:20px}

.category_tab ul{ overflow-x:auto; overflow-y:hidden; height:auto; width:100%; margin-left:0; padding:0}
.category_tab li{display:inline-block;margin:0 4px 0 0; text-align:center; font-size:14px; border-radius:4px; border:1px solid #00000033}
.category_tab li a{width:auto; padding:5px 10px;  display:block;}
.category_tab li.on{ background-color:#1F1F1F; color:#fff; border-color:#1F1F1F}
.category_tab li.on a{color:#fff}
.category_tab li:before,
.category_tab li:after{display:none}
.category_tab li:last-child{margin-right:20px}
.show_tabList{width:38px; height:50px; background-image:url('/assets/mobile/images/common/icon/select_arr.png'); background-repeat:no-repeat; background-position:center; background-size:13px; padding-top:15px; transition:all 500ms; position:absolute; top:6px; right:3%; margin:auto; z-index: 2}
.show_tabList.close{background-image:url('/assets/mobile/images/common/icon/icon_x_b.png'); top:4px;}
.category_tab ul.show{display:block; height:auto; overflow:visible;}
.category_tab ul.show li{display:inline-block; float:left; border:1px solid #BBBBBB}
.category_tab ul.show li.on{border-color:#1f1f1f}


/* best */
.item_list .item_box dt{border-radius:5px; overflow:hidden;    border: 1px solid #EBEBEB; max-height:30vw}
.best_first{display:none}
/* .item_list .item_box.best .sticker .rank b{font-size:14px;}

.item_list .item_box.best .sticker .rank strong{font-family: 'Pretendard-Regular'; font-size:18px} */
.item_list .item_box.best .sticker{background-image:url('/assets/front/images/common/best_sticker_bg_red.png')}
.item_list .item_box .sticker{ display:none !important}
.item_list .item_box .sticker span strong{font-size:12px}
.item_list .item_box.best .rank b{display:none}

/* #best_list .item_list .item_box .sticker {background-image:none; width:20px; height:20px; display:block !important; line-height:1}
#best_list .item_list .item_box .sticker span{background-color:#1F1F1F; display:inline-block; vertical-align: top; border-radius:4px 0 4px 0; width:20px; height:20px; padding:0; margin:0; line-height:1}
#best_list .item_list .item_box.best .sticker span{background-color:#DB0111}
#best_list .item_list .item_box.best .sticker span strong{}
#best_list .item_list .item_box .sticker span strong{font-family: 'Pretendard-Medium'; font-size: 10px}
#best_list .item_list .item_box dt{border:0} */

#best_list .item_list .item_box .sticker {background-image:none; display:block !important; line-height:1; text-align:left}
/* #best_list .item_list .item_box .sticker span{background-color:#1F1F1F; display:inline-block; border-radius:4px 0 4px 0; padding:0; margin:0; line-height:1}
#best_list .item_list .item_box .sticker span{background-color:#DB0111; margin: 0; height: auto; min-height: 0; line-height: inherit; min-width:0; width:auto; line-height:1; font-size:100%; font-family: 'Pretendard-Medium';} */
#best_list .item_list .item_box .sticker span{height: auto; min-height: 0; min-width:0; width:auto; line-height:1;}
#best_list .item_list .item_box .sticker span{background-color:#1F1F1F; display:inline-block; border-radius:4px 0 4px 0; width:20px; height:20px; overflow:hidden;  margin: 0; font-size:100%; font-family: 'Pretendard-Medium'; padding:0; margin:0}
#best_list .item_list .item_box.best .sticker span{background-color:#DB0111; }
#best_list .item_list .item_box.best .sticker span{}
#best_list .item_list .item_box .sticker span strong{font-family: 'Pretendard-Medium'; font-size: 10px; display:inline-block; width:100%; height:100%; vertical-align: top; text-align:center; line-height:19px}
#best_list .item_list .item_box.best .sticker span strong{}
#best_list .item_list .item_box.best .sticker span strong{margin-top:0}
#best_list .item_list .item_box dt{border:0}

/* item_list */
#product_list ul li.item_box dt{border:0}
.item_box{position:relative; margin-bottom:90px; }
.item_list:after{display:block; content:''; clear:both}
.item_list .item_box dt{position:relative;}
.item_list .item_box dt>a{width:100%;height:auto; max-height:100%; display:flex;justify-content:center;align-items:center;overflow:hidden; border-radius:5px}
.item_list .item_box dt>a:after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
  content: "";
  display:block
}
/* .item_list .item_box dt>a img{max-width:100%;max-height:100%;flex:1} */
.item_list .item_box dd {text-align:left; color:#888;font-size:16px; color:#1f1f1f; }
.item_list .item_box dd:nth-of-type(1){height:165px; margin-top:14px}
/* .item_list .item_box dt .act_user{width: 100%; text-align: center; right: 5px}
.item_list .item_box dt .act_user li{padding:5px 0} */
#product_list{border:0; margin-top:0;}
/* #product_list.item_list .item_box dt .act_user {right:0}
#product_list.item_list .item_box dt .act_user li{width:auto; margin:0 auto; float:none}
#product_list.item_list .item_box dt .act_user li:last-child{margin-left:5px} */
.sub.event_ .product_list{margin:0 20px 0; max-width:calc(100% - 40px)}
.sub.event_ .product_list .sorting_area{margin:0}
.sub.event_ .product_list .sorting_area .item_allNum{padding:0}
.sub.event_ .product_list .item_list {margin-top:0}

.item_list .item_box dt .act_user li:nth-child(2){display:none}
.item_list .item_box dt .act_user li,
.item_list .item_box dt .act_user li a.bt_like,
.item_list .item_box dt .act_user li a.btn_like{width:24px; height:24px; border-radius:24px; background-position:center; background-size:10px; padding:0; display:block; font-size:0}

/*
.item_list .item_box dt .act_user li a{    display: inline-block;
width: 48px;
height: 48px;
border-radius: 48px;
padding:3px;
background-repeat: no-repeat;
background-position: center;
background-size: 22px; } */


.item_list .item_box dt:hover .act_user{display:block}
.item_list .item_box .price>del{margin-right:9px;padding-top:2px;font-size:14px;color:#666;line-height:16px;vertical-align:top;display:inline-block}
.item_list .item_box .subject{margin:4px auto 5px; color:#707070;line-height:1.3;word-break:keep-all;white-space:normal;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:14px}
.item_list .item_box .subject a{color:#1f1f1f; line-height:1.4;font-family: 'Pretendard-Light';}
.item_list .item_box .subject a:hover,
.item_list .item_box .subject a:focus,
.item_list .item_box .subject a:active{font-family: 'Pretendard-Light';}
.item_list .item_box .subject .chip_ {border:1px solid; border-radius:3px; padding:0 5px; font-size:12px; }
.item_list .item_box .subject .chip_review{border-color:#4a59d9; color:#4a59d9}
.item_list .item_box .subject .chip_review_naver{border-color:#1EC800; color:#1EC800}
.item_list .item_box .icon{margin-top:12px;font-size:0;line-height:0}
.item_list .item_box dd small{display:inline-block; font-size:12px; color:#bbb; text-decoration: line-through;  min-width:10px}
#product_list.item_list .item_box dd small{margin-top:0; display:block}
.item_list .item_box dd strong{font-size:18px !important; display:inline-block; margin-right:7px; margin-left:0}
.item_list .item_box dd strong.text-red{font-size:16px !important}
.item_list .item_box dd strong.text-right{margin-right:3px}
.item_list .item_box dd strong.text-red{margin-right:0}
.item_list .item_box dd small del{color:#bbb; font-size:12px}
.item_box dt a{width:262px; height:262px; border-radius:15px; overflow:hidden; display:inline-block}

.item_box dd strong{font-size:20px}
.item_box dd .chips {  margin-top: 8px;}
.item_box dd .chip {}
.view_list_right{display:none}

/* .item_list .item_box dt .act_user li a.btn_like{}
.item_list .item_box dt .act_user li a.btn_like.active{}
.item_list .item_box dt .act_user li a.btn_wishlist{}
.item_list .item_box dt .act_user li a.btn_wishlist.active{} */

  /* item_box product_info*/

  .chips .chip{margin-left:2px; font-family: 'Pretendard-Regular';}
  .chips .chip:nth-child(1){margin-left:0}
.chips:after{display:block; content:''; clear:both}
.chips .chip{background-image:none !important; display:inline-block; height:22px; line-height:21px; font-size:12px; padding:0 8px; border-radius:30px; vertical-align: top; float:left;text-align: center}
.chips .chip.new,
.chips .chip.free,
.chips .chip.present,
.chips .chip.special{padding:0 10px; background-repeat:no-repeat; background-size:10px; background-position:7px center; border-color:transparent; background-color:#fff !important}

 .chips .chip.best{line-height:21px; border:1px solid #ED1C24 !important; color:#ED1C24}
 .chips .chip.recommend{border:1px solid #FFC248; color:#ffa548 !important;}
 .chips .chip.dcmore{color:#F52828; border:1px solid #F52828}

.chips .chip.new{border:1px solid #FF7F00 !important; color:#FF7F00 !important; background-image:url('/assets/mobile/images/common/icon/ic_new.svg');}
.chips .chip.free{border:1px solid #37C1A5 !important; color:#37C1A5 !important; background-image:url('/assets/mobile/images/common/icon/ic_free.svg')}
.chips .chip.sale{border:1px solid #F52828 !important; color:#F52828 !important;}
.chips .chip.present{border:1px solid #009DCE !important; color:#009DCE !important; background-image:url('/assets/mobile/images/common/icon/ic_present.svg')}
.chips .chip.special{border:1px solid #ED242B !important; color:#ED242B !important; background-image:url('/assets/mobile/images/common/icon/ic_special.svg');}
.chips .chip.super{border:1px solid #4981D5 !important; color:#4981D5 !important;}
.chips .chip{display:none;}
.chips .chip:nth-child(1),
.chips .chip:nth-child(2){display:inline-block}

/** item_list :: sticker **/
.sticker{position:absolute;top:0;left:0;z-index:1; width:24px; height:30px; line-height:27px; display:none !important; text-align:center; background-image:url('/assets/mobile/images/common/best_sticker_bg_black.png'); background-repeat:no-repeat; background-position:center; background-size:24px 30px}
.item_list.best .sticker{width:60px; height:70px; background-image:url('/assets/mobile/images/common/best_sticker_bg_red.png');}
.rank{width:100%;height:40px;margin-bottom:2px;font-size:20px;font-weight:700;line-height:40px;display:inline-block; padding-top:6px}
.rank strong,
.rank b{display:block; text-align:center; font-weight:normal; color:#fff; font-size:12px; margin-top:-1px;font-family: 'Pretendard-Bold'}


/* act_user */
/* .act_user{display:none; position:absolute; z-index: 10; bottom:20px; right:10px} */
.act_user{position:absolute; z-index: 10; bottom: auto; right: 8px; top: 8px; z-index: 0; left: auto; width: 24px; height: 24px;}
.act_user li{vertical-align:middle;display:inline-block}
.act_user li:nth-child(2){display:none}
.act_user li .count{line-height:28px;vertical-align:middle;display:inline-block}
.act_user li a{ background-color:#fff; display:inline-block;  background-color:#fff; padding:3px;background-repeat: no-repeat; background-position:center;}
.act_user li a.active{background-color:#F3951A; border-color:#F3951A;}
.act_user li .btn_cart{background-image:url('../images/common/icon/ic_cart_b.png')}
.act_user li .btn_cart.active{background-image:url('../images/common/icon/ic_cart_w.png')}
.act_user li .btn_like{background-image:url('../images/common/icon/ic_like_b.svg'); background-size:20px}
.act_user li .bt_like{background-image:url('../images/common/icon/ic_like_b.svg'); background-size:20px}
.act_user li .btn_like.active,
.act_user li .btn_like.on,
.act_user li .bt_like.active,
.act_user li .bt_like.on{background-image:url('../images/common/icon/ic_like_W.svg'); background-size:20px}
.act_user li .bt_like{background-image:url('../images/common/icon/ic_like_b.svg'); background-size:20px}
.act_user li .bt_like.on{background-image:url('../images/common/icon/ic_like_W.svg'); background-size:20px}
.act_user li .btn_wishlist{background-image:url('../images/common/icon/ic_wishlist_b.png')}
.act_user li .btn_wishlist.active{background-image:url('../images/common/icon/ic_wishlist_W.png')}
.act_user li a.bt_like{background-color:#fff; border-color:#fff;}
.act_user li a.btn_like{background-color:#fff; border-color:#fff;}
.act_user li a.bt_like.on,
.act_user li a.bt_like.active{background-color:#F3951A; border-color:#F3951A;}
.act_user li a.btn_like.on,
.act_user li a.btn_like.active{background-color:#F3951A; border-color:#F3951A;}

/* .act_user{display:none !important; bottom:0} */
.act_user li a{border-radius:8px; opacity: .8 !important}
/* .act_user li:nth-child(1){display:none}
.act_user li:nth-child(2){float:right;} */
.act_user li .btn_cart{background-image:url('../images/common/icon/ic_cart_b2.png')}
.act_user li .btn_cart.active{background-image:url('../images/common/icon/ic_cart_w2.png')}

dt:hover .act_user{display:block}




.caution{margin:50px auto 0; background-color:#f8f8f8; padding:20px;}
.caution h6{font-family: 'Pretendard-Medium';font-size:16px; padding-bottom:8px}
.caution li{padding-left:8px; position:relative; margin-bottom:5px; font-size:13px}
.caution li:before{display:block; content:''; width:2px; height:2px; background-color:#1f1f1f; position:absolute; top:8px; bottom:auto; left:0; margin:auto}

/* paging */

.paging {margin:30px auto; font-size:0; line-height:0; text-align:center}
.paging a {font-size:14px; color:#333; line-height:18px; vertical-align:middle; display:inline-block}
.paging .bt_more {width:100%; max-width:750px; font-size:16px;height:40px; line-height:40px}
.paging .bt_more:after {width:14px; height:7px; margin:-3px 0 0 8px; vertical-align:middle; background:url('/assets/mobile/images/common/more_arr.png') no-repeat; display:inline-block; content:''}
.paging a.bt_icon {position:relative; width:32px; height:32px; margin-right:12px; background-size:14px; background-repeat: no-repeat; background-position:center}
.paging a.bt_icon.first {background-image: url('/assets/mobile/images/common/paging_first.svg')}
.paging a.bt_icon.prev {background-image:url('/assets/mobile/images/common/paging_prev.svg')}
.paging a.bt_icon.next {background-image:url('/assets/mobile/images/common/paging_next.svg')}
.paging a.bt_icon.end {background-image:url('/assets/mobile/images/common/paging_end.svg')}
.paging .page {padding:0 0; vertical-align:middle; display:inline-block}
.paging .page a {font-size:14px; line-height:32px; cursor:pointer; width:32px; height:32px; color:#888; border-radius:3px; vertical-align:middle; display:inline-block; margin-right:12px}
.paging .page a:last-child{margin-right:0}
.paging .page a:first-child {margin-left:0}
.paging .page a.current {color:#Ffff; background-color:#1f1f1f; cursor:default; pointer-events:none}
.item_list + .paging {margin-top:30px}

/* order_list */

#chg_addr{width:90%; max-width:750px; height:auto; max-height:90vh; padding:0; overflow:auto}
#chg_addr .popup_content{padding:10px 20px; /*height:calc(90vh - 194px);*/ overflow-x:hidden}
#chg_addr .popup_content .input_box{width:100%; height:auto}
#chg_addr .popup_content .addr:after{display:block; content:''; clear:both}
#chg_addr .popup_content .addr .input_box .input_wrap{overflow:hidden}
#chg_addr .popup_content .addr .input_box label{display:block; width:100%; margin-bottom:8px;;border-radius:5px; overflow:hidden; height:45px; line-height:45px; vertical-align: top; padding:0; border:0}
#chg_addr .popup_content .addr .input_box input{width:100%; height:100%; vertical-align: top; border-color:#d9d9d9; border-radius:5px; padding:0 11px}
#chg_addr .popup_content .addr .input_box label:before{display:none !important }
#chg_addr .popup_content .addr .input_box .post label{width:calc(100% - 130px); float:left; }
#chg_addr .popup_content .addr .input_box .post .btn{width:120px; margin-left:10px; display:inline-block; height:45px; line-height:45px;border-radius:5px}
#chg_addr .btn_wrap{padding:15px;}
#chg_addr .popup_content .select_{width:100%;    height: 45px;
    line-height: 45px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;}
#chg_addr .popup_content input{text-indent:0;   border-radius: 5px;}
#chg_addr .popup_content .select_ select{    width: 100%; height: 100%; border: 0; vertical-align: top; text-indent:0}
/* #chg_addr .btn_wrap .btn{line-height:45px; height:50px; font-size:14px; width:155px} */
  #chg_addr .close{top:34px; display:block}

#zipcode_layer{z-index: 500 !important}

.line-through{text-decoration: line-through;}
.text-ellipsis{
display:inline-block !important;
width:100% !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.comp_name, dl .comp_name {
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    margin: 0;
}

.price{display:inline-block; margin-left:5px; font-size:14px}
.item_wrap .item_list ul li.item_soldout{opacity: .5}
.item_wrap .item_list ul li.item_soldout .badges .badge:last-child{margin-right:0}
.item_wrap .item_list ul li.item_soldout .badges .badge_best,
.item_wrap .item_list ul li.item_soldout .badges .badge_new{border-color:#1F1F1F; color:#1F1F1F}
.item_wrap .item_list ul li.item_soldout .badges .badge_gift,
.item_wrap .item_list ul li.item_soldout .badges .badge_recmd,
.item_wrap .item_list ul li.item_soldout .badges .badge_disc{border-color:#1F1F1F; background-color:#1F1F1F; color:#fff}
.item_wrap .item_list ul li.item_soldout dl dt .sold_out{position:absolute; bottom:0; left:0; width:100%; background-color:#888; color:#fff;font-size:18px;font-family: 'Pretendard-Regular'; height:42px; line-height:42px; border-radius:0 0 4px 4px; text-align:center}


.order_info {padding:32px 20px; font-size:20px; text-align:center; border-top:1px solid #111; border-bottom:1px solid #ccc; }
.order_info .c_point {font-weight:400}
.order_info li {display:inline-block}
.order_info li:before {width:1px; height:14px; margin:0 30px; background-color:#ccc; display:inline-block; content:''}
.order_info li:first-child:before {display:none}

.result_paymentWrap .title_content {border-bottom:0}
.result_payment .pay_order {width:100%}
.result_payment .pay_order:first-child {margin-left:0}
.result_payment .pay_order:last-child {margin-right:0}
.result_payment .pay_order .pay_cont {padding:23px 20px; border-bottom:1px solid #ccc}
.result_payment .pay_order .pay_cont > dl > dt,
.result_payment .pay_order .pay_cont > dl > dd {font-size:16px; display:inline-block}
.result_payment .pay_order .pay_cont > dl > dd {}
.result_payment .pay_order .pay_cont dl.rep dt,
.result_payment .pay_order .pay_cont dl.rep dd {color:#111; font-weight:500}
.result_payment .pay_order .pay_cont dl.rep dt {font-size:18px}
.result_payment .pay_order .pay_cont dl.rep dd.price {font-size:22px}
.result_payment .pay_order .pay_cont dd.reason {padding-bottom:15px}
.result_payment .pay_order .pay_cont dl:last-child dd.reason {padding-bottom:0}
.result_payment .pay_order .pay_cont.how dt,
.result_payment .pay_order .pay_cont.how dd {width:100%; font-size:16px; color:#333; font-weight:400 !important; display:block}
.result_payment .pay_order .pay_cont.how dd .etc {padding-top:5px; font-size:14px; color:#666}
.result_payment .pay_order .pay_cont.total .price {font-size:30px; color:#ED1C24}
.result_payment .pay_order dl:after {clear:both; display:block; content:''}
.result_payment .pay_order dt,
.result_payment .pay_order dd {margin:5px 0; line-height:27px}
.result_payment .pay_order dt {clear:both; float:left}
.result_payment .pay_order dd {float:right}
.result_payment .pay_order dd.reason {width:100%}
.result_payment .pay_order dd.reason dl {font-size:14px; color:#666}
.result_payment .pay_order dd.reason dt:before {width:5px; height:5px; margin:-8px 8px 0 0; vertical-align:middle; border-bottom:1px solid #707070; border-left:1px solid #707070; display:inline-block; content:''}
.result_payment .pay_order dl:last-child dd.reason {margin-bottom:0}

.result_paymentWrap .list_style01{border-bottom:0}

dl.pay_info {padding:23px 20px; border-top:1px solid #111; border-bottom:1px solid #ccc}
dl.pay_info dt,
dl.pay_info dd {margin:8px 0; display:inline-block}
dl.pay_info dt {clear:both; width:200px; font-size:16px}
dl.pay_info dd {width:calc(100% - 210px); color:#666}

.checked_point {padding:16px 0 0 0}
.checked_point b {font-weight:400}

.reason_cancel {padding:30px 20px; border-top:1px solid #111; border-bottom:1px solid #ccc}
/* .purchase_confirm {width:100%; padding:11px 20px; border-top:1px solid #111; border-bottom:1px solid #ccc; display:flex; flex-direction:row} */
.purchase_confirm {width:100%; padding:0px; border-top:1px solid #111; border-bottom:1px solid #ccc}
/* .purchase_confirm .btn_box {width:100px; display:flex; flex-direction:column; justify-content:center}
.purchase_confirm .btn_box .bt_small {width:100%; margin-top:8px}
.purchase_confirm .btn_box .bt_small:first-child {margin-top:0} */
.purchase_confirm .cart_box {/* min-height:128px; */ display:flex; flex:2; align-items:center}
.purchase_confirm .cart_box dl dt{width: 60px; height: 60px; display:inline-block; vertical-align: top; float:left; margin-right:20px}
.purchase_confirm .cart_box dl dt .img_wrap{width:100%; height:100%; border:0}
.purchase_confirm .cart_box dl dd{width:calc(100% - 80px); display:inline-block}
.purchase_confirm .cart_box dl dd h6{font-size:12px; color:#1F1F1F; font-family: 'Pretendard-Light';}
.purchase_confirm .cart_box dl dd .subject{margin:3px auto 4px; font-family: 'Pretendard-Regular';}
.purchase_confirm .cart_box dl dd small.text-gray.block{font-size:12px; font-family: 'Pretendard-Light'; color:#00000080}
.purchase_confirm .btn_area .btn{
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  min-height: 0;
  border-radius: 5px;
  min-width: 0;
}
.purchase_confirm .btn_area a.btn_cart,
.purchase_confirm .btn_area a.btn_like {
    width: 48px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    text-indent: -9999px;
    margin-right: 8px;
    margin-left: 0;
    border: 1px solid #B2B2B2;
}
.purchase_confirm .btn_area a.btn_like {
    background-image: url(../images/common/icon/ic_like.svg);
}
.purchase_confirm .btn_area .btn_like.on {
    background-image: url(../images/common/icon/ic_like_orange.svg);
}
.purchase_confirm .btn_area a.btn_cart {
    background-image: url(../images/common/icon/ic_cart_red.svg);
    border-color: #ED1C24;
    background-size: 26px;
}
.purchase_confirm .btn_area .btn_buynow {
    width: calc(100% - 112px);
    margin-left: 0;
    font-size: 16px;
    font-family: 'Pretendard-Bold';
}

.purchase_confirm.item_table .item_list{padding-top:0; margin:20px auto 40px}





.cart_box:after{display:block; content:''; clear:both}

.view_content {padding:30px 20px; color:#333; line-height:26px; border-bottom:1px solid #ccc}
.view_content img {max-width:100%}

.write_content {width:100%; padding:30px; background-color:#F8F8F8; margin:60px 0 40px}
.write_content .input_wrap{width:calc(100% - 130px); display:inline-block; margin-right:10px; border:1px solid #D9D9D9; background-color:#fff; height:44px; line-height:44px; border-radius:5px; overflow:hidden}
.write_content .input_wrap input{vertical-align: top}
.write_content button[type="submit"]{width:120px; background-color:#1f1f1f; border-radius:5px; color:#fff; font-size:14px; float:right; height:40px}


.event_reply_img.write_content{background-color:#0000000D; padding:40px}
.event_reply_img h5{font-size:14px; font-family: 'Pretendard-Medium'; color:#1f1f1f; margin-bottom:8px}
.event_reply_img .img_wrap{width:calc(100% + 20px); white-space: nowrap; overflow:auto}
.event_reply_img .img_wrap:after{display:block; content:''; clear:both}
.event_reply_img .img_wrap .new_equi_img{display:inline-block; vertical-align: top; margin-right:5px}
.event_reply_img .img_wrap .new_equi_img:last-child{margin-right:20px}
.event_reply_img .img_wrap .upImg{margin-right:0}
.event_reply_img .img_wrap .upImg.addImg{background-color:#fff; border:1px solid #00000033; margin-bottom:8px}
.event_reply_img .img_wrap .upImg .btn_del_img.close{width:30px; height:30px; top:0; right:0; border-radius:0 4px 0 0}
.event_reply_img .img_wrap .upImg.addImg .btn_add_img.close:before{width:16px; height:2px; background-color:#1f1f1f}
.event_reply_img .img_wrap .upImg.addImg .btn_add_img.close:after{width:16px; height:2px; background-color:#1f1f1f}
.event_reply_img .img_wrap .upImg.viewImg .btn_del_img.close:before,
.event_reply_img .img_wrap .upImg.viewImg .btn_del_img.close:after{height:16px}
.event_reply_img .wr_subject .input_wrap{border:1px solid #00000033; height:120px; border-radius:4px !important; width:calc(100% - 160px); margin-right:20px}
.event_reply_img .wr_subject .input_wrap textarea{border:0; height:100%; padding:8px 12px; font-size:14px; color:#1f1f1f; line-height:22.4px;     font-family: 'Pretendard-Regular';}
.event_reply_img .wr_subject .ev_com_btn{width:100%}
.reply_detail{font-size:14px; color:#1f1f1f; line-height:22.4px;     font-family: 'Pretendard-Regular'; margin-bottom:8px}
.detail_reply_list .btn_find_myreply{
  display: inline-block;
  font-size: 12px;
  font-family: 'Pretendard-Regular';
  font-weight: normal;
  border: 0 !important;
  width: 90px;
  height: 26px;
  border: 1px solid rgba(31, 31, 31, 1) !important;
  border-radius: 4px;
  text-align: center;
  line-height: 26px;
}
.detail_reply_list .img_wrap{width:calc(100% + 20px); white-space: nowrap; overflow:auto}
.detail_reply_list .img_wrap .new_equi_img{display:inline-block; vertical-align: top; margin-right:5px}
.detail_reply_list .img_wrap .new_equi_img:last-child{margin-right:20px}
.detail_reply_list .img_wrap .upImg{margin-right:0}
.detail_reply_list .img_wrap .upImg img{object-fit: cover;}
.detail_reply_list .img_wrap .upImg.addImg{background-color:#fff; border:1px solid #00000033; margin-bottom:8px}
.detail_reply_list .img_wrap .upImg{width:150px; height:150px; border-radius:4px}
.detail_reply_list .img_wrap .upImg .btn_del_img.close{width:30px; height:30px; top:0; right:0; border-radius:0 4px 0 0}
.detail_reply_list .img_wrap .upImg.addImg .btn_add_img.close:before{width:16px; height:2px; background-color:#1f1f1f}
.detail_reply_list .img_wrap .upImg.addImg .btn_add_img.close:after{width:16px; height:2px; background-color:#1f1f1f}
.detail_reply_list .img_wrap .upImg.viewImg .btn_del_img.close:before,
.detail_reply_list .img_wrap .upImg.viewImg .btn_del_img.close:after{height:12px}


.detail_reply_list .table_top{}
.detail_reply_list .table_top .sort_myreply:after{display:block; content:''; clear:both}
.detail_reply_list .table_top .sort_type{display:inline-block; border:0}
.detail_reply_list .table_top .sort_type li{font-family: 'Pretendard-Regular'; display:inline-block; float:left; padding:0 25px 0 0; font-size:14px; color:rgba(0, 0, 0, .3); cursor:pointer; position:relative; border:0; line-height:26px}
.detail_reply_list .table_top .sort_type li.active{color:rgba(31, 31, 31, 1)}
.detail_reply_list .table_top .sort_type li:last-child{padding-right:0}
.detail_reply_list .table_top .sort_type li:nth-child(1):after{display:block; content:''; width:1px; height:8px; background-color:rgba(0, 0, 0, 0.3); margin:; position:absolute; top:0; bottom:0; right:12px; margin:auto}
.detail_reply_list .table_top .find_myreply{display:inline-block; margin-bottom:0}
.detail_reply_list .table_total{margin:20px 0 8px}
.detail_reply_list .table_total label{font-size:12px; color:rgba(31, 31, 31, 1); display:inline-block; margin-right:8px}
.detail_reply_list .table_total b{font-family: 'Pretendard-Medium'; display:inline-block; margin-left:2px}
.good_td{height:auto}
.good_td .writer_info{height:32px}
.good_td .act_user{position:static; border:0; width:auto; height:auto; border:0; float:right}
.good_td .act_user li{width:60px; height:32px; position:relative; padding:0; border:0}
.good_td .act_user li .btn_thumb{
    text-indent:0; display: flex; justify-content: space-between;; align-items: center; border-radius:25px; width:60px; height:32px; padding:6.5px 10.5px; border-radius:25px; border:1px solid rgba(0, 0, 0, 0.3); position:relative;}
.good_td .act_user li .btn_thumb:before{
  display:block; content:''; width:20px; height:20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  background-image:url('../images/common/icon/ic_thumb.svg');

}
.good_td .act_user li .btn_thumb.active:before{background-image:url('../images/common/icon/ic_thumb_white.svg'); background-color:rgba(31, 31, 31, 1)}
.good_td .act_user li .btn_thumb.active{background-color:rgba(31, 31, 31, 1) !important; opacity: 1 !important}
.good_count{ font-family: 'Pretendard-Light'; font-size: 12px; color: rgba(0, 0, 0, 0.6);display:inline-block; width:15px; text-align:center; margin-top:1.5px}
.good_td .act_user li .btn_thumb.active .good_count{color:#fff}

.btn_view_more_wrap{margin-top:8px}
.btn_view_more{display:block; text-align:left; font-size:14px;font-family: 'Pretendard-Regular'; color:#1f1f1f;}
.btn_view_more img{width:8px; margin-left:6px; line-height:20px; height:20px; transform:rotate(0); transition:500ms all}
.btn_view_more.show_all img{transform:rotate(180deg)}
.reply_text{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; text-overflow: ellipsis;}
.reply_text.show_all{ -webkit-line-clamp: none; overflow: inherit; text-overflow: inherit; -webkit-box-orient: initial; display: block}



.reply_btns a{font-size:12px; color:#1f1f1f;     font-family: 'Pretendard-Regular', sans-serif;}
.reply_btns .btn_edit,
.reply_btns .btn_cancel{position:relative; padding-right:12px}
.reply_btns .btn_edit:after,
.reply_btns .btn_cancel:after{display:block; content:''; width:1px; height:10px; background-color:#0000004D; position:absolute; top:0; bottom:0; right:3px;  margin:auto}

.write_content.event_reply_img.event_reply_img_edit{margin:0; padding:0; background-color:transparent}

em.dash{display:inline-block; vertical-align: top; margin:7px}
.detail_reply_list{ margin:auto 20px; width:calc(100% - 40px)}
.detail_reply_list table td{text-align:center; padding:30px 0;}
.detail_reply_list table tr{border-bottom:1px solid #ebebeb}
.detail_reply_list table td:nth-child(1){color:#888}
.detail_reply_list table td:nth-child(2){padding-left:10px; line-height:1.2}

.detail_reply_list ul{border-top:1px solid #1F1F1F}
.detail_reply_list ul li{padding:20px 0; border-bottom:1px solid #0000001A}
.detail_reply_list ul li p{font-size:14px; margin-bottom:8px; color:#1F1F1F;font-family: 'Pretendard-Regular'; }
.writer_info span{font-size:12px; color:#00000080}
.writer_name{padding-right:4px; margin-right:8px; position:relative;}
.writer_name:after{display:block; content:''; width:1px; height:10px; background-color:#00000030; position:absolute; top:0; bottom:0; right:-4px; margin:auto}
.shipping_last {margin:20px 0 0 0; padding:14px 30px; background-color:#F9F9F9}
.shipping_last h4 {margin-bottom:14px}
.shipping_last dt,
.shipping_last dd {font-size:14px; color:#666}
.sh_naming .check_box {margin-left:25px}
.sh_naming .check_box:first-child {margin-left:15px}


/** review.popup **/
#event_review_image_popup {width:100vw; max-width:none; height:100dvh; height:100vh; border-radius:0; overflow:auto; transform:scale(0) translate3d(-50%, -50%, 0); display:block}
#event_review_image_popup.review_show{transform:scale(1) translate3d(-50%, -50%, 0); z-index: 999999999; overflow:hidden}
#event_review_image_popup .popup_header{padding:20px}
#event_review_image_popup .popup_header h3{margin-bottom:0; padding-bottom:0; border-bottom:0}
#event_review_image_popup .popup_header .close{top:20px; right:20px}
#event_review_image_popup .popup_content{height:auto; max-height: calc(100vh - 150px); padding:0 20px 20px; overflow-x:hidden; overflow-y:auto}
#event_review_image_popup .event_review_img_slide .swiper-slide{background-color:#f0f0f0; text-align:center;border-radius:10px; overflow:hidden;    height: calc(100vw - 40px)}
#event_review_image_popup .event_review_img_slide .swiper-slide .img_wrap{display:flex;  height:300px; background-color:#f5f5f5; justify-content: center; align-items: center; border-radius:5px; overflow:hidden}
#event_review_image_popup .event_review_img_slide .swiper-slide img{width:100%; margin:0 auto; max-width: none; object-fit: contain; height: 100%}
#event_review_image_popup .event_review_img_slide .slider_wrap .review_slider .swiper-slide{width:140px; height:140px; border:1px solid #ebebeb; }
#event_review_image_popup .event_review_img_thumbnail{margin-top:10px}
#event_review_image_popup .event_review_img_thumbnail .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
  max-width:40px; width:40px; height:40px; max-height:40px; border-radius:4px; overflow:hidden; opacity:0.3; background-color: #f8f8f8;}
#event_review_image_popup .event_review_img_thumbnail .swiper-slide img{
  margin: 0 auto; width: 100%; height: 100%; object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  backface-visibility: hidden;
}
#event_review_image_popup .event_review_img_thumbnail .swiper-slide.swiper-slide-thumb-active{opacity:1}
#event_review_image_popup .btn_wrap{padding:0 15px 20px 15px; position:absolute; width:100%; bottom:0;}
#event_review_image_popup .btn_wrap button{width:100%; height:48px; line-height:48px; font-size:14px;font-family: 'Pretendard-Light';}
#event_review_image_popup .swiper_wrap{ margin:0 auto; }
#event_review_image_popup .swiper_wrap .review_img_slide .swiper-slide .img_wrap{width:calc(100vw - 120px); height:calc(100vw - 120px); max-width:630px; max-height:630px; margin:0 auto}




/* customer center */
.faq_menu {width:100%; height:40px; margin-bottom:80px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex}
.faq_menu li {flex:1}
.faq_menu li.on a {font-family: 'Pretendard-Regular'; border-width:1px 1px 0 1px}

.faq_menu {border-right:1px solid #eee; display:flex; flex-wrap:wrap; overflow:hidden}
.faq_menu li {position:relative; width:calc(100% / 4)}
/* .faq_menu li:before {position:absolute; top:100%; left:0; width:1px; height:100%; background-color:#eee; display:block; content:''}
.faq_menu li:after {position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#eee; display:block; content:''} */
.faq_menu li a {font-size:15px; font-family: 'Pretendard-Regular'; line-height:60px; border-radius:5px 5px 0 0; border:1px solid #1F1F1F; border-width:0 0 1px 0; display:block; height: 40px;
    line-height: 40px;
    text-align: center;}
/* .faq_menu li a:before {width:29px; height:24px; margin-bottom:5px; display:block; content:''} */
.faq_menu li.cs_0 a:before {background:url('/assets/mobile/images/common/icon/cs_0.png') no-repeat; background-size:28px auto}
.faq_menu li.cs_1 a:before {background:url('/assets/mobile/images/common/icon/cs_1.png') no-repeat; background-size:29px auto}
.faq_menu li.cs_2 a:before {background:url('/assets/mobile/images/common/icon/cs_2.png') no-repeat; background-size:29px auto}
.faq_menu li.cs_3 a:before {background:url('/assets/mobile/images/common/icon/cs_3.png') no-repeat; background-size:28px auto}
.faq_menu li.cs_4 a:before {background:url('/assets/mobile/images/common/icon/cs_4.png') no-repeat; background-size:28px auto}
.faq_menu li.cs_5 a:before {background:url('/assets/mobile/images/common/icon/cs_5.png') no-repeat; background-size:29px auto}
.faq_menu li.cs_6 a:before {background:url('/assets/mobile/images/common/icon/cs_6.png') no-repeat; background-size:29px auto}
.faq_menu li.cs_7 a:before {background:url('/assets/mobile/images/common/icon/cs_7.png') no-repeat; background-size:28px auto}
.faq_menu li a.active {color:#fff; background-color:#333}
.faq_menu li.cs_0 a.active:before {background:url('/assets/mobile/images/common/icon/cs_0_on.png') no-repeat; background-size:28px auto}
.faq_menu li.cs_1 a.active:before {background:url('/assets/mobile/images/common/icon/cs_1_on.png') no-repeat; background-size:29px auto}
.faq_menu li.cs_2 a.active:before {background:url('/assets/mobile/images/common/icon/cs_2_on.png') no-repeat; background-size:29px auto}
.faq_menu li.cs_3 a.active:before {background:url('/assets/mobile/images/common/icon/cs_3_on.png') no-repeat; background-size:28px auto}
.faq_menu li.cs_4 a.active:before {background:url('/assets/mobile/images/common/icon/cs_4_on.png') no-repeat; background-size:28px auto}
.faq_menu li.cs_5 a.active:before {background:url('/assets/mobile/images/common/icon/cs_5_on.png') no-repeat; background-size:29px auto}
.faq_menu li.cs_6 a.active:before {background:url('/assets/mobile/images/common/icon/cs_6_on.png') no-repeat; background-size:29px auto}
.faq_menu li.cs_7 a.active:before {background:url('/assets/mobile/images/common/icon/cs_7_on.png') no-repeat; background-size:28px auto}

.collect_notice .title_list {border-bottom:1px solid #eee}


/* sub */
.sub .bulls_content{/*width:79.349%;*/ width:90%; margin:0 auto; padding:70px 0 100px}
.sub .bulls_content:after{display:block; content:''; clear:both}
.sub .sub_header{text-align:center; padding-bottom:30px; margin-bottom:0}
.sub .sub_header h2{font-size:24px; font-family: 'Pretendard-Regular'; font-weight:normal}
.sub .sub_header p{font-size:14px; font-family: 'Pretendard-Light'; margin-top:10px; font-weight:normal}
.sub .sub_header h3{font-size:20px;font-family: 'Pretendard-Regular'; text-align:left; font-weight:normal}
.sub .sub_header h4{font-size:20px;font-family: 'Pretendard-Regular';  text-align:left; font-weight:normal}

/* .customer_ .sub_header{padding-bottom:0} */
.customer_ .sub_header h2{font-size:24px; text-align:center}

.mystore_ .sub_header h2{font-size:24px;  display:inline-block;}
.store_ .sub_header{padding-bottom:0; text-align:left}
.store_ .sub_header h2{font-size:24px;  display:inline-block;}

#product_regular #item_list .item_box dt>a{border:0}

.cs_main .faq_menu {margin:10px 0 0 0}
.cs_top form{max-height:159px; padding:20px; border:1px solid #d9d9d9; border-radius:5px; margin-bottom:10px; width:100%}
.cs_top form .search_form{width:100%}
.cs_top form .search_form .search_box{position:relative; border-radius:0; border-bottom:2px solid #1f1f1f; }
.cs_top form .search_form .search_box input{height:45px; line-height:45px; color:#1f1f1f; padding:0; text-indent:0; padding-right:40px}
.cs_top form .search_form .search_box input::placeholder{color:#BBBBBB}
.cs_top form .search_form .search_box .bt_icon{position:absolute; right:10px;top:0; bottom:0; margin:auto}
.cs_top form .search_form .search_box .bt_icon.bt_search{background-image:url('/assets/mobile/images/common/icon/icon_search2.svg'); background-repeat:no-repeat; background-size:24px auto; background-position:right center; width:24px; height:24px}
.cs_top form .search_form > p{font-size:12px; color:#888888; font-family: 'Pretendard-Regular'; margin-top:10px}
.cs_top form .search_form > p a{font-family: 'Pretendard-Bold', sans-serif; color:#1F1F1F; display:inline-block; padding:2px; padding-bottom:0; border-bottom:1px solid #222}

.cs_guide {max-height:159px;  padding:25px; border-radius:5px;}
.cs_guide h4 {font-size:12px; font-family: 'Pretendard-Regular'; color:#fff; font-weight:500}
.cs_guide .phone_number {font-size:28px; font-family: 'Pretendard-Regular'; color:#fff}
.cs_guide .operating_time {font-size:12px;font-family: 'Pretendard-Regular'; color:#A5A5A5}

.cs_list {margin:0; padding:0}
.cs_list li {height:70px; padding:27px 20px; font-size:16px; border-bottom:1px solid #ccc}
.cs_list li a {display:block}
.cs_list li a .num {padding-right:20px; display:inline-block}
.cs_board {display:flex; justify-content:space-between}
.cs_board .best_faq,
.cs_board .notice {width:calc(50% - 18px)}
.sorting_area{margin:45px auto 20px}
.sorting_area .item_allNum{font-size:14px;}
.sub.customer_ .table_area{border-top:1px solid #1f1f1f}
#customer_faq .sorting_area{margin:10px auto 0}
#customer_faq .sorting_area .item_allNum{padding:0}
.table_area table.type_faq td, table.type_faq th{text-align:left; height:auto; line-height:1; padding:20px 0 15px; font-size:14px}
.table_area table.type_faq td.tb_subject a{line-height:1.2; display:inline-block;width:calc(100% - 40px); margin-left:3px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table_area table.type_faq td.tb_subject a.tit{ display:inline-block;margin-top:5px;color:#666;font-size:13px;line-height:16px}
.table_area table.type_faq td.tb_subject a.tit:hover{text-decoration:underline}
.table_area table.type_faq td.tb_subject img{width:16px; height:20px; margin-top:-3px }
.table_area table.type_faq td .cs_kind{padding-bottom:5px; color:#888}
/* .table_area table.type_faq th.cs_kind,
.table_area table.type_faq td.cs_kind{width:120px;padding-left:20px; font-size:14px; color:#888888} */
.table_area table.type_faq td.tb_cont{background-color:#f8f8f8; padding:0}
/* .table_area table.type_faq td.tb_cont{background-color:#f8f8f8; padding:15px 15px 15px 150px} */
.table_area table.type_faq td.tb_cont .cont {height:0; text-align:left; overflow:hidden}
.table_area table.type_faq td.tb_cont .cont.show{height:auto; line-height:26px; padding:15px 15px 15px 150px}
.table_area table.type_faq td.tb_cont .cont p{line-height:1.4; padding:0}
.table_area table.type_faq td.tb_cont .cont p *{    font-family: 'Pretendard-Light', sans-serif !important; line-height:1.8 !important}

/* notice */
#cs_notice .cs_top form .search_form {width: 100%; max-width: 754px; margin: 0 auto;}
#cs_notice .sorting_area{margin:15px auto 0}
#cs_notice .sorting_area .item_allNum{padding:0}
#cs_notice .table_area table thead th{height:40px; line-height:40px; font-size:14px; min-width:50px}
#cs_notice .table_area table tbody tr td.tb_subject{text-align:left}
#cs_notice .table_area table tbody tr td.tb_subject a{display:inline-block; line-height:1.5; padding-top:10px}
#cs_notice .table_area table tbody td:nth-child(1){width:30px}
#cs_notice .table_area table tbody td:nth-child(2){width:calc(100% - 90px)}
#cs_notice .table_area table tbody td:nth-child(3){width:60px}
#cs_notice_view .view_contGroup{border-bottom:0}

/* board_content */
.board_view{border-top:1px solid #1f1f1f}
/* .board_view .btn_area{padding-top:60px} */
.board_view .btn_area a{border:1px solid #D9D9D9; width:120px; height:38px; line-height:38px; min-width:0; font-size:14px; font-family: 'Pretendard-Light'}

table.view thead {width:100%}
table.view th {padding:20px 0; font-size: 20px; text-align: left; border-bottom: 1px solid #EBEBEB; font-family: 'Pretendard-Regular'; position:relative;}
table.view th:first-child {padding-left:20px}
table.view th:last-child {padding-right:20px}
table.view th.tb_kind {width:50px;  white-space:nowrap}
table.view th.tb_date {font-size: 14px; text-align: right; font-family: 'Pretendard-Regular'; font-weight: normal;}
table.view th.tb_count{width:164px}
table.view th.tb_count dt,
table.view th.tb_count dd{display:inline-block;font-weight:400;font-size:14px;color:#333}
table.view th.tb_count dt+dd{margin-left:3px}
table.view th.tb_count dd+dt{margin-left:20px}
table.view th.tb_count+th.tb_date{width:100px}
table.view th.tb_subject>em{padding-right:5px;font-weight:500}
table.view th.tb_name{width:60px;text-align:center}
table.view th.tb_name .util_area .bt_util{border:0}
table.view td.tb_cont {width:100%; height:auto; padding:40px; color:#333; line-height:24px; vertical-align:top; overflow:hidden; display:table-cell}
table.view td.tb_cont.full_image {padding:20px 0}
table.view td.tb_cont img {margin:0 auto; display:block}
table.view + .sorting_area,
table.view + .item_list {margin-top:90px}
table.view .bt_icon.bt_share {margin-left:26px}
/* table.view .bt_icon.bt_share:before {background:url('/assets/mobile/images/common/icon/ic_share.png  ') center center no-repeat; background-size:22px 24px;} */
table.view .layer_sns {right:0; text-align:left}
.view_contGroup {width:100%; color:#333; line-height:24px; border-bottom:1px solid #ccc; overflow:hidden}
.view_contGroup .view_cont {width:100%; padding:20px}
.view_contGroup.full_image .view_cont {padding:20px 0 0}
.view_contGroup .item_list {justify-content:center}
.view_cont img {max-width:100%; margin:0 auto; display:block}
.view_contGroup + .sorting_area {margin-top:90px}
.view_contGroup:last-child{border-bottom:0}

.notice_view_content.board_view table.view th p.tb_date {font-size: 14px; display:block; color:#888; font-family: 'Pretendard-Light'; font-weight: normal; padding-top:10px}
.notice_view_content.board_view table.view th.tb_subject {font-size: 16px !important; display:block; color:#1f1f1f; font-family: 'Pretendard-Regular'; font-weight: normal;}

.list_preview {width:100%; display:table; border: 1px solid #1F1F1F; border-width: 1px 0;}
.list_preview dl {display:table-row}
.list_preview dt,
.list_preview dd {height:60px; vertical-align:middle; display:table-cell;}
.list_preview dl:nth-child(1) dt,
.list_preview dl:nth-child(1) dd {border-bottom:1px solid #EBEBEB}
.list_preview dt {width:40px; text-align:left}
.list_preview dt span{color:#888888; display:inline-block; vertical-align: middle; padding-top:1px}
.list_preview dd {padding-left:10px; padding-top:4px}
.list_preview dd a{color:#1F1F1F}


/** notice_view_content **/

/* coupon */
.write_coupon {margin-bottom:60px; padding:23px 20px; text-align:center; border-top:1px solid #111; border-bottom:1px solid #ccc}
.write_coupon input[type='text'] {width:500px; margin-right:7px; font-size:16px}
.select.sort_coupon {width:160px}
div.check_list {margin-top:20px}
.check_list {text-align:left}
.check_list li {margin:14px 0 0 0}
.check_list li:first-child {margin:0}
.check_list.cols li {margin:3px 15px; display:inline-block}
.check_list.cols li:first-child {margin:3px 31px 3px 0}
.check_list.cols.cols_4 li,
.check_list.cols.cols_3 li,
.check_list.cols.cols_2 li {margin:3px}
.check_list.cols.cols_4 li {width:calc((100% / 4) - 9px)}
.check_list.cols.cols_3 li {width:calc((100% / 3) - 9px)}
.check_list.cols.cols_2 li {width:calc((100% / 2) - 6px)}
.check_list.cols.cols_4 li:nth-child(4n+1),
.check_list.cols.cols_3 li:nth-child(3n+1),
.check_list.cols.cols_2 li:nth-child(2n+1) {margin-left:0}
.check_list + .write_content {margin-top:70px}

.my_point {border-bottom:1px solid #ccc}
.my_point .txt{min-height:40px; padding:22px 0;font-size:20px; line-height:40px; text-align:center}
.my_point .txt:before{display:inline-block;width:58px;height:40px;margin-top:-5px;margin-right:10px;background:url('/assets/mobile/images/common/ico_point.png') no-repeat;vertical-align:middle;content:''}
.my_point .txt>strong{padding-left:20px;color:#ED1C24}
.my_point .banner{min-height:80px;border-top:1px solid #ccc}


/* account */
.account_content .btn_area .bt_pointer{line-height:56px}
.account_content .refund_account_detail{margin-top:32px}
.account_content .refund_account_detail .title_content{ border-bottom: 2px solid #1F1F1F;; padding-bottom:8px}
.account_content .refund_account_detail .title_content h3{padding:0; font-size:16px}
.account_content .refund_account_detail ul{padding-top:12px; margin-top:0; border-top:0}

/* etc */
.confirm_layout {width:420px; margin:0 auto;}
.signup_welcome .confirm_content{padding-top:30%}
.signup_welcome .confirm_content h6{font-size:20px; color:#1f1f1f; font-family: 'Pretendard-Regular'; padding-bottom:17px;border-bottom:1px solid #1f1f1f;}
.signup_welcome .confirm_content .welcome .txt_ment{text-align: center; font-size: 22px; font-family: 'Pretendard-Medium'; color:#222222}
.signup_welcome .confirm_content .welcome .text-center{margin-bottom:30px;}
.signup_welcome .confirm_content .welcome .text-center img{width:64px;}
.signup_welcome .confirm_content .btn_wrap .btn{width:100%; font-size:15px; font-family: 'Pretendard-Medium';}
.confirm_content {padding:40px 0; font-size:16px; color:#666}
.confirm_content h3 {font-size:20px; color:#111; line-height:32px; text-align:center}
.confirm_content h3 .link {line-height:20px}
.confirm_content h3 .icon_point {margin:0 0 0 5px; font-size:20px; line-height:32px; vertical-align:top}
.confirm_content h3 .icon_point:before {margin-right:5px}
.confirm_info {margin-top:17px; text-align:center}
.confirm_info ul {text-align:left; display:inline-block}
.confirm_info li {margin:10px 0}

.present_coupon {display:inline-block; text-align:center; position:relative;}
.coupon_image {width:308px; height:160px; padding:25px 50px 25px 0; color:#111; position:relative;text-align:center; background:url('/assets/mobile/images/common/bg_coupon_box.png') no-repeat; display:inline-block;z-index:2}
.coupon_image:before{display:block; content:''; width:100%; height:32px; position:absolute; left:0; bottom:0; background:url('/assets/mobile/images/common/shadow.png') no-repeat; z-index:4}
.present_coupon:after{display:block; content:''; width:calc(100% + 28px); height:15px; background-color:#5E5E5E; position:absolute; left:-14px; bottom:1px;z-index:1; border-radius:15px;}
.coupon_imageInner {text-align:center; font-size:20px;}
.coupon_image h5 {font-size:10px; color:#ED1C24; font-weight:500}
.coupon_image .how_much {font-size:20px; font-weight:700; line-height:42px}
.coupon_image .how_much strong {padding-right:3px; font-size:40px; display:inline-block}

.confirm_content p.text-666{width:90%; margin:70px auto 40px; font-size:18px}
.confirm_content .txt_ment strong{font-family: 'Pretendard-Bold';}
.confirm_content .btn_wrap .btn {width: 208px; min-width:0; height: 60px; line-height: 57px; font-size: 18px}

.use_agreementGuide {}
.post_search {position:fixed; top:50%; left:50%; width:480px; height:573px; margin:-287px 0 0 -240px; z-index:10}

.system_message {max-width:750px; margin:0 auto; padding-top:70px; text-align:center}
.system_message header {min-width:600px; padding:0 40px 40px 40px; border-bottom:2px solid #111; display:inline-block}
.system_message header h2 {font-size:40px; font-weight:500; line-height:44px; word-break:keep-all}
.system_message.ver_1 header h2:before,
.system_message.ver_2 header h2:before,
.system_message.ver_3 header h2:before,
.system_message.ver_4 header h2:before {margin:0 auto 30px auto; display:block; content:''}
.system_message.ver_1 header h2:before {width:122px; height:106px; background:url('/assets/mobile/images/common/error_not_find.png') no-repeat}
.system_message.ver_2 header h2:before {width:125px; height:84px; background:url('/assets/mobile/images/common/error_check.png') no-repeat}
.system_message.ver_3 header h2:before {width:113px; height:84px; background:url('/assets/mobile/images/common/error_common.png') no-repeat}
.system_message.ver_4 header h2:before {width:181px; height:104px; background:url('/assets/mobile/images/common/error_comming.png') no-repeat}
.system_content {margin-top:40px; font-size:20px; line-height:30px; min-height:80px; display:flex; flex-direction:column; justify-content:center; align-items:center}
.system_ment {width:100%}
.system_info {margin-top:30px; display:flex; justify-content:center}
.system_info dt {margin-right:5px; font-weight:500}
.system_info.system_date dd {color:#ED1C24}
.system_message .bt_medium {min-width:260px; font-size:18px}

a.link {display:inline-block}
a.link:after {width:100%; height:1px; margin-top:2px; background-color:#111; display:block; content:''}
.data_none {min-width:100%; width:100%; min-height:150px; background-color:#fff; display:flex !important; flex-direction:column; justify-content:center; align-items:center; text-align:center}
.data_none .alert_ic{display:block; margin:0 auto 10px; width:50px}

/* community */
.board .search_condition+.btn_area{padding-top:0;text-align:right}
.board .write_content .photo .file_name{display:none}
.board .write_content .photo .find_file .file_label{margin-left:0}
.board .write_content .upload_area{margin:20px -20px 0;padding-bottom:6px;border-bottom:0}


/* alert */
#alert_msg .sub_header h3{text-align:center; font-size: 20px; margin-top: 5px; color:#1f1f1f; font-family: 'Pretendard-Regular';}
#alert_msg .sub_header h2{color:#1f1f1f;}
.sub.alert_ .confirm_layout{width:auto;}
.sub.alert_ .confirm_layout .confirm_content{padding:0}
.confirm_layout .confirm_content h3{font-size:15px}
.confirm_content h3 .link{line-height:1}




.util_area{display:flex;justify-content:center;position:relative;width:60px}
.util_area .bt_util{display:flex;justify-content:center;align-items:center;width:100%;height:38px;background:#fff;border:1px solid #ccc}
.util_area .bt_util i{position:relative}
.util_area .bt_util i,
.util_area .bt_util i:before,
.util_area .bt_util i:after{display:block;position:absolute;width:2px;height:2px;background:#111;border-radius:50%;content:''}
.util_area .bt_util i:before{top:-4px}
.util_area .bt_util i:after{bottom:-4px}
.util_area ul{display:none;position:absolute;top:37px;left:0;width:100%;background:#fff;border:1px solid #ccc}
.util_area ul.active{display:block ; z-index: 80 ;}
.util_area li+li{border-top:1px solid #ccc}
.util_area li>a{display:block;padding:5px 0;color:#333;font-size:14px;text-align:center}

.upload_area{position:relative;padding:30px 0;border-top:1px solid #ccc;border-bottom:1px solid #111}
.upload_area .swiper-container{overflow:hidden;width:918px}
.upload_area .swiper-slide{overflow:hidden;width:174px;height:116px}
.upload_area .swiper-slide img{max-width:100%}
.upload_area .upload_photo .bt_del{display:block;position:absolute;top:6px;right:6px;width:14px;height:14px;background:#333;border-radius:50%;text-indent:-9999px}
.upload_area .upload_photo .bt_del:before{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:url('/assets/mobile/images/common/icon/ic_del.png') no-repeat;content:''}

.slide_nav a{display:block;position:absolute;top:50%;width:11px;height:20px;margin-top:-10px;background:url('/assets/mobile/images/main/sliding_arr_on.png') no-repeat;outline:none}
.slide_nav a[aria-disabled=true]{background:url('/assets/mobile/images/main/sliding_arr_off.png') no-repeat}
.slide_nav .btn_next{right:0}
.slide_nav .btn_prev{left:0;transform:rotate(180deg)}

.btn_area.recomm{padding:40px 0;text-align:right}
.btn_area.recomm a{min-width:80px;padding:0;transition:all .1s ease}
.btn_area.recomm a:after{display:inline-block;width:16px;height:16px;margin:-2px 0 0 5px;background-repeat:no-repeat;background-size:100% auto;vertical-align:middle;content:''}
.btn_area.recomm .bt_thumb01:after{background-image:url('/assets/mobile/images/common/icon/ic_thumb_up_01.png')}
.btn_area.recomm .bt_thumb02:after{background-image:url('/assets/mobile/images/common/icon/ic_thumb_down_01.png')}
.btn_area.recomm .bt_share:after{height:17px;background-image:url('/assets/front/images/common/icon/ic_share2.svg')}
.btn_area.recomm .bt_thumb01:hover,
.btn_area.recomm .bt_thumb01.active{border-color:#ED1C24;color:#ED1C24}
.btn_area.recomm .bt_thumb01:hover:after,
.btn_area.recomm .bt_thumb01.active:after{background-image:url('/assets/mobile/images/common/icon/ic_thumb_up_02.png')}
.btn_area.recomm .bt_thumb02:hover,
.btn_area.recomm .bt_thumb02.active{border-color:#003EE9;color:#003EE9}
.btn_area.recomm .bt_thumb02:hover:after,
.btn_area.recomm .bt_thumb02.active:after{background-image:url('/assets/mobile/images/common/icon/ic_thumb_down_02.png')}

.comment_form{padding:30px 20px;background:#F9F9F9}
.comment_form textarea{min-height:83px;border-bottom:0}
.comment_form .inner{overflow:hidden;position:relative;padding:12px 16px;background:#fff;border:1px solid #ccc;border-top:0}
.comment_form .inner .bt_small{float:right;min-width:100px}
.comment_form .letter{position:absolute;left:16px;bottom:12px;color:#999}
.comment_lst dt{display:flex;overflow:hidden;padding:24px 0;border-bottom:1px solid #ccc;min-height: 130px;}
.comment_lst dt .comment{width:584px;padding:0 30px}
.comment_lst dt .comment .count{padding-left:8px}
.comment_lst dt .comment .bt_reply{display:block;margin-top:13px}
.comment_lst dt .comment .bt_reply>a{min-width:60px;height:28px;padding:0 10px;line-height:26px;transition:all .2s ease}
.comment_lst .recomm{margin:-6px 20px 0 0;padding:0}
.comment_lst .recomm a{min-width:60px;margin-left:10px}
.comment_lst .info{width:372px;padding-left:42px}
.comment_lst .info>div{display:block;float:left}
.comment_lst .info:after{display:block;clear:both;content:''}
.comment_lst .info .user{width:86px;padding-right:10px;text-align:left;word-break:break-all}
.comment_lst .info .date{width:90px;word-break:break-all}
.comment_lst .util_area{margin:-6px 0 0 6px}
.comment_lst dd{overflow:hidden;position:relative;height:0;background:#f9f9f9;border-bottom:1px solid #ccc;opacity:0;transition:opacity .2s ease}
.comment_lst dd .comment_form{padding:30px 40px 30px 60px}
.comment_lst dd .reply{display:flex;position:relative;padding:24px 0 24px 72px;border-top:1px solid #ccc ; min-height: 130px;}
.comment_lst dd .reply .txt{width:512px}
.comment_lst dd .comment_form:before{top:28px}
.comment_lst dd .comment_form:before,
.comment_lst dd .reply:before{position:absolute;top:24px;left:30px;width:14px;height:13px;border:1px solid #bebebe;border-width:0 0 1px 1px;content:''}
.comment_lst dt .comment .bt_reply>a:hover,
.comment_lst dt.active .comment .bt_reply>a{background:#f5f5f5}
.comment_lst dt.active+dd{opacity:1}

.layer_photo{width:600px}
.layer_photo .popup_content{margin-top:20px}
.layer_photo .swiper-wrapper{align-items:center}
.layer_photo .swiper-slide{overflow:hidden;width:100%;text-align:center}
.layer_photo .swiper-slide img{max-width:100%}
.layer_photo .slide_nav .btn_next{right:15px}
.layer_photo .slide_nav .btn_prev{left:15px}
.layer_share{min-width:300px}
.layer_share .share_list{padding:30px 0 0;text-align:center}
.layer_share .share_list li{display:inline-block}
.layer_share .share_list li:not(:first-child){margin-left:20px}
.layer_share .popup_header{padding-bottom:10px}
.layer_share .popup_header h3{font-size:25px}


/* cart */
/* payment */
.order_box {float:right; width:580px}
.order_box .subject {margin:10px 0 16px 0; font-size:30px; line-height:38px}
.order_box dl.price_area {padding-bottom:27px; vertical-align:bottom}
.order_box dl.price_area dt {width:0; height:0; text-indent:-1000em; overflow:hidden; visibility:hidden; z-index:-1}
.order_box dl.price_area dd {font-size:34px; display:inline-block}
.order_box dl.price_area dd.sale {margin-right:43px; font-size:20px; color:#ED1C24}
.order_box dl.price_area dd.sale > b {font-size:44px; line-height:44px; display:inline-block}
.order_box dl.price_area dd.price {font-size:34px; font-weight:500; line-height:45px}
.order_box dl.price_area dd.price del {font-size:16px; color:#111; font-weight:400; line-height:16px; display:block}
.order_box dl.price_area dd.icon_routine {margin:0 2px 0 0}
.order_box dl.price_area dd.icon_routine .routine {margin-top:-6px}
.order_box dl.price_area dd.icon_routine + .price,
.order_box dl.price_area dd.sale + .price {color:#ED1C24}
.order_box dl.price_area dd.sale + .icon_routine {margin-left:-15px}

.order_box .payment_info {padding:13px 0 0 0; border-top:1px solid #DEDEDE}
.order_box .payment_info dl {width:100%; min-height:38px; padding:10px 0; display:flex; flex-wrap:wrap}
.order_box .payment_info dl dt,
.order_box .payment_info dl dd {width:calc(100% - 230px); vertical-align:middle; line-height:18px; padding:2px 0; }
.order_box .payment_info dl dt {width:230px; font-size:15px; padding:0 22px; vertical-align:top}
.order_box .payment_info dl dd {font-size:14px; color:#666}
.order_box .payment_info dl dd .select {width:100%}
.order_box .payment_info dl.shipping dd {font-size:16px}
.order_box .payment_info dl.point dd {font-size:16px}
.order_box .payment_info dl.point dd .icon_point {margin:-3px 14px 0 0}
.order_box .payment_info dl.option dt {padding-top:10px; line-height:18px}
.order_box .payment_info dl.option .select {margin-bottom:12px}
.order_box .payment_info dl.option select.select {margin-bottom:0}
.order_box .payment_info dl.option .styledSelect {color:#666}

.order_box .sum_total {}
.order_box .sum_total dl {clear:both; padding:8px 0}
.order_box .sum_total dl:after {clear:both; display:block; content:''}
.order_box .sum_total dl:first-child {padding-top:0}
.order_box .sum_total dt {clear:both; float:left}
.order_box .sum_total dd {float:right}
.order_box .sum_total .price {font-size:14px; font-weight:500}
.order_box .sum_total dl.pr_discount .price {color:#ED1C24}
.order_box .sum_total dl.pr_total {padding:20px 0; font-size:20px; line-height:32px; border-top:1px dashed #707070;margin-top: 5px;}
.order_box .sum_total dl.pr_total dt {font-size:16px; line-height:30px; margin-top:15px}
.order_box .sum_total dl.pr_total dt > h2{border-bottom:0; margin-bottom:0; padding-bottom:0;}
.order_box .sum_total dl.pr_total .price{font-size:18px; font-weight:500}
.order_box .sum_total dl.pr_total .price strong {font-size:32px; font-family: 'Pretendard-Regular'; vertical-align: top;}
.order_box .sum_total dl.pr_total .price b{display:inline-block; font-size:18px; font-family: 'Pretendard-Regular'; margin-top:15px}



.order_box .sum_total dl.pr_point dt,
.order_box .sum_total dl.pr_point dd {padding:7px 0}
.order_box .sum_total dl.pr_point dd {}
.order_box .sum_total dl.pr_point * {color:#888}

.item_selectResult {clear:both; max-height:50vh; overflow:auto}
.item_selectResult li {position:relative; margin-top:10px; padding:17px; font-size:15px; color:#000; background-color:#F8F8F8}
.item_selectResult li:first-child {margin:0}
.item_selectResult li:after {clear:both; display:block; content:''}
.item_selectResult li h4.name {font-size:15px}

.amount_price .price {float:right; padding-right:19px; font-size:18px; font-weight:400; line-height:30px}
.item_selectResult .bt_icon.delete {position:absolute; right:20px; bottom:33px; width:11px; height:11px}
.item_selectResult .bt_icon.delete:before,
.item_selectResult .bt_icon.delete:after {position:absolute; top:6px; left:0; width:11px; height:1px; background-color:#111; display:block; content:''}
.item_selectResult .bt_icon.delete:before {transform:rotate(45deg)}
.item_selectResult .bt_icon.delete:after {transform:rotate(-45deg)}
.bt_icon.minus.notMore,
.bt_icon.plus.notMore {cursor:default; pointer-events:none; border-color: #d9d9d9; background-color: #f1f1f1;}
.bt_icon.minus.notMore:before,
.bt_icon.plus.notMore:before,
.bt_icon.plus.notMore:after {background-color:#1f1f1f}

.total_amount {padding:30px 0; font-size:20px; text-align:right}
.total_amount:after {clear:both; display:block; content:''}
.total_amount dt,
.total_amount dd {vertical-align:middle; display:inline-block}
.total_amount .price {margin:-5px 0 0 12px; color:#ED1C24; font-size:38px; line-height:30px; font-weight:700}

.order_box .btn_area {padding:0 0 20px 0}
.order_box .bt_medium,
.order_box .bt_medium {min-width:310px; margin-left:10px}

.naver_pay {
    padding: 0 10px;
    text-align: right;
    border-top: 2px solid #1f1f1f}
.naver_pay .npay_button_box,
.naver_pay .npay_button_box2{border-top:0 !important}

.cart_ .purchase_content .sticky_nav .naver_pay{margin-top:20px}

.check_all {width:100%; padding:15px 20px; font-size:16px; background-color:#f9f9f9; border-top:2px solid #111}
.check_all:after {clear:both; display:block; content:""}
.check_all .check_box {margin-top:8px}

/* order_box copy */
.sticky_nav {position:absolute; top:0; right:0; width:384px; box-shadow:0 0 20px rgba(0, 0, 0, .08); border: 1px solid #f8f8f8;}
.sticky_nav:after {
    display: block;
    background: url(/assets/front/images/common/img_receipt.png) ;
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 169px;
}
.sticky_nav svg{position:absolute; bottom:-5px; left:0; z-index:0}
.st0{fill:#fff;}
.sticky_nav h2{font-size:18px;font-family: 'Pretendard-Regular'; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #707070;}
.sticky_nav > h2{    width: calc(100% - 40px);
margin-left: 20px;
padding-top: 30px;}
.sticky_nav .order_box {width:100%; position:relative; z-index:1}
.sticky_nav .order_box dl.price_area,
.sticky_nav .order_box .payment_info dl.shipping,
.sticky_nav .order_box .payment_info dl.point,
.sticky_nav .order_box .payment_info dl.fee {display:none}
.sticky_nav .order_box .subject {margin:10px 0; font-size:24px; line-height:36px}
.sticky_nav .order_box .payment_info {border-top:0}
.sticky_nav .order_box .payment_info dl {padding-bottom:5px; display:block}
.sticky_nav .order_box .payment_info dl dt,
.sticky_nav .order_box .payment_info dl dd {clear:both; width:100%}
.sticky_nav .order_box .payment_info dl dt {padding:0}
.sticky_nav .order_box .payment_info dl.option dt {padding-bottom:16px}
.sticky_nav .item_selectResult {width:336px; margin-left:-32px; background-color:#F8F8F8}
.sticky_nav .item_selectResult li {margin:0 30px; padding:20px 0; border-top:1px solid #DEDEDE}
.sticky_nav .item_selectResult li:first-child {border-top:0}
.sticky_nav .item_selectResult .bt_icon.delete {right:0; bottom:30px}
.sticky_nav .btn_area {margin-top:12px; padding:0 20px 30px 20px; margin-bottom:15px; display:block;}
.sticky_nav .btn_area:after {display:block; content:''; clear:both}
.sticky_nav .btn_area a,
.sticky_nav .btn_area button {height:48px; line-height:48px; font-size:14px; width:100%; outline:none; min-width:0; min-height:0}
.sticky_nav .btn_area.dev2 a,
.sticky_nav .btn_area.dev2 button {height:48px; line-height:48px; font-size:14px; width:calc(50% - 4px); float:left; margin-left:0;}
.sticky_nav .btn_area.dev2 a:first-child,
.sticky_nav .btn_area.dev2 button:first-child { margin-right:8px}
.sticky_nav .total_amount {font-size:16px; line-height:32px; text-align:left}
.sticky_nav .total_amount dt {float:left}
.sticky_nav .total_amount .price {float:right; margin-left:0; font-size:20px}
.sticky_nav .total_amount .price b {font-size:32px}
.purchase_content .sticky_nav {top:49px}
.sticky_nav .form_check{border-radius:0; margin:10px auto 20px; padding:30px 20px}
.sticky_nav .form_check ul li.all{border:0; padding-bottom:0; font-family: 'Pretendard-Regular';}
.sticky_nav .form_check .check_box {width:200px}
.sticky_nav .form_check .check_box input[type='checkbox'] + label {padding-left:30px}
.sticky_nav .form_check .check_box input[type='checkbox'] + label:before {position:absolute; top:5px; left:0}
.sticky_nav .form_check .check_box input[type="checkbox"]:after {border-radius:0}
.sub.cart_.checkout form .sticky_nav .form_check ul li.all{border-bottom:1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px;}
.sticky_nav .form_check label[for="agreeALL"] .check_box{margin-top:1px; width:auto}
.sub.cart_.checkout form .sticky_nav .form_check ul li label[for="agreeALL"],
.sub.cart_.checkout form .mt35.sticky_nav .form_check ul li label[for="agreeALL"]{margin-left:0; margin-top:15px; display:block}

.sticky_nav .order_box .product_discount{width:100%; padding:25px 20px; background-color:#F8F8F8; margin:15px auto 0}
.sticky_nav .order_box .product_discount p{color:#888888; font-size:14px}
.sticky_nav .order_box .product_discount strong{color:#888888; font-family: 'Pretendard-Regular'; font-weight:normal}
.sticky_nav .sum_total{padding:0 20px}

/* 220204 주석처리 */
#ms_index section.my_car_info,
#ms_index section.order_regularly,
#ms_index section.item_wrap.frequently,
.sub_navigator .submenu .menu03 ul li:nth-child(3), /* 마이메뉴 이벤트 참여 내역 */
.sub_navigator .submenu .menu04 ul li:nth-child(3), /* 마이메뉴 차량정보 */
#item_pddetail .order_box .payment_info dl.mbr_cost,
#item_pddetail .order_box .payment_info dl.discoupon,
.preuser_wrap, .review_help,
.sub.cart_.checkout .purchase_content section.goods_list,
#item_pddetail .order_box .select_goods_tit,
#item_pddetail .order_box .select_goods,
.ad_promotion,
#item_pddetail .order_box .delivery_info dl:nth-child(1),
.sorting_area .selected_option, #item_pddetail .payment_info dl.mbr_cost
{display:none !important}

#item_pddetail.item_main .item_information .fixed_payment{overflow:inherit}

/* privacy popup */

#sellerlist{width: calc(100% - 40px); max-width:none; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, -50%, 0)}
#sellerlist .popup_header .close{top: 30px; right: 20px;}
#sellerlist .popup_content{padding:0 20px}
.seller_table{border:1px solid #e5e5e5 !important; border-width:1px 0 !important}
.seller_table thead th{padding: 8px; background-color: #f8f8f8; color: #000; font-family: 'Pretendard-Medium'; font-size: 14px; font-weight:normal; text-align:center}
.seller_table tbody td{padding: 8px; font-family: 'Pretendard-regular'; font-size: 14px; border-top:1px solid #e5e5e5}
#sellerlist .paging .page a,
#sellerlist .paging a.bt_icon{width:26px; height:26px; line-height:26px; }
#sellerlist .paging .page a:last-child{margin-right:0}
#sellerlist .paging a.bt_icon{margin:0}

#sellerlist2{width: calc(100% - 40px); max-width:none; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, -50%, 0)}
#sellerlist2 .popup_header .close{top: 30px; right: 20px;}
#sellerlist2 .popup_content{padding:0 20px}
#sellerlist2 .paging .page a,
#sellerlist2 .paging a.bt_icon{width:26px; height:26px; line-height:26px; }
#sellerlist2 .paging .page a:last-child{margin-right:0}
#sellerlist2 .paging a.bt_icon{margin:0}

@media (max-width:768px){

  /* .bulls_gnb, */
  .footer_menu ul, .ft_info .section_inner {max-width:90%; width:90%; margin:0 auto}
  .footer_menu ul{padding:0}
  .member_information{background-size:auto}

  /* best */
  .item_list .item_box dt{max-height:44.1vw}

  .event_end_wrapper{padding-top:20%}

    #mystore_benefit .sub_banner .bnr_txt{position:absolute; top:30px ;left:30px}




}

@media (max-width:640px){
  .gnb_searchResult .search_content{padding:20px 15px}
  #mf_myqna_write .write_content{padding:20px; margin:20px auto}

  .agreement_content:nth-of-type(12) dd span { padding-right: 12px}
  .agreement_content:nth-of-type(12) dd span:after{right:4px}

  #mystore_benefit .sub_banner, #mystore_benefit .benefit_table .sub_header{padding-bottom:0}
  #mystore_benefit .sub_banner .bnr_txt{position:absolute; top:15px ;left:30px}

  #detail_roulette .roulette_darts{top: 49vw; width: 408px;}
  #detail_roulette .roulette_btn{width:180px; height:180px}

}

@media (max-width:501px){
  #header.header2.bulls_header .bulls_gnb{padding-top:3px; width:100%}
  .buytogether_slide .item_list .item_box dd small{width:100%}
	.bulls_gnb .global_member li:nth-child(1){display:inline-block; float:none}
	.bulls_gnb .global_member li:nth-child(2){float:right; margin-left:0}
  .coupon_list li{width:100%; margin-right:0;     height: 150px;}
  .coupon_list li dd .c_desc{padding-top:10px}
  #main_couponlist .sub_header{padding-bottom:20px}
  #main_couponlist .sub_header h2{    font-size: 20px; text-align: center;    margin-bottom: 0; padding-bottom:0}

  /* .sub .sub_header h2,
  .bulls_content .sub_header h2 { font-size: 20px !important;  padding-bottom: 15px !important;} */
  .sub .sub_header h2{font-size:20px}

  .experience_group_apply table colgroup col:nth-child(1){width:30%}
  .experience_group_apply table colgroup col:nth-child(2){width:70%}
  .paging, .page{padding:0}
  .paging a.bt_icon{width:24px; height:26px; margin:0}
  .paging .page a{width:22px; height:26px; margin:0; line-height:26px}
  .confirm_layout{width:100%; padding-top:0}


  .popup_content{padding:40px 0}
  .popup_content p{font-size:16px}

  table.view th{font-size:16px}

  .cs_top form, .cs_guide{width:100%}
  .cs_guide{margin-bottom:20px}
  .faq_menu li{flex:auto; width:80px}
  .faq_menu_wrap{width:100%; overflow:auto}
  .faq_menu_wrap .faq_menu{min-width:645px; overflow:auto; overflow-y:hidden; height:40px; margin-bottom:10px; border:0}
  #customer_faq .sorting_area{margin:20px auto 5px}
  .table_area table.type_faq td.tb_cont .cont.show{padding:15px}
  .btn_area .bt_medium{font-size:16px; height:50px; line-height:50px; min-height:0; }

  .tabmenus .tabmenu{height:40px !important; line-height:40px !important; font-size:14px !important}

  .cp_tabmenus{padding-bottom:10px}
  .coupon_list li{margin-bottom:10px}

  .popup .popup_header .close{  top: 0;width: 16px;  height: 16px;}
  .popup .popup_header h3{font-size:16px}
  .popup .popup_header .close {top: 5px; right: 20px}
  /* .popup .popup_content{padding:10px 0;}  모바일 */
  .popup_content .control-label{font-size:14px}



    /* #chg_addr .popup_content { padding: 15px 20px} */

  /* benefit */
  #mystore_benefit .sub_banner{padding-bottom:0; width:calc(100% + 30px)}
  #mystore_benefit .sub_banner img{max-width:none; width:108%}
  #mystore_benefit .sub_banner .bnr_txt{position:absolute; top:30px ;left:30px}

.signup_welcome header h2{margin:0}
.signup_welcome .confirm_content{padding-bottom:0}
.coupon_image .how_much{margin-top:10px;font-size: 16px;}
.coupon_image {
    width: 280px;
    height: 135px;
    padding: 20px 50px 20px 0;
    background-size: 280px 135px
  }
.coupon_imageInner{font-size:16px}
.coupon_image .how_much strong{font-size:32px}
.signup_welcome .confirm_content .btn_wrap{padding-top:30px !important}


.order_table .item_list .item_box dd strong{font-size: 14px !important}
.order_table .item_list .item_box dd strong label,
.order_table .item_list .item_box dd strong span{font-size:12px}

.agreement_content table th, .agreement_content table td{padding:10px}

.category_tab:after{right:10%}

#detail_roulette .roulette_darts{top: 48vw; width: 60vw; height:60vw}
#detail_roulette .roulette_btn{width:100px; height:100px}
}

@media (max-width:414px){
  .account_layout{max-width:100%}

	#btn_side_menu:before{width:35px; height:35px; border-radius:10px; background-size:18px auto;background-position: 7px center;}
  .bulls_gnb .global_member li > a { width: 30px; height: 30px;background-size:30px}
  .bulls_gnb .global_member li > a{}
  .logo{margin-top: 6px;}
  .navDefault, .navDefault li a{height:40px}
  .navDefault li, .navDefault li a{line-height:38px}
  .navDefault li{width:auto;}
  .gnb_searchResult > section h4{font-size:15px}
  .gnb_searchResult .search_content ol li { padding: 5px 0}
  .gnb_searchResult .search_content ol li:before{width:15px}
  .gnb_searchResult .search_content ol li a.close {top: 6px; width: 15px; height: 15px}
  .gnb_searchResult .search_content ol li a.close:before,
  .gnb_searchResult .search_content ol li a.close:after{left:0}
  .bt_deleteAll{font-size:12px}

  .member_menu { padding-top: 15px; margin-top: 15px}
  .member_info .name,
  #ms_mybenefit .member_info p{font-size:16px; line-height:30px}
  .member_info p{font-size:13px}
  .member_menu ul li img { height: 25px}
  .member_menu ul li span{font-size:12px; margin-top:6px}

  td .coupon_wrap:nth-of-type(2){margin-top:5px}
  .table_benefit td{padding:20px 0;}



  /* .event_banner_list .event_banner{max-height:180px} */

  table.view th{padding-left:5px !important; padding-right:5px !important; font-size:14px}
  .view_contGroup .view_cont{padding:20px 5px}


  .pt_tabmenus{padding-bottom:10px}
  #chg_addr .popup_content .addr .input_box .post label {width: calc(100% - 90px)}
  #chg_addr .popup_content .addr .input_box .post .btn{width:80px; font-size:12px;}

  .total_coupon li{display:block; height:auto; line-height:1}
  .total_coupon li:nth-child(2){padding-left:0}
  .total_coupon li:nth-child(2):after{display:none}
  .btn_coupon_all_download{width:120px}


  .footer_menu li{font-size:13px}

}

@media (max-width:390px){
  #detail_roulette .roulette_darts{top: 47.5vw}

}
@media (max-width:375px){
  .sub{min-height:0}
  #mbr_join .account_menu ul li{width:100%}

  table.type_faq colgroup col:nth-child(1){min-width:60px}
  #cs_faq .table_area{max-width:100%; overflow:auto}
  .sub .sub_header p{font-size:13px;}

  .footer_menu li{font-size:12px}
}
@media (max-width:360px){

  .popup_header h3{font-size:16px}
  .popup_header h3 span{margin-top: 4px; font-size: 13px;}
  .popup_content .control-label,
  .options li{font-size:13px}
  .select-wrap > span > span,
  .styledSelect > span{font-size:13px; padding:0}
  .styledSelect{padding:0 10px; line-height:50px}
  .styledSelect:after {top: 17px;}

  .coupon_wrap{width:134px;  /* height:68px;*/ background-size:134px 68px;padding-top:8px}
  /* .coupon_wrap strong{font-size:17px} */
  .coupon_wrap:nth-child(2){margin:0}

  .experience_group_apply .btn_area {padding: 30px 0}
  .form_check li.ls .checkbox_wrap span{font-size:12px}

  .footer_menu{height:auto;}
  .banner_text h3{padding-top:38px;}

}
@media (max-width:340px){
  .item_sort .select-box{width:32%}

  .coupon_wrap{width:120px;   /*height:58px;*/ background-size:120px 58px; }
  .layer_sns#share_popup a.shareBtn.copy_kakao{margin-right:15px}
  .layer_sns a img {margin-right: 5px}

  #mystore_benefit .sub_banner .bnr_txt{top:20px ;left:20px}
  #mystore_benefit .sub_banner .bnr_txt h2{font-size:18px}
  #mystore_benefit .sub_banner .bnr_txt h4{font-size:13px}

  #detail_roulette .roulette_darts{top: 46vw}
  #detail_roulette .roulette_btn {width: 70px; height: 70px}

}
@media (max-width:321px){
  .footer_menu li{font-size:11px}
    /* .event_banner_list .event_banner{max-height:112px} */
    .btn_chg_addr, .btn_view_bill, .btn_coupon_all_download{width:auto; padding:0 10px; font-size:12px}
    .present_coupon{margin-top:0}
    .signup_welcome .confirm_content .btn_wrap{padding-top:20px !important}
    .item_table #product_list ul li.item_box dd strong {font-size: 15px !important}
    /* .item_table .item_list .item_box {height: 255px} */

    .experience_group_apply .table_area table th,
    .experience_group_apply .table_area table td *,
    .experience_group_apply .table_area table td{font-size:12px}

    .popup_header h3 span{font-size:10px}

    .bulls_location li{padding-right:20px}

      .footer_menu li:nth-child(n){text-align:center}

    #detail_roulette .roulette_darts {top:45.5vw}


}

@media (max-width:300px){
  .layer_sns .btns{padding:10px}
  .layer_sns a img{margin-top:5px; width:25px}
  .layer_sns a.copy_url{margin-right:0}
  .layer_sns a.bt_close {margin: 5px 0 0 15px; width: 12px}

  .cart_ .purchase_content .order_box .sum_total dl.pr_total dt{}
  .cart_ .purchase_content .order_box .form_check li.ls .checkbox_wrap span {font-size: 11px; margin-top: -1px}

  #mystore_benefit .sub_banner .bnr_txt h2{font-size:16px}
  #mystore_benefit .sub_banner .bnr_txt h4{font-size:12px; margin-top:3px}
}
@media (max-width:280px){
  #detail_roulette .roulette_darts {
      width: 58vw;
  }
  #header.header_benefit .bulls_gnb .global_member{margin-left:0}
  .banner_text h3{font-size:25px;}
  .banner_text p{font-size:15px}
  #ms_benefit > section h3{font-size:16px}
  .newmemb_benefit li p{font-size:13px}
  .newmemb_benefit li p strong{font-size:20px}
}





#ms_orderlist .btn_order_status,
.btn_orders a,
.btn_view_bill,
#mystore_orderdetail .btn_area{pointer-events: none}


.bulls_container > section.main_interest ul li dd{font-size: 15px !important;}
.