html, body{font-family:'Noto Sans KR', sans-serif;color:#202020;}
.text-hidden{position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);clip:rect(0, 0, 0, 0);z-index:-1;opacity:0;}
/* popup layer */
.op2{opacity:0.2} .op8{opacity:0.8}
#layer-pop-box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-9999;display:none}
#popDiv{position:relative;z-index:1;top:50%;overflow-y:auto;max-height:90%;max-width:90%;margin:5em auto 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
#layer-pop-box>div:last-child{width:100%;height:100%;position:fixed;background:#000;top:0;left:0}
.co_blue{color:#124DB3;}
.ftw500{font-weight:500;}
.ftw700{font-weight:700;}
.scroll_top_button{position:fixed;bottom:68px;right:10px;display:block;width:40px;height:40px;border:1px solid #E2E2E2;border-radius:40px;background-color:rgba(255, 255, 255, 0.85);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);z-index:9;opacity:0.2;transform:translateX(40px) scale(0.4);transition-property:transform, opacity, visibility;transition-duration:0.2s;transition-timing-function:ease-out;visibility:hidden;pointer-events:none;}
.scroll_top_button.active{opacity:1;transform:translateX(0) scale(1);visibility:visible;pointer-events:auto;}
.scroll_top_button:before, .scroll_top_button:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:1.5px;width:11px;height:2px;background-color:#808080;margin:auto;}
.scroll_top_button:before{right:-7px;-webkit-transform:rotate(42deg);transform:rotate(42deg);}
.scroll_top_button:after{left:-7px;-webkit-transform:rotate(-42deg);transform:rotate(-42deg);}
.scroll_top_button:focus{outline:none;}
/* layer common */
.layer_box{width:100%;position:relative;}
.lb_header{width:90%;height:50px;line-height:50px;background:#203864;display:flex;justify-content:space-between;position:fixed}
.lbh_title{width:90%;padding:0 10px;box-sizing:border-box;color:#fff;font-weight:bold;}
.lbh_close{width:10%;text-align:center;cursor:pointer;position:relative}
.ic_close_img:before,.ic_close_img:after{content:'';width:30px;height:1px;position:absolute;right:0;top:50%;border-radius:4px;background:#fff}
.ic_close_img:before{transform:translate(-50%,-50%) rotate(-45deg)}
.ic_close_img:after{transform:translate(-50%,-50%) rotate(45deg)}
.lb_contents{width:100%;height:auto;overflow:hidden;background:#fff;padding:60px 10px 10px 10px;box-sizing:border-box}
.terms_box{line-height:25px}
.tb_title{font-weight:bold;height:auto;line-height:40px}
.terms_box .tb_title{font-weight:normal;line-height:inherit;}
/* cursor */
.nav_list, .ti_in_flex{cursor:pointer}
/* common - pagin */
.paging_box{width:100%;height:30px;line-height:30px;margin-top:10px}
.nopd .paging_box{padding-bottom:10px;}
.list_pg{width:50%;height:100%;margin:0 auto;display:flex;justify-content:center}
.list_btn_l,.list_btn_r{display:inline-block;width:30px;text-align:center;color:#444;margin:0 2px}
.list_btn_l.end,.list_btn_r.end{letter-spacing:-1.1rem}
.pg_num_area{display:flex;justify-content:space-around}
.pg_num_area li{width:30px;text-align:center;margin:0 2px;line-height:28px}
.pg_num_area li .pg_num{display:inline-block;width:100%;height:100%;color:#000;border:1px solid #ddd;box-sizing:border-box;border-radius:2px}
.pg_num_area li .pg_num_on{display:inline-block;width:100%;height:100%;background:#444;color:#fff;border-radius:2px}
/* common - btn */
.btn_w100_b, .btn_withdrawal_st{display:inline-block;width:100%;height:40px;line-height:40px;text-align:center;color:#fff;font-weight:700;background:#124DB3;background:#E9504B;border-radius:20px;/* border-radius:50px */z-index:5;}
.contents_in.nopd .btn_w100_b, .contents_in.nopd .btn_withdrawal_st{display:block;width:calc(100% - 20px);margin:20px auto;}
.contents_in.nopd .btn_withdrawal_st{background-color:#C5C5C5;font-weight:500;}
.btn_w100_b:hover{color:#fff;}
.btn_w100_b.off{background:#ddd;text-shadow:0 0 3px rgba(0, 0, 0, 0.2);}
.btn_w100_b.point_charge,.btn_w100_b.dr{margin:20px 0 0 0}
.btn_w100_b.exchange,.btn_w100_b.mypage{margin:20px 0}
.btn_w100_b.select_item:nth-child(2){margin:10px 0}
.btn_w100_b.ir{margin-top:20px;width:50%}
.btn_w100_b.fixed{position:fixed;left:10px;bottom:60px;width:calc(100% - 20px);margin-bottom:5px;/* position:-webkit-sticky;position:sticky;left:0;bottom:20px;margin-top:10px; */}
.btn_w100_b.sticky{position:-webkit-sticky;position:sticky;bottom:70px;display:block;width:calc(100% - 20px);max-width:465px;margin:0 auto 15px;}
.btn_w100_b.mgb5{margin-bottom:5px;}
.btn_w100_b.mgt15{margin-top:15px;}
.btn_w100_b.wdt100{max-width:100%;}
.btn_user_copy{display:inline-block;width:15%;height:40px;line-height:40px;border-radius:5px;background:#09bcc0;text-align:center;color:#fff;margin-left:2%}
/* common - point(mynow,pay,free) */
.mypoint_list{width:100%;overflow:hidden;margin-bottom:10px}
.mypoint_list_in{display:flex;justify-content:space-around;border:1px solid #000;box-sizing:border-box;border-radius:5px;padding:20px 0}
.ml{min-width:40%;overflow:hidden;line-height:40px}
.ml_line{width:1px;height:auto;background:#ddd;margin:0 1%}
.ml{min-width:40%;overflow:hidden}
.ml_r{display:flex;justify-content:flex-start}
.ml_r_t,.ml_r_b{width:100%;text-align:right}
/* point */
.mypoint_disp_wrap{padding:23px 20px;background-color:#124DB3;text-align:center;margin-bottom:10px;}
.mypoint_disp_in{display:inline-block;vertical-align:top;}
.mypoint_disp_tb{display:table;table-layout:fixed;color:#fff;border-collapse:collapse;}
.mypoint_disp_tr{display:table-row;}
.mypoint_disp_td{display:table-cell;padding:5px 10px;font-size:14px;font-weight:500;vertical-align:middle;}
.mypoint_disp_td:first-child{padding-left:30px;}
.mypoint_disp_td:last-child{padding-right:30px;}
.mypoint_disp_hd .mypoint_disp_td{padding-bottom:14px;border-bottom:1px solid #FFFFFF;}
.mypoint_disp_hd + .mypoint_disp_tr .mypoint_disp_td{padding-top:10px;}
.mypoint_disp_td .ft_sz_up{font-size:17px;}
/* common - sub page title*/
.sub_title{width:100%;line-height:80px;vertical-align:middle;box-sizing:border-box}
.sub_title.sub_title_lkbox{line-height:1.35;text-align:center;}
.sub_title.bdb{border-bottom:1px solid #E6E6E6;}
.sub_title_in{display:inline-block;width:100%;overflow:hidden;line-height:25px;vertical-align:middle;box-sizing:border-box;margin-bottom:10px;}
.sub_title_lkbox .sub_title_in{padding:17px 0 27px;line-height:1.45;margin:0;}
.nopd .sub_title_lkbox .sub_title_in{padding-top:27px;}
.sub_title_in.sti_border{border-bottom:1px solid #ddd;box-sizing:border-box;padding:0 10px 10px 10px}
.sub_title_in.sub_title_in_lkbox{padding-left:20px;padding-right:20px;text-align:left;box-sizing:border-box;}
.sub_title_in.pds20{padding-left:20px;padding-right:20px;}
.sub_title_in .sym_txt{display:flex;margin-top:15px;}
.sub_title_in .symbol{display:inline-block;margin-right:4px;}
/* common - serve page title */
.contents_title{width:100%;height:51px;line-height:50px;display:flex;justify-content:flex-start;background:#fff;/* color:#fff; */padding:0 10px;border-bottom:1px solid #E6E6E6;font-size:18px;font-weight:500;box-sizing:border-box}
.ct.prev{width:25px;height:50px;line-height:50px;text-align:center;margin-right:5px}
.ct.prev a{font-size:0;position:relative}
.ct.prev a::after{font-size:0;content:'';width:10px;height:10px;border-top:2px solid #202020;border-right:2px solid #202020;display:inline-block;transform:rotate(225deg);position:absolute;top:20px;left:-5px}
/* common item_view */
.item_view_a{display:inline-block;width:100%;overflow:hidden;color:#000;padding:10px 0 10px 0;border-bottom:1px solid #ddd;box-sizing:border-box;vertical-align:top;outline:none !important;}
.item_view_a:last-child{border-bottom:0 none;}
.item_view_a:focus, .item_view_a:focus-visible, .item_view_a:visited{outline:none;}
.market_list .item_view_a{padding-left:15px;padding-right:12px;border-color:#E6E6E6;}
.item_view{width:100%;line-height:100px;overflow:hidden;display:flex;justify-content:flex-start}
.market_list .item_view{overflow:visible;}
.iv_img{width:30%;line-height:100px;max-height:125px;background:#fff;text-align:center;border:1px solid #E6E6E6;border-radius:5px;box-sizing:border-box}
.iv{width:100%;line-height:100px;padding:0 5px;box-sizing:border-box}
.mlm .iv, .iv.pdl15{padding-left:15px;}
.market_list .iv{position:relative;padding:7px 0 7px 15px;}
.market_list_st2 .iv{padding-top:3px;padding-bottom:3px;}
.iv_in{width:100%;vertical-align:middle;display:inline-block}
.item_view.flex{width:50%;height:100%;overflow:hidden;display:flex;justify-content:space-between;flex-direction:column}
.item_view.item_view_row{flex-direction:row;}
.item_view.flex .iv_img{width:100%;height:100px;line-height:100px;background:#fff;text-align:center;margin-bottom:10px;/* border:1px solid #ddd; */border:0 none;box-sizing:border-box}
.iv_img img{display:inline-block;width:100%;height:90%;border-radius:5px;vertical-align:middle;object-fit:contain}
.iv_img img.hgt100{height:100%;}
.iv_title,.iv_price,.iv_date{width:100%;overflow:hidden;line-height:25px;word-break:break-all;}
.iv_title,.iv_price{font-weight:bold;color:#202020;}
.iv_title.word_keep{word-break:keep-all;word-wrap:break-word;}
.market_list .iv_price{display:flex;justify-content:space-between;gap:10px 10px;font-size:14px;font-weight:500;overflow:visible;margin-top:12px;}
.market_list_st1 .iv_price{line-height:1.35;margin-top:10px;}
.market_list_st1 .iv_real_price{font-size:16px;font-weight:500;margin-top:2px;}
.market_list_st2 .iv_price{font-weight:400;line-height:1.35;margin-top:6px;}
.iv_price.line{font-weight:normal;text-decoration:line-through}
.iv_price.red{color:red}
.iv_date{color:#aaa}
.iv_user{line-height:25px}
.market_list_st2 .iv_date{text-align:right;line-height:1.35;color:#D31111;margin-top:2px;}
.market_list .iv_user{font-weight:700;line-height:1.35;}
.market_list_st1 .iv_user{font-weight:400;}
.iv_user.pink{color:#ff0e80}
.iv_user.red{color:#D31111;}
.comment_balloon{float:right;position:relative;width:38px;height:38px;border:1px solid #E6E6E6;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;}
.comment_balloon img{width:18px;}
.comment_balloon .comment_num{position:absolute;top:-5px;right:-7px;display:block;min-width:20px;padding:0 5px;background-color:#124DB3;border-radius:20px;font-size:10px;font-weight:400;line-height:20px;color:#FFFFFF;text-align:center;box-sizing:border-box;}
/* common - table_box */
/* .table_box{width:100%;border:1px solid #ddd;box-sizing:border-box;}
.table_box tr{width:100%;height:50px;line-height:50px;border-bottom:1px solid #ddd;box-sizing:border-box}
.table_box tr th{width:30%;height:50px;line-height:50px;background:#f1f1f1;padding:0 10px;box-sizing:border-box}
.table_box tr td{height:50px;line-height:50px;padding:0 10px;border-left:1px solid #ddd;box-sizing:border-box}
.table_input{display:inline-block;width:100%;height:40px;line-height:40px;border:1px solid #ddd;outline:none;padding:0 10px;box-sizing:border-box}
.table_box caption{width:100%;height:30px;line-height:30px;font-weight:bold;text-align:left;margin:15px 0 5px 0}
.table_box tr td.table_address_ic{width:50px;height:50px;line-height:50px;background:#f1f1f1;border-left:0;text-align:center;padding:0}
.table_box tr td.table_address_ic.nonebg{background:none}
.table_box tr td.table_address_ic a{display:inline-block;width:100%;height:100%;background:url("/_data/images/common/ic_search.png")no-repeat center / 25px;vertical-align:top}
.new_pwd_text{padding:5px 0;line-height:20px;color:#09bcc0;font-weight:bold} */
.table_box_container{padding:12px 15px;border-bottom:1px solid #E6E6E6;}
.table_box_container.bdt{border-top:1px solid #E6E6E6;}
.table_box{width:100%;border-collapse:separate;color:#202020;text-align:left;box-sizing:border-box;}
.table_box_ly_fixed{table-layout:fixed;}
.table_box caption{padding:4px 0 12px;font-size:14px;font-weight:700;text-align:left;}
.table_box th, .table_box td{padding:9px 0;vertical-align:middle;box-sizing:border-box;}
.table_box th{padding-right:15px;font-size:14px;}
.table_box input[type="text"], .table_box input[type="password"], .table_box input[type="email"], .table_box input[type="number"], .table_box input[type="tel"], .table_box select{display:block;width:100%;height:30px;border:1px solid #E6E6E6;border-radius:20px;padding:0 15px;background-color:#FFFFFF;font-size:12px;color:#202020;box-sizing:border-box;}
.table_box input[readonly]:not(.no_bg_readonly){color:#909090;background-color:#F8F8F8;}
.table_box select{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.35;padding-right:32px;background-image:url("/_data/images/common/ico_select_arr_down.png");background-repeat:no-repeat;background-position:95% center;background-position-x:calc(100% - 15px);background-size:11px;}
.table_box input:focus, .table_box select:focus{outline:none;}
.table_box input:not([readonly]):focus{border-color:#ACD2FF;}
.table_box select::-ms-expand{display:none;}
.table_box input::placeholder{color:#A5A5A5;}
.table_box_container .new_pwd_text{padding:5px 0 3px;font-size:14px;font-weight:500;color:#124DB3;line-height:1.35;word-break:keep-all;word-wrap:break-word;}
.table_box.address th{width:72px;}
.table_box_txt_box{width:100%;height:30px;line-height:30px;padding:0 15px;border-radius:20px;background-color:#EEEEEE;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;}
.table_input_flex{position:relative;display:flex;gap:10px 10px;}
.table_input_flex_btn{display:flex;align-items:center;background-color:#124DB3;border-radius:25px;border:0 none;padding:0 16px;font-family:inherit;font-size:12px;font-weight:500;color:#FFFFFF;margin:0;flex-shrink:0;}
body{width:100vw;/* height:100vh;overflow:hidden */}
/* header */
.h_box{width:100%;height:60px;line-height:60px;overflow:hidden;position:-webkit-sticky;position:sticky;left:0;top:0;background:#fff;color:#fff;padding:0 15px;box-sizing:border-box;border-bottom:1px solid #E6E6E6;z-index:20;}
.h_box_in{width:100%;height:100%;margin:0 auto;display:flex;justify-content:space-between;background:#fff}
.hbi.ic, .hbi.ribbon{flex:1 1 90px;}
.hbi.logo{display:inline-block;width:30%;height:100%}
.img_logo{display:inline-block;width:100%;height:100%;text-align:center}
.img_logo img{width:80%;width:120px;height:100%;object-fit:contain;}
.ribbon_btn{padding:5px 10px;color:#000;text-decoration:none;border:1px solid #ddd;border-radius:5px}
.hbi .ribbon_btn{border:0 none;padding-right:0;color:#124DB3;}
.ribbon_text{padding:0 0 0 10px;color:#000}
/* .hbi.ic{width:25%} */
.hbi.logo{width:50%;width:120px;}
.hbi.ribbon{text-align:right}
/* .hbi.ribbon{width:25%;text-align:right} */
.my_point{font-size:14px;color:#124DB3;}
/* ic menu(HB) */
.ic_hb,.ic_hb_in{display:inline-block;transition:all 0.4s;box-sizing:border-box}
.ic_hb{position:relative;width:22px;height:20px;top:4px}
.ic_hb .ic_hb_in{position:absolute;left:0;width:100%;height:2px;background-color:#202020;border-radius:2px}
.ic_hb .ic_hb_in:nth-child(1){top:0;}
.ic_hb .ic_hb_in:nth-child(2){top:50%;margin-top:-1px;}
.ic_hb .ic_hb_in:nth-child(3){bottom:0;}
/* ic menu(HB) 마우스를 클릭 움직임 관련 css */
.ic_hb.active .ic_hb_in:nth-child(1){
-webkit-transform:translateY(9px) rotate(-45deg);
transform:translateY(9px) rotate(-45deg); /* y축으로 20px 이동하고 -45도 돌린다 */
background:#000
}
.ic_hb.active .ic_hb_in:nth-child(2){
opacity:0; //2번째 줄에 마우스를 올렸을 때 투명해져라
}
.ic_hb.active .ic_hb_in:nth-child(3){
-webkit-transform:translateY(-9px) rotate(45deg);
transform:translateY(-9px) rotate(45deg); /* y축으로 -20px 이동하고 45도 돌린다 */
background:#000
}
/* layout_box */
.layout_box{width:100%;/* height:calc(100vh - 100px);height:calc(100vh - 120px);margin:60px 0;background:#203864; */display:inline-block}
.layout_box.page{width:100%;/* height:calc(100vh - 150px);height:calc(100vh - 160px);margin:60px 0 0 0;background:#203864 */}
.layout_box.page2{width:100%;/* height:100%; */margin:0}
/* event */
.layout_box.event{width:100%}
.event_img{display:block;width:100%}
/* nav */
.nav{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background:#fff;display:none;z-index:21;padding:15px 0;box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.nav.nav_login_box{padding-top:25px;}
.nav.nav_loged_in{padding-top:0;}
.nav_user_points{padding:30px 20px;background-color:#124DB3;color:#fff;}
.nav_list{width:100%;overflow:hidden;padding:0 15px;box-sizing:border-box}
.nav_title{width:100%;/* height:40px;line-height:40px; */font-weight:500;text-align:center;}
.nav_text{display:none;width:100%;height:30px;line-height:30px;text-indent:22px} /* 기본이 display :none */
.nav_arrow{margin-right:10px}
.nav_arrow::before{content:"▼"}
.nav_list.on .nav_arrow::before{content:"▶"}
.nav_in{width:100%;height:auto;margin:0 auto;}
.nav_point{width:100%;max-width:280px;margin:30px auto 0;}
.nav_point_in{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 10px;/* font-weight:bold */}
.nav_point_in + .nav_point_in{margin-top:10px;}
.nav_point_in.mypoint{}
.nav_point_in.paypoint{}
.nav_point_in.freepoint{}
.npt_value{color:#FFBD33;}
.nav_point_in.invite_frd{padding-top:12px;border-top:1px solid #FFFFFF;align-items:center;margin-top:15px;}
.nav_point_in.invite_frd a{font-weight:500;color:inherit;}
.nav_point_in .npt_invite_frd_btn{padding:5px 7px;border:0 none;border-radius:5px;background-color:#EDAA1C;font-family:inherit;font-size:12px;color:#FFFFFF;}
.nav_menu{width:100%;overflow:hidden;margin:20px auto;/* display:grid;grid-template-columns:repeat(auto-fit,minmax(145px, auto)) */}
.nav_menu_in{overflow:hidden;text-align:center;/* margin:10px 0 */margin-top:15px;}
.nav_menu_in:first-child{margin-top:0;}
.nmi_a{display:flex;align-items:center;width:100%;padding:0 30px;box-sizing:border-box;overflow:hidden}
.nmi_img{width:30px;height:30px;flex-shrink:0;/* line-height:80px;background:#062053;border-radius:40%;margin:0 auto */}
.nmi_img img{display:block;width:100%;height:100%;object-fit:scale-down;}
.nav_menu_title{/* width:100%;height:40px;line-height:40px;color:#fff */padding-left:17px;font-size:14px;font-weight:500;color:#124DB3;}
.nav_btn{width:100%;height:50px;line-height:50px;box-sizing:border-box;}
.nav_logout_btn{height:auto;padding:0 30px;text-align:right;line-height:1.35;}
.nav_btn a{display:inline-block;display:inline-flex;align-items:center;padding:5px 0 10px;font-size:14px;font-weight:500;color:#A5A5A5;/* width:100%;height:100%;color:#fff;border-radius:50px;background:#034dd5;text-align:center;font-weight:bold */}
.nav_btn a img{width:20px;margin-left:10px;flex-shrink:0;}
/* nav on */
.nav_in .h_box_in{background:none;text-align:right;position:sticky;top:0;z-index:10;}
.nav_loged_in .nav_in .h_box_in{float:right;top:15px;width:auto;height:auto;}
.nav_login_box .nav_in .h_box_in{position:absolute;height:auto;margin-top:15px;}
.nav_in .h_box_in .hbi.ic{width:100%}
.nav_in .h_box_in .hbi.ic .ic_hb{top:0;right:15px;}
.nav_in .h_box_in_white .hbi.ic .ic_hb{background:rgba(18, 77, 179, 0.45);box-shadow:0 0 0 5px rgba(18, 77, 179, 0.45);border-radius:100%;}
.nav_in .h_box_in .hbi.ic .ic_hb.active .ic_hb_in{background:#707070}
.nav_in .h_box_in_white .hbi.ic .ic_hb.active .ic_hb_in{background:#fff;}
/* nav_login */
.wrap_nav_login{width:100%;height:auto;}
.member_top_title{margin-bottom:10px}
.logo_nav{display:block;width:150px;margin:0 auto;}
.wrap_nav_login .member_title{/* color:#fff;margin:10px 0; */font-size:18px;font-weight:500;margin-bottom:18px;}
/* .wrap_nav_login .member_title_text{background:#203864}
.wrap_nav_login .join a{color:#fff} */
.wrap_nav_login .wrap_in{justify-content:center}
/* bbobaba join*/
.member_form_wrap{margin-top:26px;}
.bbobaba_join{width:100%;height:40px;line-height:40px;text-align:center;margin:0 auto;display:flex;justify-content:space-between;}
.bbobaba_join + .bbobaba_join{margin-top:15px;}
.bbobaba_join.w145 label{width:145px}
.bbobaba_join.bbobaba_join_it2{display:flex;gap:15px 8px;}
.bbobaba_join label{display:inline-block;display:none;width:73px;height:100%;text-align:right}
.bbobaba_join input{display:block;width:100%;box-sizing:border-box;border:1px solid #D1D1D1;border-radius:30px;height:100%;outline:none;padding:0 18px;background-color:#fff;font-size:14px;color:#333;}
.bbobaba_join_it2 input{flex:1 1 120px;}
.bbobaba_join input::placeholder{font-weight:300;color:#A5A5A5;}
.bbobaba_join input:focus{border-color:#7ABFFF;}
.btn_bbobaba{width:100%;height:40px;line-height:40px;background:#124DB3;font-size:14px;font-weight:700;color:#fff;text-align:center;box-sizing:border-box;border:none;border-radius:50px;margin:15px auto 0 auto;cursor:pointer;}
a.btn_bbobaba{display:inline-block;width:auto;padding:0 25px;}
button.btn_bbobaba{line-height:1.35;}
.btn_bbobaba.w{background:#fff;color:#203864}
.member_box.mgg{margin:20px auto 20px auto}
.member_box.mgg2{margin:10px auto 10px auto}
.btn_bbobaba.mgt_none{margin-top:0;}
.bbobaba_auto_login{text-align:right;padding:16px 5px 10px;}
.bbobaba_auto_login label{display:inline-block;font-size:14px;color:#A5A5A5;}
.bbobaba_auto_login label input{display:inline-block;width:14px;height:14px;margin:0 5px 0 0;vertical-align:-2px;}
.bbobaba_auto_login2{text-align:left;margin-left:70px;padding:5px 0}
.bbobaba_auto_login2 label{display:inline-block;height:18px;line-height:18px}
.bbobaba_auto_login2 label input{display:inline-block;width:14px;height:14px;margin:2px 0;vertical-align:bottom;}
.bbobaba_join.w92 label{width:92px}
.lkbox_account_exchg{position:relative;width:100%;padding:25px 20px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;text-align:center;box-sizing:border-box;margin:25px auto 0;}
.lkbox_account_exchg dt{font-size:16px;font-weight:400;color:#202020;}
.lkbox_account_exchg dd{margin-top:13px;}
.lkbox_account_exchg_link{font-size:17px;font-weight:500;color:#124DB3;border-bottom:1px solid #124DB3;}
/* footer */
.f_box{width:100%;height:59px;/* height:50px;line-height:50px; */border-top:1px solid #D8D8D8;background:#F6F6F6;position:-webkit-sticky;position:sticky;bottom:0;left:0;z-index:20;}
.f_box_in{display:flex;justify-content:space-between;width:100%;height:100%}
.fbi{min-width:25%;text-align:center;position:relative}
.fbi a{display:inline-block;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#202020;}
.f_box_line{display:inline-block;width:1px;height:20px;background:#fff;position:absolute;right:0;top:50%;margin-top:-10px}
.lkbox_fbi_item{margin:0;}
.lkbox_fbi_item_ico{width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;margin:0 auto;}
.lkbox_fbi_item dt{font-size:12px;font-weight:normal;margin-top:7px;}
.lkbox_fbi_item svg{display:block;width:20px;height:20px;fill:#202020;margin:0 auto;}
/* footer_address */
.footer_address{width:100%;overflow:hidden;background:#414856;padding:20px 10px;box-sizing:border-box;position:relative;z-index:2;}
/* .select_item_info .footer_address{width:auto;margin-left:-10px;margin-right:-10px;margin-bottom:10px;} */
.footer_address_in{width:100%;/* height:25px;line-height:30px; */line-height:25px;display:flex;justify-content:flex-start;color:#6d7583;word-break:keep-all;word-wrap:break-word;}
.footer_address_in.btn{display:flex;padding:0;justify-content:center;height:50px;line-height:50px;vertical-align:middle}
.footer_address_in.btn a{display:inline-block;width:50%;height:40px;line-height:40px;color:#fff;border-radius:5px;text-align:center;background:#6d7583;margin:0 5px}
.footer_address_in a{color:inherit;}
.fa_title{width:15%;text-align:right;margin-right:10px}
/* footer new */
.footer_address_new{position:relative;padding:15px 10px;background-color:#fff;border-top:1px solid #E6E6E6;color:#A5A5A5;}
.select_item_info .footer_address_new{padding-bottom:70px;}
.footer_address_new a{color:#A5A5A5;}
.footer_address_terms{display:flex;align-items:center;justify-content:center;}
.footer_address_terms a{display:inline-block;/* min-width:118px;padding:0 16px;border:1px solid #E6E6E6;line-height:38px;border-radius:20px; */font-size:13px;text-align:center;white-space:nowrap;box-sizing:border-box;margin:5px;vertical-align:middle;}
.footer_address_terms a:hover, .footer_address_terms a:focus{outline:none;text-decoration:none;color:inherit;}
.footer_address_terms .line{display:inline-block;width:1px;height:10px;background-color:#A5A5A5;vertical-align:middle;margin:5px;}
.ft_adrs_company{display:none;padding:0 3px;margin-top:15px;}
.ft_adrs_company_item span, .ft_adrs_company_item a{display:inline-block;font-size:14px;vertical-align:top;margin:5px 2px;}
/* contents_common */
.wrap{width:100vw;height:100vh;overflow:hidden;background:#fff;display:flex;justify-content:center;flex-direction:column}
.wrap_account{display:block;padding:25px 0 40px;overflow-y:auto;box-sizing:border-box;}
.wrap_in{width:95%;height:85vh;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;flex-direction:column;text-align:center}
.wrap_nav_login .wrap_in{height:auto;}
.wrap_in.w100{height:auto}
.wrap_account .wrap_in, .wrap_nav_login .wrap_in{width:100%;}
.wrap_in.w100 .member_box .member_title{position:relative;font-size:18px;font-weight:500;overflow:hidden}
.logo{width:80%;margin:0 auto}
.logo_account{display:block;width:150px;margin:0 auto;}
.text_none{margin-top:70px}
/* intro laoding */
.intro_box.loading{width:100%}
.intro_box.loading .loading{width:200px;height:50px;background:#fff;margin:0 auto}
.intro_box.loading .loading svg{width:100%;height:100%}
.intro_box.loading p,.intro_box.title{line-height:35px}
/* member */
.member_box{max-width:376px;width:100%;padding:0 20px;box-sizing:border-box;margin:0 auto}
.member_box.bdb{padding-bottom:27px;border-bottom:1px solid #E6E6E6;}
.member_box.pdt{padding-top:25px;}
.member_title{position:relative;overflow:hidden}
.member_title.w20{margin:20px 0}
.member_title_text{background:#fff;position:relative;z-index:1;}
.member_title_line{display:inline-block;width:100%;height:1px;background:#eee;position:absolute;left:0;top:50%}
.member_login_btn{width:100%;margin:20px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:14px 0;}
.btn_sns{width:58px;height:58px;border-radius:100%;margin:0 7px;flex-shrink:0;}
.btn_sns a{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;}
.btn_sns.naver{background:#2db400}
.btn_sns.naver a{color:#fff;background-image:url("/_data/images/common/sns_logo_naver.png");background-size:16px;}
.btn_sns.kakao{background:#f7e600}
.btn_sns.kakao a{background-image:url("/_data/images/common/sns_logo_kakaotk.png");background-size:17px;background-position-x:53.5%;}
.btn_sns.google{background:#E94235;}
.btn_sns.google a{background-image:url("/_data/images/common/sns_logo_google.png");background-size:19px;background-position-x:52.5%;}
.btn_sns.joinbt{background:#eee}
.btn_sns.bbobaba{background:#203864}
.btn_sns.bbobaba a{color:#fff}
/* .tac{width:100%;height:30px;line-height:30px;margin:20px 0 0 0;display:flex;justify-content:center} */
.tac{width:100%;height:30px;line-height:30px;margin:0;display:flex;justify-content:flex-start;margin-left:25px;}
.tac:first-child{margin-top:20px;}
.tac_in{display:inline-block}
.tac_in input{vertical-align:middle;display:inline-block;width:14px;height:14px;line-height:14px;margin:0 5px 0 0}
.tac_in a{display:inline-block;color:#000;text-decoration:underline;text-underline-position:under;font-weight:bold}
.join{height:30px;line-height:30px;margin-top:20px}
.join a{text-decoration:underline;color:#000;font-weight:bold;text-decoration:underline;text-underline-position:under}
.join_tac_box{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:21px;}
.join_tac{/* height:25px;line-height:25px; */display:flex;justify-content:flex-start;/* margin-left:25px */flex:1 0 calc(46% - 7px);white-space:nowrap;box-sizing:border-box;}
.join_tac:nth-child(2n){flex:1 0 calc(54% - 7px);}
.jt{font-size:12px;color:#A5A5A5;}
.jt.input{margin-right:10px;}
.jt.input input{vertical-align:top;}
.jt + a{font-size:12px;color:#A5A5A5;margin-left:4px;}
/* index */
.index_banner{width:100%;/* border:1px solid #d2d2d2;border-radius:5px; */margin-bottom:5px;margin-bottom:2px;overflow:hidden;position:relative;}
.index_banner.before_active{max-height:60vw;overflow:hidden;}
.index_banner a{display:block;width:100%;height:100%;background-color:#F2F2F2;}
.index_banner a img{display:block;/* width:100%; */max-width:100%;margin:0 auto;}
.slider1_count{position:absolute;bottom:5px;right:5px;background-color:rgba(0, 0, 0, 0.45);color:#fff;padding:5px 10px;box-sizing:border-box}
.index_box_wrapper{padding:0 12px;margin-top:16px;}
.index_box{width:100%;overflow:hidden;border-bottom:1px solid #ddd;padding:16px 0}
.index_box.draw.hotdeal{padding-top:0}
.index_box.draw{border-bottom:none;overflow:visible;}
.index_box.best{border-bottom:none;padding-top:0;padding-right:5px;}
.index_box.success{width:auto;border-bottom:none;padding-top:0;padding-bottom:0;overflow:visible;margin-left:-12px;margin-right:-12px;}
.index_box.success .item_name{padding:0 15px 0 0;font-size:14px;color:#202020;font-weight:500;line-height:1.34;word-break:keep-all;word-wrap:break-word;}
.index_ttl_wrap{position:relative;display:flex;gap:10px 5px;}
.index_title{position:relative;width:100%;padding-left:10px;padding-bottom:20px;font-size:16px;font-weight:bold;box-sizing:border-box;}
.index_ttl_wrap .index_title{flex:1;}
.sib_in_full .index_title{width:calc(100% - 20px);margin:0 auto;}
.index_box.success .index_title{max-width:calc(100% - 24px);margin-left:12px;}
.index_title::before{content:"";display:block;position:absolute;top:3px;bottom:0;left:0;width:4px;background-color:#124DB3;}
.index_item_box{width:100%;height:100%;overflow:hidden}
.index_item_box.best_item, .index_item_box.success_item, .index_item_box.draw_item{overflow:visible;}
.index_item_box.draw_item{display:flex;flex-wrap:wrap;}
.index_item_box .bx-viewport{padding:3px;}
.best_item_ul{width:100%;height:100%}
.bi{float:left}
.index_item_box .bi{height:100%;}
.item_a{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;padding-bottom:7px;border-radius:6px;color:#202020;position:relative;box-shadow:0 0 4px rgba(0, 0, 0, 0.1);box-sizing:border-box;}
.item_img{width:100%;height:150px;line-height:150px;overflow:hidden;background:#fff;text-align:center;border-radius:6px 6px 0 0;}
.main_si .item_img{margin-top:20px;}
/* .item_img{width:100%;height:150px;line-height:150px;overflow:hidden;background:#fff;text-align:center;border:1px solid #ddd;box-sizing:border-box} */
.item_img.bg_none{background:none;border:none}
.item_img img{display:inline-block;width:100%;height:90%;vertical-align:middle;object-fit:contain}
.item_img img.w80{width:80%;height:80%}
.item_name{word-break:break-word;line-height:25px}
.item_price{line-height:30px}
.item_price.red{color:red;font-size:1.1rem}
.item_price.random{padding:0 5px;font-weight:500;color:#D31111;text-align:center} /* 881824 */
.main_si{font-weight:bold;text-align:center;}
.main_si .item_a{/* border:1px solid #ddd; */padding:20px 14px;border-radius:0;box-sizing:border-box;box-shadow:0 0 6px rgba(0, 0, 0, 0.1);}
.through{text-decoration:line-through}
.item_a.hot_deal{text-align:center;border:1px solid #ddd;box-sizing:border-box;padding:5px 0}
.item_a.hot_deal .item_img{border:none;width:80%;margin:0 auto;}
.hot_deal_more{float:right;color:#000}
.item_a.hot_deal .item_name{min-height:75px;padding:0 5px;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;}
.item_a.hot_deal .item_name span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:75px;line-height:25px;overflow:hidden;text-overflow:ellipsis;}
.di.soldout .dot_deal_soldout{display:block;}
.dot_deal_soldout{display:none;position:absolute;left:0;top:0;width:100%;height:100%}
.dot_deal_soldout .bg{display:block;width:100%;height:100%;background:#000;opacity:0.8;position:absolute;left:0;top:0;}
.dot_deal_soldout .text{display:inline-block;width:150px;height:150px;border:5px solid #fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;box-sizing:border-box;}
.dot_deal_soldout .text>span{color:#fff;font-weight:bold;font-size:40px;line-height:40px;height:auto;display:block;margin:35px 0}
.sort_control_wrap{position:relative;display:flex;}
.sort_ctr_select_item, .sort_ctr_category{flex-shrink:0;}
.sort_ctr_select select:focus, .sort_ctr_category:focus{outline:none;}
.sort_ctr_category{display:inline-block;width:20px;height:20px;background-image:url("/_data/images/common/ico_sort_category.png");background-repeat:no-repeat;background-position:center;background-color:#fff;background-size:20px;border:0 none;border-radius:0;}
.sort_ctr_category.active{background-image:url("/_data/images/common/ico_sort_category_blue.png");}
.sort_ctr_select_item{position:relative;height:20px;margin-left:15px;}
.sort_ctr_select_list{display:none;position:absolute;top:100%;right:0;width:126px;padding:10px 0;border-radius:6px;background-color:#FFFFFF;border:0 none;border-radius:0;margin:0;box-shadow:0 0 5px rgba(0, 0, 0, 0.15);z-index:10;margin-top:5px;}
.sort_ctr_select_list li{padding:2px 0;}
.sort_ctr_select_list button{display:block;width:100%;padding:0 20px;height:30px;line-height:30px;background-color:transparent;border:0 none;border-radius:0;margin:0;font-family:inherit;font-size:14px;text-align:left;box-sizing:border-box;}
.sort_ctr_select{position:relative;display:block;padding:0 20px 0 0;height:20px;line-height:20px;/* background:url("/_data/images/common/ico_sort_select.png") no-repeat 100% 47%, #FFFFFF;background-size:14px; */background-color:#FFFFFF;border:0 none;border-radius:0;font-size:14px;color:#202020;margin:0;box-sizing:border-box;z-index:2;}
.sort_ctr_select_ico{display:block;position:absolute;top:50%;right:0;width:14px;margin-top:-10px;transform:translateY(0) rotate(0);transition:transform 0.25s linear;}
.active .sort_ctr_select_ico{transform:translateY(2px) rotate(180deg);}
/* ... 2line */
.index_item_box.best_item .best_item_ul .bi .item_a .item_name{min-height:75px;max-height:75px;padding:0 5px;box-sizing:border-box;display:flex;/* justify-content:center; */flex-direction:column;margin:5px 0}
.index_item_box.best_item .best_item_ul .bi .item_a .item_name span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:75px;line-height:20px;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:normal;color:#202020;}
.market_list .iv_title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.85em;line-height:1.42;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:400;margin-top:15px;}
.market_list_st1 .iv_title{font-weight:700;margin-top:6px;}
.market_list_st2 .iv_title{height:auto;max-height:2.85em;font-weight:700;margin-top:0;}
/* .index_item_box.draw_item .di .item_a .item_name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:50px;line-height:25px;overflow:hidden;text-overflow:ellipsis;} */
.index_item_box.draw_item .di .item_a .item_name{min-height:56px;max-height:56px;padding:0 10px;box-sizing:border-box;display:flex;/* justify-content:center; */flex-direction:column;font-size:14px;color:#202020;text-align:left;}
.index_item_box.draw_item .di .item_a .item_name span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:75px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}
.index_item_box.draw_item .di .item_a .item_price{text-align:center}
.index_item_box.draw_item .di .item_a .item_list_price{text-align:center}
.item_list_price{padding:0 5px;font-weight:normal;color:#202020;text-align:center}
.item_user{font-size:18px;font-weight:700;color:#D31111;line-height:1.35;}
.di{float:left;width:calc((100% / 2) - 2px);overflow:hidden;/* border:1px solid #ddd; */box-shadow:0 0 4px rgba(0, 0, 0, 0.1);box-sizing:border-box;margin-right:4px;}
/* .di{float:left;width:49%;overflow:hidden;margin:0 2% 10px 0} */
.di.one{float:left;width:100%;overflow:hidden;margin:0 0 10px 0}
.di:nth-child(2n){margin-right:0}
.di:nth-child(n + 3){margin-top:4px;}
.di .item_img{margin-bottom:10px}
.item_success_info{display:flex;justify-content:space-between;text-align:left;margin-top:14px;}
.item_list_price_wrap{flex-shrink:0;}
.di .item_list_price_wrap{margin-top:7px;}
.item_list_price_wrap .item_list_price, .item_list_price_wrap .item_price{text-align:right;line-height:1.34;}
.item_list_price_wrap .item_list_price{font-size:14px;color:#202020;}
.index_item_box.draw_item .di .item_a .item_list_price, .index_item_box.draw_item .di .item_a .item_price{padding:0 10px;color:#202020;text-align:right;}
.index_item_box.draw_item .di .item_a .item_list_price{font-size:12px;color:#303030;}
.index_item_box.draw_item .di .item_a .item_price{font-size:16px;font-weight:700;color:#D31111;}
/* loop board animate
.loop_board_wrap{position:relative;width:100%;width:100vw;height:40px;line-height:40px;background-color:#124DB3;overflow:hidden;margin-left:-12px;margin-bottom:10px;}
.loop_board_wrap{margin-left:0;}
.loop_board_contents, .loop_board{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;}
.loop_board_contents, .loop_board, .loop_board li{-webkit-flex-shrink:0;flex-shrink:0;}
.loop_board_contents{position:absolute;top:0;left:0;}
.loop_board li{padding:0 9px;background-color:#124DB3;font-size:16px;font-weight:500;color:#FFFFFF;white-space:nowrap;}
.loop_board a{color:#FFFFFF;color:inherit;}
.loop_board_contents.bd_original{animation:60s linear 0s infinite normal forwards running rollingLeft1;}
.loop_board_contents.bd_clone{animation:60s linear 0s infinite normal none running rollingLeft2;} */
/* loop board animate */
.loop_board_container{position:relative;width:92%;width:calc(100% - 24px);height:40px;line-height:38px;padding:0 8px;border-radius:25px;border:1px solid #124DB3;box-sizing:border-box;margin:18px auto 0;}
.loop_board_container::before{content:"Nice!";position:absolute;top:0;left:10px;display:inline-block;padding:2px 8px;border-radius:20px;background-color:#124DB3;font-size:10px;font-weight:500;color:#FFFFFF;line-height:1.35;z-index:5;transform:translateY(-47%);}
.loop_board_wrap{position:relative;height:100%;overflow:hidden;}
.loop_board_wrap::before, .loop_board_wrap::after{content:"";display:block;position:absolute;top:0;width:25px;height:100%;z-index:4;}
.loop_board_wrap::before{left:-7px;background:linear-gradient(to right, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));border-radius:25px 0 0 25px;}
.loop_board_wrap::after{right:-7px;background:linear-gradient(to left, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));border-radius:0 25px 25px 0;}
.loop_board_contents, .loop_board{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;}
.loop_board_contents, .loop_board, .loop_board li{-webkit-flex-shrink:0;flex-shrink:0;}
.loop_board_contents{position:absolute;top:0;left:0;}
.loop_board li{padding:0 7px;font-size:14px;font-weight:500;color:#202020;white-space:nowrap;}
.loop_board a{color:inherit;}
.loop_board_contents.bd_original{animation:60s linear 0s infinite normal forwards running rollingLeft1;}
.loop_board_contents.bd_clone{animation:60s linear 0s infinite normal none running rollingLeft2;}
@keyframes rollingLeft1{
0%{transform:translateX(0);}
50%{transform:translateX(-100%);}
50.01%{transform:translateX(100%);}
0%{transform:translateX(0);}
}
@keyframes rollingLeft2{
0%{transform:translateX(0);}
100%{transform:translateX(-200%);}
}
/* contents */
.contents{width:100%;/* height:100%;overflow-y:scroll; */background:#fff}
.contents_in{width:100%;height:auto;/*min-height:100%;*/min-height:calc(100vh - 225px);padding:10px;box-sizing:border-box}
.contents_in.nopd{padding:0;}
.contents_in.flex_box{display:flex;justify-content:space-between;flex-direction:column}
.contents_in.flex_box.center{display:flex;justify-content:center;flex-direction:column}
/* point_charge */
.ct_box{width:100%;overflow:hidden;margin-bottom:21px}
.ct_box.payment_method{margin-top:5px;}
.ct_box_title{width:100%;height:50px;line-height:50px;font-weight:bold}
.ct_box .index_title{margin-bottom:10px;}
.cbb{display:inline-block;height:50px;line-height:48px;border:1px solid #E6E6E6;box-sizing:border-box;border-radius:5px;font-size:12px;color:#202020;text-align:center}
.payment_price .cbb{height:40px;line-height:38px;}
.cbb.on{background:#124DB3;border-color:#124DB3;color:#fff;font-weight:bold}
.ct_box_btn{width:100%;overflow:hidden}
.payment_method .ct_box_btn{display:grid;grid-gap:10px 2%;grid-template-columns:repeat(auto-fit,minmax(32%, auto))}
.payment_method .ct_box_btn:nth-child(3n){grid-gap:0}
.payment_price .ct_box_btn{display:grid;grid-gap:10px 2%;grid-template-columns:repeat(auto-fit,minmax(32%, auto))}
.bank_list .ct_box_btn{display:grid;grid-gap:10px 2%;grid-template-columns:repeat(auto-fit,minmax(32%, auto))}
.payment_result{width:100%;padding:17px 0;/* height:50px;line-height:50px;background:#f1f1f1; */display:flex;justify-content:center;justify-content:space-evenly;flex-wrap:wrap;gap:10px 10px;background-color:#fff;border:1px solid #124DB3;border-radius:5px;}
.payment_result_lkbox{width:100vw;background-color:#EEEEEE;border-color:#EEEEEE;border-radius:0;box-sizing:border-box;margin-left:-10px;flex-wrap:wrap;}
.payment_result.sticky{position:-webkit-sticky;position:sticky;top:60px;z-index:10;}
.pr{float:left;display:flex;justify-content:center}
.payment_result_lkbox .pr{flex-shrink:0;}
.pr_title{margin:0 20px}
.payment_result .pr_title{font-size:12px;}
.payment_result_lkbox .pr_title{font-size:14px;}
.pr_value{margin:0 20px;font-size:14px;color:#124DB3;font-weight:700}
.pr_line{width:1px;background:#ddd;margin:15px 0}
.payment_user_input_wrap{display:none;margin-bottom:20px;}
.payment_user_input_wrap input{display:block;width:100%;height:40px;border-radius:0;border:1px solid #E6E6E6;font-size:13px;padding:0 10px;box-sizing:border-box;transition:border-color 0.2s;}
.payment_user_input_wrap input::placeholder{color:#a5a5a5;}
.payment_user_input_wrap input:focus{outline:none;border-color:#79AFDD;}
/* black_point_chage */
.blank_box{width:100vw}
.blank_title{width:100%;height:50px;line-height:50px;background:#203864;padding:0 20px;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between}
.bt_close{width:20px;height:50px;line-height:50px;display:inline-block;color:#fff;text-align:center}
.black_contents{width:100%;height:calc(100vh - 50px);padding:10px;box-sizing:border-box;overflow-y:scroll}
.bp_text{padding:10px;box-sizing:border-box}
.bp_text_in{line-height:30px}
.bp_text_in.bp_text_point{padding:10px;box-sizing:border-box;color:red}
.bp_text_point.bold{font-weight:bold}
.bp_table{width:100%;overflow:hidden;border:1px solid #ddd;box-sizing:border-box;margin-bottom:20px}
.bp_table tr{height:50px;line-height:50px;border-bottom:1px solid #ddd}
.bp_table tr:last-child{border-bottom:none}
.bp_table tr th{border-right:1px solid #ddd;box-sizing:border-box}
.bp_table tr td{padding:0 10px;box-sizing:border-box}
.bpt_text{font-weight:bold;text-align:center}
.bp_input{display:inline-block;width:100%;height:40px;border:1px solid #ddd;box-sizing:border-box;padding:0 5px}
.bp_input:focus{outline:none}
.bp_btn{display:inline-block;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-weight:bold;border-radius:5px;background:#203864}
.bp_copy{background:#203864;padding:5px 10px;color:#fff;border-radius:5px;margin-left:5px}
.bp_btn_flex{display:flex;justify-content:space-between;}
.bp_btn_flex .bp_btn{width:49%}
.bp_btn_flex .bp_btn.cancel{background:#ddd;color:#000}
/* v_bank */
.black_contents.vbank{overflow:hidden;height:auto}
.vbank_memo { line-height:25px; padding:10px 0 20px;}
.vbank_in{width:100%;overflow:hidden;border:1px solid #ddd;box-sizing:border-box;margin-bottom:10px}
.vbank_in tr{width:100%;height:40px;line-height:40px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.vbank_in tr:last-child{border-bottom:none}
.vbank_in tr th{width:40%;border-right:1px solid #ddd;box-sizing:border-box}
.vbank_in tr td{width:60%;padding:0 10px;box-sizing:border-box}
/* mypoint_list */
.mypoint_history{width:100%;/* height:calc(100vh - 285px);overflow-y:auto */}
.mypoint_history .mypoint_history_in{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;box-sizing:border-box}
.mypoint_history .mypoint_history_in:first-child{border-top:1px solid #ddd;box-sizing:border-box}
.mypoint_history .mypoint_history_in:last-child{border-bottom:1px solid #ddd;box-sizing:border-box}
.mh.mh_date{width:20%;line-height:30px;padding:15px 0;text-align:center}
.mh.mh_text{width:50%;line-height:90px;font-weight:bold;text-align:center}
.mh_pay_free{width:30%;line-height:25px;text-align:right;padding:5px 0;box-sizing:border-box;}
.mhpf.price.red{color:red;font-weight:bold}
.mhpf.price.blue{color:#0ac1e1;font-weight:bold}
.mhpf.pay,.mhpf.free{display:flex;justify-content:flex-end;color:#aaa}
.mhpf.pay span,.mhpf.free span{display:inline-block;width:30%}
.mhpf.pay span:last-child,.mhpf.free span:last-child{width:70%}
/* mypoint_list lkbox */
.mypoint_history_tb{display:table;width:100%;}
.mypoint_history_tr{display:table-row;}
.mypoint_history_td{display:table-cell;vertical-align:middle;width:auto;padding:10px 5px;border-bottom:1px solid #E6E6E6;font-size:14px;line-height:1.34;}
.mypoint_history_td:first-child{padding-left:15px;}
.mypoint_history_td:last-child{padding-right:15px;}
.mypoint_history_tr:first-child .mypoint_history_td{border-top:1px solid #E6E6E6;}
.mypoint_history_td.mh_date, .mypoint_history_td.mh_text{text-align:center;}
.mypoint_history_td.mh_date{width:120px;}
.mypoint_history_td.mh_text, .mypoint_history_td.mh_pay_free{font-weight:700;}
.mypoint_history_td .co_original{color:#202020;}
.mypoint_history_td .mhpf + .mhpf{margin-top:4px;}
/* mypage */
.mypage_radio{text-align:center}
.mypage_radio input{margin:0 0 0 20px}
.mypage_radio label{margin:0 0 0 10px}
.btn_withdrawal{font-weight:bold;color:#000;text-decoration:underline;height:40px;line-height:40px}
/* .table_box.address{border:none}
.table_box.address tr{border:1px solid #ddd;box-sizing:border-box}
.table_box.address tr td.table_address{width:calc(100% - 50px);background:#f1f1f1;border-left:0;padding:0}
.table_box.address tr.address_in{border:none}
.table_box.address tr.address_in td{border:none;padding:0}
.table_input_address{display:inline-block;width:100%;height:50px;line-height:50px;border:1px solid #ddd;outline:none;padding:0 10px;box-sizing:border-box;margin-top:10px} */
/* withdrawal */
.user_out_text{width:100%;overflow:hidden;padding:20px 20px 20px 20px;box-sizing:border-box;border-bottom:1px solid #ddd;box-sizing:border-box}
.uot_title{width:100%;height:50px;line-height:50px;text-align:center;font-weight:bold;margin-bottom:20px}
.uot_text{line-height:25px}
.uot_text p{margin-bottom:10px}
.uot_text_point{color:red;font-weight:bold}
.uot_chk{width:100%;height:50px;line-height:50px;text-align:center;margin:10px 0}
.uot_btn{width:100%;height:50px;line-height:50px;display:flex;justify-content:center}
.uot_btn_in{background:#09bcc0;color:#fff;text-align:center;height:100%;border-radius:50px;padding:0 10px;box-sizing:border-box}
.uot_btn_in.cancel{width:30%}
.uot_btn_in.withdrawal{width:40%;margin-left:2%}
/* select_item */
.select_item_in{width:100%;overflow:hidden;display:flex;justify-content:space-between;padding:20px 0;box-sizing:border-box;border:solid #ddd;border-width:0 0 1px 0}
.select_item_in:first-child{border-top:0px solid #ddd}
.select_item_in:last-child{border-bottom:0 none;}
.btn_sii{width:45%;display:flex;justify-content:center;flex-direction:column}
.btn_sii_row{width:100%;justify-content:space-between;justify-content:space-around;flex-direction:row;flex-wrap:wrap;gap:5px 6px;margin-top:10px;}
.contents_in .btn_sii_row .btn_w100_b{width:60px;height:60px;line-height:60px;border-radius:40px;font-weight:500;margin:0;flex-shrink:0;}
.contents_in .btn_sii_row .btn_w100_b.select_item:nth-child(2){margin:0;}
/* select_item_buy */
/* .logo_gif_box{width:80%;margin:0 auto;text-align:center} */
.logo_gif_box{width:100%;height:calc(100vh - 20px);display:flex;justify-content:center;flex-direction:column;}
.logo_gif_box_in{width:80%;margin:0 auto;text-align:center}
.logo_gif{width:50%}
.logo_gif_text{width:100%;height:50px;line-height:50px;font-weight:bold}
/* item_result */
.select_item_result{width:95%;width:calc(100% - 8px);margin:0 auto;text-align:center}
.sir_img{width:100%;height:250px;line-height:250px;background:#fff;text-align:center;margin:0 auto 20px auto;border:1px solid #ddd;box-sizing:border-box}
.sir_img img{display:inline-block;width:60%;height:60%;object-fit:contain;vertical-align:middle}
.sir_text_in{font-weight:bold}
.sir_text_in.result_text{height:50px;line-height:50px;color:#fd168a}
.sir_text_in.title{height:auto;line-height:30px}
.sir_text_in.price{height:auto;line-height:30px;color:red}
/* delivery_request */
.item_view.dr{border-bottom:1px solid #E2E2E2;box-sizing:border-box;padding:0 0 10px 0}
.table_box caption input{margin:0 10px 0 20px}
.table_box caption label{font-weight:normal}
.address_basic{height:50px;line-height:50px}
.address_basic input{margin-right:10px}
.dr_text{width:100%;overflow:hidden;padding:10px 20px;box-sizing:border-box;background:#ededed;line-height:25px;margin-top:10px}
.dr_text.dot{line-height:1.35;}
.dr_text.dot p{position:relative;display:flex;margin-top:5px;}
.dr_text.dot p:first-child{margin-top:0;}
.dr_text.dot p::before{content:"·";display:inline-block;font-weight:800;margin-right:6px;}
.dr_text b{font-weight:500;}
/* request_result */
.table_box.dr_r tr th{vertical-align:middle}
.table_box.dr_r tr td.dr_r_address{line-height:25px;padding:20px 10px}
/* luckybox - select, search */
.prt_sort_srch_box{width:100%;padding:5px 15px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-around;box-sizing:border-box;}
.prt_sort_select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 none;border-radius:0;padding:0 25px 0 0;margin:0;background:url("/_data/images/common/ico_select_arr_down.png") no-repeat 100% center;background-position-x:calc(100% - 4px);background-size:11px;font-size:12px;}
.prt_sort_select::-ms-expand{display:none;}
.prt_sort_select:focus, .prt_srch_area .prt_srch_input:focus{outline:none;}
.prt_srch_area{position:relative;/* max-width:350px; */padding-left:18px;-webkit-flex:1 1 auto;flex:1 1 auto;}
.prt_srch_area .prt_srch_input{display:block;width:100%;height:30px;padding:0 32px 0 12px;margin:0;border:0 none;border-radius:20px;background-color:#EEEEEE;font-size:12px;box-sizing:border-box;}
.prt_srch_area .prt_srch_input::placeholder{color:#A5A5A5;}
.prt_srch_area_btn{position:absolute;top:0;right:0;display:block;width:32px;height:100%;background:url("/_data/images/common/ico_search_lkbox.png") no-repeat 4px center;background-size:15px;}
/* market_add */
.mc ul{width:100%;height:50px;line-height:50px;margin:20px 0}
.mc ul li{float:left;height:40px;line-height:38px}
.mc_point{width:35%;border:1px solid #ddd;box-sizing:border-box;border-left:0;text-align:center}
.mc_point:first-child{background:#ddd;border-left:1px solid #ddd;box-sizing:border-box}
.mc_point input{display:inline-block;width:100%;height:38px;border:none;box-sizing:border-box;vertical-align:top;padding:0 10px}
.mc_point input:focus{outline:none}
.mc_p{width:5%;text-align:center}
.mc_btn{width:25%;text-align:right}
.mc_btn a{display:inline-block;width:100%;height:40px;line-height:40px;background:#203864;color:#f7e600;text-align:center;font-weight:bold;border-radius:5px}
.item_view.md{padding-top:20px;border-top:1px solid #ddd;box-sizing:border-box}
/* exchange */
.item_view.exchange{border-top:1px solid #ddd;box-sizing:border-box;padding:20px 0}
.item_view.exchange:last-child{/* border-bottom:1px solid #ddd; */box-sizing:border-box}
/* exchange click*/
.item_view.exchange.on{position:relative}
.item_view.exchange.on:not(.item_view_vert) .exchange_select{position:absolute;width:100%;height:100%;background:rgba(0,0,0, 0.6);text-align:center;left:0;top:0}
.item_view.exchange.on:not(.item_view_vert) .exchange_select span{width:50px;height:50px;display:inline-block;background:url('/_data/images/common/ic_cheked.png') no-repeat center / cover;vertical-align:text-top}
.exchange_list_lkbox{display:flex;flex-wrap:wrap;margin-top:14px;}
.exchange_list_lkbox .item_view{position:relative;display:inline-block;width:33.333%;padding:0;width:calc((100% - 16px) / 3);max-width:33.333%;max-width:calc((100% - 16px) / 3);background-color:#FFFFFF;border-radius:6px;box-shadow:0 0 6px rgba(0, 0, 0, 0.1);flex:1 1 auto;margin-left:8px;}
.exchange_list_lkbox .item_view.exchange{border:0 none;}
.exchange_list_lkbox .item_view:first-child, .exchange_list_lkbox .item_view:nth-child(3n + 1){margin-left:0;}
.exchange_list_lkbox .item_view:nth-child(n + 4){margin-top:9px;}
.item_view_vert .iv{padding:0 7px 15px;line-height:1.35;}
.item_view_vert .iv_in{vertical-align:top;}
.item_view_vert .iv_img{width:100%;display:flex;align-items:center;justify-content:center;height:120px;border:0 none;border-radius:6px 6px 0 0;margin-bottom:12px;}
.item_view_vert .iv_img img{max-height:100px;}
.item_view_vert .iv_title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.4;height:4.3em;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;}
.item_view_vert .iv_price{font-size:12px;font-weight:400;line-height:1.35;text-align:right;margin-top:10px;}
.item_view_vert .iv_real_price{font-size:13px;margin-top:2px;}
.item_view_vert .iv_price ins{text-decoration:line-through;}
.item_view.exchange.item_view_vert .exchange_select{position:absolute;top:0;left:0;z-index:4;}
.item_view.exchange.item_view_vert .exchange_select span{position:absolute;top:7px;left:6px;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:100%;background-image:url("/_data/images/common/ico_checkbox_unchk.png");background-repeat:no-repeat;background-position:center;background-color:#E6E6E6;background-size:12px;}
.item_view.exchange.item_view_vert.on .exchange_select{width:100%;height:100%;background-color:rgba(0, 45, 123, 0.5);}
.item_view.exchange.item_view_vert.on .exchange_select span{background-image:url("/_data/images/common/ico_checkbox_chked.png");background-color:#FFFFFF;background-size:12px;}
/* select_item_info */
.item_view.flex.sii{width:100%;width:calc(100% - 12px);text-align:center;border-radius:6px;box-shadow:0 0 6px rgba(0, 0, 0, 0.1);align-items:center;margin:6px auto 0;}
.item_view.flex.sii .iv_img{/* width:50%;max-width:148px; */width:148px;height:180px;max-height:none;padding:10px;/* margin:20px auto; */overflow: hidden;flex-shrink:0;margin-bottom:0;}
.item_view.flex.sii .iv_img img{display:block;height:100%;}
.item_view.flex.sii .iv{padding:15px 10px 15px 10px;}
.select_item_info{width:100%;/* height:calc( 100vh - 220px);overflow-y:auto */}
.select_item_info_in.more{width:100%;margin-top:25px;}
.btn_more{display:block;width:95%;height:40px;line-height:40px;text-align:center;border:1px solid #ddd;box-sizing:border-box;color:#000;margin:20px auto 20px auto}
.more_text{text-align:left;display:block}
.more_tex>span { line-height:22px;padding-bottom:50px; display:block;}
.more_text > span{display:block;padding:5px 5px 20px;text-align:center;line-height:1.35;word-break:keep-all;word-wrap:break-word;}
.more_text img{display:inline-block;width:100%}
/* select_item_buy */
.item_view.flex.sib{width:100%;text-align:center;padding:0 0 10px 0;border-bottom:1px solid #EEEEEE;box-sizing:border-box}
.item_view.flex.sib .iv_img{width:100%;min-height:35vh;max-height:35vh;line-height:35vh;background:#fff;text-align:center;margin-bottom:10px;border:1px solid #ddd;box-sizing:border-box}
.select_item_info.buy{height:auto;overflow:hidden;border-bottom:1px solid #ddd;box-sizing:border-box}
.sib_in{padding:10px 0;overflow:hidden}
.sib_in.pdt15{padding-top:15px;}
.sibpg_in_pdr10 .sib_in{padding-right:10px;}
.sib_in_full{margin-left:-10px;margin-right:-10px;}
.sib_in.last{margin-bottom:175px;margin-bottom:25px;}
.sib_title{width:100%;height:30px;line-height:30px;display:flex;justify-content:left}
.sib_dot{width:20px;height:30px;line-height:30px;text-align:center}
.sib_dot span{display:inline-block;width:5px;height:5px;background:#000;border-radius:50%;vertical-align:middle}
.sib_text{font-weight:bold}
.sib_box{padding:0 0 0 20px;box-sizing:border-box;display:flex;justify-content:space-between;}
.sib_box.mt5{margin-top:5px;}
.sib_box_in{padding:10px;border:1px solid #ddd;box-sizing:border-box;line-height:20px}
.sib_select{width:65%;height:50px;line-height:50px;border:1px solid #ddd;box-sizing:border-box;text-align:left;padding:0 10px}
.sib_select input{margin:0 5px 3px 0;width:14px;height:14px;vertical-align:middle;}
.sib_select:focus{outline:none}
.sip_num{width:35%;height:50px;line-height:50px;border:1px solid #ddd;box-sizing:border-box;border-left:0;display:flex;justify-content:center}
.sip_num a{display:inline-block;width:38px;height:48px;line-height:48px;background:#ddd;text-align:center;font-weight:bold;color:#000}
.sip_number{width:calc(100% - 76px);text-align:center;font-weight:bold;border:1px solid; margin:2px; -moz-appearance: textfield;}
.sip_number::-webkit-outer-spin-button, .sip_number::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sib_box_text{width:100%;margin-top:10px;outline:none;border:1px solid #E2E2E2;box-sizing:border-box;resize:none;padding:5px}
.sib_chk{width:100%;overflow:hidden;border:1px solid #E6E6E6;box-sizing:border-box;margin-bottom:10px}
.sib_chk_in{height:50px;line-height:50px;text-align:center}
.sib_chk_in input{margin-right:5px}
.sib_chk_in.point{border-top:1px solid #E6E6E6;box-sizing:border-box;font-weight:bold}
.sib_chk_in.point span{color:red}
.sib_fixed{position:fixed;bottom:60px;padding-bottom:10px;background:#fff;width:calc(100% - 20px)}
.sib_fixed.sticky{position:-webkit-sticky;position:sticky;width:100%;margin:0 auto;}
/*select_item_info*/
.item_view .iv.flex{display:flex;flex-direction:column;justify-content:space-between;line-height:1.35;}
.iv_product_info{text-align:left;}
.iv_product_info .iv_title, .iv_product_info .iv_price{font-size:14px;line-height:1.3;}
.iv_product_info .iv_title{font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:4em;}
.iv_product_info .iv_price{font-weight:500;margin-top:5px;}
.iv_product_info .line_through{text-decoration:line-through;}
.iv_product_info .iv_real_price{font-size:18px;font-weight:700;color:#D31111;}
.iv_product_bottom{text-align:left;margin-top:12px;}
.iv_product_buy_btn{display:inline-block;padding:0 22px;height:40px;line-height:40px;border-radius:20px;background-color:#124DB3;font-size:14px;font-weight:700;color:#fff;vertical-align:top;}
.select_item_info_in .index_title{margin-top:11px;}
.sib_box_new{padding:21px 15px;background-color:#E6E6E6;}
.sib_box_new_in li{position:relative;padding-left:10px;font-size:14px;line-height:1.35;word-break:keep-all;word-wrap:break-word;margin-top:5px;}
.sib_box_new_in li:first-child{margin-top:0;}
.sib_box_new_in li:before{content:"·";position:absolute;top:0;left:0;}
/* market_list */
.table_box.ml{border-left:0;border-right:0}
.table_box.ml tr th{background:none}
.table_box.ml tr td{border-left:0}
.ml_select{display:inline-block;width:100%;height:100%;border:none;outline:none;background:none}
.market_list .item_view_a .item_view .iv_img{max-height:100px;flex-shrink:0;}
.market_list_st2 .iv_img{min-width:100px;}
.item_view.exchange .iv_img{max-height:100px}
.market_list .iv_img img{height:100%;vertical-align:top;}
/* market_list_more */
.ml_more_text{text-align:center;display:block;padding:10px 0 50px 0;box-sizing:border-box}
.ml_more_text.pdb15{padding-bottom:15px;}
.ml_more_text img{display:inline-block;width:100%}
.ml_more_text span{line-height:1.35;word-break:keep-all;word-wrap:break-word;}
.item_view.mlm{border-bottom:1px solid #ddd;box-sizing:border-box;padding:10px 0 10px 0}
/* drawing_lots */
.comment{float:right;color:#09bcc0}
/* drawing_comment drawing_comment_more*/
.market_list_in.dc{display:flex;justify-content:space-between;line-height:115px;margin:10px 0}
.dc_tab{width:100%;height:45px;line-height:45px;border-left:1px solid #E8E8E8;box-sizing:border-box;margin-bottom:10px}
.dc_tab li{float:left;width:50%}
.dc_tab li a{display:inline-block;width:100%;height:100%;background-color:#FAFAFA;color:#909090;text-align:center;border:solid #E8E8E8;border-width:1px 1px 1px 0;box-sizing:border-box}
.dc_tab li .on{background-color:#FFFFFF;border-bottom:0px;font-weight:bold;color:#404040;}
.comment_box{width:100%;/* height:calc(100vh - 390px); */line-height:50px;overflow-y:auto}
.comment_box.none_hgt{height:auto;}
.comment_box_in{width:100%;overflow:hidden;line-height:50px;display:flex;justify-content:space-between;padding:20px 0;box-sizing:border-box}
.contents_in.flex_box.focus .item_view.dc{display:none}
.contents_in.flex_box.focus .comment_box.comment{height:180px;padding:0 0 30px 0;box-sizing:border-box;}
.comment_box_in input{display:inline-block;width:calc(100% - 100px);height:40px;line-height:40px;border:1px solid #E2E2E2;box-sizing:border-box;outline:none;padding:0 10px;border-radius:5px;font-size:13px;}
.comment_box_in input::placeholder{color:#A5A5A5;}
.comment_box_in a{display:inline-block;width:90px;height:40px;line-height:40px;text-align:center;color:#fff;background:#09bcc0;border-radius:5px}
.g_comment_box_in{width:100%;overflow:hidden;padding:10px;box-sizing:border-box}
.gcbi_name{width:100%;height:30px;line-height:30px;color:#ff2080;color:#D31111;margin-bottom:5px;}
.gcbi_text{display:flex;justify-content:space-between;width:100%}
.gcbi_text .text{display:inline-block;width:100%;height:auto;border:1px solid #E8E8E8;box-sizing:border-box;background:#FAFAFA;border-radius:5px;padding:5px 10px;line-height:25px}
.gcbi_text .del{display:inline-block;width:20px;height:100%;text-align:center;color:#ddd}
.gcbi_text .dec{display:inline-block;width:40px;height:100%;text-align:center;color:red}
.item_view.dc{margin-bottom:10px}
.comment_img{padding:20px 0}
.comment_img img{width:100%}
/* inquiry */
.table_inquiry{width:100%;overflow:hidden;margin-top:10px}
.table_inquiry.mgt_none{margin-top:0;}
.table_inquiry.mgb20{margin-bottom:20px;}
.ti_title_box{width:100%;height:40px;line-height:30px;background:#E6E6E6;text-align:center;display:flex;justify-content:space-between;/* border:solid #ddd; */border-width:1px 0}
.ti_date, .ti_no, .ti_answer{padding:5px;box-sizing:border-box;}
.ti_date,.ti_no{width:15%;text-align:center}
.ti_answer{width:10%;text-align:center}
.ti_title{width:60%;padding-top:5px;padding-bottom:5px;text-align:center}
.ti_in_flex{width:100%;/* height:auto;line-height:60px; */height:60px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.ti_text_box{border-bottom:1px solid #E6E6E6;box-sizing:border-box}
.ti_text_box .ti_title{display:flex;justify-content:center;flex-direction:column}
.ti_text_box .ti_title_in{text-align:left;line-height:20px;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}
.ti_answer_text{border-top:1px solid #E6E6E6;box-sizing:border-box;padding:10px}
.inquiry_answer.title{height:40px;line-height:40px;font-weight:bold}
.inquiry_answer.text{padding:10px 0;line-height:1.4;}
.inquiry_answer.text table {max-width:100%;}
.inquiry_answer.text img {max-width:100%;}
/* inquiry on off*/
.ti_answer_text{display:none;background-color:#FAFAFA;}
.ti_in_flex.on{background:#ecf6ff}
/* inquiry_write */
.table_inquiry_write{width:100%;overflow:hidden;border:1px solid #ddd;box-sizing:border-box;margin-bottom:10px}
.table_inquiry_write tr{width:100%;min-height:50px;line-height:50px;border-bottom:1px solid #ddd;box-sizing:border-box}
.table_inquiry_write tr:last-child{border-bottom:none}
.table_inquiry_write tr th{background:#f1f1f1;border-right:1px solid #ddd;box-sizing:border-box;vertical-align:middle}
.table_inquiry_write tr td{padding:0 10px;box-sizing:border-box}
.tiw_select,.tiw_input{display:inline-block;width:100%;height:40px;line-height:40px;border:1px solid #ddd;box-sizing:border-box;outline:none;padding:0 5px}
.tiw_text{width:100%;height:200px;outline:none;border:1px solid #E6E6E6;border-radius:8px;box-sizing:border-box;vertical-align:middle;margin:10px 0;resize:none;padding:10px;font-family:inherit;font-size:12px;line-height:1.4;}
.tiw_text:focus{border-color:#ACD2FF;}
.tiw_text::placeholder{color:#A5A5A5;}
/* notice */
.customer_search{width:100%;display:flex;justify-content:space-around}
.cs_input{width:calc(100% - 60px)}
.cs_ic{width:50px;height:50px}
.cs_ic a{display:inline-block;width:100%;height:100%;background:url("/_data/images/common/ic_search.png")no-repeat center / 25px;vertical-align:top}
.ti_title_box.notice .ti_date,.ti_text_box.notice .ti_date{width:20%}
.ti_title_box.notice .ti_title,.ti_text_box.notice .ti_title{width:80%}
/* notice - customer search new design */
.customer_search_dsg1{position:relative;padding:8px 12px;display:-webkit-flex;display:flex;justify-content:center;}
.customer_search_dsg1 input[type="text"], .customer_search_dsg1 input[type="search"]{display:block;padding:0 12px;border:0 none;height:30px;border-radius:20px 0 0 20px;background-color:#EEEEEE;font-size:12px;box-sizing:border-box;-webkit-flex:1 1 auto;flex:1 1 auto;}
.customer_search_dsg1 input:focus{outline:none;}
.customer_search_dsg1 input::placeholder{color:#A5A5A5;}
.customer_search_btn{display:block;width:32px;height:30px;border-radius:0 20px 20px 0;background:url("/_data/images/common/ico_search_lkbox.png") no-repeat 4px center, #EEEEEE;background-size:14px;-webkit-flex-shrink:0;flex-shrink:0;}
/* recommend */
/* .url_copy{width:100%;margin:10px 0 0 0;display:flex;justify-content:space-between;}
.url_copy .url_copy_in{height:40px;line-height:40px}
.url_copy .title{width:30%;}
.url_copy .user_url{width:53%;background:#f4f4f4;border:1px solid #ddd;padding:0 5px;box-sizing:border-box;outline:none;} */
/* .url_copy .user_url{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} */
.url_copy{width:100%;margin:10px 0 0 0;color:#202020;display:flex;align-items:center;justify-content:space-between;/* flex-wrap:wrap; */gap:8px 16px;margin-top:14px;}
.url_copy_in.title{position:relative;font-size:14px;flex-shrink:0;}
.ico_smile_invite_ttl{position:absolute;bottom:100%;left:0;width:18px;margin:0 0 -4px -7px;}
.url_copy_inp_box{position:relative;display:flex;justify-content:center;flex:1 1 auto;min-width:0;}
.url_copy_inp_box input.url_copy_in{display:block;padding-left:12px;height:30px;border:0 none;border-radius:20px 0 0 20px;background-color:#EEEEEE;font-size:12px;color:#A5A5A5;flex:1 1 auto;min-width:0;box-sizing:border-box;}
.share_invite_code .url_copy_inp_box input.url_copy_in{font-weight:500;color:#2F6FDE;}
.url_copy_inp_box input:focus{outline:none;}
.url_copy_inp_box .btn_user_copy_alt{display:block;display:flex;align-items:center;padding:0 15px 0 4px;background-color:#EEEEEE;border-radius:0 20px 20px 0;font-size:12px;font-weight:700;color:#202020;flex-shrink:0;}
.url_point{width:100%;overflow:hidden;padding:10px 0 0 0;box-sizing:border-box}
.url_point_in{width:100%;height:25px;line-height:25px;display:flex;justify-content:space-between;font-weight:bold}
.url_point_in .title{width:70%;padding:0 0 0 30%;box-sizing:border-box;}
.url_point_in .line{width:2%}
.url_point_in .point{width:25%;text-align:right;padding:0 2px;box-sizing:border-box}
.url_point_in .p{width:3%}
.url_point_list{width:100%;height:40px;line-height:40px;display:flex;justify-content:space-between;}
.url_point_list .dot_box{width:5%;text-align:center}
.url_point_list .dot_box .dot{display:inline-block;width:4px;height:4px;background:#000;border-radius:50%;vertical-align:middle;}
.url_point_list .title{width:95%}
.url_point_list .title>span{font-weight:bold;height:40px;line-height:40px}
.url_table{width:100%;overflow:hidden;box-sizing:border-box;}
.url_table tr{height:40px;line-height:40px}
.url_table tr th{background:#E6E6E6;text-align:center;box-sizing:border-box;vertical-align:middle;}
.url_table tr th:last-child{border-right:none}
.url_table tr td{text-align:center;border-bottom:1px solid #E6E6E6;box-sizing:border-box;vertical-align:middle;padding:5px 2px}
.url_table tr td.date span{display:block;height:20px;line-height:20px}
.url_point_lkbox{padding:20px;background-color:#124DB3;font-size:14px;color:#fff;line-height:1.35;}
.url_point_lkb_in{display:flex;align-items:center;justify-content:space-between;margin-top:3px;}
.url_point_lkb_in:first-child{margin-top:0;}
/* payment history */
.mypayment_history_wrapper{padding:0 10px 10px;}
.mypayment_history_head{display:table;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;border-radius:3px 3px 0 0;overflow:hidden;}
.mypayment_history_head li{display:table-row;}
.mypayment_history_head .mhalt_td{display:table-cell;padding:10px 5px;font-size:12px;color:#333;text-align:center;line-height:1.3;vertical-align:middle;}
.mypayment_history_head + .mypayment_history_in .mhalt_td{border-bottom:1px solid #e1e1e1;}
.mypayment_history_head.thead .mhalt_td{background-color:#333;font-size:11px;font-weight:700;color:#fff;}
.mypayment_history_head .mhalt_td.num{width:28px;}
.mypayment_history_head .mhalt_td.date{width:72px;}
.mypayment_history_head .mhalt_td.etc{width:70px;}
.mypayment_history_head .mhalt_btn{padding:5px 5px;border-radius:5px;background-color:#2868dc;border-color:#2868dc;color:#fff;}
.mhpf_cancel_payment{font-weight:700;color:#333;text-decoration:underline;cursor:pointer;}
.mypayment_history{display:table;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;border-radius:3px 3px 0 0;overflow:hidden;}
.mypayment_history li{display:table-row;}
.mypayment_history .mhalt_td{display:table-cell;padding:10px 5px;border-bottom:1px solid #e1e1e1;font-size:12px;color:#333;text-align:center;line-height:1.3;vertical-align:middle;}
.mypayment_history_in.thead .mhalt_td{background-color:#333;font-size:11px;font-weight:700;color:#fff;}
.mypayment_history .mhalt_td.num{width:28px;}
.mypayment_history .mhalt_td.date{width:72px;}
.mypayment_history .mhalt_td.etc{width:70px;}
.mypayment_history .mhalt_btn{padding:5px 5px;border-radius:5px;background-color:#2868dc;border-color:#2868dc;color:#fff;}
.mhalt_state_complete{font-weight:700;}
/* payment history alt */
.mypoint_history_alt{display:table;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;border-radius:3px 3px 0 0;overflow:hidden;}
.mypoint_history_alt li{display:table-row;}
.mypoint_history_alt .mhalt_td{display:table-cell;padding:10px 5px;border-bottom:1px solid #e1e1e1;font-size:12px;color:#333;text-align:center;line-height:1.3;vertical-align:middle;}
.mypoint_history_in_alt.thead .mhalt_td{background-color:#333;font-size:11px;font-weight:700;color:#fff;}
.mypoint_history_alt .mhalt_td.num{width:28px;}
.mypoint_history_alt .mhalt_td.date{width:72px;}
.mypoint_history_alt .mhalt_td.etc{width:70px;}
.mypoint_history_alt .mhalt_btn{padding:5px 5px;border-radius:5px;background-color:#2868dc;border-color:#2868dc;color:#fff;}
.mhalt_state_complete{font-weight:700;}
/* 레이어 팝업 공통 - 화면 기준 가운데 수평 정렬 */
.layer_back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);z-index:1;}
.layer_vert_container{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:1001;}
.layer_vert_container:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-5px;}
.layer_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .6);z-index:1;}
.layer_vert_container .layer_vert_item{position:relative;display:inline-block;max-height:88%;vertical-align:middle;overflow:auto;z-index:10;box-shadow:6px 6px 12px rgba(0, 0, 0, 0.15);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
/* 레이어 팝업 공통 - 레이어 팝업 fade transition */
.layer-slide .layer-slide-item{opacity:.2;-webkit-transform:translateY(-150px);transform:translateY(-150px);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.layer-slide .layer_bg{opacity:.4;-webkit-transition:opacity .2s;transition:opacity .2s;}
.layer-slide.act .layer-slide-item{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.layer-slide.act .layer_bg{opacity:1;}
/* 친구초대 공유하기 팝업 */
.btn_close_ly_invite_share{float:right;position:-webkit-sticky;position:sticky;top:15px;right:18px;background-color:#fff;border:0 none;border-radius:0;padding:0;margin:0;}
.btn_close_ly_invite_share img{display:block;width:14px;}
#layer_invite_share .layer_vert_item{max-width:350px;width:94%;box-shadow:none;}
.layer_invite_share_cont{background-color:#fff;padding:18px 15px 22px;border-radius:14px;letter-spacing:-0.025em;}
.layer_invite_share_cont hgroup{text-align:center;}
.layer_invite_share_cont h2{font-size:30px;font-weight:500;color:#000;}
.layer_invite_share_cont h3{font-size:15px;font-weight:300;color:#575757;margin-top:12px;}
.ly_invite_share_list{display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;text-align:center;margin:17px auto 0;}
.ly_invite_share_list a{position:relative;display:inline-block;/* width:33.333%; */max-width:110px;padding:10px 15px;-webkit-flex:1 0 106px;flex:1 0 auto;}
.ly_invite_share_list img{display:block;width:75px;margin:0 auto;}
.ly_invite_share_list span{display:block;padding-top:12px;font-size:13px;color:#575757;}
/* 레이어 팝업 - 카테고리 정렬 */
.layer_category_filter{display:none;}
.layer_category_filter .layer_vert_item{max-width:360px;width:96%;background-color:#FFFFFF;border-radius:6px;}
.layer_close_btn{float:right;position:-webkit-sticky;position:sticky;top:12px;right:0;display:block;width:20px;height:20px;background:url("/_data/images/common/ico_x_31x.png") no-repeat center, rgba(255, 255, 255, 0.4);background-size:14px;border:0 none;border-radius:100%;cursor:pointer;z-index:9;margin:0 10px 0 0;}
.layer_close_btn_custom{position:absolute;top:0;right:0;display:block;width:26px;height:26px;padding:0;background-color:transparent;border:1px solid #F1F1F1;border-radius:100%;cursor:pointer;z-index:9;margin:3.5% 3.7% 0 0;}
.layer_close_btn_custom::before, .layer_close_btn_custom::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:15px;height:1px;background-color:#FFFFFF;box-shadow:0 0 1px rgba(255, 255, 255, 0.7);margin:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.layer_close_btn_custom::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.ly_cateflt_hgroup{position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:5;}
.layer_category_filter_wrap h2{padding:15px;font-size:14px;font-weight:700;color:#202020;text-align:left;}
.ly_cateflt_state{position:relative;padding:10px 30px;background-color:#124DB3;margin-top:5px;}
.ly_cateflt_length{font-size:14px;font-weight:500;color:#FFFFFF;text-align:center;}
.ly_cateflt_reset{position:absolute;top:50%;right:0;display:block;width:14px;height:14px;background:url("/_data/images/common/ico_refresh.png") no-repeat center, transparent;background-size:18px;border:0 none;box-shadow:0 none;padding:0;margin:-8px 12px 0 0;}
.ly_cateflt_lists{padding:15px 13px 12px;display:flex;/* justify-content:center; */flex-wrap:wrap;}
.ly_cateflt_checkbox{position:relative;display:inline-block;vertical-align:top;margin:5px 2px;flex-shrink:0;}
.ly_cateflt_checkbox input[type="checkbox"]{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip:rect(0px, 0px, 0px, 0px);opacity:0;z-index:-1;}
.ly_cateflt_checkbox span{display:block;padding:0 8px;line-height:18px;border:1px solid #E6E6E6;border-radius:20px;background-color:#fff;font-size:12px;font-weight:500;text-align:center;color:#202020;}
.ly_cateflt_checkbox input[type="checkbox"]:checked + span{background-color:#A5C6FF;border-color:#A5C6FF;}
.ly_cateflt_btns{position:relative;position:-webkit-sticky;position:sticky;bottom:0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 10px;padding-top:5px;padding-bottom:20px;background-color:#FFFFFF;text-align:center;z-index:5;}
.ly_cateflt_btns:before{content:"";display:block;position:absolute;bottom:100%;left:0;width:100%;height:8px;background:linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));}
.ly_cateflt_btn{display:inline-block;padding:9px 34px;border:1px solid #124DB3;border-radius:30px;background-color:#124DB3;font-family:inherit;font-size:14px;font-weight:500;color:#fff;vertical-align:top;}
.ly_cateflt_btn.reset{background-color:#FFFFFF;border-color:#C1C1C1;color:#606060;}
/* 럭키박스 휴대폰 인증 레이어 팝업 */
.layer_certfication_point .layer_vert_item{max-width:418px;}
.layer_certfication_point .layer_close_btn{position:absolute;background-color:transparent;margin:9px 20px 0 0;}
.ly_certfication_point{display:block;}
.ly_certfication_point img{display:block;max-width:100%;margin:0 auto;}
/* 레이어 팝업 - 가입 포인트 선물 */
.layer_signup_gift .layer_vert_item{max-width:400px;width:92%;padding:0 0 40px;background:linear-gradient(to bottom, #FFFFFF 15%, #E5EEFF);}
.layer_signup_gift .gift_animate_box{padding-top:55px;}
.layer_signup_gift .gift_animate_box_in{max-width:250px;}
/* 레이어 팝업 - 갤럭시z 폴드4 당첨 축하 */
.layer_congratulation_glxz .layer_vert_item{max-width:394px;width:96%;}
.ly_congratulation_glxz{display:block;}
.ly_congratulation_glxz img{display:block;max-width:100%;margin:0 auto;}
@media screen and (min-width:700px){
.exchange_list_lkbox{gap:9px 8px;}
.exchange_list_lkbox .item_view{max-width:100%;flex:1 1 140px;margin-left:0;}
.exchange_list_lkbox .item_view:nth-child(n + 4){margin-top:0;}
}
@media screen and (max-width:374px){
.contents_in .btn_sii_row .btn_w100_b{width:50px;height:50px;line-height:50px;font-size:12px;}
}
@media screen and (max-width:360px){
.exchange_list_lkbox .item_view{width:calc((100% - 8px) / 2);max-width:calc((100% - 8px) / 2);}
.exchange_list_lkbox .item_view:nth-child(3n + 1){margin-left:8px;}
.exchange_list_lkbox .item_view:nth-child(2n + 1){margin-left:0;}
}
@media screen and (max-width:767px) and (min-width:350px){
html{font-size:14px}
{font-size:1.714em} /* 24px */
{font-size:1.571em} /* 22px */
{font-size:1.429em} /* 20px */
.nav_title{font-size:1.286em} /* 18px */
.intro_box.loading,.intro_box.title,.ml_l_b,.ml_r_b,.index_item_box.success_item,.url_point_list .title>span{font-size:1.143em} /* 16px */
{font-size:1em} /* 14px */
.ml,.url_point_list .title,.user_url{font-size:0.857em} /* 12px */
/* footer_address */
.fa_title{width:25%}
/* nav */
.nav_menu{/* grid-template-columns:repeat(auto-fit,minmax(100px, auto)) */}
/* mypoint_ist */
.mh.mh_date{width:30%}
.mh.mh_text{width:35%}
.mh_pay_free{width:35%}
.mypoint_history_td.mh_pay_free{width:147px;}
/* point_list */
.mypoint_list_in{justify-content:center}
/* mypage */
/* .table_box tr th{width:40%} */
/* point_charge */
.pr_title{margin:0 5px}
.pr_value{margin:0 5px}
/* common item view */
.iv_img{width:50%}
.item_view_vert .iv_img{width:100%;}
.market_list .item_view_a .item_view .iv_img{width:140px;height:140px;max-height:140px;}
.market_list .iv{/* width:60%; */}
/* common point */
.ml{line-height:30px;min-width:45%}
/* common */
.item_img{height:120px;line-height:120px}
/* inquiry */
.ti_date,.ti_no{width:30%}
.ti_answer{width:15%}
.ti_text_box .ti_title{padding:0 12px 0 5px;box-sizing:border-box}
.ti_title_box.notice .ti_date,.ti_text_box.notice .ti_date{width:30%}
}