@charset "utf-8"; 

/***************************** 메인페이지 전용 CSS *****************************/

/* CSS 초기화 */
html { height: 100%; background:#fff;}
body{background:linear-gradient(to bottom, #fff 0%, #fff 100%);}
*{margin:0;padding:0;letter-spacing:-0.03em}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, span, strong, em, * { margin: 0; padding: 0; font-family:"Malgun Gothic", "Dotum", "Apple SD Gothic Neo", "Nanum Gothic", sans-serif; font-size: 12px; color: #151515; }
fieldset, img, abbr, acronym { margin: 0; border: 0; }
legend, caption { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
ol,ul { list-style: none; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
a { color: #151515; text-decoration: none; cursor:pointer}
a:hover { text-decoration:none; }
img, input, select { vertical-align: middle; }
select { color: #151515; }
iframe { overflow: hidden; margin: 0; padding: 0; border: none; }
iframe body { overflow: hidden; margin: 0; padding: 0; border: none; }


/*color Type*/
.c_f{color:#fff!important;}
.c_r{color:#ff3366!important;}
.c_s{color:#00a4df!important;}
.c_b{color:#576cb1!important;}
.c_6{color:#6b6b6b!important;}
.c_8{color:#888!important;}
.c_d{color:#ddd!important;}
.f11{font-size:11px}

.bold{font-weight:bold;}
.ls-1{letter-spacing:-1px}
.ls-0{letter-spacing:-0.05em}
/**/
.pd0 { padding: 0 !important; }
.mg0 { margin: 0 !important; }
.mg0_1 { margin: 0 !important; clear: both; }
.mgb_5 { margin-bottom: 5px !important; }
.mgb_10 { margin-bottom: 10px !important; }
.mgb_15 { margin-bottom: 15px !important; }
.mgb_20 { margin-bottom: 20px !important; }
.mgb_25 { margin-bottom: 25px !important; }
.mgb_30 { margin-bottom: 30px !important; }
.mgb_35 { margin-bottom: 35px !important; }
.mgb_40 { margin-bottom: 40px !important; }
.mgb_50 { margin-bottom: 50px !important; }
.mgb_60 { margin-bottom: 60px !important; }
.mgt_0 { margin-top: 0 !important; }
.mgt_5 { margin-top: 5px !important; }
.mgt_10 { margin-top: 10px !important; }
.mgt_20 { margin-top: 20px !important; }
.mgt_30 { margin-top: 30px !important; }
.mgt_40 { margin-top: 40px !important; }
.mgt_50 { margin-top: 50px !important; }
.mgt_60 { margin-top: 60px !important; }
.mgt_70 { margin-top: 70px !important; }
.mgt_80 { margin-top: 80px !important; }
.mgl_10 { margin-left: 10px !important; }
.mgl_30 { margin-left: 30px !important; }
.pdl_5 { padding-left: 5px !important; }
.pdl_10 { padding-left: 10px !important; }
.pdl_15 { padding-left: 15px !important; }
.pdl_20 { padding-left: 20px !important; }
.pdl_30 { padding-left: 30px !important; }
.pdl_40 { padding-left: 40px !important; }
.pdl_45 { padding-left: 45px !important; }
.pdl_50 { padding-left: 50px !important; }
.pdl_60 { padding-left: 60px !important; }
.pdl_65 { padding-left: 65px !important; }
.pdl_70 { padding-left: 70px !important; }
.pdl_105 { padding-left: 105px !important; }
.pdl_124 { padding-left: 124px !important; }
.pdl_125 { padding-left: 125px !important; }
.pdl_127 { padding-left: 127px !important; }
.pdl_130 { padding-left: 130px !important; }
.pdl_300 { padding-left: 300px !important; }
.pdl_310 { padding-left: 310px !important; }
.pdl_320 { padding-left: 320px !important; }
.pdl_350 { padding-left: 350px !important; }
.pdt_5 { padding-top: 5px !important; }
.pdt_10 { padding-top: 10px !important; }
.pdt_20 { padding-top: 20px !important; }
.pdt_30 { padding-top: 30px !important; }
.pdt_40 { padding-top: 40px !important; }
.pdt_50 { padding-top: 50px !important; }
.pdb_5 { padding-bottom: 5px !important; }
.pdb_10 { padding-bottom: 10px !important; }
.pdb_20 { padding-bottom: 20px !important; }
.pdb_30 { padding-bottom: 30px !important; }
.pdb_40 { padding-bottom: 40px !important; }
.pdb_50 { padding-bottom: 50px !important; }
.pdr_5 { padding-right: 5px !important; }
.pdr_10 { padding-right: 10px !important; }
.pdr_20 { padding-right: 20px !important; }
.pdr_30 { padding-right: 30px !important; }
.pdr_40 { padding-right: 40px !important; }
.pdr_50 { padding-right: 50px !important; }

.pda_0{padding:0px!important; }
.pda_1{padding:1px!important; }
.pda_2{padding:2px!important; }
.pda_3{padding:3px!important; }
.pda_5{padding:5px!important; }
.pda_10{padding:10px!important; }
.pda_20{padding:20px!important; }
.pda_30{padding:30px!important; }

.txt_size11{font-size:11px!important;font-weight:normal}
.txt_size11_ul li{font-size:11px!important;font-weight:normal}
.txt_size12{font-size:12px;font-weight:normal}
.txt_size12{font-size:12px!important;font-weight:normal}
.txt_size12i{font-size:12px!important;font-weight:normal}
.txt_size13{font-size:13px;font-weight:normal}
.txt_size14{font-size:14px;font-weight:normal}
.txt_size14i{font-size:14px!important;font-weight:normal}
.txt_size18{font-size:18px;font-weight:normal}
.txt_size21{font-size:21px;font-weight:normal}

.vat { vertical-align: top !important;}
.vam { vertical-align: middle !important;}
.vab { vertical-align: bottom !important;}
.center_i { text-align: center !important; } 
.left_i{text-align:left!important}

.word_break{word-break:keep-all; }
.bold{font-weight:bold}

/******************************************************************************여기부터**/

.wrap{ margin: 0 auto; width: 880px;position:relative;}

/**여기까지**/

header{display:table;width:862px;padding:35px 0 0px 0;margin:0 0 10px 7px;}
header .logo{display:flex;align-items: flex-end;}
header .logo .searchbar{margin-left:20px;border:1px solid #0CC;background:#fff;border-radius:40px;width:440px;height:40px;line-height:36px;padding:0 0 0 20px}
header .logo .searchbar input{border:none;width:400px;height:36px;background:#fff;line-height:36px;font-size:14px;letter-spacing:-0.03em}
header .logo .searchbar input:focus{
    outline:none;
    border:none;
    box-shadow:none;
	background:none;
}
header .logo .searchbar input:focus::placeholder{
    color:transparent;
}
/* 포커스시 border 살짝 강조 */
.searchbar:has(input:focus), .searchbar:hover{
    border:1px solid #0cc;
	box-shadow:0 0 0 3px rgba(0,0,0,0.02);
}

header .logo .searchbar .btn img{width:22px}
header .logo p img{display:none}
header .logo p {background:url('/img/logo/logii_new.svg?rnd=200908') center no-repeat;background-size:135px 57px;-webkit-background-size:135px 57px;width:150px;height:57px;}
.logout, .login{display:table-cell;vertical-align:bottom;text-align:right;padding-bottom:5px}
.login{padding-bottom:0}
.logout *{vertical-align:middle;}
.logout .leftlog, .login .leftlog{float:left;padding-left:}
.login .leftlog{float:right;padding-left:}
.logout .leftlog, .login .leftlog a:hover{text-decoration:none}
.logout .rightlog, .login .rightlog{}
.logout input.entry{height:20px;line-height:20px;border:1px solid #ededed;padding-left:2px;font-size:11px;color:#666}
.logout input.entry.pwd{background:url("/img/index/inp_pwd.gif") no-repeat 5px 4px;}


.logout .leftlog span{font-weight:bold;}
.logout .leftlog label{font-size:11px;color:#666}
.logout .rightlog{;}
.logout .rightlog span{color:#ccc;font-size:11px;}


.login ul li{float:left;width:115px;;text-align:right;line-height:23px;}
.login ul li a{display:inline-block;width:100%;;color:#333;font-weight:bold}
.login ul li span{font-weight:bold;padding-right:0px;;}
.login ul li em{color:#ff5079;font-weight:bold;}

.login .rightlog{text-align:left;}
.login .rightlog .welcome{float:left;}

.login .rightlog .member{float:right;position:absolute;top:5px;right:10px}


a.btn_s_gr{border:1px solid #ededed;border-radius:5px;padding:2px 6px;height:18px;line-height:18px;display:inline-block;font-size:11px;background:#fff}
a.btn_s_gr:hover{text-decoration:none}

.content{width:100%;overflow:hidden;}

nav{position:relative}
.cart_save{position:absolute;top:6px;right:0px;display:block;}
.cart_save span{position:relative;display:block;background:url('/img/icon/ico_cart.svg') no-repeat;background-size:100%;width:32px;height:32px;}
.cart_save span em{position:absolute;display:block;top:2px;right:0px;background:#f36;border-radius:9px;font-weight:600;color:#fff;height:10px;font-size:11px;text-align:center;line-height:9px;min-width:7px;padding:0 1px 0 2px;border:1px solid #f36}





/******** 레이어팝업1 *********/
.layer_fix1 { position: fixed; _position: absolute; right: 0; bottom: 0; }


/*택배예약 이용료 안내 수정 160907*/
.tb_price{padding:0 10px}
table.basic{width:100%;text-align:center;padding:0;margin:0 0 5px 0;border:1px solid #eee}
table.basic th{background:#fafafa;font-size:11px;font-weight:normal;height:36px;border-bottom:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee;}
table.basic td{padding:0;height:28px;font-size:11px;border-right:1px solid #eee;border-bottom:1px solid #eee;}
table.basic.h18 td{height:18px}
table.basic .sml{font-size:11px;color:#666;letter-spacing:-1px}
table.basic .last{border-right:none;}
.t_reserve{border:1px solid #ededed;height:564px;margin-bottom:10px}


/*메인 배너*/

/* tvcf 플래시 */
.main_quick_banner2 { display:none}

/*좌측 날개 배너*/
.main_quick_banner_left_wrap{position:absolute;top:218px;left:-308px;overflow:hidden}/*260327배너 노출 당분간 안함*/
.main_quick_banner_left_wrap a img{cursor:pointer;border-radius:12px;}
.main_quick_banner_left_wrap .random_bn {height:210px;margin-bottom:16px;}
.main_quick_banner_left_wrap .fix_bn{margin-bottom:16px;}
.main_quick_banner_left_wrap .app_bn{margin-top:16px;border:1px solid #eee;border-radius:12px;height:207px;}

/*우측 날개 배너*/
.main_quick_banner_right_wrap, .main_quick_banner_right_kko , .main_quick_banner_right_top{display:none}


#footer_re_main { float: left; width:100%; height: 80px;padding-top:10px } 
#footer_re_main .wrap {position:relative ; margin: 5px auto; width: 870px; border-top: 1px solid #ededed;}
#footer_re_main .intro_navi {text-align: center; margin: 15px 0 10px 0;  color: #6b6b6b; font-size: 11px; }
#footer_re_main .intro_navi strong{font-size:12px;color:#666}
#footer_re_main a { margin-right: 5px; padding-right: 6px; background: url('/img/main/l_da_11.gif') no-repeat right 3px; color: #6b6b6b; }
#footer_re_main a.last { background: none; margin-right: 0; }
#footer_re_main a:hover { text-decoration:underline }
#footer_re_main p {  color: #888; font-size: 11px;text-align:center; padding:2px 0;display:inline-block;letter-spacing:-0.02em }
#footer_re_main p span{color:#ccc}
#footer_re_main .intro_navi + p{padding-right:5px}

#footer_mobile a{width:100%;display:block;text-align:center;margin-top:10px;background:url('/img/background/footer_mobile.gif') #e1e5e8 top repeat-x;border-bottom:1px solid #cdccd1;padding:20px 0}


.layer_txt_main{position:absolute;left:-1px;top:-1px;width:289px;height:180px;padding:10px 5px 19px 5px;background:#fafafa;border:1px solid #eee;text-align:center;z-index:9999;color:#666}
.layer_txt_main h2{margin:10px 0;color:#454545!important;}
.layer_txt_main div{line-height:14px;font-size:11px;padding-bottom:6px;color:#454545!important}
.layer_txt_main .pop_close{width:20px;height:20px;position:absolute;top:2px;right:0px;cursor:pointer;z-index:999;}
.layer_txt_main a.btn{margin:0 auto;width:50px;display:block; padding:5px; background:#888; color:#fff; text-align:center;font-size:11px;font-weight:bold;}
.layer_txt_main a.btn:hover{text-decoration:none;}

.layer_txt_main .r_stop_txt p{font-size:11px;color:#666;word-break:keep-all;color:#454545!important}
.layer_txt_main .r_stop_txt em{margin:5px 0 3px 0;display:inline-block;font-weight:bold;color:#454545!important}
.layer_txt_main .r_stop_txt dl{border:1px solid #eee;background:#fff;padding:8px 30px 8px 30px;margin:8px 0;color:#454545;text-align:center}
.layer_txt_main .r_stop_txt dt{margin:3px 0;color:#454545!important}
.layer_txt_main .r_stop_txt dd{line-height:16px;color:#454545!important}

.layer_txt_main .tbl_basic_1 {position:absolute;top: 50%;transform: translateY(-50%);width:96%;margin-top:15px}
.layer_txt_main .tbl_basic_1 td strong{color:#454545!important;}
.layer_txt_main .tbl_basic_1 td{font-size:12px;padding:12px 0;color:#454545!important;border:1px solid #eee;background:#fff}
.layer_txt_main .tbl_basic_1 td:last-child{color:#ff5079!important}


.new2017 .leftcont{float:normal;width:100%;margin:14px 0}
.new2017 .rightcont{margin:0 0 10px 0;padding:0 ;display:flex; gap:12px;background:#fff;border:1px solid #C4E6E6;border-radius:12px;background:linear-gradient(to bottom, #fff 0%, #F9FBFB  100%);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);}
.new2017 .rightcont .dashboard_wrap,.new2017 .rightcont .tpay_area,.new2017 .rightcont .shopdashboard_wrap {position:relative;flex: 0 0 calc((100% - 24px) / 3); box-sizing: border-box;height:210px;border-radius:12px}
.new2017 .rightcont .shoplink_dashboard:before{content:'';width:1px;height:170px;background:#DDEBEB;position:absolute;top:20px;left:-12px}
.new2017 .rightcont .shoplink_dashboard:after{content:'';width:1px;height:170px;background:#DDEBEB;position:absolute;top:20px;right:-12px}

.new2017 .rightcont .dashboard_wrap{padding:0 18px}
.new2017 .rightcont .tpay_area{padding:0 8px}
.new2017 .rightcont .shoplink_dashboard{padding:0 8px}


.login_wrapper{display:flex;gap:14px}
.login_wrapper div.tpay_banner_wrap {
    flex: 0 0 calc(66.666% - 12px); box-sizing: border-box;border: 1px solid #eef0f3;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);border-radius:12px;background:#fff
}
.login_wrapper div.tpay_banner_wrap img{padding-top:10px;border-radius:12px}
.login_wrapper div.box_login_wrap2{
    flex: 0 0 calc(33.333% - 12px); box-sizing: border-box;background:#fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/*메인 리뉴얼 끝*/

/*아이콘이미지*/

.ico_new{display:inline-block;background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;text-indent:-9999em;width:18px;height:18px;line-height:15px;}
.ico_newbz{display:inline-block;background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;text-indent:-9999em;width:18px;height:18px;line-height:15px;}
.imico_tnum{background:url('/img/icon/icon_taekbae.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block}
.imico_spig{background:url('/img/icon/icon_shopa.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_part{background:url('/img/icon/icon_change.png') no-repeat center center;background-size:22px;width:22px;height:22px;display:inline-block;}/*서비스점검중 파일명 sleep추가됨 main_m.css html2015.css */
.imico_plus{background:url('/img/icon/icon_point.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_even{background:url('/img/icon/icon_gift2.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_hana{background:url('/img/icon/icon_hana.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_ocb{background:url('/img/icon/icon_ocb.png') no-repeat center center;background-size:22px;width:22px;height:22px;display:inline-block;}

.imico_rese{background:url('/img/icon/icon_reserve.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_cupn{background:url('/img/icon/icon_coupon.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_pspg{background:url('/img/icon/icon_cart.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_mbil{background:url('/img/icon/icon_buger.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_uncf{background:url('/img/icon/icon_heart.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_data{background:url('/img/icon/icon_mobile.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;}
.imico_store{background:url('/img/icon/icon_store.png') no-repeat center center;background-size:20px;width:20px;height:22px;display:inline-block;}

.imico_arrr{background:url('/img/icon/icon_arrowr.png') no-repeat right center;background-size:8px;width:20px;height:14px;display:inline-block;}
.imico_arrl{background:url('/img/icon/icon_arrowl.png') no-repeat left center;background-size:8px;width:20px;height:14px;display:inline-block;}
.imico_arrr_w{background:url('/img/icon/icon_arrowr_w.png') no-repeat right center;background-size:8px;width:20px;height:14px;display:inline-block;}
.imico_arrl_w{background:url('/img/icon/icon_arrowl_w.png') no-repeat left center;background-size:8px;width:20px;height:14px;display:inline-block;}
.imico_arrb_2{background:url('/img/icon/icon_arrowb_2s.png') no-repeat center center;background-size:10px;width:40px;height:14px;display:inline-block;}
.dashed{text-decoration:line-through}

/*서울전역 확대오픈
.openbox{background:#ff507b;position:absolute;top:0;right:0;width:50px;font-size:11px;text-align:center;color:#fff;line-height:14px;padding:2px 0}
.t_reserve{height:890px}
.notice_main{height:50px;}

.ocopy3 .p6{font-size:11px;color:#777;background:url('/img/index/exc.png') no-repeat 0px center;background-size:13px;height:14px;padding-left:15px;margin-top:2px;letter-spacing:-0.05em}
.tbl_basic_1 td{padding:2px 2px}


.layer_txt_main .r_stop_txt p.c_red *{color:#ff507b!important;}
.layer_txt_main .r_stop_txt p.c_red .dashed{text-decoration:line-through}


/**로지아이 택배 통합 Ui 수정*/


/*택배용품몰*/
.native_scroll{margin-bottom:10px;overflow-x:auto;scrollbar-color: rebeccapurple green;scrollbar-face-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#fff}
.native_scroll::-webkit-scrollbar{background:#f2f3f5}
.native_scroll .native_scroll_list{width:100%;}
.native_scroll .native_scroll_list li{width:31.3%;margin-right:3%;float:left;position:relative;overflow:hidden}
.native_scroll .native_scroll_list li:nth-child(1), .native_scroll .native_scroll_list li:nth-child(2), .native_scroll .native_scroll_list li:nth-child(3){margin-bottom:10px}
.native_scroll .native_scroll_list li a{height:82px;display:block;color:#fff;font-size:12px;border-radius:5px;overflow: hidden;border:1px solid #eee;}
.native_scroll .native_scroll_list li a span{text-align:left;color:#333;padding:8px 5px 2px 8px ;display:block;font-size:12px;word-break:keep-all;font-weight:;line-height:1.15em;}
.native_scroll .native_scroll_list li a em{display:block;width:40px;text-align:center;line-height:1.0em;margin:0px 7px;border-radius:2px;padding:1px 0px;font-size:10px;color:#0cc;font-weight:600;letter-spacing:-0.02em;font-family:'noto'}
.native_scroll .native_scroll_list li a em br{display:none;line-height:0}
.native_scroll .native_scroll_list li a p{background:url('/img/icon/reserve_boxmall.png') no-repeat 0 0;position:absolute;top:0;right:0;width:100%;height:87px;background-size:600px;overflow:hidden;text-indent:-9999em;border-radius:8.1px;}
.native_scroll .native_scroll_list li.more a{background:#f9f9f9}
.native_scroll .native_scroll_list li.more span{text-align:center;font-size:20px;padding-top:26px;color:#aaa}
.native_scroll .native_scroll_list li a:hover{text-decoration:none}
.native_scroll .native_scroll_list li a:hover{text-decoration:none}

.native_scroll .native_scroll_list li:nth-child(1) a p{background-position: 30px 36px }
.native_scroll .native_scroll_list li:nth-child(2) a p{background:url('/img/icon/reserve_boxmall2.png') no-repeat -420px 32px;background-size:1400px;height:83px;}
.native_scroll .native_scroll_list li:nth-child(3) a p{background:url('/img/icon/reserve_boxmall2.png') no-repeat -210px 25px;background-size:1400px;height:83px;}
/*.native_scroll .native_scroll_list li:nth-child(4) a p{background:url('/img/icon/reserve_boxmall2.png') no-repeat -635px 22px;background-size:1400px;height:83px; }*/

.native_scroll .native_scroll_list li.sfinder_label a p{background:url('/img/icon/reserve_boxmall2.png?ver=2') no-repeat -1390px 25px;background-size:1800px;height:83px; }
.native_scroll .native_scroll_list li:nth-child(3), .native_scroll .native_scroll_list li:nth-child(6){margin-right:0!important}
.native_scroll .native_scroll_list li.sfinder_printer a p{background:url('/img/icon/reserve_boxmall2.png?ver=2') no-repeat -1486px 28px;background-size:1600px;height:83px; }
.native_scroll .native_scroll_list li.sfinder_aircap a p{background:url('/img/icon/reserve_boxmall2.png?ver=3') no-repeat -740px 22px;background-size:1600px;height:83px; }

/*택배용품몰 끝*/
.new2017 .ico_tb.visit{background-position:0px -450px;}

.reserve_price_wrap{margin:10px 0;}

.tbl_basic_r{width:598px;border:1px solid #eee;}
.tbl_basic_r th{background:#f7fbfb;font-size:12px;color:#546966;padding:7px 3px;word-break:keep-all;border-bottom:1px solid #eee;border-left:1px solid #eee;}
.tbl_basic_r th span{display:block;font-size:12px;font-weight:normal;letter-spacing:-0.03em;color:#565656;}
.tbl_basic_r td{text-align:center;padding:8px 0;font-size:11px;word-break:keep-all;color:#575d6d;letter-spacing:0.0em!important;border-bottom:1px solid #eee;}
.tbl_basic_r thead tr th{border-left:1px solid #eee;}
.tbl_basic_r td:first-child{border-left:none}
.tbl_basic_r tbody td{font-weight:normal;border-left:1px solid #eee}

.title_price h1{font-size:14px;padding:7px 0 0 3px}
.btn_section{text-align:center;padding:0 20px}
.btn_section a{width:100%;height:40px;line-height:40px;border:1px solid #5ac7ce;color:#fff;display:block;font-weight:bold;font-size:14px;background:url('/img/icon/icon_arrowr_w.png') no-repeat 94% center #5ac7ce;background-size:8px;}
.btn_section a:hover{border:1px solid #fff}
.new2017 .otb_res li{background-image:none;padding:3px 0;height:194px}
.new2017 .otb_res li:hover{background-image:none}
.new2017 .ocopy{width:90%;padding:10px;}


.c_red *{font-size:11px;color:#f36}
.c_red strong{font-size:11px;font-weight:normal}

.layer_txt_main#allclosepop{width:589px;height:171px;top:-1px;left:-1px;}
.layer_txt_main#allclosepop .infotxt{padding:20px 0}
.layer_txt_main#allclosepop .infotxt p{font-size:12px;line-height:18px}
.layer_txt_main#allclosepop .infotxt em{background:url('/img/icon/exp_w0.png') no-repeat 0 1px;padding-left:18px}
.layer_txt_main#allclosepop .button_gray{background:#777;color:#fff;font-size:12px;padding:8px 30px}


p.c_red{color:#f36;}
p.c_red strong{color:#f36!important;font-weight:700}
p.c_red .dashed{text-decoration:line-through}






/* font */
/* 나눔스퀘어 */
@font-face{
	font-family:"nanumsq";
	font-style:normal;
	src:url('font/NanumSquareR.woff2');
	src:url('font/NanumSquareR.eot#iefix') format('embedded-opentype'),
		url('font/NanumSquareR.woff') format('woff'),
		url('font/NanumSquareR.ttf') format('truetype');
}

@font-face{
	font-family:"nanumsq";
	font-style:normal;
	font-weight:300;
	src:url('font/NanumSquareL.woff2');
	src:url('font/NanumSquareL.eot#iefix') format('embedded-opentype'),
		url('font/NanumSquareL.woff') format('woff'),
		url('font/NanumSquareL.ttf') format('truetype');
}

@font-face{
	font-family:"nanumsq";
	font-style:normal;
	font-weight:700;
	src:url('font/NanumSquareB.woff2');
	src:url('font/NanumSquareB.eot#iefix') format('embedded-opentype'),
		url('font/NanumSquareB.woff') format('woff'),
		url('font/NanumSquareB.ttf') format('truetype');
}

@font-face{
	font-family:"nanumsq";
	font-style:normal;
	font-weight:800;
	src:url('font/NanumSquareEB.woff2');
	src:url('font/NanumSquareEB.eot#iefix') format('embedded-opentype'),
		url('font/NanumSquareEB.woff') format('woff'),
		url('font/NanumSquareEB.ttf') format('truetype');
}

/* noto sans*/
@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:100;
	src:url('font/notokr-thin.woff2');
	src:url('font/notokr-thin.eot#iefix') format('embedded-opentype'),
		url('font/notokr-thin.woff') format('woff'),
		url('font/notokr-thin.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:300;
	src:url('font/notokr-light.eot');
	src:url('font/notokr-light.eot#iefix') format('embedded-opentype'),
		url('font/notokr-light.woff') format('woff'),
		url('font/notokr-light.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:350;
	src:url('font/notokr-demilight.eot');
	src:url('font/notokr-demilight.eot#iefix') format('embedded-opentype'),
		url('font/notokr-demilight.woff') format('woff'),
		url('font/notokr-demilight.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:400;
	src:url('font/notokr-regular.eot');
	src:url('font/notokr-regular.eot#iefix') format('embedded-opentype'),
		url('font/notokr-regular.woff') format('woff'),
		url('font/notokr-regular.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:500;
	src:url('font/notokr-medium.eot');
	src:url('font/notokr-medium.eot#iefix') format('embedded-opentype'),
		url('font/notokr-medium.woff') format('woff'),
		url('font/notokr-medium.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:800;
	src:url('font/notokr-bold.eot');
	src:url('font/notokr-bold.eot#iefix') format('embedded-opentype'),
		url('font/notokr-bold.woff') format('woff'),
		url('font/notokr-bold.ttf') format('truetype');
}


/* reset css end */

.tbl_basic_r td * {font-size:12px}
.tbl_basic_r td{padding:8px 0!important}
.tbl_basic_r tbody td{height:23px}

span.c_red strong{color:#f36;font-weight:bold}
span.c_red{color:#f36!important}

.title_price{position:relative;}
.title_price a.btn_view{position:absolute;top:10px;right:10px}
.title_price a.btn_view span:before{background:url('/img/icon/icon_see.png') no-repeat;content:'';background-size:100%;width:15px;height:15px;margin:0 3px 0 0;vertical-align:middle;display:inline-block}

#boxsize_layer_all .close_pop{z-index:9999}
.package_area .boxsize_wrap li .ninfo_area_list{padding:10px 0 0 0}
.package_area .boxsize_wrap li .ninfo_area_list li{text-align:left;border-top:none!important;width:100%}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url('/img/icon/right_ct_c.png')!important}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url('/img/icon/left_ct_c.png')!important}
.center{text-align:center;}
#boxsize_layer_a .popup_layer,#boxsize_layer_a2 .popup_layer,#boxsize_layer_b .popup_layer,#boxsize_layer_c .popup_layer,#boxsize_layer_d .popup_layer,#boxsize_layer_all .popup_layer{width:350px}
.swiper-slide{text-align:center}
.swiper-slide .ninfo_area_list li{text-align:left;}
.m_tit *{letter-spacing:-0.04em}
.m_tit u.r_point{position:absolute;top:10px;left:250px;text-align:left;display:inline;width:230px}

.boxsize_layer_wrap *{letter-spacing:-0.03em}
.boxsize_layer_wrap .tit1{padding:0 0 0 5px;color:#666;font-size:16px!important;font-weight:bold}
.boxsize_layer_wrap .tit1 p{font-size:12px;padding:5px 0;color:#666;font-weight:normal}
.boxsize_layer_wrap .tit2 strong{padding:10px 0 4px 0;color:#333;font-size:15px!important;display:block}
.boxsize_layer_wrap .tit2 p{font-size:12px;color:#666;font-weight:normal}
.boxsize_layer_wrap .tit span{color:#666;font-size:12px;font-weight:normal}
.boxsize_layer_wrap .boxsize_area{text-align:center;}
.boxsize_layer_wrap .boxsize_area .img{}
.boxsize_layer_wrap .tabmenu{}
.boxsize_layer_wrap .tabmenu ul{display:table;width:100%;border-top:1px solid #eee}
.boxsize_layer_wrap .tabmenu li{display:table-cell;height:35px;line-height:35px;text-align:center;position:relative;}
.boxsize_layer_wrap .tabmenu li a{font-size:13px;height:35px;line-height:35px;display:;color:#666;width:100%;border-bottom:1px solid #eee;display:block;letter-spacing:-0.05em}
.boxsize_layer_wrap .tabmenu li a:hover{text-decoration:none}
.boxsize_layer_wrap .tabmenu li.on a{font-size:13px;height:35px;line-height:35px;color:#333;font-weight:bold;border-bottom:1px solid #454545;letter-spacing:-0.05em}
.boxsize_layer_wrap .btn_g3_sm{width:100%;height:30px;line-height:30px;color:#666;display:block;text-align:center;}


.w246 { width: 246px !important; }
.w250 { width: 250px }
.w274 { width: 274px }
.w296 { width: 296px }
.w303 { width: 300px !important;}
.w304 { width: 304px !important;}
.w347 { width: 347px }
.w370 { width: 370px!important; }

.popup_layer_wrap{position: fixed;top:0px;left:0px;z-index: 9999;width: 100%;height: 100%;display:table;background: rgba(0,0,0,0.2);vertical-align:middle;}

.popup_layer_wrap .overlay_t{ display:none}
.popup_layer_wrap .popup_layer{position:absolute;text-align:center;z-index:9999;overflow-y:auto;max-height:670px;width:450px;padding:20px;text-align:left;
margin:0 auto;top:50%;left: 50%; transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);background:#fff;border:1px solid #aaa}

.popup_layer_wrap .popup_layer.img_layer{position:absolute;text-align:center;z-index:9999;overflow-y:auto;max-height:420px;width:330px;padding:0;text-align:left;
margin:0 auto;top:50%;left: 50%; transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);background:#fff;border:1px solid #aaa}

.popup_layer .tit{font-size:18px;font-weight:bold;padding:10px 0 20px 0;display:inline-block}
.popup_layer .tit_x{font-size:18px;font-weight:bold;padding:10px 0 20px 0;line-height:22px;text-align:center;}
.popup_layer .close{position:absolute;right:5px;top:5px;text-indent:-9999em;background:url('/images/banner/bn_appdown_close.png') no-repeat;background-size:18px;width:20px;height:20px;}
.popup_layer .close_pop{position:absolute;right:5px;top:5px;text-indent:-9999em;cursor:pointer;background:url('/img/btn/close_bk_20.gif') no-repeat 0 0;background-size:18px;width:20px;height:20px;}
.popup_layer .ok{background:#454545;width:100%;height:44px;line-height:44px;text-align:center;font-size:14px;color:#fff;display:block;}
.popup_layer .btn_g3{background:#454545;width:100%;height:44px;line-height:44px;text-align:center;font-size:14px;color:#fff;display:block;}
.popup_layer .btn_g3.on_0cc{background:#0cc}
.popup_layer .btn_g3:hover{text-decoration:none}
.popup_layer .btn_g3_half{background:#454545;width:30%;height:44px;line-height:44px;text-align:center;font-size:14px;color:#fff;display:block;margin:0 auto}
.popup_layer .btn_g3_half:hover{text-decoration:none}
.popup_layer td{font-size:14px!important}
.popup_layer *{font-size:14px}
.popup_layer table th{text-align:center}
.popup_layer .list01{margin-bottom:20px!important}
.popup_layer .center{padding-top:10px}
.popup_layer .subtit{word-break:keep-all;color:#666;line-height:18px;font-size:14px}
.popup_layer_wrap .ninfo_area{margin:0px 0 20px 0}
.popup_layer_wrap .popup_layer .ninfo_area_list li{background:url('/img/bullet/squ_c_4.gif') no-repeat 0px 7px;padding-left:10px;margin-bottom:5px;line-height:18px;word-break:keep-all}

.btn_end_pop {width:100%;overflow:hidden;text-align:center;margin:20px 0 10px 0}
.btn_end_pop .btn_prev{background:#f9f9f9;border:1px solid #ddd;height:38px;line-height:38px;width:22%;display:inline-block;font-size:14px;color:#666;font-weight:bold}
.btn_end_pop .btn_next{background:#36c7c4;border:1px solid #36c7c4;height:38px;line-height:38px;width:22%;display:inline-block;font-size:14px;color:#fff;font-weight:bold}
.btn_end_pop a:hover{text-decoration:none}
.btn_end_pop .btn_tbl{padding:0 40px;background:#0cc;height:38px;line-height:38px;display:inline-block;font-size:14px;color:#fff;font-weight:500;}
.btn_end_pop .btn_tbl.bg_9{background:#eee;color:#666}


.tbl_basic_r tbody td{height:20px}

em.ico_n{display:inline-block;background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;text-indent:-9999em;width:18px;height:18px;line-height:15px;}



.title_price5 h1{font-size:12px;padding:3px 0 0 15px}
.info_title5{font-size:14px;color:#e5121e}
.info_list5 {padding:0px 0 10px 15px}
.info_list5 li{background:url('/img/bullet/squ_c.gif') no-repeat 0px 7px;padding-left:7px;line-height:18px;word-break:keep-all;color:#666}


.title_area h2 a{font-size:14px}

.cuinfotxt{padding:0px 5px;margin:0 }

a.btn_menuall{position:absolute;top:20px;right:0;padding:5px 15px 2px 10px;font-size:11px;color:#666;background:none!important;border:1px solid #eee;display:block;}
a.btn_menuall:hover{text-decoration:none!important;border:1px solid #ccc}
.all_menu11 td{text-align:left}
.all_menu11 th a{color:#333;font-size:11pxtext-align:left}
.all_menu11 a{background:none!important;padding:0!important;margin:0!important;text-align:left!important}
.all_menu11 a:hover{text-decoration:none}
#footer_re_main .wrap{border-top:1px solid #eee;}

.all_menu11 { position: absolute; bottom: 32px; right: 0; }
/*메인 쇼핑몰반품추가 끝*/




/*택배배송조회 추가 시작 /*택배예약현황 추가 20201019 수정*/

.list_blank p{padding:50px 0 0 0;color:#888;font-size:11px;text-align:center}
.list_loading p{padding:80px 0 0 0;color:#888;font-size:11px;text-align:center}
.list_blank p:before{content:'';display:block;width:28px;height:45px;line-height:45px;;background:url('/img/icon/t_cate_ico2x.png?rnd=200908') no-repeat;background-size:220px 352px;-webkit-background-size:220px 352px;margin:0 auto}
.list_blank p:before{background-position:-28px  -98px}
.list_loading p:before{content:'';display:block;width:55px;height:35px;line-height:35px;background:url('/img/icon/loof_dot.gif') no-repeat ;background-size:100%;margin:0 auto}
.list_blank a{margin:7px 0;text-align:center;background:#0cc;color:#fff;display:inline-block;padding:0 10px;font-size:11px;border-radius:5.1px;height:28px;line-height:28px;}
.list_blank a:hover{text-decoration:none}

.ico_return{background:#f36;color:#fff!important;border-radius:2px;letter-spacing:-1px;font-size:11px;padding:2px 2px;margin:0 3px 0 0 }
.btn_overview {margin:3px 5px;}
.btn_overview a{text-align:right;color:#666;border-radius:5.1px;display:block;padding:8px 0;font-size:11px;background:url('/img/icon/right_ct_c.png') no-repeat right center;background-size:5px;padding-right:10px}

/*택배배송조회 추가 시작 끝*/


.list_blank,.list_loading{padding:0px 0 0 0;height:208px;text-align:center}



/*공지사항*/
.notice_txt_wrap{overflow:hidden;}
.notice_tit:before{;cursor:pointer;content:'공지';font-weight:bold;font-size:12px;letter-spacing:-0.05em;text-align:center;display:block;width:36px;border:1px solid #ddd;border-radius:8px;color:#151515;position:absolute;left:0px;top:-2px;height:20px;line-height:20px;overflow:hidden;cursor:pointer}
.notice_tit:hover:before{background:#f6f8fa}
.notice_txt_wrap .txt{color:#151515;font-size:13px;display:block;height:20px;}
.notice_txt_wrap *:hover{text-decoration:none}
.notice_container{position:relative;padding-left:46px;margin-bottom:10px}

/*챗봇배너*/
.chatbot_bn{position:absolute;bottom:-15px;right:-120px;}
.chatbot_bn a:hover{text-decoration:none!important}
.chatbot_bn a{background:none!important;cursor:pointer;display:block}
/*챗봇배너*/

/*택배페이*/

.tpay_area h1{font-size:14px;padding:0px 15px 10px 5px}
.tpay_area h1 a{font-size:14px}
.tapy_cont{padding-top:10px;padding-bottom:5px}/*메인구성2408*/
.tapy_cont h1{padding-left:15px;padding-top:5px;display:flex;justify-content: space-between}
.tapy_cont h1 .more{font-size:12px;text-align:right;font-weight:normal;}
.tapy_cont h1 .more:after{content:'+';width:4px;height:6px;;display:inline-block;line-height:12px;color:#888;font-size:14px}
.tapy_cont h1.name{display:block}
.tpay_my{width:100%;display:table;padding:5px 0 5px 0;position:relative;margin:5px 0 }/*메인구성2304*/
.tpay_my span{display:table-cell;padding-left:20px;}
.tpay_my span strong{font-size:14px;font-weight:bold;color:#f36;letter-spacing:-0.03em;text-align:right;padding-right:10px}
.tpay_btn {display:table;width:90%;margin:0 5%}
.tpay_btn a{display:table-cell;background:#0cc;font-weight:bold;color:#fff;padding:13px 0;text-align:center;width:40%;margin:2.5%;border-right:1px solid #fff;border-radius:10px}
.tpay_btn a:hover{text-decoration:none}
.tpay_menu {background:#fff;margin:12px 14px 0px 14px;border-radius:10px;padding:15px 0;}
.tpay_menu li{background:url('/img/icon/ico_pay.png') no-repeat 14px 10px;line-height:36px;padding-left:44px;color:#666}	 
.tpay_menu li:nth-child(2){background-position: 14px -20px}
.tpay_menu li a{display:block;width:100%;background:url('/img/icon/right_ct_c.png') no-repeat 94% center;background-size:8px}

.tpay_card_add{padding:10px 15px 6px 15px;}
.tpay_card_add a{display:block;border:1px dashed #dbdbdb;border-radius:10px;background:#f6f8fa;padding:15px 0 10px 0;text-align:center;height:66px}
.tpay_card_add a p{padding:5px 0;color:#151515}
.tpay_card_add a:hover{text-decoration:none	}
.tpay_card_add a:before{content:'+';;background-size:100%;border-radius:8em;width:24px;height:24px;line-height:20px;display:inline-block;text-align:center;color:#0cc;border:0.8px solid #0cc;font-size:22px;font-weight:bold}
.tpay_cash{display:flex;justify-content: space-between;padding:4px 14px;font-size:12px;align-items: center}
.tpay_cash strong{font-size:14px; margin-left:auto;  }
.tpay_cash .btn{background:#0cc;color:#fff;padding:4px 10px;border-radius:6px;margin-left:8px}

.tpay_card_edit{position:relative;padding:10px 15px 10px 15px;display:block;border:1px solid #0cc;border-radius:10px;background:#fff;text-align:;margin:0 15px 5px 15px}
.tpay_card_edit .btn_row{text-align:center;padding:13px 0 5px 0}
.tpay_card_edit .tit{font-size:11px;color:#666;margin-bottom:15px;text-align:center}
.tpay_card_edit p, .tpay_card_edit p strong{font-size:14px;color:#151515;text-align:center}
.tbpay_card_name{padding:3px 0 8px 0;display:inline-block;text-align:center}
.tpay_card_edit .btn_edit{display:inline-block}
.tpay_card_edit .btn_edit img{width:16px;padding-bottom:2px;opacity:0.7;border-radius:0!important}

.tpay_card_edit .btn_row a{font-size:11px;color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:5.1px;padding:5px}
.tpay_card_edit .btn_row a:hover{text-decoration:none}

.charge{position:absolute;top:15px;right:15px;color:#666;font-size:11px;letter-spacing:-0.05em;}
.charge:before{content:'';position:absolute;top:-3px;right:43px;background:url('/img/icon/ico_plus.png') no-repeat 0 2px;width:12px;height:14px;line-height:12px;display:inline-block;color:#333;font-size:12px;font-weight:bold;margin-right:2px}
.charge:hover{text-decoration:none}
.shopa_box{padding:10px}
.shopa_box .copy{font-size:12px;color:#888;word-break:keep-all;line-height:1.4em;text-align:center;margin:2px 0 5px 0}
.shopa_box .copy2 p{color:#151515}
.shopa_box .mall_wrap{width:100%;margin:0;}
.shopa_box .mall_wrap *{font-size:11px!important}

.pay_card_logo{position:relative;margin:0px 15px 6px 15px;border-radius:10px;background:#0cc}

.pay_card_logo h1.tit{padding:16px 0 5px 60px;font-size:12px;font-weight:normal;color:#fff}
.pay_card_logo h1{color:#fff;padding:0}
.pay_card_logo h1.name{line-height:11px;padding-left:20px;padding-top:4px}
.pay_card_logo h1 strong{font-size:14px;color:#fff;display:inline-block;padding-top:0}
.pay_card_logo h1 span{font-size:14px;color:#fff;display:inline-block;padding-top:0}
.pay_card_logo h2{font-size:11px;padding:5px 20px 5px 20px;color:#fff;opacity:0.5}
.pay_card_logo .btn_edit{display:inline-block;padding-top:10px;}
.pay_card_logo .btn_edit img{width:21px;opacity:0.9}
.pay_card_logo .btn_btm{text-align:center;background-color : rgb(0, 0, 0, 0.3);border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.pay_card_logo .btn_btm a{color:#fff;font-size:11px;font-weight:normal;padding:6px 0;display:inline-block;position:relative;}
.pay_card_logo .btn_btm a:after{content:'';width:1px;height:8px;display:inline-block;background:#151515;margin:0 10px;opacity:0.3;}
.pay_card_logo .btn_btm a:last-child:after{display:none}
.pay_card_logo .btn_btm + .pr_tooltip_top{top:133px;}
.pay_card_logo + .tpay_pwd_edit a{position:relative;display:block;text-align:right;color:#151515;padding:0px 15px 0px 0px;border-radius:8px;}
.pay_card_logo + .tpay_pwd_edit a p:before{opacity:0.7;content:'';width:20px;height:20px;background:url('/img/icon/ico_key.png') no-repeat 0 6px;display:inline-block;background-size:14px;}
.pay_card_logo + .tpay_pwd_edit a:after{display:none}
.pay_card_logo .mycard_on{box-shadow:0px 1px 3px #555;position:absolute;top:5px;right:5px;background:#fff;padding:4px 6px;border-radius:5px;font-size:12px;font-weight:600!important;color:#f36;letter-spacing:-0.03em}
.multiple_card_wrap{width:94%;overflow:hidden;margin:0 3%}
.multiple_card_wrap li{margin:0 3% 30px 3%;float:left;width:44%}
.multiple_card_wrap .pay_card_logo h1:nth-child(2){padding-top:10px}

.pay_card_logo:before{content:'';width:30px;height:30px;border-radius:10em;background:url('/img/logo/card_logo.png?ver=2') no-repeat -0px -0px; background-size:100%;display:block;position:absolute;top:10px;left:20px}
.pay_card_logo.cardlogo_bc:before{background-position:0px -78px;}/*BC*/
.pay_card_logo.cardlogo_bc{background-color:#ff5047}

.pay_card_logo.cardlogo_kb:before{background-position:0px -39px;}/*국민*/
.pay_card_logo.cardlogo_kb{background-color:#736550}

.pay_card_logo.cardlogo_hana:before{background-position:0px -155px;}/*하나*/
.pay_card_logo.cardlogo_hana{background-color:#028973}

.pay_card_logo.cardlogo_samsung:before{background-position:0px -233px;}/*삼성*/
.pay_card_logo.cardlogo_samsung{background-color:#008aff}

.pay_card_logo.cardlogo_shinhan:before{background-position:0px -273px;}/*신한*/
.pay_card_logo.cardlogo_shinhan{background-color:#0030b5}

.pay_card_logo.cardlogo_hyundai:before{background-position:0px -307px;}/*현대*/
.pay_card_logo.cardlogo_hyundai{background-color:#222}

.pay_card_logo.cardlogo_lotte:before{background-position:0px -344px;}/*롯데*/
.pay_card_logo.cardlogo_lotte{background-color:#e6332a}

.pay_card_logo.cardlogo_city:before{background-position:0px -382px;}/*씨티*/
.pay_card_logo.cardlogo_city{background-color:#015597}

.pay_card_logo.cardlogo_nh:before{background-position:0px -417px;}/*NH*/
.pay_card_logo.cardlogo_nh{background-color:#0aa63a}

.pay_card_logo.cardlogo_suhyup:before{background-position:0px -453px;}/*수협*/
.pay_card_logo.cardlogo_suhyup{background-color:#3399ff}

.pay_card_logo.cardlogo_shinhyup:before{background-position:0px -489px;}/*신협*/
.pay_card_logo.cardlogo_shinhyup{background-color:#0066cc}

.pay_card_logo.cardlogo_woori:before{background-position:0px -529px;}/*우리*/
.pay_card_logo.cardlogo_woori{background-color:#33ccff}

.pay_card_logo.cardlogo_gwangju:before{background-position:0px -602px;}/*광주*/
.pay_card_logo.cardlogo_gwangju{background-color:#0e2067}

.pay_card_logo.cardlogo_jeonbuk:before{background-position:0px -602px;}/*전북*/
.pay_card_logo.cardlogo_jeonbuk{background-color:#0e2067}

.pay_card_logo.cardlogo_jeju:before{background-position:0px -273px;}/*제주*/
.pay_card_logo.cardlogo_jeju{background-color:#0030b5}

.pay_card_logo.cardlogo_saneun:before{background-position:0px -638px;}/*산은캐피탈*/
.pay_card_logo.cardlogo_saneun{background-color:#0e2067}

.pay_card_logo.cardlogo_visa:before{background-position:0px -673px;}/*해외비자*/
.pay_card_logo.cardlogo_visa{background-color:#0030b5}

.pay_card_logo.cardlogo_master:before{background-position:0px -709px;}/*해외마스터*/
.pay_card_logo.cardlogo_master{background-color:#0030b5}

.pay_card_logo.cardlogo_diners:before{background-position:0px -744px;}/*해외다이너스*/
.pay_card_logo.cardlogo_diners{background-color:#0030b5}

.pay_card_logo.cardlogo_amx:before{background-position:0px -778px;}/*해외amx*/
.pay_card_logo.cardlogo_amx{background-color:#0030b5}

.pay_card_logo.cardlogo_jcb:before{background-position:0px -813px;}/*해외jcb*/
.pay_card_logo.cardlogo_jcb{background-color:#0030b5}

.pay_card_logo.cardlogo_okcashbag:before{background-position:0px -848px;}/*ok캐쉬백*/
.pay_card_logo.cardlogo_okcashbag{background-color:#ff2b3f}

.pay_card_logo.cardlogo_epost:before{background-position:0px -883px;}/*우체국*/
.pay_card_logo.cardlogo_epost{background-color:#ff482a}

.pay_card_logo.cardlogo_kfcc:before{background-position:0px -918px;}/*새마을금고*/
.pay_card_logo.cardlogo_kfcc{background-color:#377fcf}

.pay_card_logo.cardlogo_kdb:before{background-position:0px -638px;}/*kdb*/
.pay_card_logo.cardlogo_kdb{background-color:#0e2067}

.pay_card_logo.cardlogo_kakaobank:before{background-position:0px -116px;}/*카카오*/
.pay_card_logo.cardlogo_kakaobank{background-color:#ffcc00}

.pay_card_logo.cardlogo_kbank:before{background-position:0px -194px;}/*케이뱅크*/
.pay_card_logo.cardlogo_kbank{background-color:#1515150cc}

.pay_card_logo.cardlogo_payco:before{background-position:0px -953px;}/*페이코*/
.pay_card_logo.cardlogo_payco{background-color:#ff0d01}

.pay_card_logo.cardlogo_kakaomoney:before{background-position:0px -988px;}/*카카오머니**/
.pay_card_logo.cardlogo_kakaomoney{background-color:#ffcc00}

.pay_card_logo.cardlogo_ssgmoney:before{background-position:0px -1025px;}/*ssg머니*/
.pay_card_logo.cardlogo_ssgmoney{background-color:#555}

.pay_card_logo.cardlogo_naverpoint:before{background-position:0px -1063px;}/*네이버포인트*/
.pay_card_logo.cardlogo_naverpoint{background-color:#1fc700}

.pay_card_logo.cardlogo_ibk:before{background-position:0px -1098px;}/*ibk기업*/
.pay_card_logo.cardlogo_ibk{background-color:#006aff}

/*택배페이 끝*/



.fr_area span{color:#333;font-size:12px;position:relative;padding-left:22px}
.fr_area span:before{content:'';display:inline-block;width:18px;height:15px;background:url('/img/icon/box_0c_chk.png') no-repeat;background-size:100%;position:absolute;top:2px;left:0}


span#cancel_popup_comp_name{font-size:18px}

.new_sml_bz{width:36px;height:17px;position:absolute;top:5px;right:5px;background:url('/img/icon/new_bz.png') no-repeat 0 -2px #f36;border-bottom-left-radius:5px;
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;}

-webkit-keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}

.taekbae_bz.center_i span{color:#0cb9b9;margin:0 auto;text-align:center;width:94%;display:block;padding-top:10px;font-size:12px;font-family:'noto'}

.info_ddst{position:relative}
.info_ddst dd:before{content:'';position:absolute;top:7px;left:12px;width:2px;height:2px;display:block;background:url('/img/bullet/li.png') no-repeat;background-size:2px}


/*택배예약 시작*/
.tb_re_wrap3 *{font-size:13px;line-height:1.3em;}


.reserve_grid_wrap {width:100%;}
.reserve_grid_wrap .reserve_grid {
position:relative;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.reserve_grid_wrap .reserve_grid li {
    flex: 0 0 calc((100% - 28px) / 3); /* 3칸 */
    border: 1px solid #eef0f3;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    min-height: 210px;
    padding: 26px 0 0px 18px;
    box-sizing: border-box;border-radius:12px;background:#fff;position:relative;overflow:hidden
}
.reserve_grid li a:hover{text-decoration:none}
.reserve_grid li:hover{border: 1px solid #0cc}
.reserve_grid li .reserve_price dl.enter_bul dd{position:relative;padding-left:12px}

.reserve_grid li .reserve_price dl.enter_bul dd{position:relative;padding-left:14px}
.reserve_grid li .reserve_price dl.enter_bul dd:before{content:'ㄴ';width:18px;height:18px;display:block;background-size:8px;opacity:0.5;position:absolute;top:0;left:2px}
.reserve_grid li .reserve_price dl.arrow_btm {padding-left:0;text-align:left;}
.reserve_grid li .reserve_price dl.arrow_btm .up_arr span,.reserve_grid li .reserve_price dl.arrow_btm .down_arr span{position:relative;padding-right:22px;cursor:pointer}
.reserve_grid li .reserve_price dl.arrow_btm .down_arr span:after{content:'';background:url('/img/icon/up_top.png') no-repeat #fff center;width:16px;height:16px;display:block;background-size:10px;position:absolute;top:1px;right:0px;border:1px solid #ddd;border-radius:10em;box-shadow:2px  rgba(0, 0, 0, 0.05)}
.reserve_grid li .reserve_price dl.arrow_btm .up_arr span:after{content:'';background:url('/img/icon/down_btm.png') no-repeat #fff center;width:16px;height:16px;display:block;background-size:10px;position:absolute;top:1px;right:0px;border:1px solid #ddd;border-radius:10em;box-shadow:2px  rgba(0, 0, 0, 0.05)}

.reserve_grid li.company:before,.reserve_grid li.bffm:before{content:'ONLY 택배페이';position:absolute;top:0px;right:0px;background:#E6F7F7;color:#0aa;width:85px;height:20px;line-height:20px;text-align:center;font-size:11px;border-bottom-left-radius:12px;border-top-right-radius:12px;}
.reserve_grid li.vehicle:before{content:'ONLY 택배페이';position:absolute;top:0px;right:0px;background:#E6F7F7;color:#0aa;width:85px;height:20px;line-height:20px;text-align:center;font-size:11px;border-bottom-left-radius:12px;border-top-right-radius:12px;}

.reserve_grid li.sendy:after{content:'Release';position:absolute;bottom:2px;right:2px;background:#f36;color:#fff;width:58px;height:20px;line-height:20px;text-align:center;font-size:12px;border-bottom-left-radius:12px;border-top-right-radius:12px;}

.reserve_grid li.bffm .biz_onair{border-radius:10em;padding:5px;position:absolute;bottom:53px;left:123px;color:#f36;font-weight:bold;font-size:12px}
.reserve_grid li.bffm .biz_onair:before{content:'●';margin-right:3px;display:inline-block;color:#f36;
	-webkit-animation:opacity1 1s both infinite;
    -moz-animation:opacity1 1s both infinite;
    animation:opacity1 1s both infinite;}
@keyframes opacity1 {
 0% {
    opacity: 0.7;
  }	
  100% {
    opacity: 1;
  }
}

.reserve_grid li .reserve_tit{width:100%}
.reserve_grid li .reserve_tit h1{width:100%;position:relative;font-size:1.45em;letter-spacing:-0.08em;font-weight:600;color:#151515;padding-left:3px;text-align:left;}
.reserve_grid li .reserve_tit h1 span{position:absolute;right:3px;bottom:0;font-size:0.74em;color:#f36;padding-right:18px;letter-spacing:-0.01em;}
.reserve_grid li .reserve_tit h1 span:before{content:'';width:14px;height:14px;background:url('/img/icon/ico_arrowdown.svg') no-repeat 0 2px;display:inline-block;background-size:14px}
.reserve_grid li .reserve_tit h1 span b{font-weight:600;text-align:left;color:#f36;font-size:1.2em;}
.reserve_grid li .reserve_tit h4{font-size:12px;font-weight:normal;color:#151515;padding-bottom:5px;padding-left:3px;text-align:left}

.reserve_grid li .reserve_price{width:100%;padding:23px 0 3px 0;background:url('/img/icon/reserve_tit.png?ver=34') no-repeat -8px 20px;background-size:285px;height:60px;}
.reserve_grid li.bang .reserve_price{background-position: -6px -132px}
.reserve_grid li.dara .reserve_price{background-position: -6px -283px}
.reserve_grid li.quic .reserve_price{background-position: -6px -438px;;}
.reserve_grid li.vehicle .reserve_price{background-position: 2px -1346px;}
.reserve_grid li.company .reserve_price{background-position: -4px -1154px;}
.reserve_grid li.company .reserve_price.company{background: none;padding-top:10px}
.reserve_grid li.bffm .reserve_price{background-position: -4px -448px;;}
.reserve_grid li.bffm .reserve_price.company{background: none;padding-top:20px}

/*.reserve_grid li.bffm .reserve_price:before{content:'택배박스/완충재/포장비 포함가';position:absolute;top:75px;right:20px;font-size:10.5px;color:#fff;background:#f47;height:15px;letter-spacing:-0.03em;padding:0 1px}
.reserve_grid li.bffm .reserve_price.company:before{display:none}풀필먼트 신청 후 뱃지 숨김*/

.reserve_grid li .reserve_price dl{display:table;width:53%;line-height:1.50em;padding-right:18px;float:right}
.reserve_grid li .reserve_price dl dt{display:table-cell;text-align:right;color:#151515;font-size:0.95em;position:relative}
.reserve_grid li .reserve_price dl dt strong{font-weight:600;color:#151515;font-size:1.14em;letter-spacing:0em}
.reserve_grid li .reserve_price dl dd{display:table-cell;text-align:left;color:#888;font-size:0.95em}
.reserve_grid li .reserve_price dl dt u{text-decoration:line-through;color:#888;font-size:0.98em;padding-right:1px}
.reserve_grid li .reserve_price dl.info_ddst{margin-top:2px}
.reserve_grid li .reserve_price dl.info_ddst dd{font-size:0.85em}
.reserve_grid li .reserve_price dl.info_ddst dd:before{left:-5px}

.reserve_grid li.sendy .reserve_price dl{width:64%;padding-right:0%}
.reserve_grid li.sendy .reserve_price dl.info_ddst dd{font-size:0.83em}
.reserve_grid li.sendy .reserve_price dl.info_ddst dd:before{left:-5px}
.reserve_grid li.today .reserve_price dl.info_ddst{padding-right:0%;width:58%;letter-spacing:-0.03em}

/*택배예약 소호/풀필먼트 신청자 하단 버튼 1개 or 2개*/
.reserve_grid .btm_button{position: absolute; left: 20px; right: 20px;bottom:14px;display:flex;justify-content: space-between;gap:5px;box-sizing: border-box;}
.reserve_grid .btm_button > *{flex: 1;display: flex;align-items: center; justify-content: center;height: 32px;background-color: #fff;border:1px solid #0cc;color: #0aa;border-radius:6px}
.reserve_grid .btm_button a span{color:#0aa;text-align:center;font-weight:bold;font-size:12px;}
.btm_button a:not(:has(span)):not(:has(img)) { 
    display: none !important; 
}
.reserve_grid .btm_button > *:hover{background:#eefcfc;}
/*new dot 뱃지 css (한달뒤 숨김처리)*/
.reserve_grid li.bang .reserve_price dl:first-child dt:after,
.reserve_grid li.dara .reserve_price dl:last-child dt:after
{content:'';background:#f36;width:4px;height:4px;display:inline-block;border-radius:10em;position:absolute;top:4px;right:-6px}

.reserve_grid li .reserve_price.company dl{padding-bottom:2px;position:relative;width:91%}
.reserve_grid li .reserve_price.company dl dd{font-size:;width:83px;}
.reserve_grid li .reserve_price.company dl:nth-child(1){text-align:right}
.reserve_grid li .reserve_price.company dl:nth-child(1) dd{position:absolute;top:0px;left:0;width:50px} 
.reserve_grid li .reserve_price.company dl:nth-child(1) dt{word-break:keep-all;} 
.reserve_grid li .reserve_price.company .btm_text{font-size:11px;position:absolute;bottom:-3px;right:4px;padding:0 4px;letter-spacing:-0.05em;border:1px solid #eee;background:#f9f9f9;z-index:9;border-radius:4px}

/* 컨테이너 (정렬용) */
.badge-container {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  padding-top:8px;
  justify-content: flex-end;padding-right:18px;
}

/* 배지 공통 스타일 */
.badge-logo {
  display: inline-block;
  width: 28px;         
  height: 28px;         
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}


/* 개별 서비스 로고 매핑 */
.badge-logo.cj           { background-image: url('/img/icon/logo_cj.svg'); }
.badge-logo.cu           { background-image: url('/img/icon/logo_cu.svg'); }
.badge-logo.emart        { background-image: url('/img/icon/logo_emart.svg'); }
.badge-logo.epost        { background-image: url('/img/icon/logo_epost.svg'); }
.badge-logo.gs25         { background-image: url('/img/icon/logo_gs25.svg'); }
.badge-logo.hanjin       { background-image: url('/img/icon/logo_hanjin.svg'); }
.badge-logo.lotte        { background-image: url('/img/icon/logo_lotte.svg'); }
.badge-logo.quick        { background-image: url('/img/icon/logo_quick.svg'); }
.badge-logo.seven        { background-image: url('/img/icon/logo_seven.svg'); }
.badge-logo.today-arrive { background-image: url('/img/icon/logo_todayarrive.svg'); width: 22px;height: 22px;margin:0 4px }
.badge-logo.today-pickup { background-image: url('/img/icon/logo_todaypickup.svg'); width: 22px;height: 22px;margin:0 4px}
.badge-logo.truck        { background-image: url('/img/icon/logo_truck.svg'); }



.ver23 .tapy_cont{border-radius:9px}
.ver23 .tapy_cont a img{border-radius:0px}

.ver23 .tpay_area{position:relative}
.ver23 .btn_arr {position:absolute;top:8px;right:0;}
.ver23 .btn_arr .prev{display:inline-block;background:url('/img/icon/left_ct.png') no-repeat center #fff;border:1px solid #e2e2e2;background-size:6px;text-indent:-9999em;height:20px;width:20px;border-radius:5px}
.ver23 .btn_arr .next{display:inline-block;background:url('/img/icon/right_ct.png') no-repeat center #fff;border:1px solid #e2e2e2;background-size:6px;text-indent:-9999em;height:20px;width:20px;border-radius:5px}

.pr_tooltip{ position:absolute;top:3px;left:70px; width: 190px;display: block;}
.pr_tooltip:after{
  content: '';
  position:absolute;top:44px;right:90px;
  border-top: 5px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
   }
.tooltip_text {  display: ;  word-break:keep-all;position: absolute; font-weight:600;  border-radius: 6px;  padding: 6px 10px;  font-size:12px;  color: white; color:#fff; background: linear-gradient(45deg,  #333, #333);}
.pr_tooltip .close{content:'X';position:absolute;right:6px;top:6px;text-indent:-9999em;cursor:pointer;background:url('/img/btn/close_wh.png') no-repeat 0 0;background-size:100%;width:10px;height:10px;}

.pr_tooltip_top{ position:absolute;top:106px;left:-20px; width: 195px;display: block;z-index:1}
.pr_tooltip_top:after{
  content: '';
  position:absolute;top:-5px;left:75px;
  border-bottom: 5px solid #0cc;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
   }
.pr_tooltip_top .tooltip_text { background: linear-gradient(45deg,  #0cc, #0cc);}
.pr_tooltip_top .close{content:'X';position:absolute;right:6px;top:6px;text-indent:-9999em;cursor:pointer;background:url('/img/btn/close_wh.png') no-repeat 0 0;background-size:100%;width:10px;height:10px;}

/*플로팅*/
.floating_bn{position:absolute;bottom:-10px;right:-60px;z-index:9998;border-radius:100em;background:url('/img/icon/ico_customer.png') no-repeat 19px 10px ;background-size:33px;}
.floating_bn a {display:block;box-shadow : 3px 3px 5px #ddd;width:60px;height:65px;border-radius:10em;border:2px solid #333}
.floating_bn a span{position:absolute;top:42px;right:18px;letter-spacing:-0.1em;font-weight:bold;color:#151515}
/*플로팅*/

.resv_now{height:24px;padding:26px 10px 0 15px;position:relative}
.resv_now span{color:#333;font-size:12px;position:relative;padding-left:22px}
.resv_now span:before{content:'';display:inline-block;width:18px;height:15px;background:url('/img/icon/box_0c_chk.png') no-repeat;background-size:100%;position:absolute;top:2px;left:0}
.resv_now .more{position:absolute;top:29px;right:14px;background:url('/img/icon/right_ct.png') no-repeat center right;background-size:5px;padding-right:8px;font-size:11px;letter-spacing:-0.03em;color:#666}



/*로그인*/
.box_login_wrap2{border:1px solid #eee;border-radius:8px;padding:20px 20px 17px 20px}
.box_login_wrap2 .entry{border:1px solid #ddd;display:block;border-radius:5px}
.box_login_wrap2 .entry input{border:none;height:36px;line-height:36px;border-radius:5px;width:96%;padding:0 2%}
.box_login_wrap2 .entry input:last-child{border-top:1px solid #ddd;border-top-left-radius:0;border-top-right-radius:0}
.capcha_area_login a{margin-top:5px;background:#0cc;color:#fff;font-size:15px;width:100%;height:40px;line-height:40px;display:block;text-align:center;letter-spacing:-0.03em;border-radius:4px}
.capcha_area_login input[type="image"]{width:100%;background:#0cc;color:#fff;border-radius:6px;margin-top:10px;}
.box_login_wrap2 .option  input{display:none}
.box_login_wrap2 .option  input + label{cursor:pointer;font-size:11px;color:#aaa}
.box_login_wrap2 .option  input + label:before{content:'';width:18px;font-size: 14px;font-weight: 700;height:20px;line-height: 20px;cursor: pointer;border-radius:5px;color: #666;background: url('/img/icon/check_c.png') 0px 0px no-repeat;background-size:20px;padding-left:21px}
.box_login_wrap2 .option  input:checked  + label:before {background-image: url('/img/icon/check_5a.png');color: #333}
.box_login_wrap2 .option  input:checked  + label{color:#333}
.box_login_wrap2 .search{padding-top:10px;text-align:center}
.box_login_wrap2 .search a{color:#666;font-size:12px;position:relative;padding:0 5px 0 2px;}
.box_login_wrap2 .search a:after{content:'';display:inline-block;width:1px;height:9px;background:#ddd;position:absolute;top:4px;left:-4px}
.box_login_wrap2 .search a:first-child:after{display:none}


/*로그인 후 풀필먼트,택배예약,쇼핑몰주문현황 탭*/
.tab_main {padding:0 5px;display:flex;gap:4px}
.tab_main a{display:inline-block;padding:14px 0px 1px 0px;margin-right:10px;color:#888;font-size:14px;}
.tab_main a:hover{color:#151515}
.tab_main a.on{color:#151515;font-weight:bold;border-bottom:1px solid #151515}
.tab_main .tit{color:#151515;font-weight:bold;}
.tab_main a.more{border:none;background:none}

.dashboard_wrap{display:;position:relative;padding:0 8px;}
.dashboard_wrap .sum_area {margin: 0 5px 0 5px;position:relative;}
.dashboard_wrap .sum_area .sum_entry{padding:0px 0px 2px 0px;border-radius:8.1px;}
.dashboard_wrap .sum_area .c_0{float:left;font-size:12px;letter-spacing:-0.03em;padding-bottom:4px}
.dashboard_wrap .sum_area .c_r{float:right;font-size:12px;color:#151515!important;font-weight:500;letter-spacing:-0.03em;text-align:right;}
.dashboard_wrap .sum_area .c_r strong{font-size:14px;font-weight:bold;}
.dashboard_wrap .sum_area .c_6{word-break:keep-all;padding:3px 0;line-height:1.3em}

.dashboard_wrap .sum_area .sum_entry ul{overflow:hidden;display:flex; justify-content:space-between;font-weight:bold;border-radius:8px;padding:2px 0}
.dashboard_wrap .sum_area .sum_entry ul li{display:flex;align-items:center;}
.dashboard_wrap .sum_area .sum_entry ul li .left_i{text-align:center}
.dashboard_wrap .sum_area .sum_entry ul li div{display:block;padding:2px;color:#888;font-weight:400;font-size:11px;letter-spacing:-0.03em;text-align:center}
.dashboard_wrap .sum_area .sum_entry ul li div b{color:#151515;font-weight:normal;font-size:12px;padding-right:2px}

.dashboard_wrap .sum_area .sum_entry ul li div em{font-size:11px;display:inline-block}

.dashboard_wrap a.more{width:100%;position:relative;overflow:hidden;display:block;}

.dashboard_wrap .btm_btn{position:absolute;top:20px;right:0px;;display:inline-block;text-align:center;height:26px;line-height:26px;margin: 0 0 0 5px;text-indent:-9999em}
.dashboard_wrap .btm_btn span{text-indent:-9999em}
.dashboard_wrap .btm_btn span:before{content:'';background:url('/images/icon/right_ct.png') no-repeat;width:20px;height:26px;background-size:11px;display:block;opacity:0.5}

.dashboard_wrap .tres_area{margin:4px;position:relative;}
.dashboard_wrap .tres_area .tres_entry{padding:10px 0px 10px 0px;border-radius:8.1px}
.dashboard_wrap .tres_area .tres_entry ul{width:100%;margin:8px 0 0 0;font-weight:bold;border-radius:8px;display: flex;gap:6px}
.dashboard_wrap .tres_area .tres_entry ul li .left_i{text-align:center!important}
.dashboard_wrap .tres_area .tres_entry ul li{text-align:center;background:#f6f8fa;padding:4px 0;position:relative;box-sizing: border-box;border-radius:6px;flex:1}

.dashboard_wrap .tres_area .tres_entry ul li div{padding:1px 0;color:#666;font-weight:400;font-size:11px;letter-spacing:-0.03em;}
.dashboard_wrap .tres_area .tres_entry .c_0{font-size:14px;font-weight:bold;letter-spacing:-0.03em;color:#151515}
.dashboard_wrap .tres_area .tres_entry p.c_0{font-size:12px;font-weight:normal;}

.dashboard_wrap .tres_area .tres_entry .c_r{font-size:12px;font-weight:bold;}
.dashboard_wrap .tres_area .tres_entry .blank{color:#888;font-weight:normal}
.dashboard_wrap .tres_area .c_r{font-weight:bold}

.tab-default-scroll {
  position: relative;
  overflow: hidden;
  width:100%;
}

.tab-default-scroll.mgt_20.mgb_10{margin:10px 0 8px 0!important}
.tab-default-container {
  display: flex;
  overflow-x: auto;
  justify-content:space-between;
}

.tab-default-container::-webkit-scrollbar {
  display: none;
}

.tab-default-container a {
  white-space: nowrap;  padding:2px 12px; color:#888; border:1px solid #f6f8f8;background:#f6f8f8; border-radius: 4px;  text-align:center;   cursor: pointer;   transition: background-color 0.1s ease; }

.tab-default-container a.on{font-weight:600;background:#fff;border:1px solid #666;color:#333}

.dashboard_wrap .prev_btn{box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);width:20px;height:20px;border:1px solid #ddd;border-radius:10em;background:url('/img/icon/left_ct.png') no-repeat #fff center;background-size:8px;position:absolute;top:126px;left:2px;text-indent:-9999em}
.dashboard_wrap .prev_btn:hover{border:1px solid #666}
.dashboard_wrap .next_btn{box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);width:20px;height:20px;border:1px solid #ddd;border-radius:10em;background:url('/img/icon/right_ct.png') no-repeat #fff center;background-size:8px;position:absolute;top:126px;right:2px;text-indent:-9999em}
.dashboard_wrap .next_btn:hover{border:1px solid #666}
.dashboard_wrap .inp_btn{border:none;background:none;width:100%;border-radius: 0;padding:0;text-align:center;font-size:12px}
.dashboard_wrap .inp_btn:after{content:'+';width:6px;height:6px;;display:inline-block;line-height:12px;color:#888;font-size:12px}


.dashboard_wrap.fms_dashboard.rsv_dashboard .inp_btn{margin-top:3px!important;font-size:12px;}

/*쇼핑몰 주문연동*/
span.shoplogo{text-indent:-9999em;background-color:#eee;width:50px;height:50px;display:inline-block;margin-right:5px;border-radius:18px}
span.shoplogo.naver{background:url('/img/logo/shopping/naver.png') no-repeat;background-size:100%}
span.shoplogo.coupang{background:url('/img/logo/shopping/coupang.png') no-repeat;background-size:100%}
span.shoplogo.auction{background:url('/img/logo/shopping/auction.png') no-repeat;background-size:100%}
span.shoplogo.gmarket{background:url('/img/logo/shopping/gmarket.png') no-repeat;background-size:100%}
span.shoplogo.st11{background:url('/img/logo/shopping/11st.png') no-repeat;background-size:100%}
span.shoplogo.aliexpress{background:url('/img/logo/shopping/aliexpress.png') no-repeat;background-size:100%}
span.shoplogo.cafe24{background:url('/img/logo/shopping/cafe24.png') no-repeat;background-size:100%}
span.shoplogo.makeshop{background:url('/img/logo/shopping/makeshop.png') no-repeat;background-size:100%}

.shoplink_wrap{width:96%;padding:25px 2% 25px 2%;overflow:hidden;}
.shoplink_wrap li{position:relative;float:left;width:22%;margin:0 1.5%;padding:0 0 15px 0}
.shoplink_wrap li span.shoplogo{border:4px solid #eee}
.shoplink_wrap li.on span.shoplogo{border:4px solid #0cc}
.shoplink_wrap p span b,.shoplink_wrap p span b + strong{font-size:14px;font-weight:bold;}
.shoplink_wrap li.on:before{content:'';background:url('/img/icon/checkbox_0c.png') no-repeat center;background-size:100%;width:26px;height:26px;display:inline-block;position:absolute;top:0;right:3px;border-radius:5em;}

.shoplink_wrap li span.shoplogo:hover{border:4px solid #0cc;cursor:pointer}
.shoplink_wrap li span.end.shoplogo{opacity:0.3;;border:4px solid #eee}
.shoplink_wrap li span.end.shoplogo:hover{border-color:#eee}
.shoplink_wrap li span.end.shoplogo + span{position:absolute;top:20px;left:18px;font-size:12px;color:#151515;font-weight:bold}/*position:absolute;top:20px;left:7px;*/

#dashboard_wrap .shoplink_wrap{padding:4px 0 0 0;width:100%;}
#dashboard_wrap span.shoplogo{border-radius:8px;width:42px;height:42px;cursor:default;}
#dashboard_wrap .shoplink_wrap ul{margin-top:16px;display: flex;
    flex-wrap: wrap;               /* 4개가 넘어가면 자동으로 다음 줄로 */
    justify-content: flex-start;   /* 왼쪽부터 차곡차곡 정렬 */
    gap: 16px; 
	row-gap:14px;/* 위아래 줄 사이의 간격 */
    padding: 0;
    
    list-style: none;}
#dashboard_wrap .shoplink_wrap li{padding:0;display: flex;flex-direction: column;
    align-items: center;            /* 로고와 '0건' 텍스트를 수직 가운데 정렬 */
    justify-content: center;        /* li 내부 콘텐츠를 가운데로 몰아줌 */
    
    flex: 0 0 calc((100% - 48px) / 4); /* 정확히 4등분 */
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    margin: 0;                      /* 기존 margin 1.5% 무력화 */
    float: none;                    /* float 해제 */
    width: auto;}

#dashboard_wrap .shoplink_wrap li:nth-child(4){margin-right:0}
#dashboard_wrap .shoplink_wrap li:nth-child(8){margin-right:0}
#dashboard_wrap .shoplink_wrap .btn{border:1px solid #ccc;border-radius:4px;padding:2px 3px 1px 3px;letter-spacing:-1px;display:inline-block;margin-top:0px}
#dashboard_wrap .f11{font-size:11px;word-break:keep-all;display:inline-block;margin-top:2px;color:#888}
#dashboard_wrap .f11 span{font-size:inherit}
#dashboard_wrap .shoplink_wrap li .f11 a{font-size:11px;}
#dashboard_wrap .shoplink_wrap li .f11 .c_r{color:#151515!important}
#dashboard_wrap .shoplink_wrap li span.shoplogo{border:1px solid #eee;margin:0 auto}
#dashboard_wrap .shoplink_wrap li.on span.shoplogo{border:1px solid #0cc}

.row_container{display:flex;align-items: center;box-sizing:border-box;}
.between{justify-content: space-between}

.landing_wrap {}
.landing_wrap h1{font-size:18px;font-family:'noto';color:#151515;text-align:}
.landing_wrap h2{font-size:16px;font-family:'noto';text-align:;color:#151515;margin:10px 0 0 0;display:inline-block;}

.landing_wrap h3{font-size:15px;font-family:'noto';text-align:;color:#151515;letter-spacing:-0.02em;padding:0 0 0px 0;font-weight:600}
.landing_wrap p{font-size:13px;color:#888;word-break:keep-all;;letter-spacing:-0.02em;font-family:'';font-weight:400}

.border_c0 {border:1px solid #0cc;text-align:center;border-radius:10px;margin-top:20px}
.border_c0 h2{color:#151515;background:url('/img/background/bg_cee.png') repeat-x 0 14px;font-size:18px}
/*.border_c0 h2:before{content:'';background:url('/img/icon/down_btm_0c.png') no-repeat 0 8px;width:24px;height:20px;display:inline-block;background-size:17px;position:absolute;top:0;left:-25px}*/

.icon_wrap_2x ul{width:100%;}
.icon_wrap_2x li{position:relative;padding:0px 0 0px 60px;vertical-align:top;margin:5px 0}
.icon_wrap_2x li:before{content:'';background:url('/img/icon/shoplink_icon.png') no-repeat 0 5px;width:60px;height:40px;background-size:260px;position:absolute;top:8px;left:3px}
.icon_wrap_2x li:last-child:before{background-position:-214px 5px}

.info_title{font-size:14px;padding:0 0 10px 0;color:#e5121e}
.info_list li{background:url('/img/bullet/squ_c.gif') no-repeat 0px 7px;padding-left:7px;margin-bottom:5px;background-size:2px;line-height:18px;word-break:keep-all}
.info_list.style-none li{background:none;background-size:3px;padding-left:0px!important;}
.info_list2 li{background:url('/img/bullet/squ_c.gif') no-repeat 0px 9px;padding-left:10px;margin-bottom:5px;line-height:18px;word-break:keep-all}
.info_list3 li{background:url('/img/bullet/arrow_7_gray.gif') no-repeat 0px 7px;padding-left:10px;background-size:2px;margin-bottom:5px;line-height:18px;word-break:keep-all;}
.info_basic li{background:url('/img/bullet/squ_c.gif') no-repeat  0px 5px;padding-left:7px;margin-bottom:5px;line-height:18px;word-break:keep-all}
.limit_area{}
.limit_title{font-size:14px;padding:30px 0 10px 0;color:#e5121e}

.info_box{background:#fafafa;border-radius:5px;padding:15px 20px;margin:0 20px 15px 0px}
.info_box .info_list li{font-size:12px!important}
.info_box .info_list li *{font-size:12px!important}

ol.info_list{list-style-type:decimal }
ol.info_list li{background-image:none;margin-left:15px;padding-left:3px!important;color:#333}

.onebox_wrap{position:relative;}
.onebox{background:#333;border-radius:10em;color:#fff!important;font-size:20px;width:20px;height:20px;display:inline-block;text-align:center;vertical-align:middle;position:absolute;top:0;left:-5px}

.ol_list_st1{padding:5px 20px 10px 20px!important}
.ol_list_st1 li{position:relative;word-break:break-all;padding-left:25px;line-height:1.4em;text-align:left}
.ol_list_st1 li strong{font-weight:bold}
.ol_list_st1 li p{line-height:1.4em}
.ol_list_st1 li p img{padding:10px 0}
.ol_list_st1 li .cv_copy{display:table;margin-top:10px}
.ol_list_st1 li .cv_copy strong{display:table-cell;background:#ff0;padding:5px 15px;color:#f36}
.ol_list_st1 li .cv_copy span{display:table-cell;width:40px;background:#eee;border:1px solid #ccc;color:#151515;border-radius:5px;line-height:30px;padding:0 5px;margin-left:5px;text-align:center}
.ol_list_st1 li .cv_copy a:hover{text-decoration:none}

.ol_list_st2{padding:0px 0px 0px 20px!important}
.ol_list_st2 li{position:relative;word-break:break-all;padding-left:25px;line-height:1.4em;text-align:left;border-bottom:1px solid #eee;margin-bottom:20px}
.ol_list_st2 li .onebox{top:10px;padding:3px;font-size:16px;font-weight:bold}
.ol_list_st2 li .textbox{padding:10px 20px 0px 20px;word-break:keep-all}
.ol_list_st2 li img{width:80%;padding-left:20px}
.ol_list_st2 li strong{font-weight:bold}
.ol_list_st2 li p{line-height:1.4em;}

.ol_list_st2 li .cv_copy_wrap{padding:0 20px 15px 20px}
.ol_list_st2 li .cv_copy{display:table;margin-top:10px;width:100%;vertical-align:middle;font-size:13px}
.ol_list_st2 li .cv_copy u{display:table-cell;width:20%;text-decoration:none}
.ol_list_st2 li .cv_copy strong{display:table-cell;width:60%;background:#ff0;padding:2px 15px 5px 15px;color:#f36;border-radius:5px}
.ol_list_st2 li .cv_copy span{display:block;width:40px;background:#eee;border:1px solid #ccc;color:#151515;border-radius:5px;line-height:30px;padding:0 5px;margin-left:5px;text-align:center}
.ol_list_st2 li .cv_copy a{display:table-cell;}
.ol_list_st2 li .cv_copy a:hover{text-decoration:none}

.coupang_info{background:#fafafa;border-radius:5px;margin:0 0px;padding:15px 25px}
.coupang_info .bg_red{border-radius:5px;padding:0 5px;color:#fff;background:#f33}
.coupang_info .lh_18{font-size:12px;word-break:keep-all}
.coupang_info .lh_18 b{font-size:12px;color:#f00}

#out_infoCoupang .btn_end_pop{margin:0}
#out_infoCoupang .popup_layer .tit{padding-top:0}

.shop_id_wrap ul{width:100%;display:flex;margin:10px 0 15px 0}
.shop_id_wrap ul li{background:#fff;border:1px solid #ddd;color:#151515;padding:5px 10px;border-radius:6px;margin-right:5px;position:relative;text-align:center}
.shop_id_wrap ul li.on{background:#0cc;color:#fff;border:1px solid #0cc;text-align:left}
.shop_id_wrap ul li.on.del{padding-right:30px;background:#fff;border:1px solid #ddd}
.shop_id_wrap ul li.on a{color:#fff}
.shop_id_wrap ul li.on.del a{color:#151515}
.shop_id_wrap ul li .delete{display:inline-block;position:absolute;top:0;right:0;background:url('/img/icon/close_xbk.png') no-repeat center;background-size:10px;width:24px;height:28px;border-top-right-radius:6px;border-bottom-right-radius:6px;}
.shop_id_wrap ul a:hover{text-decoration:none}
.shop_id_wrap ul li.add{color:#151515;border:1px solid #ddd;background:#fff;padding-right:10px}
.shop_id_wrap ul li.add:before{content:'';;width:15px;height:15px;display:inline-block;background:url('/img/icon/plus_xbk.png') no-repeat 0 4px;background-size:10px;opacity:0.8}
.shop_id_wrap p.c_r{font-size:12px!important}

.btn_rt_wrap {position:relative}
.btn_rt_wrap .inp_btn{position:absolute;top:0;right:0;background:#eef2f4;border-color:#ccc;color:#222;height:24px;line-height:24px;width:125px;text-align:center;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;}
.btn_rt_wrap .inp_btn:hover{text-decoration:none}


.popup_layer_wrap .btn_end_pop .w120{}
.popup_layer_wrap .btn_end_pop .w200{width:340px}
#out_infoCoupang .btn_end_pop .w200{width:327px}

.w234 { width: 234px!important }
.w244 { width: 244px }
.w245 { width: 245px }
.w246 { width: 246px !important; }
.w250 { width: 250px }
.w274 { width: 274px }
.w296 { width: 296px }
.w303 { width: 340px!important}
.w347 { width: 347px }
.w370 { width: 370px!important; }
.w380 { width: 380px!important; }
.w390 { width: 390px!important; }
.w405 { width: 405px!important; }
.w420 { width: 420px!important; }
.w396 { width: 396px }
.w422 { width: 422px }
.w423 { width: 440px!important; }
.w444 { width: 444px }
.w455 { width: 455px }
.w464 { width: 464px!important;  }
.w515 { width: 515px }
.w531 { width: 531px!important; }
.w564 { width: 564px!important; }
.w575 { width: 575px!important; }
.w670 { width: 670px!important; }
.w700 { width: 700px!important; }
.w730 { width: 730px }
.w760 { width: 760px!important; }
.w100per{width:100%!important}


.inp01 { padding: 1px 2px; height: 14px; line-height: 14px; border: 1px solid #ccc; background: #fff; color: #818181; }

.inp_btn{border:1px solid #aeaeae;background:#fff;border-radius:5em;padding:5px 10px;display:inline-block;font-size:13px}
.inp_btn_inline{border:1px solid #aeaeae;background:#fff;border-radius:5em;padding:5px 15px;display:inline-block;font-size:13px}
.inp_btn_inline:hover{text-decoration:none}
.inp_btn.df_fine{font-size:11px;color:#666;border:1px solid #eee;border-radius:8px;background:#;padding:1px 6px;margin-left:5px;vertical-align:middle}
.inp_btn.df_fine:hover{text-decoration:none}
.inp_btn.df_fine.edit{text-indent:-9999em;background:url('/img/icon/edit.png') no-repeat center top;background-size:17px;width:18px;height:18px;padding:0!important;margin-left:0px;border-color:#fff;opacity:0.8}
.inp_btn.under_n{border-radius:6px}
.inp_btn_rt{position:absolute;bottom:5px;right:0;display:block;font-size:13px;border:1px solid #aeaeae;border-radius:5em;padding:5px 10px;}
.inp_btn_lt{position:absolute;bottom:5px;left:0;display:block;font-size:13px;border:1px solid #aeaeae;border-radius:5em;padding:5px 10px;}

.ol_list_st4{display:flex;justify-content:space-between;gap:15px}
.ol_list_st4 li{position:relative;word-break:break-all;line-height:1.4em;background:#f9f9f9;padding:5px 0 15px 0;border-radius:10px;text-align:center;width:100%}
.ol_list_st4 li .onebox{top:16px;left:10px;padding:0px;width:18px;height:18px;line-height:18px;font-size:11px;font-weight:bold}
.ol_list_st4 li .textbox{padding:10px 10px 10px 33px;word-break:keep-all;letter-spacing:-0.08em;text-align:left}
.ol_list_st4 li img{width:170px;border-radius:10px;border:1px solid #ddd;}
.ol_list_st4 li strong{font-weight:bold}
.ol_list_st4 li p{line-height:1.4em;}


.tab_menu_new ul{height:40px;width:100%;display:table;background:#fff;border-bottom:1px solid #ececec;margin-bottom:30px}
.tab_menu_new li {position:relative;height:48px;line-height:48px;display:table-cell;text-align:center;vertical-align:middle}
.tab_menu_new li  span{font-family:'noto';color:#666;font-weight:500;font-size:15px}
.tab_menu_new li .on span:before{content:'';width:100%;height:2px;background:#151515;position:absolute;bottom:0;left:0;margin:0 auto;border-radius:10px}
.tab_menu_new li .on span{color:#151515;font-weight:600}
.tab_menu_new li :hover{text-decoration:none}
.tab_menu_new li.my a{border-radius:5.1px;padding:7px;background:#f9f9f9}
.tab_menu_new li.my a span{color:#333;font-size:13px}
.tab_menu_new li.my a span strong{color:#f36;font-size:14px}

.tab_menu_new.arrow_left li:first-child span:after{content:'';background:url('/img/icon/right_ct.png') center no-repeat;background-size:10px;width:20px;height:20px;display:inline-block;position:absolute;top:15px;right:-6px;opacity:0.8}


.ol_list_st4{display:flex;justify-content:space-between;gap:15px}
.ol_list_st4 li{position:relative;word-break:break-all;line-height:1.4em;background:#f9f9f9;padding:5px 0 15px 0;border-radius:10px;text-align:center;width:100%}
.ol_list_st4 li .onebox{top:16px;left:10px;padding:0px;width:18px;height:18px;line-height:18px;font-size:11px;font-weight:bold}
.ol_list_st4 li .textbox{padding:10px 10px 10px 33px;word-break:keep-all;letter-spacing:-0.08em;text-align:left}
.ol_list_st4 li img{width:170px;border-radius:10px;border:1px solid #ddd;}
.ol_list_st4 li strong{font-weight:bold}
.ol_list_st4 li p{line-height:1.4em;}

.step_complete_new{text-align:center;background:url('/img/icon/icon_complete.png') no-repeat center 25px #fff;background-size:80px;padding:110px 0 20px 0}
.step_complete_new h1{font-size:16px;line-height:1.5em;font-family:'noto';color:#151515;font-weight:500;margin:10px 0 20px 0}
.step_complete_new p{font-size:14px;color:#666;line-height:1.4em;padding:20px 0;letter-spacing:-0.01em}

/*background Type*/
.bg_f{background:#ffffff}
.bg_y{background:#fffff4}
.bg_f2{background:#f2f2f2}
.bg_sky{background:#00a4df}
.bg_bluegrey{background:#4973b6}
.bg_red{background:#ff0000}
.bg_0c{background:#0cc}
.bg_33{background:#333}
.bg_66{background:#666}
.bg_boxf2{background:#f2f2f2;border-radius:2px;padding:0 4px 2px 4px}
.bg_boxf9{background:#f9f9f9;border-radius:2px;padding:0 4px 2px 4px}
.bg_boxee{background:#eee;border-radius:2px;padding:0 4px 2px 4px}
.popup_layer_wrap.bg_f{background:#ffffff!important}

/*border Type*/
.border_t{border-top:1px solid #ddd}
.border_r{border-right:1px solid #ddd}
.border_b{border-bottom:1px solid #ddd}
.border_l{border-left:1px solid #ddd}
.border_t_dash{border-top:1px dashed #ddd;}
.border_ad{border:1px solid #ddd}
.border_ac{border:1px solid #ccc}
.border_a{border:1px solid #eee}
.border_ae{border:1px solid #eee}
.border_te{border-top:1px solid #eee}
.border_re{border-right:1px solid #eee}
.border_be{border-bottom:1px solid #eee}
.border_le{border-left:1px solid #eee}
.border_te_dash{border-top:1px dashed #eee;}
.border_b0{border-bottom:1px solid #151515}
.under{text-decoration:underline}
.border_n{border:none!important}
.border_rd{border-radius:5px}
.under_n{text-decoration:none}
.under_n:hover{text-decoration:none}
.border_ad{border:1px solid #ddd}

.txt_size17i{font-size:17px!important}
.f16{font-size:16px}


.form_inp{position:relative;border-bottom:1px solid #797979;height:39px;line-height:39px;margin:8px 0 20px 0;width:100%;background:#fff;overflow:hidden;}
.form_inp.noline{margin:0}
.ui_form_wrap .noti{margin: 5px 0;text-align:left}
.form_inp input[type="text"].inp{height:39px;line-height:39px;border:none;background:#fff;font-size:14px;z-index:10;width:100%;caret-color:#0cc;font-weight:800}
.form_inp input[type="password"].inp{height:39px;line-height:39px;border:none;background:#fff;font-size:14px;z-index:10;width:100%;caret-color:#0cc;font-weight:800}
.form_inp input[type="tel"].inp{height:39px;line-height:39px;border:none;background:#fff;font-size:15px;z-index:10;width:100%;caret-color:#0cc;font-weight:800}
.form_inp input[type="tel"].inp_dash{height:39px;line-height:39px;border:none;background:#fff;font-size:15px;z-index:10;width:30%;caret-color:#0cc;font-weight:800}
.form_inp select.sel_dash{width:30%;height:39px;line-height:39px;padding:0 0 0 0;border:none;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;font-weight:normal;padding:0 0 0 0;background:url('/img/icon/down_btm.png?rnd=20190826') no-repeat right 17px #fff ;font-weight:800;background-size:13px;-webkit-background-size:13px 9px;border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:26px}
.form_inp select::-ms-expand{display:none}
.form_inp input[type="text"].inp.directly::-ms-input-placeholder { color: #151515;font-size:14px;font-weight:700}
.form_inp input[type="text"].inp.directly::-webkit-input-placeholder { color: #151515;font-size:14px;font-weight:700} 
.form_inp input[type="text"].inp.directly::-moz-placeholder { color: #151515;font-size:14px;font-weight:700}

.form_inp input[type="text"].inp.directly.pointly::-ms-input-placeholder { color:#f36;font-size:14px}
.form_inp input[type="text"].inp.directly.pointly::-webkit-input-placeholder { color:#f36;font-size:14px } 
.form_inp input[type="text"].inp.directly.pointly::-moz-placeholder { color:#f36;font-size:14px}


.main_nav{position:absolute;top:8px;left:5px}
.main_nav a{font-size:12px;margin:0 3px 0 0;font-weight:400;color:#666}
.main_nav a:after{content:'';width:1px;height:8px;background:#ccc;display:inline-block;margin-left:7px}
.main_nav a:last-child:after{display:none}

.dl_list_wrap ul{width:100%}
.dl_list_wrap ul li {margin:6px 0;width:100%}
.dl_list_wrap ul li .section_df{position:relative;border:1px solid #ddd;border-radius:10px;overflow:hidden;padding:10px 20px}
.dl_list_wrap ul li.on{border:2px solid #0cc;border-radius:12px}
.dl_list_wrap ul li.on .section_df{border:none;border-bottom:1px solid #ddd;border-radius:0}
.dl_list_wrap ul li.on .section_df:last-child{border-bottom:none}
.dl_list_wrap ul li .top_titarea {margin-bottom:10px;}
.dl_list_wrap ul li .top_titarea h1{display:inline-block;font-size:15px;line-height:24px;color:#151515}


.dl_list_wrap ul li .top_titarea select{position:absolute;bottom:14px;right:20px;display:inline-block;height:24px;line-height:24px;padding:0 5px;font-size:12px}
.reserv_common_wrap .common_area .dl_list_wrap ul li dd select {width:100%;display:inline-block;height:26px;line-height:26px;padding:0 5px;font-size:12px}
.dl_list_wrap ul li .excel dl{padding-left:50px}
.dl_list_wrap ul li .excel .number_area{position:absolute;top:22px;left:20px;font-size:15px;color:#151515;font-weight:normal;letter-spacing:-0.03em}

.dl_list_wrap ul li dl{width:92%;display:flex;float:left;padding:4px 0}
.dl_list_wrap ul li dt{display:table-cell;width:18%;font-size:12px}
.dl_list_wrap ul li dd{display:table-cell;width:82%;font-weight:bold;color:#151515;font-size:12px}

.dl_list_wrap ul li input[type="checkbox"] {margin:0;padding:0;opacity:0;width:0;}
.dl_list_wrap ul li input[type="checkbox"] + label{position:absolute;padding-right:24px;cursor:pointer;color:#666;top:20px;right:20px}
.dl_list_wrap ul li input[type="checkbox"] + label strong{padding-left:7px}
.dl_list_wrap ul li input[type="checkbox"] + label:after{content:'';position:absolute;top:0px;right:0px;width:16px;height:16px;border-radius:3px;background:url('/img/icon/check_c.png')  no-repeat;background-size:15px;vertical-align:middle;border:1px solid #ddd}
.dl_list_wrap ul li input[type="checkbox"]:checked + label:after{background:url('/img/icon/check_f.png') #0cc;background-size:15px;vertical-align:middle;border:1px solid #0cc}
.dl_list_wrap ul li input[type="checkbox"]:checked + label{color:#151515;}

.dl_list_wrap ul li input[type="checkbox"] + label.disable:after{background:url('/img/icon/check_f.png') #dedede;background-size:15px;vertical-align:middle;border:1px solid #ddd;cursor:none;opacity:0.5}
.dl_list_wrap ul li input[type="checkbox"] + label.disable{color:#ddd;}

.dl_list_wrap .shoplogo{border-radius:8px;width:24px;height:24px;}

.popup_layer .tit_container{position:relative;width:100%}
.popup_layer .tit_container .btn{background:#151515;color:#fff;border-radius:6px;position:absolute;top:8px;right:10px;padding:2px 6px;font-size:14px;font-family:'noto'}
.popup_layer .tit_container span:first-child{font-size:18px}


.top_nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    margin: 24px 0 30px 0;
    padding: 0 0px;
    list-style: none;
    height: 40px;
	border-bottom:1px solid #ececec
}

.top_nav li {
    margin: 0;
    padding: 0;
}

.top_nav li a {
    display: flex;
    align-items: center;
    height: 45px;

    font-size: 16px;
    font-weight: 600;
    color: #1f1f1f;
    text-decoration: none;
	letter-spacing:-0.04em;
    white-space: nowrap;
}

.top_nav li a:hover {
    color: #0bb;
}