@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');/* regular-400, medium-500, semibold-600, bold-700 */ 

#sh_wrapper{min-width:calc(var(--mainSize) + 200px);font-size:14px;font-weight:400;font-family:'Pretendard'}
#sh_container_wrapper.sub{width:1200px;margin:0 auto;padding:50px 0}
.shop_icon{display:flex}
.shop_icon span{padding:3px 6px 4px;border-radius:15px;font-size:10px;font-weight:600;line-height:1;color:#fff}
.shop_icon span.new{background:#ed145b}
.shop_icon span.best{background:#f3a310}
.shop_icon span.rcm{background:#2bbfb1}
.shop_icon span.hit{background:#1e9de7}
.shop_icon span.disc{background:#384689}
.shop_icon span+span{margin-left:3px}
#device_change{display:block;margin:0.3em;padding:0.5em 0;border:1px solid #ccc;border-radius:2em;background:#fff;color:#000;font-size:4em;text-decoration:none;text-align:center}

/* 페이징 */
.pg_wrap{margin:20px 0}
.pg_wrap .pg{display:flex;justify-content:center;font-size:12px;font-weight:600;text-align:center;font-family:'Pretendard'}
.pg_page, .pg_current{min-width:28px;height:28px;padding:0 5px;margin:0 2px;border-radius:3px;color:#999;line-height:28px;background:#f2f2f2}
.pg_current{color:#fff;background:#555}
.pg_start{text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_prev{text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_end{text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_next{text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat center #fff;border:1px solid #e1e1e1}
@media(max-width:768px){
.pg_page, .pg_current{min-width:24px;height:24px;line-height:24px}
}

*{-webkit-text-size-adjust:none}
body{font-family:'Pretendard'}
h1, h2, h3, h4, h5, h6{font-weight:700;font-family:'Pretendard'}
input, button{font-size:15px;font-family:'Pretendard'}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus{box-shadow:none;border:1px solid #ccc!important}
textarea, select{font-family:'Pretendard'}
a.btn02{background:#444}
.new_win #win_title{font-size:16px;font-family:'Pretendard'}
.new_win .btn_submit{height:40px;border:none;background:#444;font-size:14px;font-weight:500}
.new_win .btn_close{height:40px;font-size:14px}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{padding:10px;border:1px solid #e1e1e1;box-shadow:none}
.btn_cke_sc{font-size:12px}
.chk_box input[type="radio"] + label{font-size:13px}
.chk_box input[type="radio"]:checked + label{color:#222}
.sct_admin{margin-bottom:5px}
.sct_admin a{height:32px;border-radius:4px;font-size:14px;font-weight:600;line-height:32px;color:#fff;background:#ed145b}
.sct_admin a:hover{color:#fff}
a.btn01{border-color:#e1e1e1;font-size:13px;font-weight:500;color:#777}

/* 상품 상세페이지 */
#sit_opt_added li .opt_name{margin-bottom:5px;font-weight:500}
#sit_opt_added .sit_opt_prc{font-size:16px;font-weight:700}
#sit_opt_added button{display:flex;border:1px solid #e1e1e1}
#sit_opt_added .num_input{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#sit_opt_added li .opt_count svg{width:17px;height:17px;margin:auto;color:#222}
#sit_opt_added button i{margin:auto;color:#222}

/* 장바구니 */
.tbl_head03 table{border-bottom:none}
.tbl_head03 thead th{border-top:2px solid #555;border-bottom-color:#e1e1e1;font-size:16px;font-weight:600;letter-spacing:0}
.tbl_head03 td{border-top:1px solid #e1e1e1;border-left:1px solid #f2f2f2}
.tbl_head03 tbody tr:last-child td{border-bottom:1px solid #555}
.chk_box input[type="checkbox"] + label span{cursor:pointer;width:18px;height:18px}
.chk_box input[type="checkbox"]:checked + label span{border-color:#222;background-color:#222}
.sod_opt li{font-size:14px}
.sod_opt li:before{padding:5px 6px;margin-right:10px;border:1px solid #e1e1e1;font-size:13px;font-weight:500;color:#777;background:#f2f2f2}
.sod_option_btn .mod_options{padding:5px 8px;border-color:#e1e1e1;font-size:13px;font-weight:500;color:#777;background:#fff}
.od_prd_list .td_prd .prd_name{font-size:16px;font-weight:700}
.od_prd_list .total_prc{font-size:18px}
.btn_cart_del{border-bottom:none}
.option_wr h3{font-size:15px}
.option_wr select{cursor:pointer;padding-left:15px;border:1px solid #d4d4d4;border-radius:3px;appearance:none;background:url(/img/select_arrow.png) no-repeat 97% 50%}
.option_wr select:focus, .option_wr select:active{outline:none;border:1px solid #aaa!important}
.btn_cart_del button{border-color:#e1e1e1;font-size:13px;font-weight:500;color:#777}
#mod_option_frm h2{font-size:16px;font-weight:700}
#mod_option_frm #sit_sel_option h3{font-size:14px;font-weight:600}
#mod_option_frm #sit_tot_price strong{margin-left:5px;font-weight:700}
#mod_option_frm #sit_opt_added .sit_opt_del{width:auto;height:auto;padding:5px 8px;font-size:13px;font-weight:500;color:#777}
#mod_option_frm #sit_opt_added .sit_opt_del:hover{color:#777}
#mod_option_frm .btn_confirm .btn_submit{height:40px;border:none;font-size:14px;font-weight:600;background:#444}
#sod_bsk #sod_bsk_tot{margin:50px 0 80px;border:none;border-top:2px solid #555;border-bottom:1px solid #555}
#sod_bsk #sod_bsk_tot li{font-size:15px;color:#222;background:none}
#sod_bsk #sod_bsk_tot li strong{font-size:20px;font-weight:800}
#sod_bsk #sod_bsk_tot li+li{border-left:1px solid #e1e1e1}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt{background:none}
#sod_bsk_act .btn01{height:55px;border-color:#d4d4d4;font-size:16px;font-weight:600;line-height:53px;color:#222}
#sod_bsk_act .btn_submit{height:55px;border:none;font-size:16px;font-weight:600;background:var(--mainColor)}
#sod_bsk_list .mod_option_bg{background:rgba(0,0,0,.5)}
#sod_bsk_list #mod_option_frm{transform:translate(-50%,-50%);margin:0}

/* 결제 */
.od_prd_list .td_prd .sod_name b{font-size:15px;font-weight:700}
#sod_frm:after{display:block;content:"";visibility:hidden;clear:both}
#sod_frm section h2{display:flex;align-items:center;border-color:#e1e1e1;font-size:17px}
#sod_frm section h2 span{margin-left:auto;font-size:13px;color:#aaa;font-weight:400}
#sod_frm section h2 span b{color:#ed145b}
#sod_frm_orderer, #sod_frm_taker{border:1px solid #e1e1e1;border-top:2px solid #555}
#sod_frm_taker .order_choice_place{border:1px solid #e1e1e1;background:#f5f5f5}
#sod_frm_taker .order_choice_place label{cursor:pointer}
#sod_frm_taker label{margin:0}
#sod_frm_taker .tbl_frm01 .btn_frmline{font-size:13px}
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before{border-color:#e1e1e1;line-height:17px;color:#222}
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before{line-height:16px;color:#222}
#sod_frm #sod_bsk_tot li{border-color:#e1e1e1}
#sod_frm #sod_bsk_tot li span{font-weight:400;color:#777}
#sod_frm #sod_bsk_tot .sod_bsk_sell, #sod_frm #sod_bsk_tot .sod_bsk_coupon{border-color:#e1e1e1}
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong{font-size:14px;color:#222}
#sod_frm #sod_frm_pt_alert{margin:10px 0;font-size:13px;line-height:1.3;color:#aaa}
#sod_frm #sod_frm_pt_alert strong{font-weight:600}
#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 th label{font-size:14px}
#sod_frm .tbl_frm01 td .btn_address{width:110px;background:#999}
#sod_frm_pay .pay_tbl th{padding:10px 0 10px 15px;font-size:14px;font-weight:400;color:#777}
#sod_frm_pay .pay_tbl td{padding:10px 15px 10px 10px;font-size:13px;color:#aaa}
#sod_frm_pay .pay_tbl td p{margin-bottom:2px;font-size:14px;color:#222}
#sod_frm_pay .pay_tbl td .btn_frmline{width:auto;font-size:13px;font-weight:500;color:#777;border:1px solid #e1e1e1;background:#f7f7f7}
#sod_frm_pay .pay_tbl td .cp_area{display:flex;align-items:center}
#sod_frm_pay .pay_tbl td .cp_area strong{margin-left:auto;font-weight:700}
#sod_frm_pay .pay_tbl td .cp_area button{margin-left:5px}
#sod_frm_pay .od_coupon h3{font-size:16px;font-weight:700;color:#222}
#sod_frm_pay .od_coupon .btn_close{border:none}
#sod_frm_pay .od_coupon .btn_close:hover{background:none}
#sod_frm_pay .od_coupon th{padding:10px 0;border-top:1px solid #d4d4d4;text-align:center;font-weight:600;color:#222}
#sod_frm_pay .od_coupon td{border-color:#e1e1e1;text-align:center;color:#777}
#sod_frm_pay .pay_tbl td .cp_cancel{height:23px;padding:0 7px;font-size:13px;font-weight:500}
#sod_frm_pay .sod_frm_point div label{font-weight:600}
#sod_frm_pay .sod_frm_point #od_temp_point{border-radius:3px;border:1px solid #e1e1e1}
#sod_frm_pay .sod_frm_point div{padding:10px 15px}
#forderform #sod_frm_pt{padding:15px}
#forderform #sod_frm_pt > span+span{margin-top:8px}
#forderform #sod_frm_pt > span strong{font-size:14px;font-weight:400;color:#777}
#od_tot_price{display:flex;align-items:center;background:#f5f5f5}
#od_tot_price span{margin-right:auto;font-weight:600}
#od_tot_price strong{padding-right:5px;font-size:18px;font-weight:800;color:#ed145b}
#forderform .od_pay_buttons_el{padding:15px;border:1px solid #e1e1e1;border-top:2px solid #555}
#forderform .od_pay_buttons_el h3{padding:5px 0;font-size:17px}
#display_pay_button{border-color:#e1e1e1}
#display_pay_button .btn_submit{border:none;font-size:16px;font-weight:600;background:var(--mainColor)}
#display_pay_button .btn01{padding:0;border-color:#d4d4d4;font-size:16px;font-weight:600;line-height:50px;color:#222}
#od_pay_sl .lb_icon{height:50px;padding-top:15px;border-color:#e5e5e5;font-size:14px;font-weight:600;color:#222}
#sod_frm_paysel .inicis_kakaopay em{top:9px}
#sod_frm_pay input[type="radio"]:checked+.lb_icon{border-color:#222;color:#222}
#settle_bank{padding:12px 15px 15px 15px}
#settle_bank label:not(.sound_only){font-size:14px}
#sod_addr td{font-size:14px;color:#777}
#sod_addr .frm_input{margin-top:8px}
#sod_addr .td_mng button, #sod_addr .td_mng a, #sod_addr .td_mng label{font-size:13px}
#sod_addr .td_mng .sel_address{border-color:#222;color:#222}
#sod_addr .td_mng .del_address{border-color:#bbb;color:#aaa}
#sod_addr .td_sbj .chk_box input[type="checkbox"]:checked + label span{border:none;background-color:#222}
#sod_addr .default_lb{border-color:#222;color:#222}
#sod_addr input[type="radio"]:checked+.default_lb{color:#fff;background:#222}

/* 마이페이지 */
#smb_my_ov{border:none}
#smb_my .profile{overflow:hidden;margin-bottom:15px;border:1px solid #e1e1e1}
#smb_my .profile .inner{display:flex;align-items:center;padding:20px 0 20px 20px}
#smb_my .profile .img{position:relative;width:60px;height:60px;border-radius:50%}
#smb_my .profile .img img{width:100%;border-radius:50%}
#smb_my .profile .mb_info{padding-left:15px}
#smb_my .profile .mb_info p{font-size:16px;font-weight:700;color:#111}
#smb_my .profile .mb_info span{display:block;margin:5px 0 10px;font-size:13px;font-weight:500;line-height:1.6}
#smb_my .profile .mb_info .links{display:flex;margin-top:8px}
#smb_my .profile .mb_info .links a{height:25px;padding:0 6px;border-radius:4px;border:1px solid #e1e1e1;font-size:12px;line-height:23px;color:#777}
#smb_my .profile .mb_info .links a+a{margin-left:5px}
#smb_my .profile .mb_point{padding:20px 22px;background:#f5f5f5}
#smb_my .profile .mb_point dl{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:#777}
#smb_my .profile .mb_point dl+dl{margin-top:10px}
#smb_my .profile .mb_point dl dd a{display:block;min-width:25px;height:19px;padding:0 8px;border-radius:10px;font-size:11px;text-align:center;line-height:19px;color:#fff;background:#bbb}
#smb_my .my_info{padding:20px;border:1px solid #e1e1e1}
#smb_my .my_info .mp_tit{font-size:16px;font-weight:700;color:#222}
#smb_my_ov .op_area{padding:0}
#smb_my_ov .op_area dt{font-size:14px;font-weight:400;color:#999}
#smb_my_ov .op_area dd{font-weight:400;color:#222}
#smb_my_ov .withdrawal{padding:10px 0 0}
#coupon li{font-size:13px}
#coupon .cou_pri{color:#222}

/* 주문내역 */
#sod_fin{color:#777}
#sod_fin:after{display:block;content:"";visibility:hidden;clear:both}
#sod_fin_cancelfrm{display:none}
.smb_my_more a{padding:2px 23px 0 0;background-position:right 2px}
#smb_my_list{font-size:14px;font-weight:400;color:#777}
#smb_my_list h2{font-size:17px;color:#222}
#smb_my_od table td:first-child{text-align:center;font-weight:500}
#smb_my_od table td:first-child a:hover{text-decoration:underline}
#smb_my_od table td:last-child{text-align:center}
#smb_my_od table td:last-child span{padding:2px 8px;font-size:13px}
#smb_my_od table td:last-child .status_06{background:#fff5f5}
#sod_v table{font-size:14px;font-weight:400;color:#777}
#sod_v table td:last-child span{padding:2px 8px;font-size:13px}
#sod_v td a{font-weight:600}
#sod_v td a:hover{text-decoration:underline}
/* 주문내역 상세 */
#sod_fin_no{border-color:#e1e1e1;font-size:15px;color:#777;background:#f5f5f5}
#sod_fin_no strong{font-weight:600;color:#222}
#sod_fin_list table td:not(.td_prd){color:#222;text-align:center!important} 
#sod_fin_list .sod_name a{font-size:15px;font-weight:700}
#sod_fin_list .sod_name .sod_opt:before{padding:5px 6px;margin-right:10px;border:1px solid #e1e1e1;font-size:13px;font-weight:500;color:#777;background:#f2f2f2}
#sod_fin_list .btn_frmline{width:110px;border:none;background:#444}
#sod_fin_orderer, #sod_fin_receiver, #sod_fin_dvr{border:1px solid #e1e1e1;border-top:2px solid #555}
#sod_fin_orderer .tbl_wrap, #sod_fin_receiver .tbl_wrap, #sod_fin_dvr .tbl_wrap{padding:15px 20px 10px}
#sod_fin .sod_left h3{border:none;border-bottom:1px solid #e1e1e1;font-size:17px;color:#222}
#sod_fin .sod_left .tbl_head01{border:none}
#sod_fin .sod_left th{padding:5px 0;font-size:14px;font-weight:400;color:#777}
#sod_fin .sod_left td{padding:5px 0;color:#222}
.sod_right #sod_bsk_tot{border:1px solid #222;border-bottom:1px solid #e1e1e1}
#sod_fin #sod_bsk_tot{padding:10px 0}
#sod_fin #sod_bsk_tot li{height:auto;border:none;line-height:30px}
#sod_fin #sod_bsk_tot li strong{font-weight:600;color:#222}
#sod_fin #sod_bsk_tot .sod_bsk_cnt strong{font-size:14px;font-weight:600;color:#222}
#sod_fin_tot{margin:0 0 20px;padding:10px 0;border:1px solid #222;border-top:none;background:#f7f7f7}
#sod_fin_tot li{padding:0 15px;border:none;color:#222;line-height:30px;background:none}
#sod_fin_tot li .total_prc{font-size:16px;font-weight:800;color:#ed145b}
#sod_fin_pay{border:1px solid #e1e1e1;border-top:2px solid #555}
#sod_fin_pay h3{border:none;border-bottom:1px solid #e1e1e1;font-size:17px;color:#222}
#sod_fin_pay table th{width:65px;padding:5px 0;border:none;font-size:13px;font-weight:400;color:#777}
#sod_fin_pay table td{padding:5px 0;border:none;font-size:13px;font-weight:500;color:#222}
#sod_fin_pay .tbl_head01{margin:0;padding:10px 10px 10px 0}
#sod_fin_cancel button{width:100%;height:50px;border-radius:3px;border:1px solid #d4d4d4;font-size:15px;font-weight:600;color:#222;background:none}
#sod_fin_cancelfrm .btn_frmline{border-radius:3px;font-size:15px;background:#444}
#sod_fin_cancel p{border:1px solid #ed145b;font-size:14px;font-weight:600;color:#ed145b;background:#fff5f5}
#sod_fin_tot #alrdy .right{font-size:14px;color:#777}
#sod_fin_tot #alrdy .right .title{padding:0}

/* 위시리스트 */
#smb_my_wish h2{padding:0 0 10px;border-bottom:2px solid #555}
#smb_my_wish li{border:none}
#smb_my_wish .smb_my_img{float:none;margin:0}
#smb_my_wish .smb_my_img img{width:100%;height:auto}
#smb_my_wish .smb_my_tit{margin:10px 0 5px}
#smb_my_wish .smb_my_tit a{font-size:15px;font-weight:600;color:#222}
#smb_my_wish .smb_my_date{font-size:13px;font-weight:300;color:#777}
#sod_ws li .info_link{font-size:15px;font-weight:600;color:#222}
#sod_ws li .info_date{font-size:13px;font-weight:300;color:#777}
#sod_ws li .wish_chk{line-height:1}
#sod_ws li .wish_del{width:35px;height:35px;border-radius:8px;color:#aaa;font-size:16px;font-weight:normal;background:#f5f5f5}
#sod_ws li .wish_del:hover{color:#aaa;background:#f5f5f5}
#sod_ws_act .btn01{width:160px;height:55px;border-color:#d4d4d4;font-size:16px;font-weight:600;color:#222;background:#fff}
#sod_ws_act .btn02{width:160px;height:55px;border:none;font-size:16px;font-weight:600;background:var(--mainColor)}