@charset "utf-8";/* CSS Document */

* {letter-spacing: -0.01em; } 
body, th, td, input, select, textarea, button {font-family: 'NEXON Lv1 Gothic','Noto Sans KR', sans-serif; /* font-family: 'Noto Sans KR', sans-serif; */}

label { cursor:pointer; } 

.sound_only { overflow: hidden; display: inline-block; position: absolute; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } 
.only_guide_txt { font-size: 20px; margin-bottom: 20px; } 



/* ======== layout =============== */
#wrap { } 
.inner_1600 { width: calc(100% - 40px); max-width: 1600px; margin: 0 auto; } 


/* ======== defaul style custom =============== */
/* === common_color */
.color_orange {color: #f07133 !important; } 
.color_gray {color: #888 !important; } 
.color_black { color: #222 !important; } 
.colo_navy { color: #000000; } 


.flexbox { display: flex; } 
.flexbox_wrap { display: flex!important; flex-wrap: wrap; } 
.align_center { align-items: center !important; } 
.align_flex_start { align-items: flex-start !important; } 
.align_flex_end { align-items: flex-end !important; } 
.justify_flex_end { justify-content: flex-end !important; } 
.justify_flex_start { justify-content: flex-start !important; } 
.justify_flex_center { justify-content: center !important; } 

/* ==== common_style ====== */

/* ==== buttons ===== */
.n_btn {display: inline-block;letter-spacing: -0.1em;text-align: center; transition: all 0.3s; } 
.btn_h32 {height: 32px;line-height: 30px;font-size: 14px;border-radius: 6px;padding: 0 20px; } 
.btn_h40 {height: 40px;line-height: 38px;font-size: 16px;border-radius: 6px;padding: 0 20px; } 
.btn_h45 {height: 45px;line-height: 43px;font-size: 14px;border-radius: 6px;padding: 0 15px; } 
.btn_h50 {height: 50px;line-height: 48px;font-size: 16px;border-radius: 6px;padding: 0 15px; } 
.btn_h70 {height: 70px;line-height: 68px;font-size: 18px;border-radius: 6px;padding: 0 20px; } 

.btn_gray_border { border: 1px solid #dddddd; color: #bbbbbb; background: #fff; font-weight: 400; } 
.btn_gray_border_dark { border: 1px solid #ccc; color: #999; background: #fff; font-weight: 400; } 
.btn_navy { border: 1px solid #000000; color: #fff; background: #000000; font-weight: 400; } 
.btn_navy_border { border: 1px solid #000000; color: #000000; background: #fff; font-weight: 400;}
.btn_blue { border: 1px solid #000000; color: #fff; background: #000000; font-weight: 400; } 
.btn_blue_border { border: 1px solid #000000; color: #000000; background: #fff; font-weight: 400; } 

.btn_black_border { border: 1px solid #222222; color: #222222; background: #fff; font-weight: 400; } 
.btn_shadow_navy { color: #222; box-shadow: 0 5px 10px 5px rgba(32,29,53,0.1); } 


.btn_navy_border.active { border: 1px solid #000000; color: #fff; background: #000000; font-weight: 400; } 
.btn_navy:hover,
.btn_navy_border:hover { border-color: #000; background: #000; color: #fff; } 


/* ====== badge ===== */
.badge { display: inline-block; height: 25px; line-height: 22px; padding: 0 10px; font-size: 12px; font-weight: 500; border-radius: 3px; } 
.badge_black { border: 1px solid #222; color: #222; } 
.badge_gray { border: 1px solid #ddd; color: #888; } 
.badge_navy { border: 1px solid #000000; background: #000000; color: #fff; } 




/* ==== inputs ===== */
.common_input {height: 40px;line-height: 38px;padding: 0 15px;border: 1px solid #ccc;border-radius: 6px;color: #222;font-size: 16px; transition: border-color 0.3s, box-shadow 0.3s; outline: 0; } 
.common_input:focus,
.common_input:active { outline: 0; border-color: #222; box-shadow: 0px 5px 9.5px 0.5px rgb(32 29 53 / 10%); } 



/* deletable input */
.deletable_input { position: relative; } 
.deletable_input .common_input { padding-right: 50px; } 
.deletable_input .button_del { display: block; width: 40px; height: 40px; background: url('/design/wonderl/img/btn_input_del.png') no-repeat center; background-size: 10px auto; position: absolute; right: 5px; top: 0; opacity: 0; pointer-events: none; transition: opacity 0.3s; } 
.deletable_input .common_input:focus + .button_del { opacity: 1; pointer-events: auto; } 



.common_textarea {resize:none;width: 100%;padding: 10px 15px;border: 1px solid #ccc;border-radius: 6px;color: #222;font-size: 16px; } 

.common_checkbox { display: inline-block; position: relative; font-size: 14px; color: #999; padding-left: 25px; } 
.common_checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; display: none; } 
.common_checkbox > label::before { content: ""; display: inline-block; width: 22px; height: 22px; border: 1px solid #cccccc; border-radius: 3px; position: absolute; left: 0; top: 1px; } 
.common_checkbox> input[type="checkbox"]:checked + label::before { background: url(/design/wonderl/img/checkbox_on.png) no-repeat center; background-size: 100% auto; border: 0; } 
.common_checkbox> input[type="checkbox"]:checked + label { color: #000000; } 


.common_checkbox_s { padding-left: 27px; } 
.common_checkbox_s > label::before { width: 18px; height: 18px; left: 0; top: 2px; } 

/* common radio */
.common_radio { display: inline-block; position: relative; padding-left: 30px; } 
.common_radio input[type="radio"],
.common_radio input[type="checkbox"] { appearance: none; -webkit-appearance: none; overflow: hidden; display: inline-block; position: absolute; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } 
.common_radio label::before { content: ""; display: block; width: 24px; height: 24px; background: url('/design/wonderl/img/common_radio_off.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 0; } 
.common_radio input:checked + label::before { background: url('/design/wonderl/img/common_radio_on.png') no-repeat center; background-size: contain; } 

label.common_radio { display:flex; cursor:pointer; align-items:center; position:relative; overflow:hidden; padding-left: 30px; min-height: 24px; } 
label.common_radio > input { appearance: none; -webkit-appearance: none; overflow: hidden; display: inline-block; position: absolute; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } 
label.common_radio > strong { font-size:15px; color:#222; font-weight:400; display:flex; align-items:center; } 
label.common_radio > strong::before { position: absolute; left: 0; top: 0; width:24px; height:24px; content:" "; background: url('/design/wonderl/img/common_radio_off.png') no-repeat center; background-size:100% auto; display:inline-block; margin-right:10px; } 
label.common_radio > input:checked ~ strong { color:#000000; } 
label.common_radio > input:checked ~ strong::before { background: url('/design/wonderl/img/common_radio_on.png') no-repeat center; background-size:100% auto; } 




.common_select { display: inline-block; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #222; font-size: 16px; background: #fff url('/design/wonderl/img/select_arr.jpg') no-repeat right 20px center; background-size: 15px auto; appearance: none; -webkit-appearance: none; } 
#wrap .chosen-single { display: flex; align-items: center; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #999; font-size: 16px; box-shadow: none !important; } 
 .chosen-container-single .chosen-single div b { display: none; } 
 .chosen-container-single .chosen-single div { background: url(/design/wonderl/img/select_arr.png) no-repeat right 20px center; background-size: 15px auto; display: block; width: 40px; height: 40px; right: 0; top: 50%; transform: translateY(-50%); } 
 #wrap .chosen-container-active.chosen-with-drop .chosen-single { border-radius: 6px 6px 0 0; } 
 .chosen-container-active.chosen-with-drop .chosen-single div { background: url(/design/wonderl/img/select_arr.png) no-repeat right 20px center; background-size: 15px auto; } 
 .chosen-container .chosen-drop { border-radius: 6px; border-color: #ccc; margin-top: 0; box-shadow: none; z-index: 10; } 
 .chosen-container .chosen-results { font-size: 14px; line-height: 30px; padding: 10px 0; margin: 0; } 
 .chosen-container .chosen-results::-webkit-scrollbar { width: 5px; } 
.chosen-container .chosen-results::-webkit-scrollbar-thumb { background-color: #e1e1e1; border-radius: 5px; } 
.chosen-container .chosen-results::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 5px; } 
 .chosen-container .chosen-results li {display: flex; padding: 10px; color: #222; } 
.chosen-container .chosen-results li.highlighted { background-color: #f5f5f5; color: #222; } 

.chosen-container-active.chosen-with-drop .chosen-drop { border-radius: 0 0 6px 6px; } 


 /* ==== fake select ==== */
 .fake_select { position: relative; } 
.fake_select_tit { display: block; width: 100%; /* height: 66px; */
 padding: 10px 15px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; line-height: 22px; position: relative; background: #fff; text-align: left; } 
.fake_select_tit .option_title { color: #555; font-weight: 500; } 
.fake_select_tit .selected_option { color: #999; } 
.fake_select_tit s { background: url(/design/wonderl/img/select_arr.png) no-repeat right 20px center; background-size: 15px auto; display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.fake_select_options { width: 100%; background-color: #fff; border: 1px solid #ccc; border-radius: 6px; padding: 10px 0; position: absolute; left: 0; top: calc(100% - 1px); z-index: 5; display: none; } 
.fake_select_option_itme a { display: block; padding: 10px; font-size: 14px; } 
.fake_select_option_itme a:hover { background: #f7f7f7; } 

.fake_select_tit.show { border-radius: 6px 6px 0 0; } 

.fake_select_options.show { display: block; border-radius: 0 0 6px 6px; } 

.img_fake_select .fake_select_tit { padding: 10px; } 
.img_fake_select .img_options_wrap { display: flex; align-items: center; } 
.img_fake_select .img_options_wrap > .img_wrap { width: 58px; height: 71px; } 
.img_fake_select .img_options_wrap > .img_wrap > img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.img_fake_select .img_options_wrap > .txt_wrap { padding-left: 30px; font-size: 14px; line-height: 20px; color: #555555; } 
.img_fake_select .img_options_wrap > .txt_wrap > p { margin-bottom: 8px; } 
.img_fake_select .img_options_wrap > .txt_wrap > p:last-child { margin-bottom: 0; } 
.img_fake_select .img_options_wrap > .txt_wrap .num { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; } 





 
.w_100 {width: 100%; } 

.w_600 {width: 600px !important; } 
.w_800 {width: 800px !important; } 

.popupWrap { display: none; } 
.popupWrap.pntrEvnt { pointer-events: none; } 
.popupWrap.pntrEvnt .layer_wrap_cont { pointer-events: all; } 
.layer_wrap { overflow-y: hidden; } 
.layer_wrap .ly_tit { padding: 35px 30px 20px; } 
.layer_wrap .ly_tit h4 { padding: 0; font-size: 26px; font-weight: 500; line-height: 1em; border-bottom: 0; } 
.layer_wrap .ly_tit h4 span { display: block; font-size: 14px; margin-top:10px; color: #555; } 
.layer_wrap .ly_tit h4 span.sub_tit_16 { font-size: 16px; /* margin-top: 3px; */}
.layer_wrap .ly_close { padding: 30px; } 
.layer_wrap .ly_close img { width: 25px; } 
.layer_wrap .ly_cont { padding: 16px 30px 60px; font-size: 16px; } 

.ly_cont .btn_center_box { margin: 40px 0 0; display: flex; align-items: center; justify-content: center; } 
.ly_cont .btn_center_box > .n_btn { /* border-radius: 0; */
 width: 220px; margin-left: 10px; } 
.ly_cont .btn_center_box > .n_btn:first-child { margin-left: 0; } 

.option_layer_cont .layer_close { width: 50px; height: 50px; } 
.option_layer_cont .layer_close img { max-width: 100%; } 

.option_layer_scroll { padding-right: 10px; width:calc(100% + 10px); } 
.option_layer_scroll::-webkit-scrollbar { width: 5px; } 
.option_layer_scroll::-webkit-scrollbar-thumb { background-color: #e1e1e1; border-radius: 5px; } 

.option_layer_scroll::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 5px; } 

 .layer_wrap .ly_tit h4 strong { color: #000000; } 
 .coupon_total_box { border: 1px solid #e5e5e5; border-radius: 6px; } 
 .coupon_total_box dt { font-size: 14px; } 
 .top_table_type .text_info { font-size: 14px; } 
 .coupon_apply_layer .scroll_box { border-bottom-color: #e5e5e5; } 
 .coupon_total_box dd { color: #000000; } 
 .coupon_total_box dd strong { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; color: #000000; } 

.layer_wrap.password_layer { overflow-y: visible; height: auto; width: 600px; } 
.layer_wrap.password_layer .ly_tit { padding-bottom: 40px; position: relative; } 
.layer_wrap.password_layer .ly_tit::after { content: ""; display: block; width: calc(100% - 60px); height: 2px; position: absolute; left: 30px; bottom: 0; background-color: #a7a7a7; } 
.layer_wrap.password_layer .ly_tit h4 { font-size: 26px; } 
.layer_wrap.password_layer .ly_cont { padding-top: 40px; } 
.layer_wrap.password_layer .ly_cont .common_input { width: 350px; margin-top: 20px; } 
.layer_wrap.password_layer .ly_cont .btn_center_box { margin-top: 40px; padding-top: 20px; border-top: 1px solid #f5f5f5; } 

.layer_area_s .ly_wrap_s { width: 415px; height: auto; padding: 24px 20px 23px; border: 1px solid #222; border-radius: 6px; box-shadow: 0px 10px 14.25px 0.75px rgba(0, 0, 0, 0.15); background-color: #fff; position: absolute; left: 0; top: 100%; z-index: 10; } 
.layer_area_s .ly_tit { margin-bottom: 9px; font-size: 16px; color: #222222; line-height: 1.5625em; letter-spacing: -0.01em; } 
 .layer_area_s .ly_tit strong { font-weight: 400; } 
.layer_area_s .ly_cont_s { font-size: 14px; line-height: 1.714em; color: #555555; } 
.layer_area_s .ly_close { display: block; width: 50px; height: 50px; padding: 18px; position: absolute; right: 0; top: 0; } 
.layer_area_s .ly_close img { max-width: 100%; } 

.layer_wrap.add_goods_layer { width: 800px; height: 100% !important; max-height: 800px; max-height: 800px; background: #fff; border-radius: 6px; box-shadow: 0 10px 30px rgb(0 0 0 / 20%); } 
.layer_wrap .layer_wrap_cont { border: 0; border-radius: 6px; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 300; } 
.layer_wrap.add_goods_layer .layer_wrap_cont { border: 0; border-radius: 0; top: 0 !important; left: 0 !important; transform: translate(0, 0) !important; } 
.ly_dimmed { width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; z-index: -1; } 
.layer_wrap.add_goods_layer .ly_dimmed { display: none; } 
.ly_date_list_box { padding: 30px; border: 1px solid #e8e8e8; margin-top: 0; } 
.ly_date_list_box .ly_date_select_list,
.ly_date_list_box .ly_date_search_list { display: flex; } 
.ly_date_list_box .ly_date_select_list > h5,
.ly_date_list_box .ly_date_search_list > h5 { float: none; width: 100px; padding: 12px 0 0; font-size: 16px; font-weight: 400; line-height: 1em; color: #222; } 
.ly_date_list_box .ly_date_select_list > .ly_date_select_group,
.ly_date_list_box .ly_date_search_list > .ly_date_search_group { float: none; width: calc(100% - 100px); display: flex; } 
.ly_date_list_box .ly_date_select_list > .ly_date_select_group .select_box { flex-shrink: 0; width: calc(25% - 5px * 3 / 4 ) !important; margin-right: 5px; } 

.ly_date_list_box .ly_date_select_list > .ly_date_select_group .chosen-container { width: 100% !important; } 
.layer_wrap .chosen-container .chosen-single { display: flex; align-items: center; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; color: #999; font-size: 16px; box-shadow: none !important; } 
.ly_date_list_box .ly_date_search_list > .ly_date_search_group .chosen-container { width: calc(25% - 5px * 3 / 4 ) !important; margin-right: 5px; } 
.ly_date_list_box .ly_date_search_list > .ly_date_search_group input { width: 75%; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; color: #222; font-size: 16px; } 

.layer_wrap.add_goods_layer .ly_date_list_box .btn_center_box { margin-top: 20px; } 
.layer_wrap.add_goods_layer .ly_date_list_box .btn_center_box > .n_btn { width: 100px; } 
.add_goods_layer .scroll_box { height: auto; max-height: 280px; margin-top: 35px; border:0; padding: 0; } 
.add_goods_layer .scroll_box::-webkit-scrollbar { width: 5px; } 

.add_goods_layer .scroll_box::-webkit-scrollbar-thumb { background-color: #e1e1e1; border-radius: 5px; } 
.add_goods_layer .scroll_box::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 5px; } 
.layer_wrap.add_goods_layer .btn_center_box { margin-top: 40px; } 

.add_goods_layer .pick_list_num { font-size: 16px; line-height: 1em; padding: 0 0 20px; } 
.add_goods_layer .pick_list_num strong { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; color: #000000; font-weight: 600; } 
.top_table_type { margin-right: 12px; } 
.top_table_type table { border-top: 1px solid #222; table-layout: fixed; } 
.top_table_type thead { display: none; } 
.top_table_type td { padding: 16px 10px; font-size: 16px; } 
.top_table_type td.td_left { width: 500px; } 
.add_goods_layer .common_radio { width: 100%; padding-left: 24px; margin-left: 10px; } 
.add_goods_layer .common_radio label::before { top: 50%; transform: translateY(-50%); } 
.add_goods_layer .common_radio label > .pick_add_cont { margin: 0; padding-left: 20px; display: flex; } 
.add_goods_layer .pick_add_cont .pick_add_img { display: block; flex-shrink: 0; width: 60px; height: 72px; overflow: hidden; } 
.add_goods_layer .pick_add_cont .pick_add_img img { width: 100%; height: 100%; object-fit: cover; } 
.add_goods_layer .pick_add_cont .pick_add_info { display: flex; align-items: center; width: calc(100% - 60px); padding-left: 20px; font-size: 16px; } 
.add_goods_layer .pick_add_cont .pick_add_info em { font-weight: 400; } 
.add_goods_layer .top_table_type td.js_item_price { text-align: right; color: #222; } 
.add_goods_layer .top_table_type td.js_item_price strong { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; font-weight: 400; } 

.add_goods_layer .form_element label.choice_s { padding-left: 44px; } 

.reason_layer .layer_wrap_cont .refund_cause_layer h5 { font-size: 18px; font-weight: 400; } 
 .left_table_type th { padding: 10px; font-size: 14px; font-weight: 400; } 
 .left_table_type td { font-size: 14px; height: auto; min-height: 40px; } 





 /* ==== 메인 ==== */
 .item_icon_box { margin-top: 15px; display: flex; flex-wrap: wrap; } 
 .item_icon_box img { flex-shrink: 0; height: 29px; width: auto; margin-right: 5px; image-rendering: -webkit-optimize-contrast; backface-visibility: hidden; } 

.goods_list .color {display: flex;flex-wrap: wrap;margin-top: 12px; width: 100% !important; display: none;} 
.goods_list .color > div {width: 20px;height: 20px;border-radius: 3px;overflow: hidden;margin-right: 3px;margin-top: 3px;border: rgba(0,0,0,0.3) 1px solid; } 



/* ==== left menu layout ===== */
#contents .sub_content > .side_cont {width: 250px; } 
#contents .sub_content > .side_cont + .content {width: calc(100% - 250px) !important;padding: 0 0 0 90px; } 


/* ==== left_menu ==== */
.my_left_menu ul,
.my_left_menu li {list-style: none; } 


.my_left_menu h2 {font-size: 36px;line-height: 1.222em;font-weight: 500;padding-bottom : 50px;border-bottom: 1px solid #222222; } 
.my_left_menu h3 { } 
.my_left_menu h3 > a { display: block; padding: 26px 0 20px;font-size: 18px;font-weight: 500;line-height: 1.333em;color: #222222;border-bottom: 1px solid #e5e5e5;display: flex;align-items: center;justify-content: space-between;cursor: pointer; } 
.my_left_menu h3 .icon_toggle {display: block;width: 18px;height: 18px;background: url('/design/wonderl/img/icon_left_menu_close.png') no-repeat center;background: url('/design/wonderl/img/icon_left_menu_open.png') no-repeat center;background-size: contain; } 
.my_left_menu .sub_depth1 {padding: 12px 0 30px;border-bottom: 1px solid #e5e5e5; display: none; } 
.my_left_menu .sub_menu_mypage > li:last-of-type .sub_depth1 {border-bottom: 0; } 
.my_left_menu .sub_depth1 > li {font-size: 16px;line-height: 1em;padding: 12px 0;color: #222; } 
.my_left_menu .sub_depth1 > li > a {font-size: inherit;line-height: inherit;color: inherit; } 

.my_left_menu .sub_depth1 > li > a.active {font-weight: 500; } 

/* open */
.my_left_menu .sub_menu_mypage > li.open .sub_depth1 { display: block; } 
.my_left_menu .sub_menu_mypage > li.open .icon_toggle {background: url('/design/wonderl/img/icon_left_menu_close.png') no-repeat center;background-size: contain; } 

.my_top_info {display: flex; } 
.my_top_info > .my_top_txt {width: 660px; } 
.my_top_txt .grade_txt_top {font-size: 32px;font-weight: 350;line-height: 1.5625em;color: #222; } 
.my_top_txt .grade_txt_top > b {font-weight: 500; } 
.btn_right_arr {display: block;font-size: 14px;height: 30px;line-height: 30px;color: #999999;margin-top: 22px; } 
.btn_right_arr:after {content:"";display: inline-block;width: 8px;height: 15px;background: url('/design/wonderl/img/arr_gray.png') no-repeat center;background-size: contain;margin-left: 10px;margin-top: -3px;vertical-align: middle; } 

.my_top_info > .my_top_wallet {width: calc(100% - 660px);background: #f8f9fa;border-radius: 6px;overflow: hidden;padding: 40px 0; } 
.my_top_info > .my_top_wallet > ul {display: flex; } 
.my_top_info > .my_top_wallet > ul > li {width: 50%;padding: 16px 30px;border-right: 1px solid #e5e8eb;font-size: 16px;color: #666666;line-height: 1em;text-align: center; } 
.my_top_info > .my_top_wallet > ul > li:last-of-type {border-right: 0; } 
.my_top_info > .my_top_wallet > ul > li .tit {display: block;margin-bottom : 23px; } 
.my_top_info > .my_top_wallet > ul > li .num {display: inline-block;font-size: 28px; line-height: 1em;font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif;font-weight: 400;color: #8c86c7;padding-bottom: 4px;border-bottom: 2px solid #8c86c7;margin-right: 5px; } 


.my_order_info {}
.mypage_zone_tit {padding: 0 0 15px 0;margin-top: 53px;letter-spacing: -0.035em; position: relative; } 
.mypage_zone_tit_between { display: flex; justify-content: space-between; align-items: center; } 
.mypage_zone_tit * {letter-spacing: -0.035em; } 
.mypage_zone_tit h4 {display: inline-block;font-size: 18px;line-height: 25px;color: #000000;font-weight: 400; letter-spacing: -0.035em; } 
.mypage_zone_tit h4.date { display: inline-block;font-size: 16px;line-height: 25px;color: #000000;font-weight: 400; letter-spacing: -0.035em; } 
.mypage_zone_tit .tit_desc {font-size: 14px;line-height: 1.64em;color: #ef4d4d;padding: 0;background: none;margin-top: 5px; } 
.mypage_zone_tit span {display: inline-block;font-size: 14px;color: #999999;font-weight: 400; } 
.mypage_zone_tit span.pick_list_num {font-size: 16px;color: #555555;padding: 0 0 0 6px; } 
.mypage_zone_tit .order_num_view {color: #555;font-size: 16px;font-weight: 400; } 
.mypage_zone_tit .order_num_view > .num {font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif;color:#000000;font-size: 14px;font-weight: 700; } 
.mypage_zone_tit span.pick_list_num > strong {font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif;color:#000000;font-weight: 700; } 
.my_order_info_cont {display: flex;border: 1px solid #e8e8e8;border-radius: 6px; } 
.my_order_info_cont > ol {width: calc(100% / 7 * 6);display: flex; } 
.my_order_info_cont > ol > li {width: calc(100% / 6);text-align: center;padding: 46px 0 50px;position: relative; } 
.my_order_info_cont > ol > li:after {content:"";display: block;width: 8px;height: 15px;background: url('/design/wonderl/img/arr_gray.png') no-repeat center;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%); } 
.my_order_info_cont > ol > li:last-child:after {display: none; } 
.my_order_info_cont > ol > li > * {line-height: 1em; } 
.my_order_info_cont > ol > li > .my_order_icon {display: block;width: 50px;height: 50px;background-repeat: no-repeat;background-size: contain;background-position: center;margin: 0 auto 10px; } 
.my_order_info_cont > ol > li > .my_order_icon01 {background-image: url('/design/wonderl/img/icon_myp_top01.png'); } 
.my_order_info_cont > ol > li > .my_order_icon02 {background-image: url('/design/wonderl/img/icon_myp_top02.png'); } 
.my_order_info_cont > ol > li > .my_order_icon03 {background-image: url('/design/wonderl/img/icon_myp_top03.png'); } 
.my_order_info_cont > ol > li > .my_order_icon04 {background-image: url('/design/wonderl/img/icon_myp_top04.png'); } 
.my_order_info_cont > ol > li > .my_order_icon05 {background-image: url('/design/wonderl/img/icon_myp_top05.png'); } 
.my_order_info_cont > ol > li > .my_order_icon06 {background-image: url('/design/wonderl/img/icon_myp_top06.png'); } 
.my_order_info_cont > ol > li > b {display: block;font-size: 16px;font-weight: 400;color: #666666;margin-bottom: 25px; } 
.my_order_info_cont > ol > li > strong {display: inline-block; padding-bottom:2px;font-size: 40px; line-height: 1em;font-weight: 400;color:#8c86c7;border-bottom: 2px solid #8c86c7; } 

.my_order_info_cont > .order_case_list {width: calc(100% / 7); min-width: 175px;padding: 53px 50px 53px 36px; } 
.my_order_info_cont > .order_case_list > ul {display: flex;flex-direction: column;justify-content: space-between;height: 100%; } 
.my_order_info_cont > .order_case_list > ul > li {display: flex;align-items: center;justify-content: space-between; } 
.my_order_info_cont > .order_case_list > ul > li > b {display: inline-block;width: 35px;font-size: 16px;font-weight: 400;color: #666666; } 
.my_order_info_cont > .order_case_list > ul > li > span {display: inline-block;width: calc(100% - 35px);text-align: right; } 
.my_order_info_cont > .order_case_list > ul > li > span {font-size: 15px;color: #666666; } 

.my_order_info_cont > .order_case_list > ul > li > span > .num {display: inline-block;font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif;font-size: 20px;color: #8c86c7;line-height: 1em;border-bottom: 1px solid #8c86c7; padding-bottom: 2px; } 

.mypage_table_type table {font-size: 16px;line-height: 1.5625em;color: #222222; border-collapse: collapse; } 
.mypage_table_type table * { letter-spacing: -0.035em; } 
.mypage_table_type th { padding: 23px 20px 22px; border-top: 1px solid #222222; border-bottom: 1px solid #e5e5e5; background: #f7f7f7;font-size: 16px; font-weight: 400; } 
.mypage_table_type td { padding: 18px 5px; color: #222222; border-bottom: 1px solid #e5e5e5; font-size: inherit; } 
.mypage_table_type table td.td_prd,
.mypage_table_type table td.td_subject {padding-left: 20px; } 
.mypage_table_type table td.order_day_num {border-right: 0;border-bottom: 1px solid #e5e5e5;font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif;font-size: 14px;letter-spacing: -0.035em;line-height: 1.7; } 
.mypage_table_type table td.order_day_num > em {color: #999; } 
.mypage_table_type table td.order_day_num > .order_num_link {color:#000000;font-weight: 400;border-bottom: 1px solid #000000; } 
.mypage_table_type .btn_claim { margin-top: 7px; } 
.mypage_table_type .btn_claim > span {margin-top: 5px; display: block; } 

.mypage_table_type .pick_add_cont {display: flex;/* align-items: center; */}
.mypage_table_type .pick_add_cont .pick_add_plus {text-align: center;border-radius: 3px;margin: 0 5px 5px 0;
 min-width: 58px; max-width: 58px; width: 100%; min-height: 22px; border: 1px solid #dbdfec; background: #f4f5f9; font-size: 13px; color: #84809b; padding: 0; } 
/* .mypage_table_type .pick_add_cont .pick_add_plus {min-width: 35px; color: #bbbbbb; background: #fff; font-weight: 400;text-align: center;border: 1px solid #dddddd;border-radius: 3px;margin: 0 5px 0 0; } */
.mypage_table_type .pick_add_cont .pick_add_img {display: block;width: 76px;height: 92px;border-radius: 6px;overflow: hidden;position: relative; } 
.mypage_table_type .pick_add_cont .pick_add_img > a {display: block; } 
.mypage_table_type .pick_add_cont .pick_add_img img.middle {width: 100%;height: 100%;object-fit: cover;border:0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); border: 1px solid #ebebeb; } 
.mypage_table_type .pick_add_cont .pick_add_info {display:flex;flex-direction: column;justify-content: center;width: calc(100% - 76px);padding: 0 0 0 30px; } 
.mypage_table_type .pick_add_cont .pick_add_info em {font-size: 18px; font-weight: 400;color: #222;margin-bottom: 8px;/* margin-bottom: 10px; */}
.mypage_table_type .pick_add_cont .pick_add_info em > b { font-weight: 400; color: #333; } 
.mypage_table_type .pick_add_cont .text_type_cont { display: block; line-height: 20px;font-size: 14px;color: #999999; } 
.mypage_table_type .pick_add_cont .text_type_cont:last-child { margin-right: 0; } 
.mypage_table_type .prd_pri_ea .won {font-size: 16px; } 

.mypage_table_type .prd_pri_ea .won > strong {font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif;font-size: 20px; } 
.mypage_table_type .prd_pri_ea .ea {font-size: 18px; } 
.mypage_table_type td.state_text {font-size: 16px;color: #000000; } 
.mypage_table_type td.state_text .order_btns_list {margin-top: 5px; } 
.mypage_table_type .order_btns_list > .n_btn {margin-top: 5px; } 
.mypage_table_type .order_btns_list > .n_btn:first-child {margin-top: 0; } 

.mypage_table_type .benefit_list {font-size: 14px; } 
.mypage_table_type td > strong { color: #000000; font-weight: 400; } 
.mypage_table_type td.td_btns .n_btn { margin-top: 5px; } 
.mypage_table_type td.td_btns .n_btn:first-of-type { margin-top: 0; } 


.btn_buy_ok, 
.btn_review_write {height: 40px;line-height: 38px;font-size: 16px;border-radius: 6px;padding: 0 20px;border: 1px solid #000000;color: #fff;background: #000000; } 
.mypage_lately_info .btn_board_more {display: block;width: 17px;height: 17px;background: url(/design/wonderl/img/icon_left_menu_open.png) no-repeat center; background-size: contain;text-indent: -99999px;top: 0; } 
#wrap .mypage_table_type td.no_data_td {padding: 0; } 
#wrap .mypage_table_type td .no_data {font-size: 14px;color: #b2b2b2;padding: 135px 15px 60px;background: url('/design/wonderl/img/icon_nodata.png') no-repeat center 62px;background-size: 47px auto;border-top: 1px solid #222; } 
.mypage_lately_goods .main_item_wr { margin-top: -40px; width: calc(100% + 20px); margin-left: -10px; } 
.mypage_lately_goods .main_item_wr .goods_no_data {font-size: 14px;color: #b2b2b2;padding: 135px 15px 60px;background: url('/design/wonderl/img/icon_nodata.png') no-repeat center 62px;background-size: 47px auto;border-top: 1px solid #222; border-bottom: 1px solid #e5e5e5; margin-top: 40px; } 
.mypage_lately_goods .main_item_wr .goods_no_data strong { line-height: normal; } 

.bootstrap-datetimepicker-widget { width: 300px !important; } 
.bootstrap-datetimepicker-widget table td.weekend:first-child { color: #000000 !important; } 
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover, 
.bootstrap-datetimepicker-widget table td span.active { background-color: #000000 !important; color: #fff !important; border-radius: 6px; } 

.bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #000000 !important; } 

.sub_top_tit {margin-bottom: 50px; } 
.sub_top_tit h3 {font-size: 28px;color: #000000;font-weight: 500;line-height: 1em; letter-spacing: -0.035em; } 
.date_check_box {margin: 0 0 60px; padding: 40px 40px 25px; border: 1px solid #e8e8e8;border-radius: 6px;font-size: 16px; } 
.date_check_box:after {display: none; } 
.date_check_box > form {display: flex; } 
.date_check_box h3 {width: 115px;height: 40px;line-height: 40px;padding:0; font-weight: 400;font-size: 18px; color: #222; } 
.inquiryTxt { margin-top: 10px; padding-left: 115px; } 
.inquiryTxt > p { font-size: 14px; } 
.date_check_list {display: flex; width: 565px; padding: 0;margin: 0 15px 0 0; } 
.date_check_list button {float: none; width: 100%; max-width: 90px; min-width: 65px; height: 40px;line-height: 38px; padding: 0 10px; margin: 0 0 0 5px; color: #222222; font-size: 16px;text-align: center;background: #fff; border: 1px solid #cccccc;border-radius: 6px;transition: all 0.3s;letter-spacing: -0.1em; } 
.date_check_list button:first-child { margin-left: 0; } 
.date_check_list button:hover, 
.date_check_list button.on {border-color: #000000;color: #000000;background: #fff;box-shadow: 0 3px 7px rgba(0,0,0,0.1); } 
.date_check_calendar {display: flex; flex-shrink: 0; width: 330px;margin-right: 10px; } 
.date_check_calendar .anniversary {width: 50%; min-width: 135px;background: url('/design/wonderl/img/icon_cal.png') no-repeat right 15px center;background-size: 17px auto; } 
.date_check_calendar > .bar {width: 30px;height: 40px;line-height: 40px;text-align:center;color: #b3b3b3; } 

.date_check_calendar + .n_btn {width: 100px; border-radius: 6px; font-size: 16px; } 


.order_view_table {display: flex; align-items: flex-start;padding: 20px 0;font-size: 16px;border-top: 1px solid #222222;border-bottom: 1px solid #e8e8e8; position: relative; } 
.order_view_table > ul {display: flex;flex-wrap: wrap;width: 100%; } 
.order_view_table > ul > li {width: 100%;padding: 10px 0;display: flex;line-height: 1.6; position: relative; } 
.order_view_table > ul > li.half {width: 50%; } 
.order_view_table > ul > li > span {display: block; } 
.order_view_table > ul > li > .tit { flex-shrink: 0;width: 160px;color: #999;padding: 0 10px 0 40px; /* padding-top: 10px; */
 display: flex; max-height: 40px; align-items: center; } 
.order_view_table.addtable > ul > li > .tit > span { display: none; } 
.order_view_table > ul > li > .tit.empty_tit { height: auto; } 
.order_view_table > ul > li > .tit.tit_row02 { line-height: 1.3em; } 
.order_view_table > ul > li > .cont {width: calc(100% - 120px); padding-right: 40px; position: relative; } 
.order_view_table > ul.ul_right > li > .cont {text-align: right; } 
.order_view_table .total_pay_money {font-size: 19px;color: #000000;font-weight: 500; } 
.order_view_table .total_pay_money .num {font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif;font-size: 26px;color: #000000;font-weight: 700; } 
.order_view_table.card {padding: 30px 40px; } 
.order_view_table.card > ul > li {padding: 10px 0; } 
.order_view_table.card > ul > li > span.tit { display: flex; flex-wrap: wrap; align-items: center;padding:0;width: 74px; } 
.order_view_table.card > ul > li > span.cont {padding:0;padding-left: 30px;width: calc(100% - 74px); } 

.order_view_table.col02::after { content: ""; display: block; width: 1px; height: calc(100% - 60px ); background-color: #e5e5e5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.order_view_table.col02 > ul:nth-child(2n-1) > li > span.cont { padding-right: 70px; } 
.order_view_table.col02 > ul:nth-child(2n) > li > span.tit { width: 190px; padding-left: 70px; } 


.order_view_table.card .card_wrap {width: 100px;height: 64px;overflow: hidden;position: relative; } 
.order_view_table.card .card_wrap > img {display: block;width: 100%;height: 100%;object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); } 
.order_view_table.card .cont {display: flex;align-items: center;justify-content: space-between; } 
.order_view_table.card .cont > .card_btns {}
.order_view_table.card .cont > .card_btns > .n_btn {margin-left: 5px;width: 90px; } 

.pay_with_list ul {margin: 0; } 
.pay_with_list ul li {font-size: 16px;line-height: 1.625em;color: #222;letter-spacing: -0.035em; } 
.pay_with_list ul li:first-child {padding: 0; } 
.pay_with_list > strong {font-size: inherit;font-weight: 500; } 
.pay_with_list .deposit_money {font-weight: 500;color: #000000; } 
.discount_benefit,
.saving_mileage {width: 100%;padding: 12px 25px 14px;background: #f9f9f9;border-radius: 6px;font-size: 14px;color: #222222;text-align: left;margin-bottom: 15px; } 

.discount_benefit dl,
.saving_mileage dl {display: flex;float: none;margin: 0;min-height: 30px;line-height: 30px; } 
.discount_benefit dt,
.saving_mileage dt {width: 100px;text-align: left; } 
.discount_benefit dd,
.saving_mileage dd {width: calc(100% - 100px); 
 /* num */
 font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; } 



.order_view_table .discount_total {text-align: right;margin-bottom: 13px; } 
.order_view_table .discount_total .num {font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif;font-size: 16px; } 


.order_view_btns {margin-top: 100px;display: flex;justify-content: center; } 
.order_view_btns .n_btn {width: 220px; } 


.left_table_type {}
.left_table_type table {}
.tax_invoice_layer .tax_invoice_cont .left_table_type th { font-size: 14px; font-weight: 400; } 

.tax_invoice_layer .tax_invoice_cont .left_table_type .common_input { font-size: 14px; } 


.mypage_breakdown_tab {border-color: #222222;margin-top: 60px;margin-bottom: -10px; } 
.mypage_breakdown_tab > ul {display: flex; height: 70px; } 
.mypage_breakdown_tab li {width: 100%; } 
.mypage_breakdown_tab li a {display: block;width: 100%; padding: 22px 10px 22px; color: #999999; font-size: 18px; border: 0; border-bottom: 1px solid #222222; background: #ffffff; } 
.mypage_breakdown_tab li.on a {padding-top: 22px;margin: 0;border-color: #222222;border-bottom: 1px solid #fbfbfb;border-radius: 6px 6px 0 0; } 



#wrap .mypage_claim_select .chosen-container {width: 450px !important;max-width: 100%; } 

#wrap .chosen-single { } 
.mypage_claim_info input[type="text"] {width: 450px;max-width: 100%; } 
.order_view_btns_wrap {display: flex; align-items: center;justify-content: center;margin-top: 60px; } 
.order_view_btns_wrap > .n_btn {margin: 0 5px;width: 220px; } 

.wish_btns_wrap {display: flex;margin-top: 20px; } 
.wish_btns_wrap > .n_btn {margin-right: 5px; } 



.regular_price_wrap .regular_price {font-size: 16px;color: #222; } 
.regular_price_wrap .regular_price * {letter-spacing: -0.035em; } 
.regular_price_wrap .regular_price > b {font-weight: 700; } 
.regular_price_wrap .regular_price > .num {font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif;font-size: 20px; } 
.regular_price_wrap .regular_next {font-size: 14px;color: #999999;margin-top: 5px; } 
.regular_price_wrap .regular_next > .num {font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; } 
.regular_cycle * {letter-spacing: -0.035em; } 
.regular_cycle .state {color: #f07133;font-size: 16px; } 
.regular_cycle .cycle {font-size: 14px;color: #999999;margin-top: 5px; } 

.order_view_table > ul > li.dashed_line { width: calc(100% - 70px - 40px); height: 1px; background: url('/design/wonderl/img/dashed_bg.png') repeat-x left top; padding: 0; margin: 10px 0 20px; position: relative; left: 70px; } 
.regular_payment_list_wrap .discount_total > ul { display: flex; justify-content: flex-end; } 
.regular_payment_list_wrap .discount_total > ul > li { display: flex; align-items: center; } 
.regular_payment_list_wrap .discount_total > ul > li:after { content: ""; display: inline-block; width: 1px; height: 14px; background-color: #e5e5e5; margin: 0 9px; } 
.regular_payment_list_wrap .discount_total > ul > li:last-of-type::after { display: none; } 


.regular_payment_list {width: 100%;padding: 12px 25px 14px;background: #f4f5f9;border-radius: 6px;font-size: 14px;color: #999999;text-align: left;margin-bottom: 10px; word-break: keep-all; } 

.regular_payment_list dl {display: flex;float: none;margin: 0;min-height: 30px;line-height: 30px; } 
.regular_payment_list dl.now { color: #222; } 
.regular_payment_list dt, 
.regular_payment_list dd {width: 50%; } 
.regular_payment_list dt .date { margin-left: 11px; } 
.regular_payment_list dd { text-align: right; } 
.regular_payment_list dd .state { margin-left: 11px; } 

.font_nexon { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; } 
.font_nanum_gothic { font-family: 'Nanum Gothic', sans-serif; } 


.mypage_cont .trxPgn { margin-top: 40px; } 

.my_page_password .sub_top_tit { margin-bottom: 38px; } 
.mypage_info_text { line-height: 1.937em; font-size: 16px; text-align: left; } 
.my_page_password .id_pw_cont { overflow: hidden; margin: 43px 0 0; padding: 30px 40px; border: 0; background: #f4f5f9; text-align: left; border-radius: 6px; } 
.my_page_password .id_pw_cont > dl { display: flex; align-items: center; } 
.my_page_password .id_pw_cont > dl > dt { font-size: 16px; color: #222; width: 118px; text-align: left; padding: 0; font-weight: 400; } 
.my_page_password .id_pw_cont > dl .common_input { width: 430px; max-width: 100%; } 
.mypage_cont .btn_center_box { margin-top: 40px; display: flex; align-items: center; justify-content: center; } 
.mypage_cont .btn_center_box .n_btn { width: 220px; margin-left: 10px; } 
.mypage_cont .btn_center_box .n_btn:first-child { margin-left: 0; } 

.member_password .btn_common_box { display: flex; } 
.member_password .btn_common_box > .n_btn { margin-right: 5px; } 
.member_password .btn_common_box > .n_btn:last-child { margin-right: 0; } 
.member_pw_change { padding: 28px; margin-top: 20px; background: #f4f5f9; border-radius: 6px; } 
.member_pw_change > dl { width: 430px; margin: 0 auto 10px; } 
.member_pw_change > dl:last-child { margin-bottom: 0; } 
.member_pw_change > dl > dt { display: none; } 
.member_pw_change > dl > dd .common_input { width: 100%; } 
.member_pw_change .common_input + .text_pass { display: none !important; } 
#wrap .ly_wrap_s.pw_advice_layer { top: 50px; left: 106px; } 
.order_view_table > ul > li .member_password .n_btn { min-width: 100px; } 
.pw_advice_layer .pw_advice_list ul li { letter-spacing: -0.05em; word-break: keep-all; } 
.pw_advice_layer .pw_advice_list ul li.color_orange { margin: 11px 0; } 
.pw_advice_layer .pw_advice_list ul li strong { font-weight: 400; } 
#wrap .order_view_table > ul > li .member_warning { display: flex; } 
#wrap .order_view_table > ul > li .member_warning .text_pass {display: none !important; } 
#wrap .order_view_table > ul > li .member_warning .common_select { margin-left: 5px; width: 165px; flex-shrink: 0; } 
#wrap .order_view_table > ul > li .form_element02 { margin-top: 8px; } 

#wrap .order_view_table > ul > li .member_address { width: 100%; } 
#wrap .order_view_table > ul > li .address_postcode { position: relative; margin-bottom: 10px; } 
#wrap .order_view_table > ul > li .address_postcode .common_input { width: 100%; padding-right: 120px; } 
#wrap .order_view_table > ul > li .address_input { /* margin-bottom: 10px; */}
#wrap .order_view_table > ul > li .address_postcode .n_btn { width: 100px; position: absolute; right: 0; top: 0; } 

#wrap .order_view_table > ul > li .info_sns_btn_wrap { display:flex; } 
#wrap .order_view_table > ul > li .info_sns_btn_wrap .n_btn { display: flex; align-items: center; min-width: 190px; height: 50px; padding: 0 20px 0 10px; margin-right: 8px; line-height: 48px; font-size: 16px; letter-spacing: -0.035em; color: #999; border: 1px solid #ccc; border-radius: 6px; } 
#wrap .order_view_table > ul > li .info_sns_btn_wrap .n_btn i { display: block; width: 30px; height: 30px; margin-right: 10px; } 
#wrap .order_view_table > ul > li .info_sns_btn_wrap .n_btn.info_btn_kakao i { background: url('/design/wonderl/img/icon_sns_kakao.png') no-repeat center; background-size: contain; } 
#wrap .order_view_table > ul > li .info_sns_btn_wrap .n_btn.info_btn_naver i { background: url('/design/wonderl/img/icon_sns_naver.png') no-repeat center; background-size: contain; } 
#wrap .order_view_table > ul > li .info_sns_btn_wrap .n_btn.info_btn_facebook i { background: url('/design/wonderl/img/icon_sns_facebook.png') no-repeat center; background-size: contain; } 

#wrap .order_view_table > ul > li .member_birthday { display: flex; } 
#wrap .order_view_table > ul > li .member_birthday > .member_warning { width: 33.333%; margin-right: 5px;; } 
#wrap .order_view_table > ul > li .member_birthday > .member_warning:first-child { display: none; } 
#wrap .order_view_table > ul > li .member_birthday > .member_warning:last-child { margin-right: 0; } 
#wrap .order_view_table > ul > li .member_birthday select { width: 100%; display: inline-block; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #222; font-size: 16px; background: url('/design/wonderl/img/select_arr.jpg') no-repeat right 20px center; background-size: 15px auto; appearance: none; -webkit-appearance: none; } 

.member_cont .btn_center_box, .member_warning + .btn_center_box { margin: 50px 0 0; } 
.member_info_title { margin: 50px 0 20px 0; font-size: 14px; display: inline-block; } 
.member_info_title h4 { font-size: 18px; line-height: 25px; color: #000000; font-weight: 400; letter-spacing: -0.035em; } 


.mypage_table_type tr.used td { color: #888; } 
.mypage_table_type tr.used td.td_cash { color: #222; } 

.mypage_coupon_name strong { display: block; padding: 0; margin-top: -5px; font-size: 15px; font-weight: 400; color: #333333; } 
.mypage_coupon_img { width: auto; max-height: 75px; } 
.coupon_finish_use, 
.coupon_cart_use, 
.coupon_order_use, 
.coupon_expire_use,
.coupon_before_use { display: inline-block; width: auto; height: 25px; line-height: 23px; padding: 0 10px; margin-top: 10px; font-size: 12px; border-radius: 3px; border: 1px solid #222; color: #222; } 
.coupon_date_day { font-size: 14px; } 
.coupon_register_layer .layer_wrap_cont { width: 600px; } 
.coupon_register_cont > p { font-size: 16px; font-weight: 400; text-align: center; margin-bottom: 15px; } 
.coupon_register_layer .coupon_register_cont .common_input { border-radius: 0; } 

#wrap .ly_wrap.use_case_layer { width: 357px; border: 1px solid #7f7f7f; box-shadow: 0px 10px 22.5px 2.5px rgba(0, 0, 0, 0.1); } 
#wrap .ly_wrap .ly_tit { padding: 38px 36px 33px; font-size: 20px; line-height: 1em; background: #fff; } 
#wrap .ly_wrap .ly_cont { padding: 0 36px 25px; line-height: 1.875em; } 
#wrap .ly_wrap .ly_close { padding: 25px; } 
#wrap .ly_wrap .ly_close img { width: 25px; } 

.hack_out .mypage_unregister .unregister_info { padding: 34px 40px; margin: 0 0 50px; background-color: #f4f5f9; border: 0; border-radius: 6px; color: #555555; font-size: 14px; line-height: 1.7em; } 
.hack_out .mypage_unregister .unregister_info > .tit { margin-bottom: 10px; font-size: 16px; line-height: 1.5em; color: #222; } 
.hack_out .mypage_unregister .hack_out_list li { width: 33.333%; padding: 0; margin-top: 20px; color: #999; } 
.hack_out .mypage_unregister .hack_out_list li:nth-child(1),
.hack_out .mypage_unregister .hack_out_list li:nth-child(2),
.hack_out .mypage_unregister .hack_out_list li:nth-child(3) { margin-top: 0; } 
.hack_out .mypage_unregister .hack_out_list li > input[type="checkbox"] { appearance: none; -webkit-appearance: none; display: none; } 
.hack_out .mypage_unregister .hack_out_list li > label { padding-left: 34px; position: relative; } 
.hack_out .mypage_unregister .hack_out_list li > label::before { content: ""; display: inline-block; width: 22px; height: 22px; border: 1px solid #cccccc; border-radius: 3px;
 position: absolute; left: 0; top: 1px;; } 
.hack_out .mypage_unregister .hack_out_list li > input[type="checkbox"]:checked + label::before { background: url('/design/wonderl/img/checkbox_on.png') no-repeat center; background-size: 100% auto; border: 0; } 

.hack_out .mypage_unregister textarea { width: 100%; height: 200px; } 


.board_table { position: relative; } 

.board_table table {font-size: 16px;line-height: 1.5625em;color: #222222; /* margin-top: 60px; */
 border-collapse: collapse; } 

.board_table table * { letter-spacing: -0.035em; } 
.board_table th { padding: 20px; border-top: 1px solid #222222; border-bottom: 1px solid #e5e5e5; background: #f7f7f7;font-size: 16px; font-weight: 400; } 
.board_table td { padding: 20px 5px; color: #222222; border-bottom: 1px solid #e5e5e5; font-size: inherit; text-align: center; vertical-align: middle; } 
.board_table td.td_num,
.board_table td.td_writer,
.board_table td.td_date { font-size: 14px; color: #999; } 
.board_table table td.board_tit {padding-left: 20px; text-align: left; } 
.board_table table td.board_tit > img { vertical-align: middle; height: 15px; width: auto; display: inline-block; margin-right: 4px; } 
.board_table table td.board_tit > a > strong { font-weight: 400; margin-right: 4px; color: #222;display: inline-block; max-width: calc(100% - 80px);overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } 
.board_table table td.board_tit > a > strong + span { } 
.board_table table td.board_tit > a > img,
.icon_board_secret,
.icon_board_new,
.icon_board_attach_file,
.icon_board_image { vertical-align: middle; height: 15px; width: auto; display: inline-block; margin-right: 4px;margin-top: 2px; } 
.icon_board_secret { } 
.icon_board_attach_file { } 
.icon_board_attach_image { } 
.icon_board_new { } 
.icon_board_hot { } 
.board_table table .board_img { display: block; width: 76px; height: 93px; margin: 0 auto; border-radius: 6px; overflow: hidden; } 
.board_table table .board_img img { width: 100%; height: 100%; object-fit: cover; } 


.board_table td.no_data_td {padding: 0; } 
.board_table td .no_data {font-size: 14px;color: #b2b2b2;padding: 135px 15px 60px;background: url('/design/wonderl/img/icon_nodata.png') no-repeat center 62px;background-size: 47px auto;border-top: 1px solid #222; } 


.board_bottom_btn_wrap { text-align: right; position: absolute; right: 0; bottom: -60px; } 
.board_bottom_btn_wrap .n_btn { min-width: 100px; padding: 0 20px; } 

.board_zone_sec .trxPgn,
.mypage_cont .trxPgn { margin-top: 40px; } 

.board_zone_view { padding: 30px 0 0; border-top: 1px solid #222; margin-top: 58px; } 
.board_view_tit { margin-bottom: 15px; font-size: 24px; line-height: 36px; font-weight: 500; letter-spacing: -0.01em; } 
.board_view_tit h3 { font-size: 24px; font-weight: 500; color: #222; line-height: 32px; } 
.board_view_info { line-height: 14px; padding:0 0 30px; border-bottom: 1px solid #e5e5e5; font-size: 14px; } 
.board_view_info > span { display: inline-block; padding: 0 14px; color: #999999; position: relative; } 
.board_view_info > span:first-child { padding-left: 0; } 
.board_view_info > span:last-child { padding-right: 0; } 
.board_view_info > span:after { content: ""; display: block; width: 1px; height: 15px; background-color: #e5e5e5; position: absolute; right: 0; top: 0; } 
.board_view_info > span:last-child::after { display: none; } 
.board_view_info > span.view_info_idip { color: #222; } 
.board_view_info > span.view_info_day { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; font-size: 14px; color: #999; } 
.board_view_attach { padding: 20px; /* margin-top: 22px; */
 font-size: 16px; color: #222; line-height: 1em; background-color: #f7f7f7; /* border-top: 1px solid #e5e5e5; */}
.board_view_attach strong { display: inline-block; margin-right: 16px; font-weight: 400; color: #999; } 
.board_view_content { padding-top: 20px; } 
.view_goods_select_item { display: flex; align-items: center; margin: 22px 0 0; padding: 20px; border: 1px solid #e5e5e5; border-radius: 6px; } 
.view_goods_select_item .view_select_item_img { display: block; flex-shrink: 0; width: 60px; height: 72px; border-radius: 6px; overflow: hidden; } 
.view_goods_select_item .view_select_item_img img { width: 100%; height: 100%; object-fit: cover; } 
.view_goods_select_item .view_select_item_info { display: block; width: calc(100% - 60px); padding-left: 20px; font-size: 16px; } 
.view_goods_select_item .view_select_item_info > strong { display: none; } 

.goods_select_item { display: flex; align-items: center; margin-top: 10px; padding: 20px; border-radius: 6px; background-color: #f4f5f9; } 
.goods_select_item .select_item_img { display: block; flex-shrink: 0; width: 60px; height: 72px; overflow: hidden; } 
.goods_select_item .select_item_img img { width: 100%; height: 100%; object-fit: cover; } 
.goods_select_item .select_item_info { width: calc(100% - 60px); padding-left: 20px; font-size: 16px; position: relative; } 
.goods_select_item .select_item_info > strong { display: none; } 
.goods_select_item .select_item_info .btn_goods_item_del { width: 13px; height: 13px; background: url('/design/wonderl/img/icon_del_board_prd.png'); background-size: contain; overflow: hidden; text-indent: -9999999px; right: 0; top: 50%; transform: translateY(-50%); } 
.goods_select_item .select_item_info .btn_goods_item_del img { } 

.board_view_qa .view_question_box { padding: 115px 0 55px; } 
.board_view_qa .view_question_tit, .board_view_qa .view_answer_tit { display: none; } 

.board_view_qa .view_answer_box { padding: 40px; background-color: #f4f5f9; border-radius: 6px; } 
.board_view_qa .view_answer_info { font-size: 16px; font-weight: 500; line-height: 1em; position: relative; } 
.board_view_qa .view_answer_info > span { position: relative; display: inline-block; padding: 0 14px; line-height: 1em; } 
.board_view_qa .view_answer_info > span * { line-height: 1em; } 
.board_view_qa .view_answer_info > span:first-of-type { padding-left: 0; } 
.board_view_qa .view_answer_info > span:last-of-type { padding-right: 0; } 
.board_view_qa .view_answer_info > span:after { content: ""; display: block; width: 1px; height: 15px; background-color: #e5e5e5; position: absolute; right: 0; top: 0; } 
.board_view_qa .view_answer_info .view_info_day { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; color: #999; font-size: 14px; } 
.board_view_qa .view_answer_info::before { content: ""; display: block; width: 10px; height: 8px; background: url('/design/wonderl/img/icon_reply.png') no-repeat center; background-size: contain; position: absolute; left: -21px; top: 3px; } 
.board_view_qa .seem_cont { font-size: 16px; line-height: 1.875em; } 
.board_view_comment { padding: 0; margin-top: 60px; } 
.board_zone_sec .btn_center_box { margin-top: 60px; display: flex; align-items: center; justify-content: center; } 
.board_zone_sec .btn_center_box .n_btn { width: 220px; margin-left: 10px; } 
.board_zone_sec .btn_center_box .n_btn:first-child { margin-left: 0; } 
.board_zone_sec .btn_center_box .n_btn > strong { font-weight: inherit; } 





.board_zone_view { } 
.board_write_box { padding: 20px 0; border-top:1px solid #898989; border-bottom:1px solid #f3f3f3; } 
.board_write_table { width:100%; margin:0 50px 0 0; border:0; border-spacing:0; border-collapse:collapse; } 
.board_write_table th,
.board_write_table td { min-height: 60px; padding: 10px; font-size: 16px; } 
.board_write_table th { padding-top: 18px; padding-left: 40px; font-weight:400; color: #999; text-align:left; vertical-align: top; } 
.board_write_table td { padding-right: 40px; } 
.board_write_table td > input { width: 100%; } 
.board_write_box .category_select select { display: inline-block; width: 430px; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #999; font-size: 16px; background: url('/design/wonderl/img/select_arr.jpg') no-repeat right 20px center; background-size: 15px auto; appearance: none; -webkit-appearance: none; } 
.board_write_box input[type="text"],
.board_write_box input[type="password"] { height: 40px;line-height: 38px;padding: 0 15px;border: 1px solid #ccc;border-radius: 6px;color: #222;font-size: 16px; transition: border-color 0.3s, box-shadow 0.3s; } 
.board_write_box input[type="text"]:focus,
.board_write_box input[type="password"]:focus,
.board_write_box input[type="text"]:active,
.board_write_box input[type="password"]:active { border-color: #222; box-shadow: 0px 5px 9.5px 0.5px rgb(32 29 53 / 10%); outline: 0; } 

.board_write_box .write_editor .common_checkbox .check_s.on { color: #000000; } 
.board_write_box .write_editor .common_checkbox > em { margin-left: -25px; } 
.board_write_box .file_upload_sec { margin: 0; display: flex; flex-wrap: wrap; margin-bottom: 10px; } 
.board_write_box .file_upload_sec .common_checkbox { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding-left: 0; margin-bottom: 10px; } 
.board_write_box .file_upload_sec .common_checkbox > .del_check { position: relative; padding-left: 23px; } 
.board_write_box .file_upload_sec:last-child { margin-bottom: 0; } 
.board_write_box .file_upload_sec input[type="text"] { width: 340px; margin-right: -10px; } 
.board_write_box .file_upload_sec .btn_upload_box { display: flex; width: auto; float: none; padding: 0; } 
.board_write_box .file_upload_sec .btn_upload_box .n_btn { margin-right: 5px; padding: 0; width: 100px; } 
.board_write_box .file_upload_sec .btn_upload_box .n_btn:last-of-type { margin-right: 0; } 

.board_zone_write .capcha_div { padding: 42px 40px; margin-top: 30px; background-color: #f9f9f9; border-radius: 6px; } 
.board_zone_write .capcha_div > .tit { font-size: 18px; color: #222; line-height: 1em; margin-bottom: 20px; } 
.board_zone_write .capcha_div > .cont > .capcha { display: flex; } 
.board_zone_write .capcha_div > .cont > .capcha .capcha_img { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 170px; height: 70px; border: 1px solid #e5e5e5; background-color: #fff; } 
.board_zone_write .capcha_div > .cont > .capcha .capcha_txt { width: 550px; padding-left: 20px; position: relative; } 
.board_zone_write .capcha_div > .cont > .capcha .capcha_txt > p { margin-bottom: 18px; font-size: 14px; line-height: 1em; color: #999; } 
.board_zone_write .capcha_div > .cont > .capcha .capcha_txt > .btn_capcha_refresh { padding-left: 20px;; font-size: 14px; color: #222; background: transparent url('/design/wonderl/img/icon_refresh.png') no-repeat left center; background-size: 15px auto; position: absolute; right: 0; top: 0; } 

.board_commen_agree { margin-top: 40px; } 
.board_commen_agree h5 { font-weight: 400; color: #000000; font-size: 18px; display: block; padding-bottom: 15px; line-height: 18px; } 
.board_commen_agree .textarea_box { border: 1px #e5e5e5 solid; border-radius: 10px; padding: 20px 10px 20px 20px; margin-bottom: 20px; } 
.board_commen_agree .textarea_box > .textarea_txt { height: 160px; overflow-y: scroll; overflow-x: hidden; font-weight: 400; color: #888888; font-size: 14px; letter-spacing: -0.02em; line-height: 24px; padding-right: 20px; } 
.board_commen_agree .textarea_box > .textarea_txt::-webkit-scrollbar { width: 5px; } 
.board_commen_agree .textarea_box > .textarea_txt::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 10px; } 
.board_commen_agree .textarea_box > .textarea_txt::-webkit-scrollbar-thumb { background: #e5e5e5; border-radius: 10px; } 
.board_commen_agree .agree_choice_box { font-size: 16px; font-weight: 400; color: #999999; font-size: 16px; margin-bottom: 40px; } 
.form_element label { padding: 0 0 0 32px; cursor: pointer; background: url(/design/wonderl/img/bg_chkFls.png) no-repeat left 65%; background-size: 20px auto; } 
.form_element label.on { background: url(/design/wonderl/img/bg_chkTru.png) no-repeat left 65%; background-size: 20px auto; } 
.board_commen_agree .link_agree_go { margin-left: 12px; color: #333; text-decoration: none; } 



.prd_list_top_menu { width: 100%; margin-top: -100px; } 
.prd_list_top_menu ul { display: flex; flex-wrap: wrap; padding: 10px 0 30px; margin-top: 0px; } 
.prd_list_top_menu ul > li { margin-right: 40px; margin-top: 20px; } 
.prd_list_top_menu ul > li > a { font-size: 14px; color: #999; line-height: 1em; position: relative; } 
.prd_list_top_menu ul > li > a::after { width: 0; height: 3px; border-radius: 1.5px; background-color: #000000; content: " "; position: absolute; top: 26px; left: 50%; transform: translateX(-50%); transition: width 0.5s; } 
.prd_list_top_menu ul > li:hover > a,
.prd_list_top_menu ul > li.on > a { color: #000000; } 
.prd_list_top_menu ul > li:hover > a::after,
.prd_list_top_menu ul > li.on > a::after { width: 100%; } 


.trxGdsLst { display: flex; flex-wrap: wrap; margin-bottom: -95px; } 
.trxGdsLst .item_cont { width: calc(25% - 20px * 3 / 4); margin-right: 20px; margin-bottom: 50px; padding: 0; } 
.trxGdsLst .item_cont:nth-child(4n) { margin-right: 0; } 


.prd_top_nav.prd_list_top_nav { margin: -20px 0 10px; } 


.prd_top_nav { display: block; max-width: 1600px; width: calc(100% - 80px); margin: 0 auto; } 
.prd_top_nav_list { display: flex; align-items: center; margin: 30px 0 60px; } 
.prd_top_nav_list .prd_top_nav_item { margin-right: 35px; position: relative; } 
.prd_top_nav_list .prd_top_nav_item a { font-size: 14px; color: #888888; font-weight: 300; line-height: 1em; } 
.prd_top_nav_list .prd_top_nav_item:last-child a { color: #222; font-weight: 500; } 
.prd_top_nav_list .prd_top_nav_item::after { content: ""; display: block; width: 6px; height: 11px; background: url('/design/wonderl/img/top_nav_arr.png') no-repeat center; background-size: contain; position: absolute; right: -20px; top: 3px; } 
.prd_top_nav_list .prd_top_nav_item:last-child::after { display: none; } 
.prd_top_nav_list .prd_top_nav_item .prd_nav_home { display: block; width: 13px; height: 15px; background: url('/design/wonderl/img/top_nav_home.png') no-repeat center; background-size: contain; } 


.trxGdsVewTop { display: flex; width: 100%; flex-wrap:wrap; } 
.trxGdsVewImg { width: calc(100% - 660px); } 
.trxGdsVewSldWrp { position: sticky; top: 30px; left: 0; width: 84.210%; margin: 0 auto; } 
.trxGdsVewImgWrp { width: 100%; } 
.trxGdsVeuImgBig { position: relative; } 
.trxGdsVeuImgBig .trxGdsVeuImgWrp { position: relative; width: calc(100% - 1px); /* kdk ��른�� �� �� 보임 ��정 ��청��로 -1px ��어�� */
 height: 0; padding-bottom: 100%; border-radius: 6px; border: 1px solid #e5e5e5; overflow: hidden; } 
.trxGdsVeuImgBig .swiper-wrapper { height: auto; } 
.trxGdsVeuImgBig .swiper-slide { height: auto; } 
.trxGdsVeuImgBig .trxGdsVeuImgWrp img { display: block; width: calc(100% + 1px); /* kdk ������ ���� �� 채우�� */
 height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } 
.trxGdsVeuImgBig .trxGdsSldBigPrv,
.trxGdsVeuImgBig .trxGdsSldBigNxt { display: block; width: 21px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; } 
.trxGdsVeuImgBig .swiper-button-disabled { opacity: 0.5; } 
.trxGdsVeuImgBig .trxGdsSldBigPrv { background-image: url('/design/wonderl/img/top_slide_arr_left.png'); left: -75px; } 
.trxGdsVeuImgBig .trxGdsSldBigNxt { background-image: url('/design/wonderl/img/top_slide_arr_right.png'); right: -75px; } 
.trxGdsVeuImgBig .trxGdsSldBigPrv.swiper-button-disabled { background-image: url('/design/wonderl/img/top_slide_arr_left_off.png'); } 
.trxGdsVeuImgBig .trxGdsSldBigNxt.swiper-button-disabled { background-image: url('/design/wonderl/img/top_slide_arr_right_off.png'); } 


.trxGdsVeuImgTmb { margin-top: 10px; } 
.trxGdsVeuImgTmb .swiper-wrapper { height: auto; } 
.trxGdsVeuImgTmb .swiper-slide { border-radius: 6px; overflow: hidden; align-items: center; height: auto; } 
.trxGdsVeuImgTmb .swiper-slide-thumb-active { border: 2px solid #21117f; } 
.trxGdsVeuImgTmb .swiper-slide a { display: block; width: 100%; height: 0; padding-bottom: 100%; } 
.trxGdsVeuImgTmb .swiper-slide a > img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } 
.trxGdsVeuImgTmb .swiper-slide.swiper-slide-thumb-active { border: 2px solid #21117f; } 




.trxGdsVewInf { padding-left: 100px; width: 660px; } 
.trxGdsVewInf::-webkit-scrollbar { width: 5px; } 
.trxGdsVewInf::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 10px; } 
.trxGdsVewInf::-webkit-scrollbar-thumb { background: #e5e5e5; border-radius: 10px; } 
.trxGdsVewInf .trxGdsVewTtl { margin-bottom: 50px; } 
.trxGdsVewInf .trxGdsVewTtl > .tit { display: block; font-size: 30px; line-height: 31px; color: #222; } 
/* .trxGdsVewInf .trxGdsVewTtl > .tit > .tit_inner { display: flex; justify-content: space-between; } */

.trxGdsVewInf .trxGdsVewTtl > .desc { display: block; color: #999999; font-size: 16px; line-height: 16px; margin-top: 19px; } 
.trxGdsVewInf .trxGdsVewTtl .price_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; } 
.trxGdsVewInf .trxGdsVewTtl .price_wrap_left { display: flex; flex-wrap: wrap; align-items: center; line-height: 1em; } 
.trxGdsVewInf .trxGdsVewTtl .final_price { font-size: 26px; } 
.trxGdsVewInf .trxGdsVewTtl .ori_price { font-size: 16px; color: #aaa; margin-left: 14px; text-decoration: line-through; position: relative; top: 2px; } 
.trxGdsVewInf .trxGdsVewTtl .sale_per { font-size: 26px; color: #f07133; margin-left: 13px; font-style: normal; position: relative; top: 1px; } 
.trxGdsVewInf .trxGdsVewTtl .mile { font-size: 14px; font-weight: 500; } 

.trxGdsVewTab { display: flex; margin: 40px 0; background: #f5f4f9; border-radius: 6px; } 
.trxGdsVewTab > a { display: block; width: 50%; height: 50px; line-height: 50px; background: transparent; border-radius: 6px; overflow: hidden; color: #000000; font-size: 16px; text-align: center; } 
.trxGdsVewTab > a.on { background: #000000; font-weight: 500; color: #ffffff; box-shadow: 0 5px 10px rgba(32,29,53,0.1); } 



.GdsVewCnt { display: none; } 
.trxGdsVewOptWrp .optTit { line-height: 1.3em; font-size: 14px; margin-bottom: 10px; } 
.trxGdsVewOptWrp .common_input { height: 50px; line-height: 48px; font-size: 14px; } 
.trxGdsVewOpt,
.trxGdsVewAdd { margin-top: 20px; } 
.trxGdsVewOpt > dl { position: relative; margin-top: 10px; } 
.trxGdsVewOpt > dl > dt { position: inherit; font-size: 14px; line-height: 1em; color: #999999; font-weight: 500; margin-bottom: 10px; /* position: absolute; left: 15px; top: 19px; z-index: 1; */}
.trxGdsVewOpt .chosen-container,
.trxGdsVewAdd .chosen-container { width: 100% !important; } 
#wrap .trxGdsVewOpt .chosen-single,
#wrap .trxGdsVewAdd .chosen-single { width: 100%; height: 50px; line-height: 48px; border-radius: 6px; font-size: 14px; color: #222; } 
#wrap .trxGdsVewOpt .chosen-single div,
#wrap .trxGdsVewAdd .chosen-single div { width: 50px; height: 50px; } 

#wrap .trxGdsVewOpt .chosen-container-active.chosen-with-drop .chosen-single,
#wrap .trxGdsVewAdd .chosen-container-active.chosen-with-drop .chosen-single { border-radius: 6px 6px 0 0; } 
#wrap .trxGdsVewOpt .chosen-container-active.chosen-with-drop .chosen-drop,
#wrap .trxGdsVewAdd .chosen-container-active.chosen-with-drop .chosen-drop { border-radius: 0 0 6px 6px; } 


/* #wrap .trxGdsVewOpt .chosen-single { padding-left: 120px; } 
#wrap .trxGdsVewOpt .chosen-results > li { padding-left: 120px; } */

.trxGdsVewAdd > dl > dt { display: none; font-size: 14px; line-height: 1em; color: #999999; font-weight: 500; margin-bottom: 5px; } 
.trxGdsVewAdd > dl > dt > strong { font-weight: 500; } 
#wrap .trxGdsVewAdd .chosen-single { width: 100%; height: auto; min-height: 50px; border-radius: 6px; padding: 10px; } 
#wrap .trxGdsVewAdd .chosen-single div { width: 50px; height: 50px; } 
.trxGdsVewAdd .chose-image-small {display: inline-block; width: 55px; height: 71px; max-height: 71px; object-fit: cover; padding: 0; margin: 0 20px 0 0;border-radius: 6px; } 
.trxGdsVewAdd .chosen-single > span { display: flex; align-items: center; /* flex-wrap: wrap; */
 width: 100%;white-space: normal;line-height: 22px !important; } 
#wrap .chosen-container .chosen-results li {display:flex; } 
.chosen-container .chosen-results .chose-image-list {display: flex;border-radius: 3px;margin-right: 10px; } 

.item_choice_divide .item_choice_photo img {object-fit: cover;border-radius: 3px;flex-shrink:0; } 



.GdsdDscLst { margin-bottom: 20px; padding-bottom: 37px; border-bottom: 1px solid #eeeeee; } 
.GdsdDscLst dl { display: flex; font-size: 14px; line-height: 17px; margin-bottom: 12px; } 
.GdsdDscLst dl:last-child { margin-bottom: 0; } 
.GdsdDscLst dl > dt { color: #999999; font-weight: 500; width: 120px; } 
.GdsdDscLst dl > dt b { font-weight: 500; } 
.GdsdDscLst dl > dd { width: calc(100% - 120px); } 


.blind_size_calc_wrap { display: flex; align-items: center; } 
.blind_size_calc_wrap .input_wrap { position: relative; width: 140px; } 
.blind_size_calc_wrap .input_wrap .unit { font-size: 14px; position: absolute; top: 15px; right: 15px; } 
.blind_size_calc_wrap .input_wrap.result { width: 206px; } 
.blind_size_calc_wrap .input_wrap .common_input { width: 100%; padding-right: 40px; } 
.blind_size_calc_wrap .cal_sign { display: flex; align-items: center; justify-content: center; width: 32px; text-align: center; color: #999999; } 
.blind_size_calc_wrap .cal_sign img { width: 12px; } 


.trxGdsVewOptSlcbtns { margin-top: 20px; } 
.trxGdsVewDscIcoWrp .trxGdsVewOptSlcbtns .n_btn { width: 100%; } 

.curtain_size_wrap .input_wrap .common_input { position: relative; width: 100%; padding-right: 40px; } 
.curtain_size_wrap .input_wrap .unit { font-size: 14px; position: absolute; top: 15px; right: 15px; } 
.gdsOptDsc { font-size: 14px; color: #999; line-height: 1em; margin-top: 10px; } 

.trxGdsVewDscIcoCont { margin-top: 20px; } 
.trxGdsVewDscIcoWrp { display: flex; justify-content: flex-end; } 
.trxGdsVewDscIcoWrp > div { display: flex; } 
.trxGdsVewDscIcoWrp .n_btn { margin-left: 5px; width: 140px; font-size: 14px; display: flex; align-items: center; justify-content: center; } 
.trxGdsVewDscIcoWrp .n_btn i { display: block; width: 18px; height: 18px; margin-right: 10px; background: url('/design/wonderl/img/icon_curtain_calc.png') no-repeat center; background-size: contain; } 



.trxGdsVewCrt { margin-top: 40px; border-top: 1px solid #222; padding-top: 8px; } 
.trxGdsVewCrt table { display: block; } 
.trxGdsVewCrt table tbody { display: block; } 

.trxGdsVewBtmRgt .trxGdsVewCrt table tr { flex-wrap: wrap; } 
.trxGdsVewBtmRgt .trxGdsVewCrt td:first-child { width: 100%; margin-bottom: 5px; } 
/* ======================= */

.trxGdsVewCrt table tr { width: 100%; display: flex; align-items: center; margin-top: 2px; background: #f7f7f7; padding: 15px; border-radius: 6px; } 
.trxGdsVewCrt table td { display: block; } 

.trxGdsVewCrt td:first-child { width: calc(100% - 220px); } 
.trxGdsVewCrt td:nth-child(2) { width: 80px; } 
.trxGdsVewCrt td:nth-child(3) { width: 120px; } 
.trxGdsVewCrt td:nth-child(4) { width: 20px; } 

.trxGdsVewCrt .cart_tit_box { font-size: 14px; color: #555555; line-height: 1.2em; } 
.trxGdsVewCrt .cart_tit > span:not(.cart_btn_box) { display: inline-block; margin-right: 5px; vertical-align: middle; padding-top: 2px; } 
.trxGdsVewCrt .cart_tit_box strong { font-weight: 400; vertical-align: middle; /* display: inline-block; */
 display: flex;flex-wrap:wrap; align-items: center; margin-top: -5px; background: none; /* 220810 kdk 최종금액박스�� ��긴 추����션 ��품�� ��네��을 ��론��에�� ������청 */}
.trxGdsVewCrt .cart_btn_box { display: inline-block; margin-top: 4px;order: 20; } 
.trxGdsVewCrt .cart_btn_box > a { display: inline-block; vertical-align: middle; margin-top: -5px; margin-left: 6px; } 
.trxGdsVewCrt .cart_btn_box > a.btn_open_layer { margin: 0; } 

.count { display: block; padding: 0; width: 80px; } 
.goods_qty { display: block; position: relative; border: 1px solid #e2e2e2; border-radius: 6px; background: #fff; overflow: hidden; height: 30px; } 
.goods_qty .text { float: none; width: 100%; height: 100%; padding: 0 30px; font-size: 14px; color: #222; border: 0; } 
.goods_qty span { display: block; margin: 0; } 
.goods_qty span button { display: block; width: 30px; height: 30px; position: absolute; top: 0; } 
.goods_qty span .up { right: 0; background: url('/design/wonderl/img/btn_opt_plus.png') no-repeat center; background-size: 9px auto; } 
.goods_qty span .down { left: 0; background: url('/design/wonderl/img/btn_opt_minus.png') no-repeat center; background-size: 9px auto; } 

.trxGdsVewCrt td.item_choice_price { text-align: right; font-size: 14px; padding-right: 15px; } 
.trxGdsVewCrt td.item_choice_price > strong { font-weight: 400; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; margin-right: 2px; } 
.trxGdsVewCrt .delete_goods,
.trxGdsVewCrt .delete_add_goods { display: block; width: 20px; height: 20px; border-radius: 6px; overflow: hidden; text-indent: -9999px; background: url('/design/wonderl/img/btn_opt_del.png') no-repeat center; background-size: contain; } 

.trxGdsVewCrtPri { margin-top: 40px; } 
.trxGdsVewCrtPri .total_amount,
.trxGdsVewCrtPri .total_goods { display: flex; justify-content: space-between; /* align-items: flex-end; */
align-items: center; } 
.trxGdsVewCrtPri .total_goods {margin-bottom: 10px; } 
.trxGdsVewCrtPri .total_amount dt,
.trxGdsVewCrtPri .total_goods dt { padding-bottom: 4px; font-size: 16px; font-weight: 500; color: #222; text-align: left; } 
.trxGdsVewCrtPri .total_amount dd,
.trxGdsVewCrtPri .total_goods dd { text-align: right; } 
.trxGdsVewCrtPri .final_total_price,
.trxGdsVewCrtPri .goods_total_price { font-size: 30px; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; color: #000000; font-weight: 700; } 
.trxGdsVewCrtPri .final_total_price b,
.trxGdsVewCrtPri .goods_total_price b { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; padding-left: 4px; } 
.trxGdsVewCrtPri .total_amount .total_discount {display: block;width: 100%;font-size: 14px; } 
.trxGdsVewCrtPri.regular .final_total_price::before { content: "��"; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; margin-right: -3px; } 

.trxGdsVewCrtPri .regular_total { color: #999999; font-size: 16px; margin-right: 15px; font-weight: 400; } 
.trxGdsVewCrtPri .regular_total > .num { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; } 

.trxGdsVewCrtPri .total_price { font-size: 30px; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; color: #000000; font-weight: 700; } 
.trxGdsVewCrtPri.regular .total_price::before { content: "��"; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; margin-right: -3px; } 
.trxGdsVewCrtPri .total_price b { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; padding-left: 4px; } 
.trxGdsVeuOdrBtns { margin-top: 40px; } 
.trxGdsVeuOdrBtns { display: flex; } 
.trxGdsVeuOdrBtns .n_btn { margin-left: 5px; width: 220px; } 
.trxGdsVeuOdrBtns .n_btn:first-child { margin-left: 0; } 
.trxGdsVeuOdrBtns .btn_wish { width: 100px; color: #222222; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; font-size: 16px; font-weight: 400; } 
.trxGdsVeuOdrBtns .btn_wish i { display: block; min-width: 15px; height: 15px; margin-right: 6px; margin-top: 3px; background: url('/design/wonderl/img/icon_zzim.png') no-repeat center; background-size: contain; } 
.trxGdsVeuOdrBtns .btn_wish.active i { background: url('/design/wonderl/img/icon_wish_blk.png') no-repeat center; background-size: 15px auto; } 




.trxGdsVewOptRgr { margin-top: 20px; margin-bottom: 20px; } 
.trxGdsVewOptRgr .optTit { line-height: 1.3em; font-size: 14px; margin-bottom: 10px; } 
.trxGdsVewOptRgrBtns { display: flex; width: 100%; border: 1px solid #cccccc; border-radius: 6px; } 
.trxGdsVewOptRgrBtns > label { display: block; width: 100%; font-size: 0; } 
.trxGdsVewOptRgrBtns .trxGdsVewOptRgrBtn { display: block; width: 100%; height: 50px; line-height: 48px; color: #555555; font-size: 14px; text-align: center; cursor: pointer; border: 1px solid transparent; border-radius: 6px; } 
.trxGdsVewOptRgrBtns input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.trxGdsVewOptRgrBtns input[type="radio"]:checked + .trxGdsVewOptRgrBtn { border-color: #000000; color: #000000; } 




/* right option */
.trxGdsVewBtm { display: flex; margin-top: 0px; } 
.trxGdsVewBtmLft { width: calc(100% - 350px); padding-right: 50px; } 
.trxGdsVewBtmRgt { flex-shrink: 0; width: 350px; padding: 60px 0; background-color: #fff; } 
.trxGdsVewBtmRgtOpt {width: calc(100% + 10px); position: -webkit-sticky; position: sticky; top: 30px;padding-right: 10px;max-height: calc(100vh - 50px);overflow: auto; } 
.trxGdsVewBtmRgtOpt::-webkit-scrollbar { width: 5px; } 
.trxGdsVewBtmRgtOpt::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 10px; } 
.trxGdsVewBtmRgtOpt::-webkit-scrollbar-thumb { background: #e5e5e5; border-radius: 10px; } 
.trxGdsVewBtmOptWrp { /* height: 360px; */
 padding-top: 20px; overflow-y: auto; /* padding-right: 10px; */}
.trxGdsVewBtmOptWrp::-webkit-scrollbar { width: 5px; } 
.trxGdsVewBtmOptWrp::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 10px; } 
.trxGdsVewBtmOptWrp::-webkit-scrollbar-thumb { background: #e5e5e5; border-radius: 10px; } 
.trxGdsVewBtmOptWrp .optTit { line-height: 1.3em; font-size: 14px; margin-bottom: 10px; } 

.trxGdsVewBtmOptWrp .option_row { margin-top: 5px; } 
.trxGdsVewBtmOptWrp .option_row:first-child { margin-top: 0; } 


.trxGdsVewBtmCrt { margin-top: 40px; border-top: 1px solid #222; padding-top: 8px; } 
.trxGdsVewCrtLst { /* max-height: 289px; */
 overflow-y: auto; /* padding-right: 10px; scrollbar-gutter: stable; */}
.trxGdsVewCrtLst::-webkit-scrollbar { width: 5px; } 
.trxGdsVewCrtLst::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 10px; } 
.trxGdsVewCrtLst::-webkit-scrollbar-thumb { background: #e5e5e5; border-radius: 10px; } 
.trxGdsVewCrtItm { padding: 15px; background-color: #f5f5f5; border-radius: 6px; font-size: 14px; margin-top: 2px; } 
.trxGdsVewCrtItmBtm { display: flex; justify-content: space-between; } 
.trxGdsVewCrtItmBtm > .optPri { display: flex; justify-content: flex-end; align-items: flex-end; font-size: 14px; } 
.trxGdsVewCrtItmBtm > .optPri > .pri { margin-right: 10px; } 
.trxGdsVewCrtItmBtm > .optPri > .pri > .num { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; padding-right: 5px; } 
.trxGdsVewCrtItmBtm > .optPri .delete_goods { display: block; width: 20px; height: 20px; border-radius: 6px; overflow: hidden; text-indent: -9999px; background: url(/design/wonderl/img/btn_opt_del.png) no-repeat center; background-size: contain; } 
.trxGdsVewBtmPri { margin-top: 62px; line-height: 1em; } 
.trxGdsVewBtmPri dl { display: flex; justify-content: space-between; align-items: center; } 
.trxGdsVewBtmPri dl dt { font-size: 16px; } 
.trxGdsVewBtmPri dl dd { color: #000000; font-size: 16px; } 
.trxGdsVewBtmPri dl dd > .num { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; font-weight: 700; padding-right: 4px; font-size: 30px; } 
.trxGdsVewBtmBtns { margin-top: 20px; display: flex; } 
.trxGdsVewBtmBtns > .n_btn { width: 100%; margin-left: 6px; } 
.trxGdsVewBtmBtns > .n_btn:first-child { margin-left: 0; } 



/* .trxGdsVewBtmRgtOpt .trxGdsVewCrt td:first-child { width: calc(100% - 220px); } 
.trxGdsVewBtmRgtOpt .trxGdsVewCrt td:nth-child(2) { width: 80px; } */
.trxGdsVewBtmRgtOpt .trxGdsVewCrt td:nth-child(3) { width: calc(100% - 100px); } 
/* .trxGdsVewBtmRgtOpt .trxGdsVewCrt td:nth-child(4) { width: 20px; } 
 */




/* bottom tabs */
.itmGdsTab { position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 1; background-color: #fff; } 
.itmGdsTab > ul { display: flex; border-bottom: 1px solid #222; } 
.itmGdsTab > ul > li { width: 100%; border-radius: 6px 6px 0 0; position: relative; top: 1px; } 
.itmGdsTab > ul > li.on { border: 1px solid #222; border-bottom: 0; background: #fff; } 
.itmGdsTab > ul > li.on > a { font-weight: 500; } 

.itmGdsTab > ul > li > a { display: flex; align-items: center; justify-content: center; height: 60px; width: 100%; font-size: 16px; font-weight: 300; line-height: 1em; } 


.trxGdsVewBtmCnt { display: none; padding: 60px 0 120px; position: relative; } 
.trxGdsVewBtmCnt::before { content: ""; display: none; width: calc(100% + 320px + 320px); height: 1px; background: #ddd; position: absolute; top: 0; left: -160px; } 
.trxGdsVewBtmCnt#detail::before { display: none; } 
.trxGdsVewBtmTitWrp { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-weight: 500; } 

.trxGdsVewBtmTitWrp .trxGdsVewBtmTit { width: auto; flex-shrink: 0; font-size: 26px; font-weight: 500; letter-spacing: -0.01em; line-height: 1em; } 
.trxGdsVewBtmTitWrp .trxGdsVewBtmTit.eng { font-weight: 700; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; } 


.trxGdsVewBtmTitWrp .trxGdsVewBtmBtnWrp { display: flex; flex-wrap: wrap; justify-content: flex-end; } 
.trxGdsVewBtmTitWrp .trxGdsVewBtmBtnWrp > .n_btn { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 5px; width: auto; min-width: 150px; margin-left: 2px; letter-spacing: -0.01em; } 
.trxGdsVewBtmTitWrp .trxGdsVewBtmBtnWrp > .n_btn >img { height: 20px; width: auto; margin-right: 5px; } 
.trxGdsVewBtmTitWrp .trxGdsVewBtmBtnWrp > .n_btn:first-child { margin-left: 0; } 

.trxGdsVewBtmCnt .detail_cont img { max-width: 100%; } 
.trxGdsVewBtmCnt .detail_cont iframe { max-width: 100%; } 

.install_guide_cont .guide_cont { padding: 30px 40px; border: 1px solid #e5e5e5; border-radius: 6px; margin-bottom: 10px; } 
.install_guide_cont .guide_cont:last-child { margin-bottom: 0; } 
.install_guide_cont .guide_cont .guide_cont_tit { font-size: 20px; color: #000000; font-weight: 500; line-height: 1em; } 


.install_guide_cont .guide_cont_box { padding: 30px 0; border-bottom: 1px solid #eeeeee; } 
.install_guide_cont .guide_cont_box:last-child { padding-bottom: 0; border-bottom: 0; } 
.install_guide_cont .guide_cont_box_tit { font-size: 16px; color: #222; font-weight: 500; line-height: 1em; margin-bottom: 15px; } 
.install_guide_cont .install_case_item { display: flex; padding: 12px 20px; background-color: #f7f7f7; border-radius: 7px; font-size: 14px; overflow: hidden; line-height: 25px; margin-top: 2px; } 
.install_guide_cont .install_case_item:first-child { margin-top: 0; } 
.install_guide_cont .install_case_item > dt { width: 200px; font-weight: 500; } 
.install_guide_cont .install_case_item > dd { width: calc(100% - 200px);}
.guide_cont_box_top_img { display: flex; margin-bottom: 10px; } 
.guide_cont_box_top_img > img { display: block; width: 150px; margin-right: 15px; } 
.guide_cont_box_txt { font-size: 14px; color: #555555; font-weight: 300; line-height: 25px; } 

.guide_cont_box .n_btn { width: 150px; margin-top: 15px; padding: 0 10px; } 

.guide_cont_box .guide_cont_left { width: 100px; } 
.guide_cont_box .guide_cont_left img { width: 100%; } 
.guide_cont_box .guide_cont_right { width: calc(100% - 100px); padding-left: 20px; } 



/* Q&A */
.qna_table_wrap { margin-bottom: 40px; margin-top: 5px; } 
.qna_table_wrap .qna_table { width: 100%; border-collapse: collapse; border-top: 1px solid #222; border-bottom: 1px solid #e5e5e5; } 
.qna_table .js_data_row { position: relative; } 
.qna_table .js_data_row::after { content: ""; display: block; width: 19px; height: 11px; position: absolute; right: 20px; top: 50px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('/design/wonderl/img/icon_toggle_arr_off.png'); pointer-events: none; } 
.qna_table .js_data_row td { padding: 28px 0 30px; border-top: 1px solid #e5e5e5; } 
.qna_table .js_data_row:first-child td { border-top: 0; } 
.qna_table .board_tit { cursor: pointer; } 

.qna_table .num { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; font-size: 16px; color: #999999; text-align: center; } 
.qna_table .qna_table_info_top { margin-bottom: 15px; } 
.qna_table .qna_table_info_top > ul { display: flex; align-items: center; font-size: 12px; color: #999999; } 
.qna_table .qna_table_info_top > ul .status { margin-right: 20px; } 
.qna_table .qna_table_info_top > ul .writer { display: flex; align-items: center; } 
.qna_table .qna_table_info_top > ul .writer:after { content: ""; display: block; width: 1px; height: 11px; background: #e1e1e1; margin: 0 15px; } 
.qna_table .qna_table_info_bottom { font-size: 16px; line-height: 1em; } 
.qna_table .btn_view_qna_box { display: flex; justify-content: flex-end; margin-top: 15px; } 
.qna_table .btn_view_qna_box > .n_btn { margin-left: 5px; } 
.qna_table .btn_view_qna_box > .n_btn:first-child { margin-left: 0; } 




.qna_table .qna_cont_wrap { padding: 0 0 30px 100px; font-size: 16px; } 
.qna_table .answer_box { margin-top: 25px; padding: 26px 26px 26px 60px; font-size: 14px; line-height: 23px; color: #555555; background: #f7f7f7; position: relative; } 
.qna_table .answer_box::before { content: ""; display: block; width: 8px; height: 8px; background: url('/design/wonderl/img/icon_reply.png') no-repeat center; background-size: contain; } 

.qna_table .js_data_row.on::after { background-image: url('/design/wonderl/img/icon_toggle_arr_on.png'); } 
.qna_table .js_data_row.on td { padding-bottom: 15px; } 
.qna_table .js_detail td { background: #fff; } 



/* 배송/교환/반품 */
.exchange_cont { } 
.exchange_cont .exchange_tit { font-size: 18px; line-height: 1em; margin-top: 35px; font-weight: 500; } 
.exchange_cont .exchange_tit:first-child { margin-top: 40px; } 
.exchange_cont .exchange_list_tit { font-size: 16px; line-height: 1em; margin-top: 25px; font-weight: 500; color: #555555; } 
.exchange_list > .exchange_list_item { margin-top: 11px; padding-left: 12px; font-size: 14px; line-height: 20px; color: #555555; position: relative}
.exchange_list > .exchange_list_item::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #cccccc; position: absolute; left: 0; top: 7px; } 
.exchange_list > .exchange_list_item > b { display: inline-block; font-weight: 500; position: relative; } 
.exchange_list > .exchange_list_item > b::after { content: ""; width: calc(100% + 4px ); height: 10px; background: #eeeeee; position: absolute; left: -2px; bottom: -4px; z-index: -1; } 
.exchange_list > .exchange_list_item > ul > li { padding-left: 24px; font-size: 14px; line-height: 18px; margin-top: 7px; color: #777777; position: relative; } 
.exchange_list > .exchange_list_item > ul > li:before { content: ""; display: block; width: 5px; height: 1px; background: #777777; position: absolute; left: 7px; top: 8px; } 
.exchange_list > .exchange_list_item > ul > li:first-child { margin-top: 12px; } 

.top_item_photo_info { display: flex; align-items: center; margin-bottom: 25px; padding: 20px; border-radius: 6px; background-color: #f4f5f9; } 
.top_item_photo_info .item_photo_box { display: block; flex-shrink: 0; width: 60px; height: 72px; overflow: hidden; padding: 0; } 
.top_item_photo_info .item_photo_box img { width: 100%; height: 100%; object-fit: cover; } 
.top_item_photo_info .item_info_box { width: calc(100% - 60px); padding-left: 20px; font-size: 16px; position: relative; } 
.top_item_photo_info .item_info_box * { font-weight: 400; } 





.gdsVueRel { width: 100%; padding-top: 90px;margin-top: 90px; position: relative; overflow: hidden; } 
.gdsVueRel::before { content: ""; display: block; width: calc(100% + 320px); height: 1px; background: #ddd; position: absolute; top: 0; left: -160px; } 
.gdsVueRel .gdsVueRelTit { font-size: 36px; line-height: 1em; font-weight: 300; margin-bottom: 50px; letter-spacing: -0.035em; } 
.gdsVueRel .gdsVueRelTit > b { font-weight: 500; color: #000000; } 
.gdsVueRel .trxGdsLst { display: block; }
.gdsVueRel .main_item_wr > ul { display: flex; flex-wrap: wrap; margin-bottom: -50px; } 
.gdsVueRel .trxGdsLst .item_cont { /* width: calc(20% - 20px * 4 / 5) !important; */
 width: auto; margin-right: 20px; margin-bottom: 50px; } 
.gdsVueRel .trxGdsLst .item_cont:nth-child(4n) {margin-right: 20px; } 
.gdsVueRel .trxGdsLst .item_cont:nth-child(5n) { margin-right: 0; } 
.gdsVueRel .trxGdsLst .item_cont { padding: 0; } 


.install_calc_table {}
.install_calc_box { display: flex; align-items: stretch; border-radius: 6px; overflow: hidden; margin-top: 5px; } 
.install_calc_box:nth-of-type(1) { margin-top: 0; } 
.install_calc_box > .install_calc_left_tit { display: flex; align-items: center; justify-content: center; width: 120px; flex-shrink: 0; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -0.06em; background-color: #000000; } 
.install_calc_box > .install_calc_options { width: calc(100% - 120px); padding: 0 30px; border: 1px solid #dddddd; border-left: 0; border-radius: 0 6px 6px 0; } 
.install_calc_box > .install_calc_options > li { display: flex; align-items: center; justify-content: center; min-height: 60px; border-bottom: 1px solid #dddddd;
 font-size: 16px; color: #777; } 
.install_calc_box > .install_calc_options > li:last-of-type { border-bottom: 0; } 
.install_calc_options > li > .install_calc_option_tit { width: calc(100% - 128px - 118px); } 
.install_calc_options > li > .install_calc_option_count { display: flex; align-items: center; justify-content: center; flex-shrink: 0; flex-grow: 0; width: 128px; } 
.install_calc_options > li > .install_calc_option_count > button { width: 30px; height: 30px; border-radius: 6px; opacity: 0.5; } 
.install_calc_options > li > .install_calc_option_count > button.count_up { background: #ebebeb url('/design/wonderl/img/calc_count_arr_up.png') no-repeat center; background-size: 10px auto; } 
.install_calc_options > li > .install_calc_option_count > button.count_down { background: #ebebeb url('/design/wonderl/img/calc_count_arr_down.png') no-repeat center; background-size: 10px auto; } 
.install_calc_options > li > .install_calc_option_count > input { width: 49px; height: 30px; line-height: 30px; border: 0; text-align: center; padding: 0 5px; font-size: 16px; font-weight: 500; outline: none !important; } 
.install_calc_option_count input[type="number"]::-webkit-outer-spin-button,
.install_calc_option_count input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 
.install_calc_options > li > .install_calc_option_count > .ea { padding-left: 5px; } 
.install_calc_options > li > .install_calc_option_price { flex-shrink: 0; flex-grow: 0; width: 118px; text-align: right; } 
.install_calc_options > li > .install_calc_option_price > b { letter-spacing: -0.06em; margin-right:2px; } 

/* focus event */
.install_calc_options > li.on { color: #222222; } 
.install_calc_options > li.on .install_calc_option_tit { font-weight: 500; color: #222222; } 
.install_calc_options > li.on > .install_calc_option_count > button { opacity: 1; } 
.install_calc_options > li.on > .install_calc_option_count > input { font-weight: 600; } 
.install_calc_options > li.on > .install_calc_option_price > b { color: #f07133; } 



.trxClcWrn .blet_list {}
.trxClcWrn .blet_list > li { position: relative; padding-left: 14px; } 
.trxClcWrn .blet_list > li::before { content: ""; display: block; width: 3px; height: 3px; border-radius: 50px; background-color: #cccccc; position: absolute; left: 0; top: 11px; } 


.ly_bottom { min-height: 90px; padding: 30px; box-shadow: 0px -5px 9.5px 0.5px rgba(0, 0, 0, 0.08); } 
.ly_bottom > dl { display: flex; align-items: center; justify-content: space-between; } 
.ly_bottom > dl > dt { color: #222; font-weight: 500; font-size: 16px; } 
.ly_bottom > dl > dt> .vat { color: #777; font-size: 14px; padding-left: 6px; } 
.ly_bottom > dl > dd { color: #000000; line-height: 1em; display: flex; align-items: center; } 
.ly_bottom > dl > dd > .basic_fee { font-size: 15px; letter-spacing: -0.06em; } 
.ly_bottom > dl > dd > .basic_fee > b { font-weight: 500; letter-spacing: inherit; } 
.ly_bottom > dl > dd > .price { font-size: 16px; margin-left: 20px; } 
.ly_bottom > dl > dd > .price > b { font-weight: 600; font-size: 26px; margin-right: 2px; } 


.order_wrap { max-width: 1260px; margin: 0 auto; } 
.order_title_wrap { margin-bottom: 46px; } 
.order_title { text-align: center; font-size: 36px; line-height: 1em; font-weight: 500; color: #222; } 

.cart_cont_list .order_cart_tit { padding: 0 0 20px; color: #000000; } 
.cart_cont_list .order_cart_tit > h3 { font-size: 18px; line-height: 1em; font-weight: 400; } 
.order_table_wrap {}
.order_table_wrap table { width: 100%; border-top: 1px solid #222222; } 

.order_table_wrap table td { border-bottom: 1px solid #e5e5e5; padding: 20px 0; text-align: center; } 
.order_table_wrap table td.td_left { text-align: left; } 
.order_table_wrap .pick_add_cont { display: flex; align-items: center; } 
.order_table_wrap .pick_add_cont .pick_add_img { width: 100px; height: 122px; border-radius: 6px; overflow: hidden; } 
.order_table_wrap .pick_add_cont .pick_add_img img { width: 100%; height: 100%; object-fit: cover; } 
.order_table_wrap .pick_add_cont .pick_add_info { width: calc(100% - 100px); padding-left: 30px; color: #999; font-size: 14px; } 
.order_table_wrap .pick_add_cont .pick_add_info .goods_title { display: block; width: 100%; margin-bottom: 8px; } 
.order_table_wrap .pick_add_cont .pick_add_info .goods_title * { color: #222; font-size: 18px; font-weight: 400; } 

.order_table_wrap .pick_add_cont .pick_add_info .text_type_cont { display: block; font-size: 14px; color: #999; } 
.order_table_wrap .pick_add_cont .pick_add_info .text_type_cont:last-child { margin-right: 0; } 
.order_table_wrap table .td_order_amount,
.order_table_wrap table .regular_term { font-size: 18px; font-weight: 400; } 
.order_table_wrap table .td_order_amount strong { font-weight: 400; } 
.order_table_wrap table .order_sum_txt { display: block; font-size: 16px; } 
.order_table_wrap table .order_sum_txt > .num { font-size: 20px; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; } 
.order_table_wrap table .pick_add_plus { display: inline-block; text-align: center; border-radius: 3px; /* margin: 0 5px 0 0; */
 margin-bottom: 6px; min-width: 58px; max-width: 58px; width: 100%; min-height: 22px; border: 1px solid #dbdfec; background: #f4f5f9; } 
/* .order_table_wrap table .pick_add_plus { min-width: 35px; color: #bbbbbb; background: #fff; font-weight: 400; text-align: center; border: 1px solid #dddddd; border-radius: 3px; margin: 0 5px 0 0; } */
.order_price_sum_cont { display: flex; flex-wrap: wrap; align-items: center; width: 100%; min-height: 120px; margin-top: 20px; background: #f4f5f9; border-radius: 6px; font-size: 16px; overflow: hidden; } 

.order_price_sum_list { display: flex; justify-content: flex-end; align-items: center; width: 100%; padding: 40px; } 
.order_price_sum_list > dl { display: flex; flex-wrap: wrap; align-items: center; } 
.order_price_sum_list > dl > dt { font-size: 16px; color: #222; font-weight: 400; margin-right: 15px; } 
.order_price_sum_list > dl > dd { color: #000000; font-weight: 400; font-size: 16px; } 
.order_price_sum_list > dl > dd > strong { font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 400; padding-right: 2px; } 
.order_price_sum_list > dl.price_total > dd { font-weight: 700; } 
.order_price_sum_list > dl.price_total > dd > strong { font-weight: 700; } 
.order_price_sum_list > span { font-size: 0; } 
.order_price_sum_list > span > img { width: 16px; margin: 0 25px; } 

.order_mile_wrap { display: flex; align-items: center; justify-content: flex-end; width: 100%; background: #eef0f6; border-top: 1px solid #fff; padding: 28px 40px; min-height: 70px; font-size: 14px; font-weight: 400; color: #84809b; } 
.order_mile_wrap > .tit { display: flex; align-items: center; margin-right: 40px; } 
.order_mile_wrap > .tit > img { height: 18px; margin-right: 4px; } 
.order_mile_wrap > .tit > .font_nexon { padding-right: 2px; /* padding-top: 1px; */}
.order_mile_list { display: flex; align-items: center; } 
.order_mile_list > dl { display: flex; align-items: center; } 
.order_mile_list > dl::after { content: ""; display: block; width: 1px; height: 10px; background-color: #d2d5e2; margin: 0 15px; } 
.order_mile_list > dl:last-of-type::after { display: none; } 

.order_mile_list > dl > dt { margin-right: 10px; } 


.order_zone_tit { padding: 0 0 15px 0; margin-top: 53px; letter-spacing: -0.035em; position: relative; } 
.order_zone_tit h4 { display: inline-block; font-size: 18px; line-height: 25px; color: #000000; font-weight: 400; letter-spacing: -0.035em; } 

.member_info_apply_wrap .common_checkbox { display: block; width: 100%; margin-bottom: 10px; } 
.member_info_apply_wrap .common_checkbox:last-child { margin-bottom: 0; } 


.del_check_label_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } 
.del_check_label_wrap > ul { display: flex; flex-wrap: wrap; } 
.del_check_label_wrap > ul > li { margin-right: 40px; } 
.del_check_label_wrap ul + .n_btn { margin-top: -7px; } 



.order_delivery_wrap { background: #f7f7f7; padding: 24px 30px 35px; border-radius: 6px; color: #000000; font-size: 16px; line-height: 28px; position: relative; } 
.order_delivery_wrap .order_delivery_img { display: block; width: 200px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); } 
.order_delivery_wrap .common_checkbox { font-size: 16px; color: #222; margin-top: 18px; line-height: 22px; } 
.common_checkbox_s > label::before { background-color: #fff; } 



.freight_info .order_view_table > ul > li { align-items: center; } 
.freight_info .common_checkbox label { font-size: 16px; color: #222; } 
.freight_info .common_checkbox label .checkbox_desc { padding-left: 6px; font-size: 14px; color: #777; } 
.freight_info .gary_info_bullet_list { width: calc(100% - 80px); margin-left: auto; margin-right: auto; } 
.gary_info_bullet_list { display: block; width: 100%; background: #f7f7f7; padding: 20px; border-radius: 6px; color: #999999; font-size: 14px; line-height: 22px; position: relative; } 
.gary_info_bullet_list > ul { margin-bottom: -9px; display: flex; flex-wrap: wrap; } 
.gary_info_bullet_list > ul > li { width: 100%; position: relative; padding-left: 15px; margin-bottom: 9px; } 
.gary_info_bullet_list > ul > li.half { width: 50%; } 
.gary_info_bullet_list > ul > li::before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: #ccc; position: absolute; left: 0; top: 9px; } 



.order_input_width_btn_wrap { display: flex; flex-wrap: wrap; align-items: center; } 
.order_input_width_btn_wrap .money_use_sum { color: #000000; padding-left: 20px; font-size: 16px; } 
.input_width_btn { position: relative; width: 450px; } 
.input_width_btn .common_input { padding-right: 120px; width: 100%; } 
.input_width_btn input[type="checkbox"] { display: none; } 
.input_width_btn .n_btn { width: 100px; position: absolute; right: 0; top: 0; padding: 0 10px; } 
.order_total_price { font-weight: 500; color: #000000; } 
.order_total_price .order_payment_sum { font-weight: 700; font-size: 26px; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; color: #000000; } 
.mile_desc { margin-top: 5px; font-size: 14px; display: block; width: 100%; } 


.order_payment_tit { font-size: 18px; line-height: 25px; color: #000000; margin: 20px 0 10px; } 
.order_payment_wrap { padding: 20px 40PX; font-size: 16px; border-top: 1px solid #222222; border-bottom: 1px solid #e8e8e8; position: relative; } 

.order_payment_wrap .payco_payment {margin-top: 30px; } 
.payment_method_type dt {font-size: 16px;font-weight: 600;margin-bottom: 10px; } 


.order_payment_method_list { display: flex; /* flex-wrap: wrap; */}
.order_payment_method_list > li { margin-right: 10px; width: 160px; /* width: 100%; */}
.order_payment_method_list .order_payment_button { display: block; /* width: 160px; */
 height: 50px; line-height: 48px; border: 1px solid #cccccc; border-radius: 6px; font-size: 16px; color: #222; text-align: center; } 
.order_payment_method .order_payment_button.on { background: #000000; color: #fff; border-color: #000000; } 
.order_payment_bottom_box.pay_bankbook_boxp { background-color: #f7f7f7; border-radius: 6px; margin-top: 20px; padding: 20px; font-size: 14px; } 


.order_payment_bottom_input_list {}
.order_payment_bottom_input_list > li { display: flex; font-size: 14px; margin-top: 10px; } 
.order_payment_bottom_input_list > li > .tit { display: block; width: 100px; padding-top: 10px; font-weight: 400; } 
.order_payment_bottom_input_list > li > .cont { display: block; width: calc(100% - 100px); } 
.order_payment_bottom_input_list > li > .cont > .half { width: 50%; } 

.cash_tax_get { margin-top: 40px; } 
.cash_tax_get > dl > dt { display: inline-block; font-size: 18px; line-height: 25px; color: #000000; font-weight: 400; letter-spacing: -0.035em; margin-bottom: 20px; } 

.payment_progress .payment_progress_select li { font-size: 14px; } 
.payment_progress .payment_progress_select .common_radio { min-height: 24px; } 
.tax_invoice_box { margin-top: 20px; } 


.regular_pay_list { display: flex; align-items: center; justify-content: center; width: 100%; } 
.regular_pay_item { text-align: center; } 
.regular_pay_item .regular_pay_card { width: 300px; height: 190px; padding-bottom: 63.666%; background: url('/design/wonderl/img/regular_card_bg.png') no-repeat center; background-size: contain; position: relative; } 

.regular_pay_item .regular_pay_card img { width: 54px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.regular_pay_item .regular_pay_card_txt_wrap { margin-top: 30px; } 
.regular_pay_item .regular_pay_card_txt_wrap > .tit { font-size: 18px; line-height: 1em; color: #222; margin-bottom: 10px; } 
.regular_pay_item .regular_pay_card_txt_wrap > .txt { font-size: 16px; line-height: 27px; color: #999; } 


.order_price_sum_list .price_total_big {}
.payment_final_cont { display: flex; flex-wrap: wrap; align-items: center; width: 100%; min-height: 120px; margin-top: 20px; background: #f4f5f9; border-radius: 6px; font-size: 16px; overflow: hidden; min-height: 130px; } 
.payment_final_list { display: flex; justify-content: flex-end; align-items: center; width: 100%; padding: 40px; min-height: 130px; } 

.payment_final_list .price_total_big { display: flex; flex-wrap: wrap; align-items: center; } 
.payment_final_list .price_total_big > dt { font-size: 20px; color: #222; margin-right: 30px; } 
.payment_final_list .price_total_big > dd { font-size: 20px; color: #000000; } 
.payment_final_list .price_total_big > dd .num { font-size: 32px; font-weight: 700; } 


.payment_final .payment_final_check { padding: 60px 0 40px; } 
.payment_final .payment_final_check .common_checkbox { font-size: 16px; } 
.payment_final .payment_final_check .common_checkbox_s > label::before { top: 3px; } 
.payment_final .btn_center_box .n_btn { width: 300px; } 


.order_freebie_list dt { display: none; } 
.order_freebie_inner_list { border-top: 1px solid #222; } 
.order_freebie_inner_item { padding: 20px 40px; border-bottom: 1px solid #e5e5e5; position: relative; }
.order_freebie_inner_item .common_radio { width: 100%; padding-left: 54px; } 
.order_freebie_inner_item .common_radio label::before { top: 50%; transform: translateY(-50%); } 
.order_freebie_inner_info { display: flex; align-items: center; } 
.order_freebie_inner_info > .img_wrap { display: block; width: 75px; height: 91px; border: 1px solid #ddd; overflow: hidden; border-radius: 6px; position: relative; } 
.order_freebie_inner_info > .img_wrap > img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.order_freebie_inner_info > .txt_wrap { width: calc(100% - 75px); padding-left: 20px; font-size: 16px; color: #222; } 
.order_freebie_inner_info > .txt_wrap > .top_tit { display: block; font-size: 14px; color: #999999; margin-bottom: 10px; } 

.order_agree_wrap { padding: 100px 0 60px; border-bottom: 1px #e5e5e5 solid; } 
.order_agree_wrap h4 { margin-top: 0; } 
.order_agree_wrap .join_agreement_box .common_checkbox { font-size: 16px; } 
.order_agree_wrap .join_agreement_box .common_checkbox_s > label::before { top: 3px; } 
.order_agree_wrap .join_agreement_box .common_checkbox h3 { font-weight: 400; } 

.trxJonFrmAggTxt > div { padding-right: 10px; } 
.trxJonFrmAggTxt > div::-webkit-scrollbar { width: 5px; } 
.trxJonFrmAggTxt > div::-webkit-scrollbar-thumb { background-color: #e1e1e1; border-radius: 5px; } 

.trxJonFrmAggTxt > div::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 5px; } 

.pg_layer .ly_cont .btn_center_box {}
.pg_layer .ly_cont .btn_center_box .btn_pg_go { width: 100%; border: 1px solid #000000; color: #fff; background: #000000; font-weight: 400; height: 70px; line-height: 68px; font-size: 18px; border-radius: 6px; padding: 0 20px; } 
.pg_layer .btn_pg_box { margin: 50px 0 -25px; border: 0; padding: 30px 0 0; margin-top: 50px; display: flex; justify-content: center; border-top: 1px solid #ddd; } 
.pg_layer .btn_pg_box .n_btn { margin-right: 5px; display: block; width: 100%; } 
.pg_layer .btn_pg_box .n_btn:last-child { margin-right: 0; } 


#scroll_right { display: flex !important; flex-direction: column; align-items: flex-end; width: auto; position: fixed !important; right: 0 !important; top: 50% !important; margin: 0 !important; transform: translateY(-50%); } 
.quick_list_link { background: #fff; box-shadow: 0 15px 30px rgba(0,0,0,0.3); border-radius: 6px 0 0 6px; overflow: hidden; } 
.quick_item_link > a { display: block; width: 80px; height: 70px; display: flex; align-items: center; justify-content: center; background-color: #fff; position: relative; transition: width 0.3s, background-color 0.3s, color 0.3s; } 
.quick_item_link > a > .icon { display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; background-position: center; transition: background-image 0.3s; } 
.quick_item_link > a > .icon.icon_review { background-image: url('/design/wonderl/img/quick_icon01_off.png'); } 
.quick_item_link > a > .icon.icon_order { background-image: url('/design/wonderl/img/quick_icon02_off.png'); } 
.quick_item_link > a > .icon.icon_fax { background-image: url('/design/wonderl/img/quick_icon03_off.png'); } 
.quick_item_link > a > .icon.icon_unidentified { background-image: url('/design/wonderl/img/quick_icon04_off.png'); } 
.quick_item_link > a > .icon.icon_recent { background-image: url('/design/wonderl/img/quick_icon05_off.png'); } 
.quick_item_link > a > .icon.icon_calc { background-image: url('/design/wonderl/img/quick_icon06_off.png'); } 


.quick_item_link > a > .txt { width: 120px; display: none; padding-left: 8px; font-size: 14px; letter-spacing: -0.075em; position: absolute; left: 60px; top: 50%; transform: translateY(-50%)}



/* hover */
.quick_list_link:hover .quick_item_link > a { width: 160px; padding: 0 16px; justify-content: flex-start; } 
.quick_list_link:hover .quick_item_link > a > .txt { display: block; } 

.quick_item_link:hover > a { background-color: #000000; color: #fff; } 
.quick_item_link:hover > a > .icon.icon_review { background-image: url('/design/wonderl/img/quick_icon01_on.png'); } 
.quick_item_link:hover > a > .icon.icon_order { background-image: url('/design/wonderl/img/quick_icon02_on.png'); } 
.quick_item_link:hover > a > .icon.icon_fax { background-image: url('/design/wonderl/img/quick_icon03_on.png'); } 
.quick_item_link:hover > a > .icon.icon_unidentified { background-image: url('/design/wonderl/img/quick_icon04_on.png'); } 
.quick_item_link:hover > a > .icon.icon_recent { background-image: url('/design/wonderl/img/quick_icon05_on.png'); } 

.quick_item_link:hover > a > .icon.icon_calc { background-image: url('/design/wonderl/img/quick_icon06_on.png'); } 

.today_view_wrap { display: block; width: 480px; height: 613px; position:fixed; right: 90px; top: 50%; transform: translateY(-50%); background-color: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 15px 30px rgba(0,0,0,0.15); z-index: 210; } 
.today_view_tit { padding: 38px 30px 19px; font-size: 18px; line-height: 1em; font-weight: 500; } 
.today_view_tit > .sub_tit { font-size: 14px; line-height: 1em; color: #21117f; padding-left: 6px; } 
.today_view_tit > .sub_tit > b { font-weight: 700; } 
.btn_close_today_view { position: absolute; right: 0; top: 8px; padding: 30px; } 
.btn_close_today_view img { width: 16px; height: 16px; } 
.today_view_cont { padding: 0 30px 30px; max-height: calc(613px - 75px); } 
.today_view_scroll { width: calc(100% + 20px); max-height: calc(613px - 75px - 38px); padding-right: 20px; overflow: auto; } 
.today_view_scroll::-webkit-scrollbar { width: 5px; } 
.today_view_scroll::-webkit-scrollbar-thumb { background-color: #e1e1e1; border-radius: 5px; } 
.today_view_scroll::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 5px; } 

.today_view_list { border-top: 1px solid #222; } 
.today_view_item { padding: 22px 0 16px; border-bottom: 1px solid #eeeeee; position: relative; } 
.today_view_item > a { display: flex; align-items: center; } 
.today_view_item > a > .photo { width: 90px; height: 109px; border: 1px solid #ebebeb; border-radius: 6px; overflow: hidden; } 
.today_view_item > a > .photo > img { width: 100%; height: 100%; object-fit: cover; } 
.today_view_item > a > .src_box { padding-left: 30px; display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 88px); } 
.today_view_item > a > .src_box .goods_name { display: block; width: 100%; font-size: 14px; line-height: 18px; margin-bottom: 10px; } 
.today_view_item > a > .src_box > strong { font-size: 18px; font-weight: 400; line-height: 1em; } 
.today_view_item > a > .src_box > .ori_price { font-size: 14px; color: #999999; padding-left: 10px; text-decoration: line-through; line-height: 1em; } 
.today_view_item > a > .src_box > .sale_rate { font-size: 14px; color: #ef6313; padding-left: 10px; position: relative; top: 1px; line-height: 1em; } 
.today_view_item .btn_scroll_list_del { position: absolute; right: 0; top: 22px; text-indent: -99999px; width: 30px; height: 30px; background: url('/design/wonderl/img/icon_close_gray.png') no-repeat right top; background-size: 11px auto; } 

.quick_list_chat,
.quick_list_top { margin-top: 5px; background-color: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.3); border-radius: 6px 0 0 6px; overflow: hidden; } 
.quick_item_chat a,
.quick_item_top a { display: block; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background-color: #fff; position: relative; transition: width 0.3s, background-color 0.3s, color 0.3s; } 

.quick_item_chat.kakao a { background-color: #fae301; } 
.quick_item_chat.chat a { background-color: #000000; } 

.quick_list_chat a .icon { display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; background-position: center; } 
/* .quick_list_chat a .icon.icon_chat { width: 31px; height: 35px; } */
.quick_list_chat a .icon.icon_kakao { background-image: url('/design/wonderl/img/chat_icon_kakao.png'); } 
.quick_list_chat a .icon.icon_chat { background-image: url('/design/wonderl/img/chat_icon_chat.png'); } 

.quick_item_top a { background: url('/design/wonderl/img/icon_top.png') no-repeat center; background-size: contain; } 
div#ch-plugin-launcher { position: fixed !important; width: 80px !important; height: 80px !important; top: calc(50% + 170px) !important; right: 0 !important; cursor: pointer; } 
div#ch-plugin-launcher img { display: none !important; } 



/* 메인 */
.service_visual { height: 310px; } 
.service_visual img { width: 100%; height: 100%; object-fit: cover; } 

.often_question_box .search_box { flex-wrap: wrap; padding: 25px 45px 31px 40px; height: auto; min-height: 160px; } 
.often_question_box .best_faq_kword_wr { flex-wrap: wrap; } 
.often_question_box .best_faq_kword_wr li { padding-left: 0; padding-right: 30px; } 
.often_question_box .best_faq_kword_wr li:after { right: 15px; } 



/* vip */
.special_service_wr .service_visual,
.lighting_tab_list01 .service_visual,
.purchase_visual { height: 360px; } 
.special_service_wr .service_visual > img,
.lighting_tab_list01 .service_visual > img,
.purchase_visual >img { width: 100%; height: 100%; object-fit: cover; } 

.board_list_gallery ul li { width: calc(100% / 3 - 30px * 2 / 3) !important; margin-right: 30px; } 
.board_list_gallery ul li:nth-child(3n) { margin-right: 0; } 
.board_list_gallery .gallery_cont { padding: 0; } 
.board_list_gallery .board_img { display: block; width: 100%; height: 0; min-height: 0; padding-bottom: 62.5%; position: relative; overflow: hidden; border-radius: 6px; } 
.board_list_gallery .board_img a { display: block; } 

.board_list_gallery .board_img img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } 
.board_list_gallery .bottom_txt p { width: 100%; font-size: 16px; } 
 .board_list_gallery .bottom_txt p > img { vertical-align: middle; height: 15px; width: auto; display: inline-block; margin-right: 4px; } 




 .trxThmLstWrp .board_img { width: 100%; height: 0; padding-bottom: 100%; position: relative; border-radius: 6px; overflow: hidden; } 
 .trxThmLstWrp .board_img img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } 
 
.trxThmLstWrp .board_img .no_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #ddd; } 
.trxThmLstWrp .board_img .no_img::before { content: "no image"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; } 


 .ly_table table { width: 100%; border-collapse: collapse; } 
 .ly_table table { width: 100%; border-collapse: collapse; border-top: 1px solid #222222; text-align: center; } 
.ly_table thead th { font-size: 16px; min-height: 55px; padding: 18px 5px; background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5; } 
.ly_table tbody td { font-size: 14px; min-height: 55px; padding: 18px 5px; border-bottom: 1px solid #e5e5e5; } 


.cart_top_btns { display: flex; margin-bottom: 20px; } 
.cart_top_btns .n_btn { /* width: 110px; */
 height: 40px; color: #222; font-size: 14px; letter-spacing: -0.035em; border: 1px solid #cccccc; border-radius: 6px; padding: 0 15px; margin-left: 5px; } 
.cart_top_btns .n_btn:first-child { margin-left: 0; } 
.cart_list .mypage_table_type th { padding: 20px; line-height: 1em; } 
.cart_list .mypage_table_type td { text-align: center; } 
.cart_list .mypage_table_type td.td_left { text-align: left; } 
.cart_list .mypage_table_type td.td_delivery { font-size: 14px; } 
.cart_list .pick_btn_box { margin-bottom: 5px; } 
.cart_list .btn_option { width: 75px; padding: 0 5px; margin-top: 10px; } 
.cart_cont .btn_center_box { margin-top: 60px; } 



.search_goods_list .item_gallery_type > ul { width: calc(100% + 20px); margin-left: -10px; margin-top: -94px; } 
.search_goods_list .item_gallery_type > ul > li { width: 20% !important; margin-top: 94px; } 
.goods_search_cont .trxPgn { margin-top: 65px; } 

.goods_search_cont .gdsVueRel { margin-top: 90px; } 



.board_cont_wrap { display: none; } 
/* .trxThmLstWrp > .empty_grid_ul { grid-template-columns: 1fr; } */
.trxThmLstWrp .empty_list { font-size: 14px; text-align: center; padding: 100px 0; width: 100%; margin: 0; } 


.goods_event_sale_cont .goods_list_cont { padding: 0; margin-top: -10px; width: calc(100% + 20px); margin: -15px 0 0 -10px; padding-bottom: 84px; border-top: 1px solid #e5e5e5; } 
.goods_event_sale_cont .goods_list_first { margin-top: -95px; padding-bottom: 84px; border-top: 0; } 
/* .goods_event_sale_cont .goods_list_cont { margin: 0; } */
.goods_event_sale_cont .goods_list_cont ul li { margin-top: 95px; width: 20% !important; } 
/* .goods_event_sale_cont .goods_list { padding: 0; } 
.goods_event_sale_cont .goods_list_cont { padding: 0; margin-top: -10px; width: calc(100% + 20px); margin: -95Px 0 0 -10px; padding-bottom: 84px; } 
.goods_event_sale_cont .goods_list_cont.not_first { padding: 0; margin-top: -15px; border-top: 1px solid #e5e5e5; } 
.goods_event_sale_cont .goods_list_cont ul li { margin-top: 95px; } */



.trxJonFrm > ul > li .member_address { width: 100%; } 
.trxJonFrm > ul > li .address_postcode { position: relative; margin-bottom: 10px; } 
.trxJonFrm > ul > li .address_postcode .n_btn { width: 100px; position: absolute; right: 0; top: 0; } 


.trxIptWrpFile { position: relative; } 

.trxIptWrpFile > input[type="text"] { width: 100%; } 
.trxIptWrpFile > input[type="text"]:focus { outline: 0; } 
.trxIptWrpFile > .file_name { width: calc(100% - 130px); color: #222222; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } 
.trxIptWrpFile > .btn_join_file { width: 100px; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer; padding: 0 5px; } 
.trxIptWrpFile #businessFile { display: none; } 


.mapWrp { width: 100%; } 
.mapDtlImg > img { 
 
 max-width: 100%; } 
.mapWrp > div { border: 1px solid #e5e5e5; border-radius: 6px; padding: 28px 30px; margin-right: 30px; position: relative; } 
.mapTxt > span { font-size: 16px; line-height: 30px; color: #999999; } 
.mapDtlImg { text-align: center; position: relative; max-width: 510px; margin: 0 auto; } 
.mapBtn > button { position: absolute; z-index: 9; } 
.mapBtn > button > img { width: 28px; } 
.mapBtn > button > span { display: block; font-size: 15px; line-height: 30px; color: #222222; } 
.map_area_wrap > .map_area { position: absolute; left: 0; top: 0; } 
.map_area_wrap > .map_area > img { max-width: 100%; opacity: 0; } 

.map_area_wrap > .map_area_busan { width: 13.529%; top: 64.146%; left: 75.490%; } 
.map_area_wrap > .map_area_chungbuk { width: 35.686%; top: 26.707%; left: 37.647%; } 
.map_area_wrap > .map_area_chungnam { width: 37.450%; top: 31.951%; left: 8.823%; } 
.map_area_wrap > .map_area_daegu { width: 11.176%; top: 51.829%; left: 64.117%; } 
.map_area_wrap > .map_area_daejeon { width: 7.843%; top: 42.073%; left: 36.078%; } 
.map_area_wrap > .map_area_gangwon { width: 54.705%; top: 0.487%; left: 36.078%; } 
.map_area_wrap > .map_area_gwangju { width: 9.803%; left: 18.823%; top: 65.365%; } 
.map_area_wrap > .map_area_gyeongbuk { width: 44.705%; left: 50.588%; top: 29.878%; } 
.map_area_wrap >.map_area_gyeongnam { width: 43.137%; left: 43.725%; top: 53.048%; } 
.map_area_wrap > .map_area_gyeonggi { width: 39.607%; top: 7.195%; left: 13.529%; } 
.map_area_wrap > .map_area_incheon { width: 5.098%; top: 19.024%; left: 20%; } 
.map_area_wrap > .map_area_jeju { width: 19.019%; top: 92.682%; left: 9.411%; } 
.map_area_wrap > .map_area_jeonbuk { width: 37.647%; top: 47.926%; left: 15.294%; } 
.map_area_wrap > .map_area_jeonnam { width: 38.039%; top: 60.853%; left: 13.137%; } 
.map_area_wrap > .map_area_seoul { width:11.568%; top:18.170%; left: 24.117%; } 
.map_area_wrap > .map_area_ulsan { width: 12.156%; top: 57.439%; left: 80.588%; } 


.map_area .btn_map_picker { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); text-align: center; } 
.map_area .btn_map_picker .icon_spot { display: block; width: 25px; height: 30px; background: url('/design/wonderl/img/img_map_picker_blu.png') no-repeat center; background-size: contain; margin: 0 auto 8px; } 
.map_area .btn_map_picker > span { display: block; width: 80px; font-size: 15px; line-height: 1em; position: absolute; left: 50%; transform: translateX(-50%); } 

.map_area.map_area_gyeonggi .btn_map_picker { top: 20%; } 

.map_area.map_area_incheon .btn_map_picker { top: -6%; } 
.map_area.map_area_seoul .btn_map_picker { top: 53%; left: 73%; } 
.map_area.map_area_ulsan .btn_map_picker { top: 14%; } 
.map_area.map_area_chungbuk .btn_map_picker { top: 32%; left: 28%; } 
.map_area.map_area_gwangju .btn_map_picker { top: 15%; } 
.map_area.map_area_jeju .btn_map_picker { top: 7%}

.map_area.map_area_gyeongnam .btn_map_picker { top: 42%}



/* map hover effect */
.map_area .btn_map_picker:hover + img { opacity: 1; } 
.map_area .btn_map_picker:hover .icon_spot { background: url('/design/wonderl/img/img_map_picker_orng.png') no-repeat center; background-size: contain; } 
.map_area .btn_map_picker:hover > span { color: #ef6313; font-weight: 500; } 



/* map popup*/
.map_pop_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; text-align: left; display: none; } 
.map_pop_wrap > .map_pop_dimmed { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: transparent; z-index: -1; } 
.map_pop_wrap > .map_pop { width: 100%; max-width: 540px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 2px solid #494949; padding: 0 30px 30px; } 
.map_pop > .map_pop_tit { padding: 40px 0 20px; line-height: 1em; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; position: relative; } 
.map_pop > .map_pop_tit > h2 { font-size: 20px; font-weight: 600; color: #000000; display: flex; flex-wrap: wrap; align-items: center; } 
.map_pop > .map_pop_tit > h2 > i { display: inline-block; width: 19px; height: 23px; background: url('/design/wonderl/img/img_map_picker_blu.png') no-repeat center; background-size: contain; margin-right: 6px; } 
.map_pop > .map_pop_tit > .map_pop_close { display: block; width: 20px; height: 20px; background: url('/design/wonderl/img/close_map_pop.jpg') no-repeat center; background-size: contain; } 
.map_pop .map_pop_box { width: 100%; background-color: #f5f5f5; padding: 16px 22px 23px; } 
.map_pop .map_pop_box > dl { display: flex; align-items: center; line-height: 25px; margin-bottom: 22px; font-size: 14px; } 
.map_pop .map_pop_box > dl:last-child { margin-bottom: 0; } 
.map_pop .map_pop_box > dl > dt { width: 95px; padding-right: 10px; flex-shrink: 0; color: #222222; } 
.map_pop .map_pop_box > dl > dd { width: calc(100% - 95px); color: #555555; letter-spacing: -0.04em; } 
.map_pop .map_pop_btns { display: flex; align-items: center; justify-content: center; margin-top: 20px; } 
.map_pop .map_pop_btns > .n_btn { width: 220px; height: 56px; line-height: 56px; font-size: 16px; color: #fff; text-align: center; letter-spacing: -0.04em; background-color: #000000; } 

.ser_filter > form .sel_box > .sel_arr { } 
.ser_filter .chosen-container-single .chosen-single div { display: none; } 
.ser_filter form .chosen-container .chosen-single { height: 43px; line-height: 43px; font-size: 16px; color: #999; padding-left: 15px; box-shadow: none !important; } 
.ser_filter form .chosen-container .chosen-results > li { padding: 10px 15px; font-size: 16px; color: #999; } 
.ser_filter form .chosen-with-drop .chosen-single { border: 1px solid #000 !important; border-bottom: 0 !important; border-radius: 6px 6px 0 0 !important; box-shadow: 0px 5px 9.5px 0.5px rgb(32 29 53 / 10%) !important;; } 
.ser_filter form .chosen-with-drop .chosen-results { background: #f7f7f7; border: 1px solid #000 !important; width: calc(100% + 2px); margin-left: -1px !important; border-radius: 0 0 6px 6px !important; box-shadow: 0px 5px 9.5px 0.5px rgb(32 29 53 / 10%); } 
.ser_filter form .chosen-with-drop .chosen-results > li:hover { background: #fff; color: #222; } 


.view_comment_top { display: block; padding: 24px 0 57px; border-top: 1px solid #e5e5e5; } 
.view_comment_top .comment_num { font-size: 16px; line-height: 24px; color: #222222; letter-spacing: -0.035em; font-weight: 500; } 
.view_comment_top .comment_num > strong { color: #000000; } 

.board_view_comment { } 
.view_comment_top + .board_comment_box { background: #f4f5f9; padding: 40px 30px; display: flex; align-items: center; justify-content: center; font-size: 16px; } 
.view_comment_top + .board_comment_box > .board_comment_write { width: 100%; } 
/* .view_comment_top + .board_comment_box > .board_comment_write .form_element { margin-bottom: 10px; font-size: 16px; } */
.board_comment_write > .comment_textarea { margin-top: 5px; display: flex; } 
.board_comment_write > .comment_textarea > textarea { width: calc(100% - 90px); padding: 15px 20px; border: 1px solid #ccc; font-size: 16px; resize: none; color: #555; } 
.board_comment_write > .comment_textarea > .btn_comment_box { width: 90px; flex-shrink: 0; } 
.board_comment_write > .comment_textarea > .btn_comment_box > .btn_comment_ok { display: block; width: 100%; height: 80px; background: #000000; color: #fff; font-size: 16px; letter-spacing: -0.01em; border: 0; } 
.board_comment_write > .form_element { font-size: 16px; margin-bottom: -5px; } 

.view_comment_list { background: #f4f5f9; padding: 0 30px 0; } 
.view_comment_list > ul { } 
.view_comment_list > ul > li { padding: 40px 0 30px; border-top: 1px solid #e2e4eb; } 
.view_comment_list > ul > li:first-of-type { margin-top: 0; } 

.view_comment_list_top { display: flex; align-items: flex-start; } 
.view_comment_list_top > .view_comment_list_top_left { width: calc(100% - 170px); } 
.view_comment_list_top > .view_comment_list_top_right { width: 170px; display: flex; justify-content: flex-end; align-items: center; } 
.view_comment_list_top > .view_comment_list_top_right > .btn_gray_list > .btn_gray_small { width: 54px; height: 32px; background: #fff; border: 1px solid #cccccc; margin-right: 4px; text-align: center; font-size: 14px; color: #222222; padding: 0; border-radius: 3px; } 
.view_comment_list_top > .view_comment_list_top_right > .btn_gray_list:last-child > .btn_gray_small { margin-right: 0; } 
.view_comment_list_top > .view_comment_list_top_right > .btn_gray_list > .btn_gray_small > span { padding: 0}
.view_comment_list_top > .view_comment_list_top_right > .btn_gray_list > .btn_gray_small.btn_gray_del { color: #999; } 

.view_comment_list .comment_info { display: flex; align-items: center; line-height: 16px; margin-bottom: 12px; } 
.view_comment_list .comment_info .comment_name { font-size: 16px; color: #222; font-weight: 500; } 
.view_comment_list .comment_info .bar { display: block; width: 1px; height: 14px; background-color: #e5e5e5; margin: 0 15px; } 
.view_comment_list .comment_info .board_day_time { font-size: 14px; color: #999; } 

.view_comment_list .comment_cont { color: #555555; line-height: 26px; font-size: 16px; } 
.view_comment_list_top + .board_comment_box { margin-top: 20px; } 
.board_commen_agree .form_element {font-size: 16px; } 



.view_comment_list .comment_reply .comment_info { padding-left: 20px; background: url('/data/skin/front/moment/board/skin/bulk_purchase/img/icon/user_icon_board_re.png') no-repeat left center; background-size: auto 7px; } 


.modal { display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 1; /* Sit on top */
 left: 0; /* top: 95px; */
 top: 0; width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}

/* Modal Content/Box */
.modal-content { background-color: #fefefe;overflow: auto; margin: 2% auto; /* 15% from the top and centered */
 padding: 20px; border: 1px solid #888; width: 50%;height: 85%; } 
/* The Close Button */
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } 
.close:hover,
.close:focus { color: black; text-decoration: none; cursor: pointer; } 
/********************************************************************/