:root {color-scheme: light only;}
html, body, h1, h2, div, span, p, input, dl, dt, dd, ul, li, select, button{padding:0; margin:0}
body {background-color:#fff}
ul, li{list-style:none}
button{border:0}
#header{position:relative; padding-bottom:17px; background-color:#48C9CF}
#header h1{padding:48px 0 4px 17px; font-size:24px; line-height:1.2; letter-spacing:-2px; color:#fff; font-family:'Noto Sans KR', sans-serif; font-weight:400}
#header .advice{padding:0 0 6px 17px; font-size:12px; letter-spacing:-0.5px; color:#fff; line-height:1.5; font-family:'Noto Sans KR', sans-serif; font-weight:300}
#content{padding:24px 17px 84px}
.lt_btn{position:absolute; left:0; top:0}
.lt_btn .prev{width:47px; height:48px; text-indent:-999em; background:url('/common/images/ico_prev.png') 0 0 / contain no-repeat}
.rt_btn{position:absolute; right:0; top:0}
.rt_btn .close{width:47px; height:48px; text-indent:-999em; background:url('/common/images/ico_close.png') 0 0 / contain no-repeat}
.input_chk{display:inline-block}
.input_chk input{visibility:hidden; position:absolute}
.input_chk label{position:relative; padding-left:30px; display:inline-block; min-height:23px; letter-spacing:-0.5px; font-size:16px; line-height:23px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.input_chk label:after{content:''; position:absolute; left:0; top:0; width:23px; height:23px; background:#48C9CF url('/common/images/bg_chk1.png') 0 100% / 23.1px no-repeat}
.input_chk input:checked + label:after{background-position:0 0}
.all_agree{border:solid 1px #dce3e3; padding:13px 0 13px 11px; margin-bottom:27px}
.all_agree_withdrawal {border: solid 1px #dce3e3;position:fixed;padding: 13px 13px 13px 13px;bottom:4.5rem;width:88%}
.textarea_withdrawal {width: 100%;height: 450px;border: 0;resize: none;outline: none;font-family:'Noto Sans KR', sans-serif; font-weight:400}
.all_agree label{font-size:16px; line-height:23px}
.all_agree + .agree_bx{padding-left:12px}
.agree_bx + .agree_bx{margin-top:27px; padding-left:12px}
.agree_bx dl{display:table; width:100%; padding:6px 0}
.agree_bx dt{display:table-cell; font-size:13px; line-height:18px; padding-left:12px; color:#282828; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.agree_bx dt:before{content:''; display:inline-block; width:12px; height:18px; background:
.point_color url('/common/images/bg_chk3.png') 0 0 / 12.1px no-repeat; vertical-align:middle; margin-right:5px}
.agree_bx dd{display:table-cell; text-align:right; padding-right:12px; font-size:11px; line-height:18px; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.agree_bx dd a{color:#9ba3a3; text-decoration:none; display:inline-block; line-height:18px}
.agree_bx dd a:after{content:''; display:inline-block; width:3px; height:7px; background:url('/common/images/ico_arrow.png') 0 0 / 3px no-repeat; margin-left:4px}
.agree_bx.active dt:before{background-position:0 -18px}
.agree_bx .input_chk{padding-bottom:10px}
.agree_bx2{border:solid 1px #dce3e3; padding:20px 10px; font-size:11px; line-height:14px; color:#282828; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.agree_tab ul{display:flex; flex-wrap:wrap; border-bottom:solid 2px #48C9CF}
.agree_tab li{flex:1; height:47px}
.agree_tab li a{display:block; background-color:#E6F2F2; height:46px; line-height:46px; text-decoration:none; color:#9ba3a3; text-align:center; border-top:solid 1px #dce3e3; border-left:solid 1px #dce3e3; font-size:16px; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.agree_tab li:last-child a{border-right:solid 1px #dce3e3}
.agree_tab li a.active{background-color:#48C9CF; color:#fff; border-color:#48C9CF; font-weight:500}
.agree_tab + .agree_bx2{border-top:0}
.agree_bx2 + .agree_bx2{border-top:0}
.reg_payment{padding:0 6px; margin-bottom:-60px}
.reg_payment li{position:relative; border:dashed 1px #dce3e3; width:100%; box-sizing:border-box; padding:35px 24px; background-color:#f0f2f2; border-radius:5px; font-family:'Noto Sans KR', sans-serif; font-weight:700}
.reg_payment li span{display:inline-block; font-size:21px; color:#282828; line-height:25px}
.reg_payment li button{position:absolute; right:24px; top:35px; width:49px; height:49px; background:url('/custom/css/svg/ico_add2') 0 0 / 49px no-repeat}
.reg_payment li + li{margin-top:10px}
.input_txt{position:relative; border:solid 1px #dce3e3; height:63px; border-radius:5px; padding:0 15px}
.input_txt.focus{border-color:#000}
.input_txt label{display:block; text-align:left; padding-top:4px; font-size:13px; line-height:26px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.input_txt input:not([type='password']) {
font-size: 15px;
width: 100%;
outline: 0;
border: 0;
line-height: 28px;
color: #272929;
font-family: 'Noto Sans KR', sans-serif;
font-weight: 500
}
.input_txt input[type='password'] {
font-size: 15px;
width: 100%;
outline: 0;
border: 0;
line-height: 28px;
color: #272929;
font-weight: 500
}
.input_txt input::-webkit-input-placeholder{color:#c8cecf}
.input_txt input:-ms-input-placeholder{color:#c8cecf}
.card_num{text-align:center}
.card_num input{width:40px; display:inline-block; text-align:center}
.valid_num input{width:50px; display:inline-block}
@supports (-webkit-overflow-scrolling: touch) {
input[type='password']{font-size:10px}
}
.rad_wrap{border:solid 1px #dce3e3; border-radius:5px; height:63px; overflow:hidden; font-size:0}
.input_rad{display:inline-block; position:relative}
.input_rad + .input_rad{border-left:solid 1px #dce3e3}
.input_rad input{visibility:hidden; position:absolute}
.input_rad label{display:block; height:63px; font-size:15px; color:#c8cecf; line-height:63px; padding:0 10px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.input_rad input:checked + label{background-color:#E6F2F2; color:#272929}
.certif_wrap{display:flex; flex-wrap:wrap}
.certif_wrap .certif_f1{flex:1}
.certif_wrap .certif_f2{flex:none}
.certif_wrap .certif_f1 + .certif_f2{padding-left:8px}
.certif_wrap .certif_f2 + .certif_f1{padding-left:8px}
.certif_wrap .certif_f1 + .certif_f1{padding-left:8px}
.certif_wrap + .certif_wrap{margin-top:8px}
.certif_advice{padding:15px 0 6px; font-size:10px; line-height:14px; color:#615859; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.selectbox{display:block; position:relative; border:solid 1px #dce3e3; background-color:#fff; border-radius:5px}
.selectbox.focus{border-color:#000}
.selectbox select{position:relative; z-index:2; font-size:15px; color:#272929; width:100%; height:53px; padding-left:10px; border:0; outline:0; padding-right:24px; font-family:'Noto Sans KR', sans-serif; font-weight:500; background-color:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none}
.selectbox select::-ms-expand{display:none}
.selectbox:after{content:''; position:absolute; right:10px; top:22px; width:6px; height:6px; border-top:solid 1px #272929; border-right:solid 1px #272929; transform:rotate(135deg)}
.input_txt2{position:relative; border:solid 1px #dce3e3; height:53px; border-radius:5px; padding:0 10px}
.input_txt2.focus{border-color:#000}
.input_txt2 input{font-size:15px; width:100%; outline:0; border:0; line-height:25px; padding:14px 0; height:25px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.input_txt2 input::-webkit-input-placeholder{color:#c8cecf}
.input_txt2 input:-ms-input-placeholder{color:#c8cecf}
.input_txt2.disable{background-color:#e8e8e8}
.input_txt2.disable input:disabled{background-color:transparent}
.certif_num{padding-right:75px}
.certif_num button{position:absolute; right:5px; top:5px; width:65px; border:solid 1px #95a5a6; border-radius:3px; background-color:#fff; height:43px; color:#272929; font-size:14px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.certif_num button.reconf{border-color:#48C9CF; background-color:#48C9CF; color:#fff}
.certif_time span{position:absolute; right:10px; top:5px; line-height:43px; font-size:15px; color:#e91616; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.input_rad2{position:relative; border:solid 1px #dce3e3; overflow:hidden;}
.input_rad2 + .input_rad{border-left:solid 1px #dce3e3}
.input_rad2 input{visibility:hidden; position:absolute}
.input_rad2 label{display:block; height:63px; font-size:14px; color:#282828; line-height:63px; padding:0 10px 0 30px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.input_rad2 input:checked + label{background-color:#DAF4F5; border:solid 2px #48C9CF; box-sizing:border-box; line-height:59px; padding:0 8px 0 28px}
.card_list ul:after{clear:both; content:''; display:block}
.card_list li{float:left; width:50%}
.card_list li + li .input_rad2{border-left:0}
.card_list ul + ul li .input_rad2{border-top:0}
.card_list li img{height:22px; vertical-align:-6px; margin-right:5px}
.card_img{width:153px; margin:0 auto; padding-bottom:28px}
.card_img img{width:100%; vertical-align:middle}
.keyboard{position:fixed; left:0; right:0; bottom:-249px; border-top:solid 1px #cecece; transition:all 0.3s; opacity:0; z-index:10}
.keyboard.show{opacity:1; bottom:0}
.keyboard_space{display:none; height:249px}
.keyboard.show + .keyboard_space{display:block}
.keyboard_close{height:39px; text-align:right; border-bottom:solid 1px #cecece; background:#fff url('/common/images/ico_keyboard2.png') 15px 12px / 25px no-repeat}
.keyboard_close button{width:65px; height:39px; outline:0; background-color:#fff; font-size:15px; color:#282828; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.keyboard ul:after{content:''; display:block; clear:both}
.keyboard li{float:left; width:25%; height:52px; background-color:#cecece; box-sizing:border-box; padding:0 1px 1px 0}
.keyboard li button{width:100%; height:51px; font-size:25px; color:#282828; outline:0; background-color:#fff ; text-indent:-999em; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.keyboard .n2 button{background-position:50% -52px}
.keyboard .n3 button{background-position:50% -104px}
.keyboard .n4 button{background-position:50% -156px}
.keyboard .n5 button{background-position:50% -208px}
.keyboard .n6 button{background-position:50% -260px}
.keyboard .n7 button{background-position:50% -312px}
.keyboard .n8 button{background-position:50% -364px}
.keyboard .n9 button{background-position:50% -416px}
.keyboard .n0 button{background-position:50% -468px}
.keyboard .operate{display:block; height:51px; text-indent:-999em; background:#e6e6e6 url('/common/images/ico_keyboard.png') 50% 50% / 55px no-repeat}
.keyboard .reset button{font-size:15px; background:#e6e6e6 url(); text-indent:0}
.keyboard .del{width:50%}
.keyboard .del button{text-indent:-999em; background:#e6e6e6 url('/common/images/ico_del.png') 50% 50% / 25px no-repeat}
.account_wrap{display:flex; flex-wrap:wrap}
.account_wrap.stl2{border:solid 1px #dce3e3; border-radius:5px}
.account_wrap.stl2.focus{border-color:#000}
.account_wrap.stl2 .selectbox2{border:0}
.account_wrap.stl2 .input_txt{border:0}
.account_wrap.stl2 .account_f2 + .account_f1 .input_txt{padding:0 10px}
.account_wrap.stl2 .account_f2 + .account_f1 label{text-align:right}
.account_wrap.stl2 .account_f2 + .account_f1 input{text-align:right}
.account_wrap .account_f1{flex:1}
.account_wrap .account_f2{flex:none}
.account_wrap .account_f1 + .account_f2{padding-left:8px}
.account_wrap .account_f2 + .account_f1{padding-left:8px}
.account_wrap .account_f1 + .account_f1{padding-left:8px}
.account_wrap + .account_wrap{margin-top:8px}
.account_advice{padding:15px 0 6px; font-size:10px; line-height:14px; color:#2FB3BA; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.selectbox2{display:inline-block; position:relative; border:solid 1px #dce3e3; background-color:#fff; border-radius:5px}
.selectbox2 label{display:block; padding-top:4px; padding-left:10px; font-size:13px; line-height:26px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.selectbox2 select{position:relative; z-index:2; font-size:15px; color:#272929; height:33px; padding-left:10px; border:0; outline:0; padding-right:24px; font-family:'Noto Sans KR', sans-serif; font-weight:500; background-color:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none}
.selectbox2select::-ms-expand{display:none}
.selectbox2:after{content:''; position:absolute; right:10px; top:42px; width:6px; height:6px; border-top:solid 1px #272929; border-right:solid 1px #272929; transform:rotate(135deg)}
.pw_wrap{text-align:center; font-size:0; padding:25px 0 20px}
.input_num{border:solid 1px #e5e5e5; display:inline-block; width:35px; height:35px}
.input_num.focus{border-color:#000}
.input_num.write{border-color:#48C9CF; background:#48C9CF url('/common/images/bg_pw.png') 50% 50% / 12px no-repeat}
.input_num.write input{background:transparent; color:transparent}
.input_num input{width:100%; height:100%; border:0; text-align:center; outline:0}
.input_num + .input_num{margin-left:4px}
.pw_txt{text-align:center; font-size:16px; line-height:19px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.pw_txt3{padding-top:12px; text-align:center; font-size:11px; line-height:15px; color:#9ba3a3; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.pw_txt3 em{font-style:normal; color:#2FB3BA}
.pw_advice{text-align:center; font-size:11px; line-height:15px; color:#9ba3a3; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.pw_prev{text-align:center}
.pw_prev button{width:118px; height:30px; text-indent:-999em; background:url('/common/images/btn_prev.png') 0 0 / cover no-repeat}
.certif_phone{margin-top:40px; padding-top:180px; text-align:center; font-size:14px; line-height:18px; background:url('/custom/css/svg/ico_phone') 50% 0 / 157px no-repeat; color:#282828; font-family:'Noto Sans KR', sans-serif; font-weight:500}
#header2{position:relative; padding:17px 0 14px 17px; background-color:#f4f5f5}
#header2 h1{width:150px; height:20px; font-size:0}
#header2 h1 img{height:20px; vertical-align:middle}
#header2 .rt_btn .close{background-image:url('/common/images/ico_close2.png')}
.payment_detail{padding:15px 10px 0}
.payment_detail dl{display:table; width:100%}
.payment_detail dl + dl{margin-top:10px}
.payment_detail dt{display:table-cell; font-size:12px; line-height:18px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.payment_detail dt span{display:inline-block; padding-left:10px; font-size:11px; color:#616666}
.payment_detail dd{display:table-cell; text-align:right; font-size:12px; line-height:18px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.payment_detail dd em{font-style:normal; color:#272929; font-size:14px; font-weight:500}
.payment_amount{border-top:solid 1px #dce3e3; padding-top:13px; padding-bottom:15px; margin-top:15px !important}
.payment_amount dt{font-size:15px; color:#e91616; letter-spacing:-0.5px; font-weight:500}
.payment_amount dd{color:#e91616}
.payment_amount dd em{font-size:21px; color:#e91616; font-weight:700; letter-spacing:-0.5px}
.promotion_amount{border-top:solid 1px #dce3e3;padding-top:13px;margin-top:15px !important}
.promotion_total dt{font-size:15px; color:#e91616; letter-spacing:-0.5px; font-weight:500}
.promotion_total dd{color:#e91616}
.promotion_total dd em{font-size:21px; color:#e91616; font-weight:700; letter-spacing:-0.5px}
.payment_advice{padding-top:30px; text-align:center; font-size:12px; line-height:18px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:400}
#promotionName{font-weight:800;font-size:18px;}
.payment_detail .selectbox select{height:36px; font-size:12px}
.payment_detail .selectbox:after{top:13px}
.payment_auto{text-align:center}
.input_chk2{display:inline-block}
.input_chk2 input{visibility:hidden; position:absolute}
.input_chk2 label{position:relative; padding-left:26px; display:inline-block; color:#616666; min-height:19px; letter-spacing:-0.5px; font-size:12px; line-height:19px; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.input_chk2 label:after{content:''; position:absolute; left:0; top:0; width:19px; height:19px; background:#48C9CF url('/common/images/bg_chk2.png') 0 100% / 19.1px no-repeat}
.input_chk2 input:checked + label:after{background-position:0 0}
.card_wrap{position:relative; background-color:#f4f5f5; margin:-24px -17px 0; overflow:hidden}
.card_list2{position:relative; width:236px; margin:0 auto}
.card_list2 .bx-viewport{overflow:visible !important}
.card_list2 li{height:159px; transition: all 0.5s ease}
.card_list2 li.hide{opacity:0.5}
.card_list2 li img{width:100%}
.card_list2 li > img{width:243px}
.card_list2 .logo{position:absolute; left:20px; top:25px; width:109px}
.card_list2 .num{position:absolute; left:22px; top:90px; color:#fff; font-size:17px; line-height:22px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.card_list2 .txt{position:absolute; left:22px; top:115px; color:#fff; font-size:11px; line-height:16px; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.card_list2 .txt a{display:inline-block; width:16px; height:16px; text-indent:-999em; background:url('/common/images/ico_edit.png') 3px 2px / 10px no-repeat}
.card_list2 .auto{position:absolute; top:18px; right:8px; width:99px; height:35px; text-indent:-999em; background:url('/common/images/ico_auto.png') 0 0 / cover no-repeat}
.card_list2 .disable{position:absolute; left:0px; top:0px; width:243px; height:68px; padding-top:80px; font-size:12px; line-height:15px; color:#fff; text-align:center; background:url('/common/images/bg_disable3.png') 0 0 / cover no-repeat; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.card_list2 .bx-controls-direction .disabled{display:none}
.card_list2 .bx-prev{position:absolute; top:52px; left:-23px; width:52px; height:52px; text-indent:-999em; background:url('/common/images/ico_prev2.png') 0 0 / cover no-repeat}
.card_list2 .bx-next{position:absolute; top:52px; right:-29px; width:52px; height:52px; text-indent:-999em; background:url('/common/images/ico_next2.png') 0 0 / cover no-repeat}
.card_list2 .bx-pager{padding-bottom:15px; text-align:center; font-size:14px; line-height:18px; font-family:'Noto Sans KR', sans-serif; font-weight:400; color:#c8cecf}
.card_list2 .bx-pager strong{color:#272929}
.card_list2 .add_card{width:100%; height:100%; border:dashed 2px #d2d2d2; margin:0px 0 0 0px; border-radius:5px; background:#fff url('/common/images/ico_add3.png') 50% 50% / 33px no-repeat; outline:0; cursor:pointer;}
.card_wrap .btn_setup{position:absolute; right:30px; bottom:15px}
.card_wrap .btn_setup a{display:block; width:31px; height:15px; text-indent:-999em; background:url('/common/images/ico_setup.png') 0 2px / 31px no-repeat}
#header3{position:relative; padding:17px 0 14px 17px; background-color:#fff}
#header3 h1{width:150px; height:20px; font-size:0}
#header3 h1 img{height:20px; vertical-align:middle}
#header3 .lt_btn .prev{background-image:url('/common/images/ico_prev3.png')}
#header3 .rt_btn .close{background-image:url('/common/images/ico_close2.png')}
.pw_forgot{text-align:center; padding-bottom:40px}
.pw_forgot a{display:inline-block; font-size:12px; color:#2FB3BA; line-height:18px; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.pw_txt2{padding-top:60px; text-align:center; font-size:16px; line-height:19px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.complete_txt{padding-top:120px; text-align:center; font-size:16px; line-height:19px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.complete_txt2{padding-top:15px; text-align:center; font-size:16px; line-height:19px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.complete_advice{padding-top:15px; text-align:center; font-size:12px; line-height:16px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.setup_menu li{width:100%; height:50px; border-bottom:solid 1px #f0f7f7; display:table; font-size:16px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.setup_menu li a{position:relative; text-decoration:none; color:#282828; display:table-cell; vertical-align:middle}
.setup_menu li a:after{content:''; position:absolute; right:10px; top:22px; width:6px; height:6px; border-top:solid 1px #9ba3a3; border-right:solid 1px #9ba3a3; transform:rotate(45deg)}
.card_list3 li{position:relative; height:79px; padding-left:141px; padding-bottom:20px; border-bottom:solid 1px #dce3e3}
.card_list3 li + li{margin-top:20px}
.card_list3 img{width:100%}
.card_list3 .thumb{position:absolute; left:0; top:0; width:124px}
.card_list3 .num{padding-bottom:4px; font-size:15px; line-height:22px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.card_list3 .txt{padding-bottom:10px; font-size:12px; color:#616666; line-height:16px; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.card_list3 .txt a{display:inline-block; width:16px; height:16px; text-indent:-999em; background:url('/common/images/ico_edit2.png') 3px 2px / 10px no-repeat}
.card_list3 .logo{position:absolute; left:10px; top:10px; width:109px}
.card_list3 .favorate{height:20px; padding-left:25px; font-size:12px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500; outline:0; background:url('/custom/css/svg/ico_favorate') 0 0 / 21px no-repeat}
.card_list3 .favorate.active{background-position:0 -25px}
.card_list3 .delete{margin-left:12px; height:20px; padding-left:23px; font-size:12px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500; outline:0; background:url('/common/images/ico_del2.png') 0 1px / 21px no-repeat}
.card_list3 .auto{position:absolute; top:44px; right:8px; width:99px; height:35px; text-indent:-999em; background:url('/common/images/ico_auto.png') 0 0 / cover no-repeat}
.card_list3 .disable{position:absolute; left:0; top:0; width:124px; height:35px; padding-top:44px; font-size:11px; line-height:12px; color:#fff; text-align:center; background:url('/common/images/bg_disable4.png') 0 0 / cover no-repeat; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.reset_advice{margin-bottom:27px; padding:12px 0; font-size:12px; line-height:16px; color:#616666; background-color:#f0f7f7; text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.certif_phone2{margin-top:40px; padding-top:180px; text-align:center; font-size:16px; line-height:20px; background:url('/custom/css/svg/ico_sms') 50% 0 / 157px no-repeat; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.change_phone{text-align:center; padding-top:35px}
.change_phone a{display:inline-block; font-size:12px; color:#2FB3BA; line-height:18px; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.certif_txt{padding-top:60px; text-align:center; font-size:16px; line-height:19px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.certif_advice2{padding-top:15px; padding-bottom:40px; text-align:center; font-size:12px; line-height:16px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:400}
button.btn_reconf{background-color:#48C9CF; color:#fff; width:65px; border-radius:3px; background-color:#48C9CF; height:55px; color:#fff; font-size:14px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.certif_phone3{margin-top:40px; padding-top:180px; text-align:center; font-size:16px; line-height:20px; background:url('/custom/css/svg/ico_phone') 50% 0 / 157px no-repeat; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.error_bx{margin-top:80px; padding-top:30px; padding-bottom:35px; background-color:rgba(72,201,207,0.1); border-radius:6px}
.error_txt{padding-top:80px; background:url('/custom/css/svg/ico_error') 50% 0 / 75px no-repeat; text-align:center; font-size:16px; line-height:19px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.error_advice{padding-top:10px; text-align:center; font-size:12px; line-height:16px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.error_code{padding:30px 20px 0; text-align:center; font-size:12px; line-height:16px; color:#e91616; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.error_message{padding:8px 20px 0; text-align:center; font-size:12px; line-height:16px; color:#e91616; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.popup{display:none; position:absolute; left:50%; top:10px; width:270px; margin-left:-135px; height:auto; z-index:20}
.popup .dimmed{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.75)}
.popup .popcon{position:relative; left:0; top:0; width:100%; height:100%; box-sizing:border-box; background-color:#fff}
.pop_header{height:45px; border-bottom:solid 2px #48C9CF}
.pop_header h2{padding-left:24px; font-size:16px; line-height:45px; color:#48C9CF; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.pop_cont{padding:30px 25px}
.pop_cont .input_txt{border:0; padding:0; height:auto}
.pop_cont .input_txt label{padding-top:0; padding-bottom:10px; line-height:16px}
.pop_cont .input_txt input{border:solid 1px #c8cecf; padding:5px 10px; box-sizing:border-box; color:#616666; font-size:13px}
.pop_btn{height:45px}
.pop_btn button{display:block; width:100%; height:100%; font-size:13px; color:#fff; background-color:#48C9CF; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.pop_btn.two button{float:left; width:50%}
.pop_btn button.gray{background-color:#c3c9c9}
.btn_footer{height:60px; margin-top:-60px}
.btn_footer.small{height:50px; margin-top:-50px}
.btn_footer button{display:block; width:100%; height:100%; font-size:16px; color:#fff; background-color:#48C9CF; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.btn_footer button.next:after{content:''; display:inline-block; margin-left:5px; width:6px; height:12px; background:url('/common/images/ico_arrow2.png') 0 0 / 6px no-repeat}
.btn_footer button.check:after{content:''; display:inline-block; margin-left:5px; width:11px; height:9px; background:url('/common/images/ico_arrow3.png') 0 0 / 11px no-repeat; vertical-align:1px}
.btn_footer button.ars:after{content:''; display:inline-block; margin-left:5px; width:10px; height:14px; background:url('/common/images/ico_ars.png') 0 0 / 10px no-repeat; vertical-align:-1px}
.btn_footer button.add:after{content:''; display:inline-block; margin-left:5px; width:12px; height:13px; background:url('/common/images/ico_add.png') 0 0 / 12px no-repeat; vertical-align:-1px}
.btn_footer button.disable{background-color:#dce3e3}
.btn_footer button.gray{background-color:#c3c9c9}
.btn_footer.two button{float:left; width:50%}
#footer.fixed{position:fixed; left:0; width:100%; bottom:0}
html, body, .wrap {height:100%; overflow:auto}
/*IE X 제거 dhhwang. 2019-01-30*/
input[type=text]::-ms-clear{display: none;}
input[type=tel]::-ms-clear{display: none;}
input[type=password]::-ms-clear{display: none;}
.bank_list ul:after{clear:both; content:''; display:block}
.bank_list li{float:left; width:50%}
.bank_list li + li .input_rad2{border-left:0}
.bank_list ul + ul li .input_rad2{border-top:0}
.bank_list li img{height:22px; vertical-align:-6px; margin-right:5px}
.bank_list ul li .disable{background-color:lightgray;}
.cardmsglabel {text-align:left; padding-top:4px;font-size:13px; line-height:26px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:500;}
.bankmsglabel {text-align:left; padding-top:4px;font-size:13px; line-height:26px; color:red; font-family:'Noto Sans KR', sans-serif; font-weight:500;}
.bankcertif_num{padding-right:75px}
.bankcertif_num button{position:absolute; right:10px; top:10px; width:65px; border:solid 1px #95a5a6; border-radius:3px; background-color:#fff; height:43px; color:#272929; font-size:14px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.bankcertif_num button.reconf{border-color:#48C9CF; background-color:#48C9CF; color:#fff}
.rebanktable {width:90%; margin:auto; text-align:left; padding-top:4px;font-size:13px; line-height:26px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:500;}
.rebanktable td{border:solid 1px #dce3e3}
.rebanktable td.center{font-weight:bold;text-align:center; font-size:15px;}
.rebanktable td.left{text-align:left; border-right:0; padding:0px 0px 0px 10px;}
.rebanktable td.right{text-align:right; border-left:0; padding:5px 10px 5px 0px;}
.rebanktable button{right:10px; top:10px; width:80px; border:solid 1px #95a5a6; border-radius:3px; background-color:#fff; height:43px; color:#272929; font-size:12px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.rebanktable button.reconf{border-color:#48C9CF; background-color:#48C9CF; color:#fff}
.rebanklabel {text-align:left; padding-top:4px;font-size:13px; line-height:26px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:500;}
.rebanksublabel {text-align:left; margin-left:10px; padding-top:4px;font-size:13px; line-height:26px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:500;}
.rebanksubtitlelabel {text-align:left; padding-top:4px;font-size:15px; line-height:26px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:bold;}
.fds_error_advice{padding-top:10px; text-align:center; font-size:12px; line-height:16px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.fds_error_code{padding-top:10px; text-align:center; font-size:12px; line-height:16px; color:#e91616; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.arscertif_time span{position:absolute; right:20px; top:10px; line-height:43px; font-size:15px; color:#e91616; font-family:'Noto Sans KR', sans-serif; font-weight:500}
button.btn_arsreconf{background-color:#48C9CF; color:#fff; width:65px; border-radius:3px; background-color:#48C9CF; height:65px; color:#fff; font-size:14px; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.provideterms_tr{background-color:#48C9CF; color:#fff; text-align:center;}
.agree_bx3{border:solid 1px #dce3e3; padding:20px 10px; font-size:11px; line-height:14px; color:#282828; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.payment_email{width: 90%; font-size: 15px; padding: 10px 10px 10px 10px; color: #272929; font-family: 'Noto Sans KR', sans-serif; border-radius: 5px; border: solid 1px #dce3e3; height: 10px; text-align: left;}
.easybank_add_info dt{width:30%; font-size: 13px; color: #272929; font-family: 'Noto Sans KR', sans-serif;}
.easybank_add_info dd{width:70%; font-size: 13px; color: #272929; font-family: 'Noto Sans KR', sans-serif; text-align: left;}
.easybank_add_info_top{border-top: solid 1px #dce3e3; padding-top: 13px; margin-top: 40px;}
#receipt_info_socid dl{margin-top: 0px;}
#receipt_info_socid dt{width:30%; font-size: 13px; color: #272929; font-family: 'Noto Sans KR', sans-serif;}
#receipt_info_socid dd{width:70%; font-size: 13px; color: #272929; font-family: 'Noto Sans KR', sans-serif; text-align: left;}
#loadingarea{display:none; width: 100%; height: 100%; position: absolute; z-index: 900; top: 0;}
.loadingimgarea{position:absolute; left:45%; top:40%;}
.pop-layer .pop-container { padding: 20px 25px; }
.pop-layer p.ctxt { color: #666;line-height: 25px; margin: 10px 0; padding-top: 10px; border-top: 0px solid #DDD; max-height:150px; overflow-y:auto;}
.pop-layer #alert-btn {width: 100%;margin: 10px 0;border-radius: 3px; background-color:#48C9CF; height: 43px; color: #fff; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background-color: #fff;z-index: 10;}
/* PC , 테블릿 가로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { .pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background-color: #fff;z-index: 10;}}
/* 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { .pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background-color: #fff;z-index: 10;}}
/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) { .pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 350px;height: auto;background-color: #fff;z-index: 10;}}
/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) { .pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 280px;height: auto;background-color: #fff;z-index: 10;}}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}
.pop-layer .btn-r { width: 100%; margin: 0 0; padding-top: 10px; border-top: 1px solid #DDD;}
#alert-header .alert-icon{min-width: 30px; margin-right: 10px; min-height: 30px; border-radius: 3px; background-color: #48C9CF; color: #fff;font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: bolder;}
#confirm-header .alert-icon{min-width: 30px; margin-right: 10px; min-height: 30px; border-radius: 3px; background-color: #48C9CF; color: #fff;font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: bolder;}
.pop-layer #confirm-btn {width: 48%;margin: 10px 0;border-radius: 3px; background-color:#48C9CF; height: 43px; color: #fff; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.pop-layer #cancel-btn { width: 48%; margin: 10px 0; border-radius: 3px; background-color: #fff; height: 43px; color: #48C9CF;font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;border: 1px solid #48C9CF; padding: 1px;}
.plcccollecttable {width:90%; margin:auto; text-align:left; padding-top:4px;font-size:11px; line-height:26px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:500; border-collapse: collapse;}
.plcccollecttable th{border:solid 1px black; background-color: #e0e0e0; width:33%; text-align: center;}
.plcccollecttable td{border:solid 1px black}
.plccprovidetable {width:90%; margin:auto; text-align:left; padding-top:4px;font-size:11px; line-height:26px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:500; border-collapse: collapse;}
.plccprovidetable th{border:solid 1px black; background-color: #e0e0e0; width:25%; text-align: center;}
.plccprovidetable td{border:solid 1px black}
.certify_error_txt{padding-top:80px; background:url('/custom/css/svg/ico_error') 50% 0 / 75px no-repeat; text-align:center; font-size:16px; line-height:19px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:500}
.certify_error_advice{padding-top:10px; text-align:center; font-size:16px; line-height:16px; color:#616666; font-family:'Noto Sans KR', sans-serif; font-weight:400}
/* toogle button css 시작 */
.ppd_switch{position: relative; display: inline-block; width: 42px; height: 28px;}
.ppd_switch input{opacity: 0; width: 0; height: 0;}
.ppd_slider{border-radius: 100px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.ppd_slider:before{position: absolute; content: ""; height: 22px; width: 22px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
input:checked + .ppd_slider{background-color: #48c9cf;}
input:checked + .ppd_slider:before{-webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px);}
/* toogle button css 종료 */
/* 요청01 css 시작 */
.payment_password_dropset>li{border-bottom: 1px solid #d9d9d9; padding-bottom: 20px;}
.payment_password_dropset>li>span{display: block; font-size: 14px; color:#555; margin-top: 10px;}
.payment_password_dropset>li>div{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.payment_password_dropset>li>div>span{font-weight:bold; margin-right: 15px; font-size: 20px; line-height: 1;}
/* 요청01 종료 */
/* 요청02 css 시작 */
.pw_drop{padding: 20px; background: #3f3f3f; border-radius: 7px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.pw_drop .pw_drop_txt{width:calc(100% - 60px);}
.pw_drop .pw_drop_txt>span{display: block; color:#fff;}
.pw_drop .pw_drop_txt>span:first-child{font-weight: bold; margin-bottom: 5px;}
.pw_drop .pw_drop_txt>span:last-child{font-size:12px;}
.pw_drop .pw_drop_btn{width:60px; display: flex; justify-content: center;}
/* 요청02 css 종료 */
.promotion_txamt {font-size:16px; color:#272929; font-family:'Noto Sans KR', sans-serif; display: flex; justify-content:space-between; font-weight: 500; padding-right:20px; padding-left:20px;padding-bottom:5px;}
.promotion_discountamt {font-size:16px; font-family:'Noto Sans KR', sans-serif; display: flex; justify-content:space-between; font-weight: 500; background-color:#f2f2f2; border-radius:30px; padding-right:20px; padding-left:20px;padding-bottom:5px;}
.promotion_approvalamt {font-size:16px; color:#272929; font-family:'Noto Sans KR', sans-serif; display: flex; justify-content:space-between; font-weight: 500; padding-bottom:10px; padding-right:20px; padding-left:20px; padding-bottom:10px;}
.promotionamt_discountamt {color:#48C9CF;}
.promotion_hr {border:dotted;border-color:#F2F2F2; border-width:2px;}
.account_list li{position:relative; height:79px; padding:20px 20px 20px 161px; border-bottom:solid 1px #dce3e3}
.account_list img{width:100%}
.account_list .thumb{position:absolute; left:20px; top:20px; width:124px}
.account_list .num{padding-bottom:4px; font-size:15px; line-height:22px; color:#272929; font-family:'Noto Sans KR', sans-serif; font-weight:400}
.account_list .logo{position:absolute; left:10px; top:10px; width:109px}
.account {outline:2px solid transparent;}
.account.selected {outline-color:#48C9CF;}