@charset "utf-8";
/* TOUN28-SD Team. YMJ. 20260225 */

/* -------------------- PC -------------------- */
/* 공통-스타일 */
.ipt_txt, .ipt_tel, .ipt_num {width:100%; height:60px; padding:0 7px; color:#1b1b1b; font-size:18px; font-weight:400; line-height:34px; border:none; border-bottom:1px solid #bababa; border-radius:0; background:none; transition:all 0.3s ease-out;}
.ipt_txt:focus, .ipt_tel:focus, .ipt_num:focus {border:none; border-bottom:1px solid #1b1b1b; transition:all 0.3s ease-out;}
.ipt_txt.limit, .ipt_tel.limit, .ipt_num.limit {pointer-events:none; background:rgba(14,14,14,0.05);}
.ipt_txt::placeholder, .ipt_tel::placeholder, .ipt_num::placeholder, .ipt_direct_msg::placeholder {color:#3a3a3a; font-size:18px; font-weight:300;}
.ipt_txt:autofill, .ipt_txt:autofill:hover, .ipt_txt:autofill:focus, .ipt_txt:autofill:active, 
.ipt_tel:autofill, .ipt_tel:autofill:hover, .ipt_tel:autofill:focus, .ipt_tel:autofill:active, 
.ipt_num:autofill, .ipt_num:autofill:hover, .ipt_num:autofill:focus, .ipt_num:autofill:active {box-shadow:0 0 0 30px #fcfaf7 inset;}

.ipt_select {position:relative; width:100%; height:40px; padding:0 34px 0 7px; color:#1b1b1b; font-size:13px; font-weight:300; text-align:left; line-height:34px; border:none; border-bottom:1px solid #bababa; background:none; transition:all 0.3s ease-out;}
.ipt_select:after {content:''; position:absolute; top:0; right:0; width:30px; height:100%; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_down_bk.svg") no-repeat 50% 50%/auto 30%; transition:all 0.3s ease-out;}
.ipt_select:focus {order-bottom:1px solid #1b1b1b; transition:all 0.3s ease-out;}
.ipt_select.active {color:#1b1b1b;}

/* 레이아웃 */
.header, .footer {display:none;}
#wrap {position:relative; font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

/* #header */
#header {position:fixed; top:0; left:0; width:100%; text-align:center; background-color:rgba(252,250,247,0.7); backdrop-filter:blur(25px); z-index:100;} 
#header .inner {display:flex; position:relative; width:1080px; height:60px; margin:0 auto; align-items:center; justify-content:center;}
#header .inner h2 {width:100%; color:#1b1b1b; font-size:17px; font-weight:600;}
#header .inner .al_left {position:absolute; top:50%; left:7px;}
#header .inner .al_left.btn_ico {overflow:hidden; width:40px; height:40px; text-indent:-999px; transform:translateY(-50%);}
#header .inner .al_right {position:absolute; top:50%; right:7px;}
#header .inner .al_right {position:absolute; top:50%; right:7px;}
#header .inner .al_right.btn_ico {overflow:hidden; width:40px; height:40px; text-indent:-999px; transform:translateY(-50%);}
#header .inner .btn_ico.prev {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_left_bk.svg") no-repeat 50% 50%/50%;}
#header .inner .btn_ico.home {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_home2_bk.svg") no-repeat 50% 50%/50%;}
#header .inner .btn_ico.close { background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_bk.svg") no-repeat 50% 50%/50%;}

/* #container */
#container {position:relative; width:100%; height:100%; padding:0; text-align:center; box-sizing:border-box;}
#container .inner {display:block; width:1080px; height:100%; margin:0 auto;}
#container .inner.al_item_c {display:flex; padding:0; align-items:center;}
#container .inner.jc_cont_c {display:flex; margin:0 auto; padding:0; justify-content:center;}

/* 로그인-로그인방식 선택 */
.loginBox {position:relative; width:450px; text-align:center;}
.loginBox dl.adBox {display:block; width:100%; margin:0 0 80px 0; padding:0;}
.loginBox dl.adBox dt {display:block; width:100%; margin:0 0 15px 0; font-size:1.75rem; font-weight:700; letter-spacing:-0.5px; line-height:1.4;}
.loginBox dl.adBox dd {}
.loginBox dl.adBox dd.coupon {display:flex; justify-content:center;}
.loginBox dl.adBox dd.coupon span {display:inline-block; overflow:hidden; position:relative; min-width:220px; padding:20px 0; color:#ffffff; font-size:1.25rem; font-weight:300; border-radius:6px; line-height:1.4; background:#1b1b1b; animation:softUpDown 4.0s infinite;}
.loginBox dl.adBox dd.coupon span strong {font-weight:600;}
.loginBox dl.adBox dd.coupon span:before {content:''; position:absolute; top:50%; left:-6px; width:12px; height:12px; border-radius:20px; background:rgba(252,250,247,1.0); transform:translateY(-50%);}
.loginBox dl.adBox dd.coupon span:after {content:''; position:absolute; top:50%; right:-6px; width:12px; height:12px; border-radius:20px; background:rgba(252,250,247,1.0); transform:translateY(-50%);}
@keyframes softUpDown {
0%   {transform:translateY(0);}
25%  {transform:translateY(6px);}
50%  {transform:translateY(0);}
51%  {transform:translateY(0);}
75%  {transform:translateY(6px);}
100% {transform:translateY(0);}
}
.loginBox dl.adBox dd.desc {display:block; margin:0; color:#585858; font-size:1.1rem; font-weight:300; letter-spacing:0; line-height:1.4;}
.loginBox p.desc {display:block; margin:0 0 10px 0; color:#585858; font-size:1.25rem; font-weight:300; letter-spacing:0; line-height:1.4;}
.loginBox p.desc span {font-weight:300;}

.loginBox ul.nav_loginType {display:block; padding:0 20px;}
.loginBox ul.nav_loginType li {display:block; position:relative; margin:0 0 20px 0;}
.loginBox ul.nav_loginType li:last-child {margin:0;}
.loginBox ul.nav_loginType li span.tip_bubble {content:''; position:absolute; top:-32px; left:50%; min-width:180px; padding:7px 10px; color:#ffffff; font-size:0.95rem; font-weight:500; line-height:1.0; border-radius:20px; background:#007afb; transform:translateX(-50%); animation:tip_bubble 4.0s infinite;}
.loginBox ul.nav_loginType li span.tip_bubble:after {content:''; position:absolute; left:50%; bottom:-4px; border-top:5px solid #007afb; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:0px solid transparent;}

@keyframes tip_bubble {
0%   {transform:translateX(-50%) translateY(0);}
25%  {transform:translateX(-50%) translateY(6px);}
50%  {transform:translateX(-50%) translateY(0);}
51%  {transform:translateX(-50%) translateY(0);}
75%  {transform:translateX(-50%) translateY(6px);}
100% {transform:translateX(-50%) translateY(0);}
}

.loginBox ul.nav_loginType li button {display:block; width:100%; height:60px; padding:0; color:#1b1b1b; font-size:1.25rem; font-weight:600; line-height:60px; border:1px solid #e4e4e2; border-radius:8px; background:#ffffff;}
.loginBox ul.nav_loginType li button.btn_login_phone {color:#ffffff; border:1px solid #1b1b1b; background:#1b1b1b;}
.loginBox ul.nav_loginType li button.btn_login_phone:before {content:''; display:inline-block; width:24px; height:24px; margin:0 4px 0 0; vertical-align:middle; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_phone_w_20x20.svg") no-repeat 50% 50%/80%;}
.loginBox ul.nav_loginType li button.btn_login_kakao {font-size:1.15rem; font-weight:500; border:1px solid #ffe400; border:none; background:#ffe400;}
.loginBox ul.nav_loginType li button.btn_login_kakao:before {content:''; display:inline-block; width:20px; height:20px; margin:0 5px 2px 0; vertical-align:middle; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_kakaotalk_bk_20x20.svg") no-repeat 50% 50%/80%;}

.loginBox ul.nav_loginEtc {display:block; margin:30px 0; padding:0 20px; text-align:center; line-height:18px;}
.loginBox ul.nav_loginEtc li {display:inline-block; position:relative; margin:0 10px 0 0; padding:0 15px 0 0;}
.loginBox ul.nav_loginEtc li:after {content:'I'; position:absolute; top:50%; right:0; color:#e4e4e2; transform:translateY(-50%);}
.loginBox ul.nav_loginEtc li:last-child {margin:0; padding:0;}
.loginBox ul.nav_loginEtc li:last-child:after {display:none;}
.loginBox ul.nav_loginEtc li a {display:block; color:#1b1b1b; font-size:1.15rem; font-weight:500;}
.loginBox ul.nav_loginEtc li a:hover {color:#1b1b1b; text-decoration:underline;}
.loginBox + a.btn_line_link {position:absolute; left:50%; bottom:10%; color:#585858; font-size:14px; transform:translateX(-50%);}
.loginBox + a.btn_line_link:hover {color:#1b1b1b; text-decoration:underline;}

/* 로그인-전화번호 입력 */
.inputBox {position:relative; width:600px; text-align:left;}
.inputBox dl.titBox {display:block; padding:50px 0 35px 0;}
.inputBox dl.titBox dt {display:block; font-size:24px; font-weight:700; line-height:1.4;}
.inputBox dl.titBox dd {display:block; padding:25px 0 0 0; font-size:16px; font-weight:400;}

.inputBox .iptBox {display:block; position:relative; margin:20px 0 10px 0;}
.inputBox .iptBox label {display:block; margin:0; font-size:15px;}
.inputBox .iptBox input[type=tel], .inputBox .iptBox input[type=number], .inputBox .iptBox input[type=text] {display:block; height:60px; padding:0; font-size:18px; font-weight:500;}
.inputBox .iptBox input[type=tel]::placeholder , .inputBox .iptBox input[type=number]::placeholder , .inputBox .iptBox input[type=text]::placeholder {font-size:18px;}
.inputBox .iptBox .btn_ipt_delete {overflow:hidden; position:absolute; right:0; bottom:30%; width:22px; height:22px; border-radius:30px; text-indent:-99px; background:#c6c6c6;}
.inputBox .iptBox .btn_ipt_delete:before {content:''; position:absolute; top:10px; left:5px; width:12px; height:2px; background:#fcfaf7; transform:rotate(45deg);}
.inputBox .iptBox .btn_ipt_delete:after {content:''; position:absolute; top:10px; left:5px; width:12px; height:2px; background:#fcfaf7; transform:rotate(-45deg);}
.inputBox .iptBox .btn_ipt_delete:hover, .inputBox .iptBox .btn_ipt_delete:focus {background:#1b1b1b;}
.inputBox .iptBox .btn_auth_reNum {position:absolute; right:0; bottom:18%; padding:7px 10px; color:#fcfaf7; font-size:15px; border:1px solid #1b1b1b; border-radius:4px; background:#1b1b1b; pointer-events:none;}
.inputBox .iptBox .auth_time_count {position:absolute; right:0; bottom:23%; color:#d92c2c; font-size:16px;}
.inputBox .iptBox + .txt_error {margin:0 0 10px 0; color:#d92c2c; font-size:13px;}
.inputBox .iptBox .btn_ipt_delete {display:none;}
.inputBox .iptBox .btn_auth_reNum {display:none;}
.inputBox .iptBox#ipt_auth_step02 {display:block;}

.inputBox #ipt_auth_step01.iptBox label {display:none;}
.inputBox #ipt_auth_step01.iptBox .ipt_tel {opacity:0; position:relative; text-align:center;}
.inputBox #ipt_auth_step01.iptBox .field_phone_num {position:absolute; top:0; left:0; width:100%; height:60px; padding:0; font-size:38px; font-weight:600; text-align:center; line-height:60px; letter-spacing:5px; border-bottom:1px solid #1b1b1b;}
.inputBox #ipt_auth_step01.iptBox .field_phone_num .sync {display:inline-block; margin:0 0 0 3px; color:#bfbfbf;}
.inputBox #ipt_auth_step01.iptBox .field_phone_num .sync.ft_clr_bk {color:#1b1b1b;}

.inputBox #ipt_auth_step02.iptBox label {display:block; margin:0 0 10px 0; color:#585858; font-size:16px; font-weight:300; text-align:center; letter-spacing:0;}
.inputBox #ipt_auth_step02.iptBox #ipt_auth_num {padding:0 95px; height:60px; font-size:38px; font-weight:600; text-align:center; line-height:60px; letter-spacing:5px;}
.inputBox #ipt_auth_step02.iptBox #ipt_auth_num::placeholder {color:#bfbfbf; font-size:38px; font-weight:600} 
.inputBox #ipt_auth_step02.iptBox.active .btn_ipt_delete {bottom:21%;}

.inputBox #ipt_auth_step03.iptBox label {display:block; margin:0 0 10px 0; color:#585858; font-size:16px; font-weight:300; text-align:center; letter-spacing:0;}
.inputBox #ipt_auth_step03.iptBox .ipt_tel {opacity:0; position:relative; padding:20px 0 0 0; text-align:center;}
.inputBox #ipt_auth_step03.iptBox .field_phone_num {position:absolute; top:20px; left:0; width:100%; height:60px; padding:0; font-size:38px; font-weight:600; text-align:center; line-height:60px; letter-spacing:5px; border-bottom:1px solid #1b1b1b;}
.inputBox #ipt_auth_step03.iptBox .field_phone_num .sync {display:inline-block; margin:0 0 0 3px; color:#bfbfbf;}
.inputBox #ipt_auth_step03.iptBox .field_phone_num .sync.ft_clr_bk {color:#1b1b1b;}

/* step1-핸드폰번호 입력시 */
.inputBox #ipt_auth_step01.iptBox.active .ipt_tel {padding:0 30px 0 0;}
.inputBox #ipt_auth_step01.iptBox.active .btn_ipt_delete {display:block; right:0;}
.inputBox #ipt_auth_step03.iptBox.active .ipt_tel {padding:0 30px 0 0;}
.inputBox #ipt_auth_step03.iptBox.active .btn_ipt_delete {display:block; right:0;}

/* step2-인증번호 인증시 */
.inputBox #ipt_auth_step02.iptBox.active .btn_ipt_delete {display:block; right:67px;}

/* step2-인증번호 인증시-시간초과 */
.inputBox.certify.timeOver #ipt_auth_step01.iptBox.active .ipt_tel {padding:0 70px 0 7px;} 
.inputBox.certify.timeOver #ipt_auth_step01.iptBox.active .btn_ipt_delete {right:67px;}
.inputBox.certify.timeOver #ipt_auth_step01.iptBox.active .btn_auth_reNum {display:block; pointer-events:all;}

/* 선택정보입력 */
.opt_info {display:block;}
.opt_info .iptBox .radioBox {float:left; width:50%; margin:0;}
.opt_info .iptBox .radioBox input[type=radio] {float:left;}
.opt_info .iptBox .radioBox label {display:block; margin:0; padding:15px 0; font-size:16px; font-weight:500; text-align:center; border:1px solid #e4e4e2; border-radius:50px; background:#ffffff;}
.opt_info .iptBox .radioBox input[type=radio]:checked + label {color:#ffffff; border:1px solid #000000; background:#000000;}
.opt_info .iptBox .radioBox:first-child label {border-radius:50px 0 0 50px;}
.opt_info .iptBox .radioBox:last-child label {border-left:none; border-radius:0 50px 50px 0;}

.inputBox #ipt_auth_step04.iptBox label {display:block; margin:0 0 10px 0; color:#585858; font-size:16px; font-weight:300; text-align:center; letter-spacing:0;}
.inputBox #ipt_auth_step04.iptBox #ipt_auth_birthday {padding:0 95px; height:60px; font-size:38px; font-weight:600; text-align:center; line-height:60px; letter-spacing:5px;}
.inputBox #ipt_auth_step04.iptBox #ipt_auth_birthday::placeholder {color:#bfbfbf; font-size:38px; font-weight:600} 
.inputBox #ipt_auth_step04.iptBox.active .btn_ipt_delete {bottom:21%;}

/* 로그인완료 */
.dlBox {display:block; margin:0 0 20px 0;}
.dlBox:last-child {margin:0;}
.dlBox dt {display:block; margin:0 0 5px 0; font-size:16px; font-weight:400;}
.dlBox dt strong {font-weight:600;}
.dlBox dd {display:block; overflow:hidden; border-radius:8px;}
.dlBox dd a {display:block;}
.dlBox dd img {width:100%; object-fit:cover;}
.dlBox dd video {width:100%; object-fit:cover;}

/* 회원가입-이용약관 */
.termBox {position:relative; width:600px; text-align:left;}
.termBox dl.titBox {display:block; padding:50px 0 35px 0;}
.termBox dl.titBox dt {display:block; font-size:24px; font-weight:700; line-height:1.4;}
.termBox dl.titBox dd {display:block; padding:25px 0 0 0; font-size:20px; font-weight:500; line-height:1.5;}
.termBox .btnBox {display:block; margin:0 0 30px 0; padding:0 0 20px 0; border-bottom:1px solid #1b1b1b;}
.termBox .btnBox.al_c {text-align:center;}
.termBox .btnBox button {display:inline-block; width:80%; height:60px; margin:0 0 10px 0; color:#ffffff; font-size:1.5rem; font-weight:600; border:1px solid #1b1b1b; border-radius:8px; background:#1b1b1b;}
.termBox .btnBox button.active {border:1px solid #007afb; background:#007afb ;}
.termBox .btnBox button.hide {opacity:0;}
.termBox .btnBox button:before {content:''; display:inline-block; width:20px; height:20px; margin:-2px 7px 0 0; vertical-align:middle; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_circle_off_w.svg") no-repeat 50% 50%/100%;}
.termBox .btnBox button.active:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_circle_on_w.svg") no-repeat 50% 50%/100%;}

ul.lst_term {display:block; text-align:center;}
ul.lst_term li {display:inline-block; width:80%; margin:0 auto; text-align:left;}
ul.lst_term li .checkBox {display:block; position:relative; padding:0;}
ul.lst_term li .checkBox .ipt_check + label {display:inline-block; position:relative; margin:7px 0; padding:7px 0 7px 35px; font-size:1.6rem; font-weight:500; line-height:30px; vertical-align:top;}
ul.lst_term li .checkBox .ipt_check + label span {display:inline-block; margin:0 0 0 5px; color:#989898; font-weight:300;}
ul.lst_term li .checkBox .ipt_check + label em {display:block; padding:5px 0 0 0; color:#999999; font-size:1.4rem; font-weight:300;}
ul.lst_term li .checkBox .ipt_check + label:before {content:''; position:absolute; top:10px; left:0; width:26px; height:26px; color:#000000; border-radius:0; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_checkCircle_bk_off.svg") no-repeat 50% 50%/100%; opacity:0.3;}
ul.lst_term li .checkBox .ipt_check:checked + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_checkCircle_bk_on.svg") no-repeat 50% 50%/100%; opacity:1.0;}
ul.lst_term li .checkBox .btn_ico_arrow {overflow:hidden; position:absolute; top:14px; right:0; width:26px; height:26px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_arrowRight_bk.svg") no-repeat 50% 50%/70%; text-indent:-999px; opacity:0.3}

/* 회원가입-완료 */
.mileageBox {display:block; overflow:hidden; position:relative; margin:0 0 15px 0; padding:25px 40px; border-radius:8px; background:#ebeade}
.mileageBox:after {content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; border-radius:20px; background:#fcfaf7; transform:translateY(-50%);}
.mileageBox dt.name {display:block; margin:0 0 5px 0; font-size:16px; font-weight:700;}
.mileageBox dd.amount {display:block; padding:5px 0 0 0; color:#007afb ; font-size:22px; font-weight:700;}
.mileageBox dd.amount:after {content:'P'; display:inline-block; margin:0 0 0 3px;}
.mileageBox dd.desc {display:block; padding:15px 0 0 0; color:#6f6f6f;}
.couponBox {display:block; overflow:hidden; position:relative; margin:0 0 15px 0; padding:25px 40px; border-radius:8px; background:#ebeade}
.couponBox:after {content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; border-radius:20px; background:#fcfaf7; transform:translateY(-50%);}
.couponBox dt.name {display:block; margin:0 0 5px 0; font-size:16px; font-weight:700;}
.couponBox dd.amount {display:block; padding:5px 0 0 0; color:#007afb ; font-size:22px; font-weight:700;}
.couponBox dd.amount:after {content:'할인'; display:inline-block; margin:0 0 0 3px;}
.couponBox dd.desc {display:block; padding:10px 0 0 0; color:#6f6f6f;}

/* #footer */
#footer {position:fixed; bottom:0; left:0; width:100%; text-align:center; background-color:rgba(252,250,247,0.7); backdrop-filter:blur(25px); z-index:100;}
#footer .inner {display:flex; position:relative; width:1080px; min-height:60px; margin:0 auto; padding:10px 0 20px 0; align-items:center; justify-content:center;}
#footer .inner .btnTxtBox {display:block; text-align:center;}
#footer .inner .btnTxtBox a.btn_txt_link {display:inline-block; font-size:1.25rem;}
#footer .lst_btn #btn_auth_request:disabled {display:none;}
#footer .lst_btn {display:block; position:relative; width:600px; padding:0;}
#footer .lst_btn li {position:relative;}
#footer .lst_btn li button {display:block; width:100%; height:60px; margin:0 0 10px 0; color:#fcfaf7; font-size:16px; font-weight:600; border:1px solid #1b1b1b; border-radius:8px; background:#1b1b1b;}
#footer .lst_btn li button:disabled {color:#bfbfbf; border:1px solid #eaeaea; background:#eaeaea;}
#footer .lst_btn li button:last-child {margin:0;}
#footer .lst_btn li a {display:block; width:100%; height:60px; margin:0 0 10px 0; color:#fcfaf7; font-size:16px; font-weight:600; line-height:60px; border:1px solid #1b1b1b; border-radius:8px; background:#1b1b1b;}
#footer .lst_btn li a:disabled {color:#bfbfbf; border:1px solid #eaeaea; background:#eaeaea;}
#footer .lst_btn li a:last-child {margin:0;}
#footer .lst_btn li button.btn_bg_bk, #footer .lst_btn li a.btn_bg_bk {}
#footer .lst_btn li button.btn_bg_bk.hide, #footer .lst_btn li a.btn_bg_bk.hide {opacity:0;}
#footer .lst_btn li button.btn_bg_bk:disabled, #footer .lst_btn li a.btn_bg_bk:disabled {}
#footer .lst_btn li button.btn_bg_w, #footer .lst_btn li a.btn_bg_w {color:#1b1b1b; border:1px solid #eaeaea; background:#ffffff;}
#footer .lst_btn li button.btn_bg_w:disabled, #footer .lst_btn li a.btn_bg_w:disabled {}
#footer .lst_btn li p.desc {display:block; margin:0 0 10px 0; color:#585858; font-size:16px; font-weight:300; text-align:center; letter-spacing:0;}
#footer .lst_btn li .ani_c_bubble {position:absolute; top:-28px; left:50%; height:24px; padding:2px 12px; color:#ffffff; font-size:0.9rem; line-height:24px; border-radius:20px; box-sizing:border-box; background:#585858; transform:translateX(-50%); animation:move_bubble 0.5s ease-in 0s infinite alternate;}
@keyframes move_bubble {
0%   {margin-top:0px;}
100% {margin-top:5px;}
}
#footer .lst_btn li .ani_c_bubble:after {content:''; position:absolute; top:24px; left:50%; border:5px solid transparent; border-top-color:#ffffff; border-bottom:0; transform:translateX(-50%);}
#footer .lst_btn li .ani_c_bubble.tip_crew {color:#ffffff; background:#007afb; line-height:2.0;}
#footer .lst_btn li .ani_c_bubble.tip_crew strong {color:#ffffff;}
#footer .lst_btn li .ani_c_bubble.tip_crew:after {border-top-color:#007afb;}

/* 선택정보입력 */
#footer .lst_btn li #btn_gender_confirm {display:none;}

/* -------------------- mobile -------------------- */
@media screen and (max-width:780px) {
/* 공통-스타일 */
.ipt_txt, .ipt_tel, .ipt_num {height:40px; font-size:0.9rem; line-height:38px;}
.ipt_txt::placeholder, .ipt_tel::placeholder, .ipt_num::placeholder {font-size:1rem;}
.ipt_select {height:44px; font-size:0.9rem; line-height:28px;}
	
body, html {min-height:auto;}
#header .inner {width:100%;}
#header .inner h2 {font-size:1.1rem;}
	
#container .inner {width:100%;}
	
.loginBox ul.nav_loginType li span.tip_bubble {font-size:0.85rem;}
	
/* 로그인-로그인방식 선택 */
.loginBox {width:100%;}
.loginBox dl.adBox {margin:0 0 60px 0;}
.loginBox dl.adBox dt {font-size:1.45rem;}
.loginBox dl.adBox dd.desc {font-size:0.95rem;}
.loginBox dl.adBox dd.coupon span {font-size:1.0rem;}
.loginBox p.desc {font-size:1.0rem;}
.loginBox ul.nav_loginType {width:100%;}
.loginBox ul.nav_loginType li button {font-size:1.15rem; line-height:1.7;}
.loginBox ul.nav_loginType li button.btn_login_phone {font-size:1.05rem;}
.loginBox ul.nav_loginType li button.btn_login_kakao {font-size:1.0rem;}
.loginBox ul.nav_loginType li a {font-size:1.15rem; line-height:1.7;}
.loginBox ul.nav_loginEtc li a {font-size:0.95rem;}
	
/* 로그인-전화번호 입력 */
.inputBox {width:100%; padding:0 20px;}
.inputBox dl.titBox {padding:35px 0;}
.inputBox dl.titBox dt {font-size:1.5rem;}
.inputBox dl.titBox dd.desc {font-size:1.0rem;}
.inputBox .iptBox label {font-size:0.95rem;}
.inputBox .iptBox input[type=tel], .inputBox .iptBox input[type=number], .inputBox .iptBox input[type=text] {height:60px; font-size:1.2rem; font-weight:600;}
.inputBox .iptBox input[type=tel]::placeholder, .inputBox .iptBox input[type=number]::placeholder, .inputBox .iptBox input[type=text]::placeholder {font-size:1.2rem;}
.inputBox #ipt_auth_step01.iptBox .field_phone_num {font-size:2.2rem; line-height:1.8; letter-spacing:1px;}
.inputBox #ipt_auth_step03.iptBox label {font-size:0.95rem;}
.inputBox #ipt_auth_step03.iptBox .field_phone_num {font-size:2.2rem; line-height:1.8; letter-spacing:1px;}
.inputBox .iptBox .btn_auth_reNum {font-size:0.9rem;}
.inputBox .iptBox .auth_time_count {bottom:20%; font-size:0.9rem;}
	
/* step2-인증번호 입력시 */
.inputBox #ipt_auth_step02.iptBox #ipt_auth_num {padding:0 40px;}
.inputBox #ipt_auth_step02.iptBox label {font-size:0.95rem;}
.inputBox #ipt_auth_step02.iptBox #ipt_auth_birthday {padding:0 25px; font-size:2.2rem; line-height:2.0; letter-spacing:3px;}
.inputBox #ipt_auth_step02.iptBox #ipt_auth_birthday::placeholder {font-size:2.2rem; line-height:2.0; letter-spacing:3px;}
.inputBox #ipt_auth_step02.iptBox.active .btn_ipt_delete {right:50px;}
	
/* 선택정보입력 */
.inputBox #ipt_auth_step04.iptBox label {font-size:0.95rem;}
.inputBox #ipt_auth_step04.iptBox #ipt_auth_num {padding:0 25px; font-size:2.2rem; line-height:2.0; letter-spacing:3px;}
.inputBox #ipt_auth_step04.iptBox #ipt_auth_num::placeholder {font-size:2.2rem; line-height:2.0; letter-spacing:3px;}
.inputBox #ipt_auth_step04.iptBox #ipt_auth_birthday {padding:0 25px; font-size:2.2rem; line-height:2.0; letter-spacing:3px;}
.inputBox #ipt_auth_step04.iptBox #ipt_auth_birthday::placeholder {font-size:2.2rem; line-height:2.0; letter-spacing:3px;}
.inputBox #ipt_auth_step04.iptBox.active .btn_ipt_delete {right:50px;}
	
/* 회원가입-이용약관 */
.termBox {width:100%; padding:0 20px;}
.termBox dl.titBox {padding:35px 0;}
.termBox dl.titBox dt {font-size:1.5rem;}
.termBox dl.titBox dd.desc {font-size:1.0rem;}
.termBox .btnBox button {width:84%; font-size:1.1rem;}
ul.lst_term li {display:block; width:100%;}
ul.lst_term li .checkBox .ipt_check + label {margin:10px 0; padding:0 0 0 30px; font-size:1.0rem; line-height:1.6;}
ul.lst_term li .checkBox .ipt_check + label span {font-size:0.9rem;}
ul.lst_term li .checkBox .ipt_check + label em {padding:3px 0 0 0; font-size:0.85rem;}
ul.lst_term li .checkBox .ipt_check + label:before {top:0; width:24px; height:24px;}
ul.lst_term li .checkBox .btn_ico_arrow {top:10px; width:24px; height:24px;}
	
/* 회원가입-완료 */
.mileageBox {margin:0 0 10px 0; padding:15px 25px;}
.mileageBox dt.name {margin:0; font-size:0.9rem; font-weight:600;}
.mileageBox dd.amount {font-size:1.7rem;}
.mileageBox dd.desc {padding:7px 0 0 0; font-size:0.8rem;}
.couponBox {margin:0 0 10px 0; padding:15px 25px;}
.couponBox dt.name {margin:0; font-size:0.9rem; font-weight:600;}
.couponBox dd.amount {font-size:1.7rem;}
.couponBox dd.desc {padding:7px 0 0 0; font-size:0.8rem;}
	
/* footer */
#footer .inner {width:100%;}
#footer .inner .btnTxtBox a.btn_txt_link {font-size:0.95rem}
	
#footer .lst_btn {width:100%; padding:0 20px;}
#footer .lst_btn li button {height:52px; margin:0 0 7px 0; font-size:1.0rem;}
#footer .lst_btn li a {height:52px; margin:0 0 7px 0; line-height:42px; font-size:1.0rem;}
#footer .lst_btn li p.desc {font-size:0.95rem;}
#footer .lst_btn li .ani_c_bubble {font-size:0.7rem;}
}