@charset "UTF-8";

*        {box-sizing: border-box;}
.dn, .hidden {display:none;}
.c_red,.c-red, .c_point {color:#00B373;}
.c_blue,.c-blue {color:#1200ff;}

em    {font-style:normal;}

ul  {list-style: none; list-style-type: none;}
ul li  {list-style: none; }
ul li::marker  { display:none !important }

input[type=text],
input[type=password],
input[type=email]   {border:1px solid #DFDFDF; height:48px; font-size: 16px; padding:0 16px; border-radius: 4px;}
input[type=email]:read-only,
input[type=text]:read-only   {border:1px solid #DFDFDF; background-color: #F7F7F7; color:#AAA; }



/* 팝업관련 */
.ly_pop {position:fixed; background:#ffffff; z-index:1001;}
.ly_head {position:relative; height:56px; padding:0 71px; z-index:10; background:#fff;  text-align:center; line-height:56px; border-bottom:1px solid #EBEBEB; }
.ly_head .h_tit {color:#222; font-size:20px; font-weight:500}
.ly_ct {overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; }

/*** 회원로그인 | member/join_agreement.html & member/join.html ***/

/* 회원가입 스탭 */
.join_step {padding:10px 10px 10px 10px;}
.join_step ul {display:table; width:100%;}
.join_step ul li {position:relative; display:table-cell; padding:0 10px; font-size:14px; text-align:center; border:1px solid #d6d6d6; border-right:none; vertical-align:middle; line-height:1em; height:40px;}

/* 회원가입 스탭 OFF */
.join_step ul li:last-child {border-right:1px solid #d6d6d6;}
.join_step ul li::before {position:absolute; top:-1px; right:-1px; display:block; margin:0 -21px 0 0; z-index:1; content:''; border:10px solid transparent; border-width: 21px 11px; border-left-color:#D6D6D6;}
.join_step ul li:last-child::before {display:none;}
.join_step ul li::after {position:absolute; top:-1px; right:-1px; display:block; margin:0 -20px 0 0; z-index:1; content:''; border:10px solid transparent; border-width: 21px 11px; border-left-color:#ffffff;}
.join_step ul li:last-child::after {display:none;}

/* 회원가입 스탭 ON */
.join_step ul li.on {color:#ffffff; background:#3e3d3c; border:1px solid #3e3d3c; border-right:none;}
.join_step ul li.on::before {position:absolute; top:-1px; right:-1px; display:block; margin:0 -21px 0 0; z-index:1; content:''; border:10px solid transparent; border-width: 21px 11px; border-left-color:#3e3d3c;}
.join_step ul li.on:last-child::before {display:none;}
.join_step ul li.on::after {position:absolute; top:-1px; right:-1px; display:block; margin:0 -20px 0 0; z-index:1; content:''; border:10px solid transparent; border-width: 21px 11px; border-left-color:#3e3d3c;}
.join_step ul li.on:last-child::after {display:none;}

/* RADIO */
.inp_rdo {display:inline-block; padding:5px 0 5px 0;}
.inp_rdo input {display:inline-block; width:24px; height:24px; margin:-3px 5px 0 0; vertical-align:middle; background:url('../images/common/radio_off.svg') no-repeat center; background-size:100%; border:none;}
.inp_rdo input:checked {background:url('../images/common/radio_on.svg') no-repeat center; background-size:100%;}
.inp_rdo label {margin:0 15px 0 0;}

/* CHECK BOX */
.inp_chk input {display:inline-block; width:20px; height:20px; margin:0px 4px 0px 0px; vertical-align:middle; background:url('../images/common/chk_off.svg') no-repeat center; background-size:100%; border:none;}
.inp_chk input:checked {background:url('../images/common/chk_on_prd.svg') no-repeat center; background-size:100%;}
/*.inp_chk input:read-only {background:url('../images/common/checkbox-on.svg') no-repeat center; background-size:100%;}*/
.inp_chk input:disabled {background:url('../images/common/chk_off_disabled.png') no-repeat center; background-size:100%;}
.inp_chk input.disabled {background:url('../images/common/chk_off_disabled.png') no-repeat center; background-size:100%;}
.inp_chk label {}

/* 체크박스 라디오버튼 스타일 */
.form_element{display:inline-block; overflow:hidden; position:relative;}
span.form_element{display:inline-block;}
.form_element label{position:relative;top:0;left:0;display:inline-block;min-width:20px;min-height:20px;padding:0 0 0 27px;background:url('../img/common/input/check_off.png') no-repeat 1px top;}
.form_element label:hover{background:url('../img/common/input/check_over.png') no-repeat 1px top;}
.form_element label.on{background:url('../img/common/input/check_on.png') no-repeat 1px top;}
.form_element label.choice{background:url('../img/common/input/radio_off.png') no-repeat 1px 50%;}
.form_element label.choice:hover{background:url('../img/common/input/radio_over.png') no-repeat 1px 50%;}
.form_element label.choice.on{background:url('../img/common/input/radio_on.png') no-repeat 1px 50%;}
.form_element label.check_s{min-width:13px;padding:0 0 0 22px;background:url('../img/common/input/check_off.png') no-repeat 1px 2px;}
.form_element label.check_s:hover{background:url('../img/common/input/check_over.png') no-repeat 1px 2px;}
.form_element label.check_s.on{background:url('../img/common/input/check_on.png') no-repeat 1px 2px;}
.form_element label.choice_s{min-width:13px;padding:0 0 0 22px;background:url('../img/common/input/radio_off_small.png') no-repeat 1px 50%;}
.form_element label.choice_s:hover{background:url('../img/common/input/radio_over_small.png') no-repeat 1px 50%;}
.form_element label.choice_s.on{background:url('../img/common/input/radio_on_small.png') no-repeat 1px 50%;}
.form_element label.single{width:21px;height:21px;padding:1px 0 0;background-color:transparent;text-indent:-9999px;}
.form_element label.single:hover{background-color:transparent;}
.form_element label span{color:#979797;}
.form_element label img{vertical-align:middle;}
.form_element input{position:absolute;top:3px;left:1px;width:0;z-index:-1;visibility:hidden;}
/** 체크박스용 비활성화 **/
.form_element label.check_dis_s { background-image: url('../img/common/input/check_dis.png'); }

/* SELECT BOX */
.inp_sel{}
/* .inp_sel select{  height:20px; padding:0 10px 0 0; border:0; background:url('../images/icon/select.png') no-repeat 100% 50%/16px;  font-size:14px; color:#888;  box-sizing:border-box; vertical-align:1px;} */
.inp_sel select   {  height:48px; color:#222; margin-top:4px; padding:0 48px 0 16px; border:1px solid #DFDFDF;  border-radius:4px; background:url(../images/icon/arrow-down.png) no-repeat right 10px top 50%/24px;   }
.inp_sel.sort select   {  height:28px; color:#888; margin-top:0; padding:0 25px 0 0; border:0;  border-radius:4px; background:url(../images/icon/arrow-down.png) no-repeat right 0px top 50%/24px;   }

/*───────────────────────────────────────────────────────────

     TABLE STYLE

───────────────────────────────────────────────────────────*/

/* 세금계산서 발행 */
.table_style0 {}
.table_style0 caption {display:none;}
.table_style0 tbody {}
.table_style0 tbody th {padding:8px 0 5px 0; font-size:14px; vertical-align:top;}
.table_style0 tbody td {padding:0 0 5px 0; font-size:14px;}

/* 예치금 테이블 */
.table_style1 {}
.table_style1 caption {display:none;}
.table_style1 th {padding:10px 10px 7px 10px; border-bottom:1px solid #e8e8e8; background:#f9f9f9; font-weight:normal; color:#5e5e5e; font-size:13px; text-align:center;}
.table_style1 td {padding:10px 10px 7px 10px; border-bottom:1px solid #e8e8e8; font-weight:bold; color:#5e5e5e; font-size:13px; text-align:center; word-break:keep-all;}

/* 배송지 등록 */
.table_style2 {}
.table_style2 caption {display:none;}
.table_style2 tbody {}
.table_style2 tbody th {padding:0 0 5px 0; font-size:14px; text-align:left; vertical-align:top;}
.table_style2 tbody td {padding:0 0 5px 0; font-size:14px;}

/* 지역별 배송비 레이어 정보*/
.table_style3 {}
.table_style3 caption {display:none;}
.table_style3 th {padding:8px 0 8px 0; text-align:center; border:1px solid #e8e8e8; border-left:none; background:#f9f9f9;}
.table_style3 td {padding:7px 0 7px 0; text-align:center; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.table_style3 th:last-child, .table_style3 td:last-child {border-right:none;}

/* 주문서 작성 */
.table_style4 {border-top:1px solid #e8e8e8;}
.table_style4 caption {display:none;}
.table_style4 th {width:82px; padding:10px 10px 7px 24px; border-bottom:1px solid #e8e8e8; background:#f9f9f9; font-weight:normal; color:#5e5e5e; font-size:13px; text-align:left;}
.table_style4 th.required {background:#f9f9f9 url('../img/icon/icon_squre_red.png') no-repeat 15px center;}
.table_style4 td {padding:10px 10px 7px 14px; border-bottom:1px solid #e8e8e8; color:#5e5e5e; font-size:12px; text-align:left; word-break:keep-all;}
.table_style4 .add_currency {color: #717171;}

/* Slider */
.slider-wrap {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slider-wrap .slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slider-wrap .slick-track,
.slider-wrap .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slider-wrap .slick-track {position: relative; top:0; left:0; display:block;}
.slider-wrap .slick-track:before,
.slider-wrap .slick-track:after {display: table; content: '';}
.slider-wrap .slick-track:after {clear: both;}
.slider-wrap .slick-loading .slick-track {visibility: hidden;}
.slider-wrap .slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slider-wrap .slick-slide img {display:block;}
.slider-wrap .slick-slide.slick-loading img {display:none;}
.slider-wrap .slick-slide.dragging img {pointer-events: none;}
.slider-wrap .slick-slide  {display: block;}
.slider-wrap .slick-loading .slick-slide {visibility: hidden;}
.slider-wrap .slick-vertical .slick-slide {display: block; height:auto; border:1px solid transparent;}
.slider-wrap .slick-arrow.slick-hidden {display: none;}
.slider-wrap .slick-arrow {border:none; background:none;}

/* 딤 팝업 배경*/
#layerDim {position:fixed; left:50%; transform: translateX(-50%); top:0; max-width: 500px; width:100%; height:100%; z-index:2000; background:rgba(0,0,0,0.8);/*background:#000; opacity:0.5; filter:alpha(opacity=50);*/ }


/*───────────────────────────────────────────────────────────

     리스트 타입 및 옵션 (장바구니,찜리스트,상품상세)

───────────────────────────────────────────────────────────*/
input::placeholder        { color:#ccc }
button        {border:0; background:#fff; border-radius: 4px; }
table.tblCom        {width:100%; }
table.tblCom th        { height:40px; vertical-align: middle; text-align: left; padding:0 0 0 20px; font-size: 14px; font-weight: 400; border:1px solid #fff; background: #E6F7F1;}
table.tblCom td        { height:40px; vertical-align: middle; text-align: left; padding:0 0 0 20px; font-size: 14px; font-weight: 400; border:1px solid #fff; background: #F7F7F7;}

/*** 쿠폰 적용 레이어 | goods/layer_coupon_apply.php ***/
.layer_coupon_apply {position:relative; overflow:hidden; overflow-y:scroll; height:100%; background:#fff;}
.layer_coupon_apply .ly_content {overflow-x:hidden; overflow-y:auto; padding:0 15px 150px 15px;}
.layer_coupon_apply .ly_content .ly_coupon_list {}
.layer_coupon_apply .ly_content .ly_coupon_list dl {border-bottom:1px solid #cccccc; padding:15px 0 15px 0;}
.layer_coupon_apply .ly_content .ly_coupon_list dl dt {font-size:0;}
.layer_coupon_apply .ly_content .ly_coupon_list dl dt div {display:inline-block; font-size:12px;}
.layer_coupon_apply .ly_content .ly_coupon_list dl dt div.c_point { margin:0 10px 0 0; font-weight:bold;}
.layer_coupon_apply .ly_content .ly_coupon_list dl dd {padding:10px 0 0 25px; color:#9d9d9d;}
.layer_coupon_apply .ly_content .no_data {padding:20px 0 20px 0; text-align:center;}
.layer_coupon_apply .close_btn {position:absolute; top:0; right:0; z-index:100;}
.layer_coupon_apply .btn_box {position:fixed; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #cccccc;}
.layer_coupon_apply .btn_box span {display:block; padding:10px;}

/*** 쿠폰 다운받기 레이어 | goods/layer_coupon_down.php ***/

.layer_coupon_down {}
.layer_coupon_down {position:relative; background:#fff;}
.layer_coupon_down .ly_content {padding:0; }
.layer_coupon_down .ly_content .coupondown {}
/* 쿠폰 다운받기 상단 */
.layer_coupon_down .ly_content .coupondown .my_info {}
.layer_coupon_down .ly_content .coupondown .my_info ul {display:table; width:100%; padding:2px 0 2px 0; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; background:#f2f3f3;}
.layer_coupon_down .ly_content .coupondown .my_info ul li {display:table-cell; width:50%; }
.layer_coupon_down .ly_content .coupondown .my_info ul li:nth-child(1) strong {display:inline-block; margin:0 0 0 10px; font-size:14px; line-height:36px;}
.layer_coupon_down .ly_content .coupondown .my_info ul li:nth-child(1) strong span {font-size:14px; color:#fa2828; font-weight:bold;}
.layer_coupon_down .ly_content .coupondown .my_info ul li:nth-child(2) {padding-bottom:5px; text-align:right;}
.layer_coupon_down .ly_content .coupondown .my_info ul li:nth-child(2) a {margin:0 10px 0 0;}
/* 쿠폰 다운받기 리스트 */
.layer_coupon_down .ly_content .coupon_down_list {padding:15px 15px 15px 15px;}
.layer_coupon_down .ly_content .coupon_down_list ul {}
.layer_coupon_down .ly_content .coupon_down_list ul li {display:table; width:100%; padding:10px 0 10px 0;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left {display:table-cell; width:80%; vertical-align:middle;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl {}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl dt {font-size:14px; font-weight:bold;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl dt strong {color:#fa2828;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl dd {}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl dd .chk_img {width:13px; margin:0 5px 0 0;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_right {display:table-cell; width:20%; text-align:center; vertical-align:middle;}
.layer_coupon_down .close_btn {position:absolute; top:0; right:0; z-index:100;}

/*** 옵션 선택 레이어 | goods/layer_option.php ***/

.layer_option {position:relative;}
.layer_option .js_option_scroll {overflow-y:auto; padding:0 20px;}
.detail_buy .layer_option .js_option_scroll {padding:0 20px 12px;}
.layer_option .ly_buy_info {}
/* 팝업시 닫기 */
.layer_option .close_btn {position:absolute; top:16px; right:20px; z-index:100;}
/* .layer_option .close_btn {position:absolute; top:0; right:0px; z-index:100;} */ /* 퍼블수정 0528 */
.ly_pop  .close_btn {position:absolute; top:0; right:0px; z-index:100;}  /* 퍼블수정 0617 */
/* 적용하기 위치 */
.layer_option  .close_btn {position:absolute; top:0; right:0px; z-index:100;}  /* 퍼블수정 0617 */
.layer_option .popup_dn {position:fixed; bottom:0; left:0; width:100%;}
.layer_option .popup_dn .btn_box2 {}
.layer_option .popup_dn .btn_box2 span {display:block; margin:10px 20px 32px;}
/* 세로 스크롤 고정 */
.layer_option .ly_buy_info {padding:0 20px; }
.layer_option .ly_buy_info .ly_opt .bn_opt {display:block; position:relative; width:100%; height:33px; border:1px solid #c7c7c7; font-size:13px; color:#777; text-align:left; text-indent:11px; z-index:100; background:#fff url('../img/icon/icon_bg_select.png') no-repeat 100% 0; background-size:400px 31px;}
.layer_option .ly_buy_info .ly_opt .bn_opt.selected { border:1px solid #999;}
.layer_option .ly_buy_info .ly_opt > li {margin-bottom:10px;}
.layer_option .ly_buy_info .ly_opt li .optbx {position:relative; margin:-1px 0 0 0; border:1px solid #999; z-index:1; background:#ffffff;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst {}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst .disabled {color:lightgray !important;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li {position:relative; min-height:42px; text-indent:10px; border-bottom:1px solid #c7c7c7; font-weight:bold; font-size:13px; color:#555; line-height:42px; vertical-align:middle;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li:last-child {border-bottom:none;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li > img {width:41px; height:41px;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li em {display:block; position:relative; padding:8px 0 7px; color:#555; word-break:break-all; z-index:30;}
/* 배송비 */
.layer_option .select_box_view {padding:25px 0 0; position:relative; }
.layer_option .select_box_view::before { content:""; position:absolute; width:calc(100% - 40px); top:12px; margin:0 20px; height:1px; background:rgba(136, 136, 136, 0.1);  }
.layer_option .select_box_view .bn_opt {display:block; position:relative; width:100%; height:48px; border:1px solid #DFDFDF; font-size:16px; color:#777; text-align:left; padding-left:16px; z-index:100; background:#fff url('../images/icon/arrow-down.png') no-repeat right 12px top 50% ; background-size:24px;}
.layer_option .select_box_view .bn_opt.selected { }
.layer_option .select_box_view .optbx {position:relative; margin:-1px 0 0 0; z-index:1; background:#ffffff;}
.layer_option .select_box_view .optbx .optlst {}
.layer_option .select_box_view .optbx .optlst li {position:relative; min-height:42px; text-indent:10px; border-bottom:1px solid #c7c7c7; font-weight:bold; font-size:13px; color:#555; line-height:42px; vertical-align:middle;}
.layer_option .select_box_view .optbx .optlst li:last-child {border-bottom:none;}
.layer_option .select_box_view .optbx .optlst li > img {width:41px; height:41px;}
.layer_option .select_box_view .optbx .optlst li em {display:block; position:relative; padding:8px 0 7px; color:#555; word-break:break-all; z-index:30;}
.layer_option .select_box_view .optbx .optlst li.selected { background: #F7F7F7; }

/* 찜리스트 */
.layer_option .btn_wish_box {display:table; width:100%; padding:0 0 4px 0;}
.layer_option .btn_wish_box li {display:table-cell; width:50%;}
.layer_option .btn_wish_box li:nth-child(1) {padding:0 2px 0 0;}

/* 멀티옵션 */
.layer_option .ly_buy_info .ly_opt li.multi_option_on {position:absolute; top:15px; left:0; z-index:103; width:calc(100% - 30px); padding:0 15px; background:#fff;}
/* 싱글옵션 */
.layer_option .ly_buy_info .ly_opt li.singel_option_on {position:absolute; top:15px; left:0; z-index:103; width:calc(100% - 30px); padding:0 15px; background:#fff;}
/* 추가옵션 */
.layer_option .ly_buy_info .ly_opt li.add_option_on {position:absolute; top:15px; left:0; z-index:103; width:calc(100% - 30px); padding:0 15px; background:#fff;}
/* 텍스트 입력 필드 */
.layer_option .ly_buy_info .ly_opt li .option_input input {width:100%; height:34px; border:1px solid #c7c7c7; text-indent:10px; box-sizing:border-box;}
/* 총 합계 */
.total_price_box {padding:15px 15px 15px 15px; text-align:right; border-top:1px solid #3e3d3c;}
.total_price_box ul {display:inline-block;}
.total_price_box ul li {}
.total_price_box ul li dl {display:table; width:100%;}
.total_price_box ul li dl dt {display:table-cell; width:90px; font-size:13px; text-align:left; vertical-align:middle;}
.total_price_box ul li dl dd {display:table-cell; font-size:15px; font-weight:bold; text-align:right; vertical-align:middle;}
.total_price_box ul li.total dl dt {font-weight:bold;}
/* 팝업창일때 하단 버튼 간격 */
.popup_price {padding-bottom:65px;}

/* 옵션 선택 */

.btn_payco        {display:none; }

.view_order_goods {position:relative; padding: ;  }
.view_order_goods:first-child { }
.view_order_goods [class^='optionKey_'] { display:flex; width:100%; gap:12px; padding:8px 0 0;  }
.view_order_goods .itemhead { min-width:84px; border-radius:8px; overflow:hidden; }
.view_order_goods .itemhead img { width:84px;  }
.view_order_goods dl {width:100%; padding:4px 0 0; }
.view_order_goods dl dt {font-size:14px; line-height:20px; height:40px; display: -webkit-box;   overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;   }
.view_order_goods dl dd {margin-top:8px; }
.view_order_goods dl dd em {font-style:normal;}
.view_order_goods dl dd .price_info {display:flex; width:100%; justify-content: space-between; height:28px; align-items:center; }

.view_order_goods dl dd .price_info .count {display:table-cell; width:50%;padding:5px 0 0 0; vertical-align:top;}
.view_order_goods dl dd .price_info .count button {vertical-align:middle;}
.view_order_goods dl dd .price_info .count input[type=number] {width:44px; height:34px; border:1px solid #c9c9c9; font-weight:bold; text-align:center; vertical-align:middle; box-sizing:border-box;}

.view_order_goods dl dd .price_info .right { }
.view_order_goods dl dd .price_info .right .price { font-size:16px; font-weight:600;  }



.sumBox    {display:flex; justify-content: space-between; height:28px; border:1px solid #DFDFDF; border-radius:4px;  align-items:center; background:#fff; }
.sumBox input        { width:32px; text-align:center; line-height:120%; border:0; padding:0; background:transparent; }
.sumBox button    { width:28px; height:20px; font-size:0; border:0 !important; }
.sumBox button:disabled    { border:0 !important; }
.sumBox button.del_s    { background:url(../images/icon/sum_delete.png) no-repeat 50% 0 / 20px   }
.sumBox button.detail_down_btn    { background:url(../images/icon/sum_minus.png) no-repeat 50% 0 / 20px   }
.sumBox button.detail_up_btn    { background:url(../images/icon/sum_plus.png) no-repeat 50% 0 / 20px   }
.sumBox button.del_s:disabled    { background:url(../images/icon/sum_delete_g.png)  no-repeat 50% 0 / 20px  !important  }
.sumBox button.detail_down_btn:disabled    { background:url(../images/icon/sum_minus_g.png) no-repeat 50% 0 / 20px  !important   }
.sumBox button.detail_up_btn:disabled    { background:url(../images/icon/sum_plus_g.png) no-repeat 50% 0 / 20px   !important }


.add_goods_box {padding:12px; margin-top:8px; background:#F7F7F7; border-radius:4px; }
.add_goods_box .add_title {font-weight:bold;}
.add_goods_box .add_goods_list {}
.add_goods_box .add_goods_list li { position:relative;   }
.add_goods_box .add_goods_list li .title {display:block; width:100%; padding-right:30px; font-size:14px; color:#888; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.add_goods_box .add_goods_list li .add_goods_content { width:100%; margin-top:8px;  display:flex; justify-content:space-between; align-items:center; }
.add_goods_box .add_goods_list li .add_goods_content .add_goods_option {color:#a9a9a9;}

.add_goods_box .add_goods_list li .add_goods_content .add_goods_text {display:table; width:100%;}
.add_goods_box .add_goods_list li .add_goods_content .add_goods_text .goods_number {display:block; font-size:11px; color:#9d9d9d;}
.add_goods_box .add_goods_list li .add_goods_content .add_goods_text .goods_number em {font-style:normal;}
.add_goods_box .add_goods_list li .add_goods_content .goods_price {display:block; font-size:16px; color:#222;}
.add_goods_box .add_goods_list li .add_goods_content .goods_price em {font-size:12px; font-weight:bold; font-style:normal;}


.add_goods_total            { margin-top:12px; border-top:1px solid #F7F7F7; padding-top:12px; }
.add_goods_total ul            { }
.add_goods_total ul li        { display:flex; justify-content: space-between; align-items: center;  }
.add_goods_total ul li+ li    { margin-top:5px;  }
.add_goods_total ul li span    { color:#222; font-weight: 500;  }
.add_goods_total ul li strong    { color:#222; font-weight: 500;  }
.add_goods_total ul li.total span    { font-weight: 600; }
.add_goods_total ul li.total strong    { color:#00B373; font-size: 20px; font-weight: 600; }


.cart_optdel_btn        {position:absolute; top:-2px; right:0; width:24px; height:24px; background:url(../images/icon/close_g.png) no-repeat 0 0 / 100%; font-size:0; }


/* 추가상품 선택 */
.view_order_add_goods {position:relative; margin:15px 0 0 0; padding:5px 0 15px 0; background:#f9f9f9; border-bottom:1px solid #c9c9c9;}
.view_order_add_goods:first-child {border-top:1px solid #c9c9c9;}
.view_order_add_goods dl {}
.view_order_add_goods dl dt {font-size:12px; font-weight:bold; vertical-align:middle;}
.view_order_add_goods dl dt div {display:table-cell; vertical-align:middle;}
.view_order_add_goods dl dt div.addname {padding:0 0 0 5px;}
.view_order_add_goods dl dd {}
.view_order_add_goods dl dd em {font-style:normal;}
.view_order_add_goods dl dd .price_info {display:table; width:100%;}
.view_order_add_goods dl dd .price_info .count {display:table-cell; width:70%;padding:5px 0 0 0; vertical-align:top;}
.view_order_add_goods dl dd .price_info .count button {vertical-align:middle;}
.view_order_add_goods dl dd .price_info .count input[type=number] {width:44px; height:34px; border:1px solid #c9c9c9; font-weight:bold; text-align:center; vertical-align:middle; box-sizing:border-box;}
.view_order_add_goods dl dd .price_info .right {display:table-cell; width:30%; text-align:right; vertical-align:middle;}
.view_order_add_goods dl dd .price_info .right .btn_wrap {padding:5px 0 0 0;}
.view_order_add_goods dl dd .price_info .right .price {padding:5px 0 0 0; font-size:15px; font-weight:bold; text-align:right;}

/* 스크롤 고정 */
.scroll_vertical_fix::-webkit-scrollbar {width:4px;}
.scroll_vertical_fix::-webkit-scrollbar-thumb {width:4px; background-color:#a9a9a9;}
/* 기본 사이즈 */
.option_scroll {overflow-x:hidden; overflow-y:auto; min-height:200px;}
/* 쿠폰 취소 변경 */
.coupon_btn_box button {margin:2px 0 2px 0;}


/*** 배송지 관리 | mypage/layer_shipping_address_regist.html 주문 & 마이페이지 공통 ***/
.layer_shipping_address_regist {}
.layer_shipping_address_regist dl {  }
.layer_shipping_address_regist dl dt { color:#888; font-weight: 500; padding-bottom:4px;   }
.layer_shipping_address_regist dl ~ dl {margin-top:12px}
.layer_shipping_address_regist .form_phone  { display:flex; }
.layer_shipping_address_regist input[type=text]    { width:100%; }
.layer_shipping_address_regist .form_phone span     { padding:0 10px; margin:auto 0; color:#888 }
.layer_shipping_address_regist {position:relative; background:#fff;}
.layer_shipping_address_regist .ly_content {padding:15px 15px 15px 15px; }
.layer_shipping_address_regist .close_btn {position:absolute; top:0; right:0; z-index:100;}
.layer_shipping_address_regist td input[type=text] {width:100%; height:36px; text-indent:10px; border:1px solid #dfdfdf; box-sizing:border-box;}
.layer_shipping_address_regist .zipcode_box {display:flex; flex-direction: column; gap:8px}
.layer_shipping_address_regist .zipcode_box .zipcode_top {display:flex; gap:4px; }
.layer_shipping_address_regist .zipcode_box .zipcode_top .zipcode_num { width: 100%; }
.layer_shipping_address_regist .zipcode_box .zipcode_top .zipcode_btn_box {  }
.layer_shipping_address_regist .zipcode_box .zipcode_top .zipcode_btn_box button { width:100px; border:1px solid #dfdfdf; height:48px; border-radius: 4px;; }
.layer_shipping_address_regist .zipcode_box input { }
.layer_shipping_address_regist .inp_chk_box {padding:10px 0 0 0;}
.layer_shipping_address_regist .inp_chk_box label { color:#888}
.layer_shipping_address_regist .btn_box {display:table; width:100%; padding:10px 0 0 0;}
.layer_shipping_address_regist .btn_box li {display:table-cell;}
.layer_shipping_address_regist .btn_box li:nth-child(1) {padding:0 2px 0 0;}
.layer_shipping_address_regist .btn_box li:nth-child(2) {padding:0 0 0 2px;}



/* 장바구니 이동 레이어 및 찜리스트 이동 레이어 */
.zidx310 {z-index:2310 !important; }
.zidx320 {z-index:2320 !important; }
.add_cart_layer, .add_wish_layer {position:fixed; top:50%; left:50%; z-index:2311; width:307px;   margin:-96px 0 0 -153px; }
.add_cart_layer .wrap, .add_wish_layer .wrap {position:relative;  background:#fff; border:1px solid #fff; border-radius:8px;  }
.add_cart_layer p {margin:30px 0 0; padding:62px 0 0; background:url(../img/icon/icon_mcart.png) no-repeat center top; background-size:50px 42px; color:#000000; font-size:13px; line-height:22px; text-align:center; }
.add_wish_layer p {margin:30px 0 0; padding:62px 0 0; background:url(../img/icon/icon_mwish.png) no-repeat center top; background-size:50px 42px; color:#000000; font-size:13px; line-height:22px; text-align:center; }
.add_cart_layer .btn_box, .add_wish_layer .btn_box { display:flex; margin:30px 20px 20px; padding:0 !important; }
.add_cart_layer .btn, .add_wish_layer .btn {display:inline-block; width:125px; font-size:12px; overflow:hidden; height:42px; -webkit-box-sizing:border-box; font-weight:bold; font-style:normal; text-align:center; vertical-align:middle; line-height:36px; background:#00B373; color:#ffffff; border:1px solid #00B373; }
.add_cart_layer .btn_close, .add_wish_layer .btn_close {color:#00B373; background:#fff; margin-right:4px; }


.n_common_layer {position:fixed; top:50%; left:50%; z-index:2311; width:307px;   margin:0 0 0 -153px; transform: translateY(-50%);  }
.n_common_layer .wrap {position:relative;  background:#fff; border:1px solid #fff; border-radius:8px;  }
.n_common_layer .wrap * { font-size:14px; color:#333; }
.n_common_layer .btn_box  { display:flex; margin:30px 20px 20px; padding:0 !important; }
.n_common_layer .btn_box .btn  {display:inline-block; width:138px; font-size:12px; overflow:hidden; height:42px; -webkit-box-sizing:border-box; font-weight:bold; font-style:normal; text-align:center; vertical-align:middle; line-height:36px; background:#00B373; color:#ffffff; border:1px solid #00B373; }
.n_common_layer .btn_box .btn_close {color:#00B373; background:#fff; margin-right:4px; }
.n_common_layer .lys_close_btn { position:absolute; top:20px; right:20px;  }
.ly_wrap .lys_close1_btn,
.ly_wrap .lys_close_btn { position:absolute; top:17px; right:20px;  }

.add_orderList_layer         { }
.add_orderList_layer .titBox         { font-size:18px; text-align:center; color:#222; padding:30px 0 12px;  }
.add_orderList_layer .listBox        {padding:0 20px 20px;}
.add_orderList_layer ul        { border:1px solid #EBEBEB; border-radius:8px; overflow:auto; overflow-x:hidden;  max-height:260px;  }
.add_orderList_layer ul li    { display:flex; padding:8px 16px;  justify-content: space-between; align-items: center; }
.add_orderList_layer ul li + li    { border-top:1px solid #F7F7F7;  }
.add_orderList_layer ul li button.select    {  min-width:57px; height:34px; background:#00B373; color:#fff;  font-size: 14px;  }



/*** 미확인 입금자 리스트 (PC 동일 적용) | service/ghost_depositor.php ***/
.m_ghost_depositor.pc .close_btn {position:absolute; top:0; right:0; z-index:100; display:none;}
.ly_pop .m_ghost_depositor.pc .close_btn {display:block;}
.m_ghost_depositor.pc .lys_close_btn{background:url('../img/icon/icon_x5.png') no-repeat center; background-size:17px;}
.m_ghost_depositor.pc #ghost_depositor_cont .top_banner img{width:100%;}
.m_ghost_depositor.pc .datepicker_area{margin-top:10px; position:relative; z-index:1;}
.m_ghost_depositor.pc .datepicker_area > div:first-child{padding:0 15px;}
.m_ghost_depositor.pc .datepicker_area > div:first-child:after{content:''; display:block; clear:both;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div{float:right; width:48%;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div:first-child{float:left;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div strong{font-size:13px; color:#666666; display:block; margin-bottom:13px;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div input{width:100%; height:38px; border:1px solid #dbdbdb; color:#333333; text-indent:10px; box-sizing:border-box;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div:first-child input{background: url('../img/icon/icon_calendar.png') no-repeat right center; background-size:36px auto;}
.m_ghost_depositor.pc .datepicker_area > .piker_search_btn{margin:10px 0 0; text-align:center;}
.m_ghost_depositor.pc .datepicker_area > .piker_search_btn button{font-size:14px; font-weight:bold; color:#fff; width:120px; height:39px; border:none; position:relative; top:0; right:0; display:inline;}
.m_ghost_depositor.pc .ghost_depositor_table{margin-top:15px;}
.m_ghost_depositor.pc .ghost_depositor_table table{text-align:center; width:100%; table-layout:fixed;}
.m_ghost_depositor.pc .ghost_depositor_table table th{padding:8px 7px;}
.m_ghost_depositor.pc .ghost_depositor_table table th{font-size:12px; font-weight:bold; color:#808080; background:#fafafa; border-bottom:1px solid #f0f0f0; border-top:1px solid #e0e0e0;}
.m_ghost_depositor.pc .ghost_depositor_table table td{padding:10px 7px; word-break:break-all;}
.m_ghost_depositor.pc .ghost_depositor_more_btn{margin:10px 0 30px; padding:0 15px;}
.m_ghost_depositor.pc .ghost_depositor_more_btn .more_btn{font-size:14px; font-weight:bold; color:#666666; background:#f0f0f0; border-color:#e0e0e0;}
.m_ghost_depositor.pc .ghost_depositor_no_list{background:url('../img/icon/icon_ex.png') center 80px no-repeat; background-size:80px; padding-top:185px;}
.m_ghost_depositor.pc .ghost_depositor_no_list p{font-size:15px; font-weight:bold; color:#666666; text-align:center;}

/*** 미확인 입금자 리스트 (모바일 별도 적용) | service/ghost_depositor.php ***/
.m_ghost_depositor.mobile .ly_head{background:#54688f; border-bottom:#54688f 1px solid;}
.m_ghost_depositor.mobile .ly_head .h_tit{font-size:15px; font-weight:bold; color:#ffffff; line-height:42px;}
.m_ghost_depositor.mobile .close_btn {position:absolute; top:0; right:0; z-index:100; display:none;}
.ly_pop .m_ghost_depositor.mobile .close_btn {display:block;}
.m_ghost_depositor.mobile .lys_close_btn{background:url('../img/icon/icon_x6.png') no-repeat center; background-size:17px;}
.m_ghost_depositor.mobile .datepicker_area{padding:15px 0 0; background:#54688f; position:relative; z-index:1;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child{padding:0 21px;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div{margin-top:9px;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div:first-child{margin-top:0;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div input{font-size:14px; color:#333333; width:100%; height:38px; border:1px solid #dbdbdb; color:#333333; text-indent:10px; background-color:#ffffff; border-radius:5px; box-sizing:border-box;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div:first-child input{background-image:url('../img/icon/icon_calendar.png'); background-repeat:no-repeat; background-position:right center; background-size:36px auto;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div input::placeholder{color:#888888;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div:first-child input[type="date"]:not(.has-value):before{content: attr(placeholder); color:#888888;}
.m_ghost_depositor.mobile .datepicker_area > .piker_search_btn{margin:15px 0 0; text-align:center;}
.m_ghost_depositor.mobile .datepicker_area > .piker_search_btn button{font-size:15px; font-weight:bold; color:#fff; width:100%; height:45px; border:none; position:relative; top:0; right:0; display:inline; background:#39476b;}
.m_ghost_depositor.mobile .datepicker_area > .txt_infor{padding:12px 21px; background:#f9f9f9; border-bottom:#f0f0f0 1px solid; text-align:center;}
.m_ghost_depositor.mobile .ghost_depositor_li li{border-bottom:#f0f0f0 1px solid; padding:19px 30px;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div{margin-top:7px;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div:first-child{margin-top:0;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div:after{content:''; display:block; clear:both;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div > p{font-size:12px; color:#333333; float:right; width:50%; text-align:right; line-height:1.3em; word-break:break-all;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div > p:first-child{float:left; width:40%; text-align:left;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div:first-child > p{font-size:16px; font-weight:bold; color:#54688f;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div:first-child > p:first-child{color:#333333;}
.m_ghost_depositor.mobile .ghost_depositor_more_btn{margin:10px 0 30px; padding:0 15px;}
.m_ghost_depositor.mobile .ghost_depositor_more_btn .more_btn{font-size:14px; font-weight:bold; color:#666666; background:#f0f0f0; border-color:#e0e0e0;}
.m_ghost_depositor.mobile .ghost_depositor_no_list{background:url('../img/icon/icon_ex.png') center 80px no-repeat; background-size:80px; padding-top:185px;}
.m_ghost_depositor.mobile .ghost_depositor_no_list p{font-size:15px; font-weight:bold; color:#666666; text-align:center;}

/*** 미확인 입금자 배너 이미지 ***/
.btn_ghost_depositor{display:block;}
.btn_ghost_depositor img{width:100%;}
.btn_ghost_depositor.type_pc{width:192px; margin:0 auto;}

/*** 주문취소 사유 레이어 ***/
.layer_wrap{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.8); z-index:500;}
.layer_cont{width:306px; position:absolute; top:0; left:50%; margin:0 0 0 -153px; background:#fff; padding-bottom:9px;}
.layer_cont .tit h4{font-size:14px; font-weight:bold; color:#333333; text-align:center; line-height:40px; border-bottom:#e0e0e0 1px solid;}
.refund_detail_infor{background:#fafafa; padding:11px 15px; color:#333333; border-bottom:#f0f0f0 1px solid;}
.refund_detail_infor li:after{content:''; display:block; clear:both;}
.refund_detail_infor li > *{display:block; float:left;}
.refund_detail_infor li > strong{margin-right:4px;}
.refund_detail_infor li.gods_tit{max-height:36px; overflow:hidden;}
.refund_detail_infor li.gods_tit > strong{width:63px; margin-right:0;}
.refund_detail_infor li.gods_tit > span{width:210px;}
.refund_detail_txt{padding:12px 12px 0; overflow-y:auto; height:164px; }
.layer_cont .bot_btn{margin:20px 3.5% 0; width:93%;}
.layer_cont .bot_btn button{font-size:12px;}

/** 조건별 배송비 테이블 **/
.ly_dev_wrap .ly_btn_wrap{ padding:0 10px 0 10px;}
.ly_dev_wrap .ly_btn{display:table;margin:30px 0 0 0;border-collapse: collapse;width:100%;}
.ly_dev_wrap .ly_btn:first-child{margin:10px 0 0 0;}
.ly_dev_wrap .ly_btn .row{display:table-row;}
.ly_dev_wrap .ly_btn a{display: table-cell;width:50%;font-size:12px; color:#333; text-align:center;vertical-align:middle;border:1px solid #e7e7e7;box-sizing:border-box;padding:9px 10px 9px 10px;background-color:#f2f2f2;}
.ly_dev_wrap .ly_btn.three a{width:33.3px;}
.ly_dev_wrap .ly_btn a.on{position:relative;color:#fff;background-color:#2a2a2a;border:1px solid #2a2a2a;}
.ly_dev_wrap .tbl2 table{border-left:0; border-right:0;border-top:0;}
.ly_dev_wrap .tbl2 td{font-weight:normal;color:#222;padding:6px 10px 6px;}
.ly_dev_wrap .tbl2 tr:first-child td{border-top:0;}

/* 비회원 주문불가 안내 */
.cert_warning{width:100%;letter-spacing:-0.5px;padding:20px 30px 40px 30px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.cert_warning .cert_warning_wrap{ padding:105px 0 0 0;  background:url('../img/intro/blackout.png') no-repeat center top; background-size:95px auto;text-align:center;box-sizing:border-box;text-align:center;margin:15px 0 0 0;}
.cert_warning .cert_warning_wrap strong{font-size:13px;color:#333;}
.cert_warning .cert_warning_wrap p{display:block;font-size:12px;color:#333;padding:15px 15px 15px 15px;margin:20px 0 0 0;text-align:center;background-color:#f9f9f9;}
.cert_warning .cert_warning_wrap p span{display:block;}
.cert_warning .cert_warning_wrap p a{text-decoration:underline;font-weight:bold;}
.cert_warning .cert_warning_wrap > a{margin:30px 0 0 0;}

/* 14세 이상 동의 추가 */
.cert{background-color: #f9f9f9;border-top:1px solid #e8e8e8;text-align:center;overflow: hidden;}
.cert p{font-size:13px; color:#5e5e5e;margin:15px 0 13px 0;}
.cert .cert_btn{padding:0 10px 20px 10px;}
.cert .cert_btn ul{display:table; width:100%;}
.cert .cert_btn ul li{display:table-cell; padding:0 5px 0 5px;}
.cert .cert_btn ul li a{font-size:12px;padding: 7px 0 7px 0;}

/* 자동입력방지 */
.input_wrap .capcha {display:table; min-width:300px; margin:0 auto; padding:10px 0 10px 0;}
.input_wrap .capcha .capcha_img {display:table-cell; text-align:center; vertical-align:middle; border:1px solid #d6d6d6; }
.input_wrap .capcha .capcha_img span {display:table-cell; width:188px; height:100px; vertical-align:middle;}
.input_wrap .capcha .capcha_img span img {}
.input_wrap .capcha .capcha_body {display:table-cell; padding:0 0 0 10px;}
.input_wrap .capcha .capcha_body .capcha_text {padding:0 0 10px 0;}
.input_wrap .capcha .capcha_body .capcha_input {padding:0 0 10px 0;}
.input_wrap .capcha .capcha_body .capcha_input input {width:100%; height:26px; border:1px solid #d0d0d0; text-indent:10px; box-sizing:border-box;}


/* alert */
.alertWrap            {position: fixed; display:flex; left:0; top:0; width:100%; height:100%; z-index:5000;  }
.alertWrap::before    { content:""; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5)  }
.alertWrap .alertBody            { position: relative; margin:auto; width:290px; border-radius:16px; background:#fff; overflow: hidden; text-align: center;  }
.alertWrap .alertBody .alertTit            { padding:24px 24px 0 24px; font-size: 16px; color:#222; font-weight: 600; }
.alertWrap .alertBody .alertCont        { padding:6px 24px 24px; font-size:14px; color:#888;  }
.alertWrap .alertBody .alertTit + .alertBtn { margin-top:24px; }
.alertWrap .alertBody .alertBtn           { display:flex; border-top:1px solid #DFDFDF;  }
.alertWrap .alertBody .alertBtn button    { width:100%; border:0; height:48px; font-size:16px; text-align: center; color:#00B373; font-weight: 600; background:none; border-radius:0 }
.alertWrap .alertBody .alertBtn button + button    {border-left:1px solid #dfdfdf;  }
.alertWrap .alertBody .alertBtn button.cancel    { color:#222; }

/* layer */
.layerWrap            {position: fixed; display:flex;  left:0; top:0; width:100%; padding:0 20px; height:100%; z-index:5000;   }
.layerWrap .hide    { display:none;  }
.layerWrap.hide    { display:none;  }
.layerWrap.hide.ly_show    { display:flex;  }
.layerWrap::before    { content:""; position: absolute; left:0; top:0; width:100%;   height:100%; background:rgba(0, 0, 0, 0.5)  }
.layerWrap .ly_wrap            {  width:100%; height:100%; display: flex;}
.layerWrap .layerBody            { position: relative; margin:auto ; width:100%; max-width:340px; border-radius:16px; background:#fff; overflow: hidden; text-align: center;  }
.layerWrap .layerBody .layerTit            { height:56px; line-height:56px; font-size: 18px; color:#222; font-weight: 500; border-bottom:1px solid #EBEBEB;  }
.layerWrap .layerBody .layerTit button.close    { position: absolute; width:24px; height:24px; top:16px; right:20px; background:url(../images/icon/close.png) no-repeat 0 0 / 100%; border:0;  }
.layerWrap .layerBody .layerCont        { padding:24px 20px; font-size:16px; color:#333;  }
.layerWrap .layerBody .layerCont.pd_0   { padding:0;  }
.layerWrap .layerBody .layerBtn            { padding:0 20px 24px;   }
.layerWrap .layerBody .layerBtn a    { display:flex; justify-content: center; align-items: center; width:100%; border:0; height:48px; font-size:16px; background: #00B373; text-align: center; color:#00B373; color:#fff; font-weight: 600; }
.layerWrap .layerBody .layerBtn a + a    { margin-top:8px;}
.layerWrap .layerBody .layerBtn a.btnChangeId    { }
.layerWrap .layerBody .layerBtn a.btnCancel    { background:#fff; border:1px solid #DFDFDF; color:#ccc; }

.layerWrap2            {position: fixed; display:flex;  left:0; top:0; width:100%; padding:0; height:100%; z-index:5000;   }
.layerWrap2 .layerWrap2_dim    { position: fixed; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.5); z-index: 1; }
.layerWrap2 .layerBody            { position: relative; margin:auto ; width:100%; max-width:340px; border-radius:16px; background:#fff; overflow: hidden; text-align: center; z-index: 2; }
.layerWrap2 .layerBody .layerTit            { height:56px; line-height:56px; font-size: 18px; color:#222; font-weight: 500; border-bottom:1px solid #EBEBEB;  }
.layerWrap2 .layerBody .layerTit button.close    { position: absolute; width:24px; height:24px; top:16px; right:20px; background:url(../images/icon/close.png) no-repeat 0 0 / 100%; border:0;  }
.layerWrap2 .layerBody .layerCont        { padding:24px 20px; font-size:16px; color:#333;  }
.layerWrap2 .layerBody .layerCont.pd_0   { padding:0;  }
.layerWrap2 .layerBody .layerBtn            { padding:0 20px 24px;   }
.layerWrap2 .layerBody .layerBtn a    { display:flex; justify-content: center; align-items: center; width:100%; border:0; height:48px; font-size:16px; background: #00B373; text-align: center; color:#00B373; color:#fff; font-weight: 600; }
.layerWrap2 .layerBody .layerBtn a + a    { margin-top:8px;}
.layerWrap2 .layerBody .layerBtn a.btnChangeId    { }
.layerWrap2 .layerBody .layerBtn a.btnCancel    { background:#fff; border:1px solid #DFDFDF; color:#ccc; }
.layerWrap2 .layerBody .layerBtn a.reason_confirm_btn    { border-radius: 4px; }

.ly_pop .ly_wrap .fullLayerCont   {position:relative; background: #f7f7f7; height:100%; overflow: auto; padding:56px 0 80px; }
.ly_pop .ly_wrap .fullLayerCont .ly_head   {position:fixed; width: 100%; top:0; }
.ly_pop .ly_wrap .fullLayerCont .close_btn {position:fixed; width: 100%; }
.ly_pop .ly_wrap .fullLayerCont .layerBtn  {position:fixed; bottom:0; left:0; width:100%; display:flex; padding:12px 20px 20px; gap:12px; background:#fff; }




.boardlist .board_search {position:relative; padding:16px 20px 0;}
.boardlist .board_search .search_input {width:100%;}
.boardlist .board_search .search_input input {width:100%; height:48px; padding-right:50px; text-indent:16px; border:1px solid #dddddd; font-size:14px; color:#5e5e5e; font-weight:bold; border-radius:100px; }
.boardlist .board_search .search_input input::placeholder { font-weight:500 }
.boardlist .board_search .search_btn {position:absolute; top:16px; right:20px;  }
.boardlist .board_search .search_btn button.board_search_btn { width:56px; height:48px; padding:16px; background:url(../images/icon/search.png) no-repeat 50% 50%/24px; overflow:hidden; text-indent:-200px; }

ul.wordHead			{display:flex; flex-wrap:nowrap; overflow:auto; padding:16px 20px; gap:8px;   }
ul.wordHead::-webkit-scrollbar {display: none; }
ul.wordHead li		{ }
ul.wordHead li button		{ height:30px; padding:0 8px; align-items:center; justify-content:center; white-space: nowrap; background:#F7F7F7; border-radius:30px; font-size:14px; font-weight:400; }
ul.wordHead li button.on	{ background:#333; color:#fff;  }


.sortBtns		{border-top:1px solid #EBEBEB; height:48px; display:flex; justify-content:flex-end; padding:0 20px; }
.sortBtns button	{ color:#888; padding:0 8px; position:relative;   }
.sortBtns button.on	{ color:#333;  }
.sortBtns button + button		{ margin-left:1px; }
.sortBtns button + button::before	{ content:""; position:absolute; left:-1px; top:17px; width:1px; height:12px; background:#f7f7f7;    }

.file_icon      {margin:3px 0 0}


.goods_prd_icon img { height:20px;  }
.goods_prd_icon_new img { height:24px;  }
[class*=goods_prd_item] .goods_prd_content .goods_info_list li.price_plus       {color:#888; font-size:12px; font-weight:400; }
[class*=goods_prd_item] .goods_prd_content .goods_info_list li.review { color:#aaa;  font-size:12px; font-weight:400;    }
[class*=goods_prd_item] .goods_prd_content .goods_info_list li.review span { position:relative; height:16px; line-height:16px; display:inline-block; padding-left:16px;   }
[class*=goods_prd_item] .goods_prd_content .goods_info_list li.review span.star { background:url(../../../mobile/moment/images/icon/star.png) no-repeat 0 50%/14px; }
[class*=goods_prd_item] .goods_prd_content .goods_info_list li.review span.repl { background:url(../../../mobile/moment/images/icon/comment.png) no-repeat 0 50%/14px; margin-left:9px; }
[class*=goods_prd_item] .goods_prd_content .goods_info_list li.review span.repl::before { content:""; width:1px; height:8px; background:#D9D9D9; position:absolute; left:-5px; top:4px;    }


input::placeholder {font-size: 14px;color:#ccc  }
textarea    {font-size: 16px;;}
textarea::placeholder {font-size: 16px;color:#ccc  }
.event_sale_others      {border-top:8px solid #f7f7f7; padding:16px 20px 0; }
.event_sale_others label      {  color:#888;   }
.event_sale_others select      { width:100%;  }

.contents_holder img        {max-width: 100%;}
.contents_holder div        {max-width: 100%;}



/* 퍼블 0617 */

.pc_side_content        { display:none; position: fixed; top:50%; transform: translateY(-50%); left:50%; margin-left:120px; width:288px;  }
.pc_side_content .bnrCont        { }
.pc_side_content .bnrCont a      { display:block; width:100%; height:288px; background-color: #FFD256; border-radius: 8px; overflow: hidden; }
.pc_side_content .bnrCont a img  { width:100%; height:288px; }
.pc_side_content .appBnr  { margin-top:20px; }
.pc_side_content .appBnr a  { padding:16px; display:flex; gap:20px; background:#fff; border-radius: 8px;  }
.pc_side_content .appBnr a img  { width: 80px; height: 80px; }
.pc_side_content .appBnr a span  {display: block; margin:auto 0; font-size: 16px; font-weight: 700; }
.pc_side_content .appBnr a span em  { display: block; margin-top:6px; font-size:14px; }


@media (min-width:900px) {
.pc_side_content        { display:block; }
}


.toastPopup {position: fixed; left: 0; right: 0; bottom: -100px; text-align: center; opacity: 0; z-index:5000;    }
.toastPopup.show {  transition: opacity .3s; opacity:1; bottom:60px;  z-index: 600;  }
.toastPopup .toastContent { display:flex; width:calc(100% - 40px); box-sizing:border-box; font-size:16px; justify-content:space-between; margin:0 20px; max-width: 500px; min-width: 320px;  padding: 10px 16px; box-sizing: border-box; font-size: 15px; line-height: 22px; color: #fff; text-align: left; border-radius: 10px; background:  rgba( 33, 37, 41, 0.8 );}
.toastPopup .toastContent a  { color:#00B373 }