@charset "utf-8";  
/* CSS Document */

#pwemail {background-image:url(https://s3.ap-northeast-2.amazonaws.com/toun28/img/v2/img-bg-login.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding:100px 0 200px; max-height:700px;}
#pwemail .form-control {border-radius:2px; border:solid 1px #eaeaea; background-color:#fff; font-size:14px; height:40px;}
#pwemail .btn-link {color:#545454; font-size:14px;}
#pwemail label {font-size:14px;}
#pwemail span.small {font-size:8px; color:#666;}
#pwemail button.btn-yes {font-size:16px; height:48px;}
#pwreset {background-image:url(https://s3.ap-northeast-2.amazonaws.com/toun28/img/v2/img-bg-login.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding:70px 0 178px 0; max-height:700px;}
#pwreset .form-control {border-radius:2px; border:solid 1px #eaeaea; background-color:#fff; font-size:14px; height:40px;}
#pwreset .btn-link {color:#545454; font-size:14px;}
#pwreset label {font-size:14px;}
#pwreset span.small {font-size:8px; color:#666;}
#pwreset button.btn-yes {font-size:16px; height:48px;}
#login {padding:100px 0; max-height:700px;}
#login .title.login-title {color:#10069f;}
#login input {border:1px solid #10069f !important;}
#login input::placeholder {color:#10069f;}
#login label {color:#10069f;}
#login label::before {border:1px solid #10069f;}
#login .login-btn {color:#fff; background-color:#10069f; border-radius:0;}
#login .form-control {border-radius:2px; border:solid 1px #eaeaea; background-color:#fff; font-size:14px; height:40px;}
#login .btn-link {color:#10069f; font-size:14px;}
#login label {font-size:14px;}
#login span.small {font-size:12px; color:#10069f;}
#login button.btn-yes {font-size:16px; height:48px;}
#login .crew-title {font-family:Helvetica; color:#10069f; font-size:26px; font-weight:700;}
#login .crew-desc {font-size:15px; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; color:#10069f;}
.sns_desc {font-size:14px; color:#626262;}
#register {background-image:url(https://s3.ap-northeast-2.amazonaws.com/toun28/img/v2/img-bg-login.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding:20px 0; max-height:700px;}
#register .form-control {border-radius:2px; border:solid 1px #eaeaea; background-color:#fff; font-size:14px; height:40px;}
#register .btn-link {color:#545454; font-size:14px;}
#register label {font-size:14px;}
#register span.small {font-size:8px; color:#666;}
#register button.btn-yes {font-size:16px; height:48px;}
.auth .term-error >.error-text {top:auto;}
#login,#pwemail,#pwreset,#register {background-image:none; padding:50px 20px 100px;}
#wrap {margin-top:0; min-height:calc(100vh - 184px);}
.auth {padding:72px 0 0 0; background-color:#f0f0f0; max-height:1080px; width:100%; height:calc(100vh - 185px); font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;}
.auth .input {display:inline-block; max-width:328px; width:100%; position:relative;}
.auth .error-text {font-size:.75rem; color:#e62e14; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; line-height:1.67; max-width:328px; text-align:left; position:absolute; top:52px;}
.auth-container {max-width:1920px; max-height:1080px; height:calc(100vh - 256px); display:flex; align-items:center; justify-content:center; flex-direction:column; margin:auto;}
.auth-box {position:relative; max-width:500px; max-height:550px; min-height:500px; width:100%; margin:0; padding:0; text-align:center; background:#fff;}
.auth .title {display:block; position:absolute; top:20%; width:100%; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; color:#1b1b1b; font-size:24px; font-weight:600;}
.auth .sub-title {margin-top:3.313rem; margin-bottom:1.25rem; font-size:1.125rem; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:400;}
.auth .sub-title2 {font-size:.875rem; margin-top:.9375rem; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:400;}
.auth .sub-title3 {font-size:.875rem; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:400;}
.auth .sub-title4 {font-size:.875rem; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:400;}
.auth .sub-title5 {margin-top:1.25rem; margin-bottom:3rem; font-size:1.0rem; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:300;}
.auth .auth-box .loginBox {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.auth .auth-box .loginBox .msg_loginTxt {display:block; margin:0 0 7px 0; color:#1b1b1b; font-size:14px; font-weight:400;}
.auth .auth-box .loginBox .benefit_info {display:block; margin:0 0 30px 0; color:#1b1b1b; font-size:14px; font-weight:400;}
.auth .auth-box .loginBox .benefit_info dt {display:block; margin:0 0 3px 0; font-size:16px;}
.auth .auth-box .loginBox .benefit_info dd {display:block; font-size:13px; font-weight:400; letter-spacing:-0.5px;}
.auth .auth-box .loginBox button {max-width:328px; max-height:50px; width:100%; height:50px; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:500;}
.auth .auth-box .loginBox button.toun28 {position:relative; color:#fff; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:15px; font-weight:500; border:1px solid #1b1b1b; background-color:#1b1b1b;}
.md_pop .popBox {padding:40px;}
.pop_titBox02 {display:block; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; color:#1b1b1b; font-size:24px; font-weight:500; text-align:center;}
.md_pop .popBox .pop_contBox {display:block; margin-top:35px; margin-bottom:55px; padding:0; font-size:1.0rem; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:300; text-align:center; border:none;}
.md_pop .popBox .pop_contBox .txtBox {font-size:18px; font-weight:500;}
.md_pop .popBox .pop_btnBox {clear:both; overflow:hidden;}
.md_pop .popBox .pop_btnBox a, .md_pop .popBox .pop_btnBox button {float:left; width:50%; color:#fff; font-size:14px; font-weight:500; letter-spacing:0; border:1px solid #B2B2B2; background:#B2B2B2; box-sizing:border-box;}
.md_pop .popBox .pop_btnBox button:first-child:nth-last-child(2), .md_pop .popBox .pop_btnBox button:first-child:nth-last-child(2) ~ button {width:50%;}
.md_pop .popBox .pop_btnBox button.btn_bg_blue {position:relative; color:#fff; border:1px solid #10069f; background:#10069f;}
.md_pop .popBox .pop_btnBox button.btn_bg_black {position:relative; color:#fff; border:1px solid #1b1b1b; background:#1b1b1b;}
.md_pop .popBox .pop_btnBox + p {display:block; margin:5px 0 0 0; font-size:11px; text-align:center;}
.auth button.disabled {background-color:#b2b2b2; border:none; color:#fff;}
.auth button:disabled {pointer-events:none !important;}
.auth button.disabled2 {background-color:#fff; border:solid 1px #b2b2b2; color:#b2b2b2;}
.auth button.active {background-color:#1b1b1b; border:none; color:#fff;}
.auth button.active2 {border-color:#1b1b1b; color:#10069f; font-weight:700;}
.auth .toggle-box {display:flex; justify-content:center;}
.auth .auth-box .tabBox button.toggle {width:164px; background-color:#f7f7f7; border-top:none; border-right:none; border-left:none; border-bottom:solid 1px #1b1b1b; color:#b2b2b2; height:40px; font-size:14px; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;}
.auth .auth-box .tabBox button.toggle.active {background-color:#1b1b1b; color:#fff; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:500;}
.auth ul.lst_snsLogin {position:relative; width:328px; margin:12px auto 0 auto; padding:0 0 0 0;}
.auth ul.lst_snsLogin li {display:block; text-align:center;}
.auth ul.lst_snsLogin li button {display:inline-block; position:relative; width:100%; font-weight:400;}
.auth ul.lst_snsLogin li button span {display:inline-block; font-size:15px; vertical-align:middle; letter-spacing:-0.7px; line-height:48px;}
.auth ul.lst_snsLogin li button:before {content:''; display:inline-block; width:17px; height:17px; margin:0 7px 0 0; vertical-align:middle;}
.auth ul.lst_snsLogin li button.kakao {color:#3E2723; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; border:1px solid #fee500; background-color:#fee500;}
.auth ul.lst_snsLogin li button.kakao:before {margin-top:2px; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_kakaoTalk_login.svg"); background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.auth .reset-password {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:400; font-size:12px; cursor:pointer;}
.auth .terms {width:328px; height:225px; padding:15px; border:solid 1px #b2b2b2; background-color:#fff; margin-left:auto; margin-right:auto; display:flex; flex-direction:column; align-items:flex-start; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; -ms-overflow-style:scrollbar;}
.auth .terms .all {font-size:.875rem; font-family:Noto Sans KRB; margin-left:8px; vertical-align:baseline;}
.auth .terms .term-box {width:100%; min-width:279px; min-height:24px; display:block; margin-bottom:.5rem;}
.auth .terms .term-box label {margin-bottom:0; float:left; text-align:left;}
.auth .terms .term {font-size:0.75rem; margin-left:8px; vertical-align:baseline; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:400;}
.auth .terms .term2 {font-size:.8125rem; margin-left:8px; vertical-align:baseline; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;}
.auth .terms .term-box .view-term {font-size:.75rem; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; text-decoration:underline; color:#959595; float:right; cursor:pointer; line-height:1.5rem;}
.auth .term-error {width:328px; margin:auto;}
.auth .mt-132 {margin-top:132px;}
.auth .mt-105 {margin-top:105px;}
.auth .mt-33 {margin-top:33px;}
.auth .mt-37 {margin-top:37px;}
.auth .mt-20 {margin-top:20px;}
.auth .mt-100 {margin-top:100px;}
.auth .mt-10 {margin-top:10px;}
.auth .mt-15 {margin-top:15px;}
.auth .mt-70 {margin-top:70px;}
.auth .mt-60 {margin-top:60px;}
.auth .mt-30 {margin-top:30px;}
.auth .mt-10 {margin-top:10px;}
.auth .mt-40 {margin-top:40px;}
.auth .ml-23 {margin-left:23px !important;}
.auth .mt-27 {margin-top:27px;}
.auth .mr-18 {margin-right:18px;}
.auth hr {width:298px;}
.auth input[type=checkbox] {cursor:pointer;}
.auth .checkbox input[type=checkbox] {display:none;}
.auth .checkbox .check-round-icon {display:inline-block; width:16px; height:16px; background:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/icon_imgs/round-check-off.png); background-repeat:no-repeat; background-position:left center; vertical-align:middle; transition-duration:.3s; background-size:16px;}
.auth .checkbox input[type=checkbox]:checked+.check-round-icon {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/icon_imgs/round-check-on.png);}
.auth .checkbox .check-icon {display:inline-block; width:16px; height:16px; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/icon_imgs/check-off.png); background-repeat:no-repeat; background-position:left center; vertical-align:middle; transition-duration:.3s; background-size:16px;}
.auth .checkbox input[type=checkbox] {display:none;}
.auth .checkbox input[type=checkbox]:checked+.check-icon {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/icon_imgs/check-on.png);}
.termsBox {position:relative;}
.auth .termsBox .title {position:relative; margin:50px 0 0 0;}
.auth .auth-box .termsBox button {max-width:328px; max-height:50px; width:100%; height:50px; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:500;}
.auth .termsBox .sub-title3 {font-size:13px;}
.auth .termsBox hr {margin-top:5px; margin-bottom:10px;}
.auth .termsBox .term-error + .mt-33 {margin:20px 0 50px 0;}
.term-modal {max-height:900px;}
.term-modal .modal-dialog {max-width:700px; max-height:900px;}
.term-modal .header {background-color:#10069f; color:#fff; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:500; height:58px; border-radius:0; display:flex; justify-content:center;}
.term-modal .header .close-btn {position:absolute; right:5%; width:20px; opacity:1;}
.term-modal .title {font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:500; font-size:18px;}
.term-modal .desc {background-color:#fff; padding:30px; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:900; font-size:14px;}
.term-modal .desc .content {font-size:14px; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:900; max-height:700px; overflow-y:auto;}
.auth input[type=text], .auth input[type=password], .auth input[type=email], .auth input[type=number] {max-width:328px; width:100%; height:50px; padding:15px; color:#1b1b1b; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-size:14px; border:none; border-bottom:1px solid #b2b2b2; background-color:transparent; border-radius:0; transition:all 0.3s ease-out;}
.auth input[type=text]::placeholder, .auth input[type=password]::placeholder, .auth input[type=email]::placeholder, .auth input[type=number]::placeholder {color:#b2b2b2;}
.auth input[type=text]:focus, .auth input[type=password]:focus, .auth input[type=email]:focus, .auth input[type=number]:focus {border-bottom:1px solid #1b1b1b; transition:all 0.3s ease-out;}
.auth .auth-box .loginBox .iptBox.pw {position:relative; margin:0 0 10px 0;}
.auth .auth-box .loginBox .iptBox.pw + .iptBox.pw {margin:0;}
.auth .auth-box .loginBox .iptBox.pw input[type=text], .auth .auth-box .loginBox .iptBox.pw input[type=password] {padding:15px 35px 15px 15px;}
.auth .auth-box .loginBox .iptBox.pw i.ico_eye {overflow:hidden; position:absolute; top:0; right:10px; width:20px; height:20px; text-indent:-999px; background-size:100%; transform:translate(0, 15px); cursor:pointer;}
.auth .auth-box .loginBox .iptBox.pw input[type=text] + i.ico_eye {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_eye_off.svg"); background-repeat:no-repeat; background-position:50% 50%; opacity:0.8;}
.auth .auth-box .loginBox .iptBox.pw input[type=password] + i.ico_eye {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_eye_on.svg"); background-repeat:no-repeat; background-position:50% 50%; opacity:0.3;}
.auth .auth-box .tabBox button {max-width:328px; max-height:50px; width:100%; height:50px; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:500;}
.auth .auth-box .tabBox {position:absolute; top:10%; left:0; width:100%;}
.auth .auth-box .tabBox .titBox {display:block;}
.auth .auth-box .tabBox .titBox h3 {margin:0 0 10px 0; font-size:22px;}
.auth .auth-box .tabBox .tab_container .infoTxt {padding:25px 0 15px 0;}
.auth .auth-box .tabBox .tab_container .txt {font-size:13px;}
.auth .auth-box .tabBox .iptBox.find {position:relative; margin:0 0 10px 0;}
.auth .auth-box .tabBox .iptBox.find + .iptBox.pw {margin:0;}
.auth .auth-box .tabBox .iptBox.find input[type=number], .auth .auth-box .loginBox .iptBox.pw input[type=password] {padding:15px 35px 15px 15px;}
.auth .auth-box .tabBox .iptBox.find i.ico_eye {overflow:hidden; position:absolute; top:0; right:10px; width:20px; height:20px; text-indent:-999px; background-size:100%; transform:translate(0, 15px); cursor:pointer;}
.auth .auth-box .tabBox .iptBox.find input[type=number] + i.ico_eye {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_eye_off.svg"); background-repeat:no-repeat; background-position:50% 50%; opacity:0.8;}
.auth .auth-box .loginBox .tab_container .infoTxt {padding:25px 0 15px 0;}
.auth .auth-box .loginBox .tab_container .txt {font-size:13px;}
.auth .auth-box .loginBox .iptBox.find {position:relative; margin:0 0 10px 0;}
.auth .auth-box .loginBox .iptBox.find + .iptBox.pw {margin:0;}
.auth .auth-box .loginBox .iptBox.find input[type=number], .auth .auth-box .loginBox .iptBox.pw input[type=password] {padding:15px 35px 15px 15px;}
.auth .auth-box .loginBox .iptBox.find i.ico_eye {overflow:hidden; position:absolute; top:0; right:10px; width:20px; height:20px; text-indent:-999px; background-size:100%; transform:translate(0, 15px); cursor:pointer;}
.auth .auth-box .loginBox .iptBox.find input[type=number] + i.ico_eye {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_eye_off.svg"); background-repeat:no-repeat; background-position:50% 50%; opacity:0.8;}
.auth .input-inner {position:absolute; top:50%; transform:translateY(-50%); right:10px; display:flex; align-items:center;}
.auth .auth-box .tabBox .inner-right-button {width:55px; height:32px; color:#1b1b1b; font-size:13px; line-height:14px; border:1px solid #1b1b1b; background:none;}
.auth .auth-box .tabBox .inner-right-button:disabled {background-color:#e2e2e2;}
.auth .auth-box .loginBox .inner-right-button {width:55px; height:32px; color:#1b1b1b; font-size:13px; line-height:14px; border:1px solid #1b1b1b; background:none;}
.auth .auth-box .loginBox .inner-right-button:disabled {color:#b2b2b2; border:1px solid #b2b2b2; background-color:none;}
.auth .email-success {display:none;}
.auth #email-box {display:none;}
.auth #phone-auth-box {display:none;}
.auth .auth-box .tabBox #phone-auth2 .timer {margin:0 10px 0 0; color:#10069f; font-size:12px; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:500;}
.auth .auth-box .loginBox #phone-auth2 .timer {margin:0 10px 0 0; color:#10069f; font-size:12px; font-family:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif; font-weight:500;}
.term-modal .btn-before-term {background-color:unset; float:right;}
.term-modal .btn-current-term {background-color:unset; float:left;}
.term-modal .close-btn {cursor:pointer;}
.auth .hide {display:none;}
.auth .m-inline-block {display:none;}
.auth .md-inline-block {display:inline-block;}
#phone-auth2 {display:none;}

.simp_confirm_txt {display:block; margin:0 0 50px 0; padding:0; font-size:20px; font-weight:500; text-align:center; letter-spacing:-1px;}
.simp_confirm_txt span {font-size:16px; font-weight:300; letter-spacing:0;}
.auth .auth-box .skt_title {display:block; margin:0 0 50px 0; padding:0; font-size:20px; font-weight:400; text-align:center; letter-spacing:-1px;}

@media screen and (max-width:767px) {
#wrap {min-height:calc(100vh - 54px);}
.auth {background:none; height:calc(100vh - 54px);}
.auth-container {height:calc(100vh - 54px);}
.auth-box {background:none;}
.auth .m-inline-block {display:inline-block;}
.auth .md-inline-block {display:none;}
.modal-dialog {margin:0;}
.term-modal .header {position:fixed; z-index:1000; width:100%;}
.term-modal .header .close-btn {right:8%;}
.term-modal .desc {margin-top:58px; padding:20px;}
.term-modal .desc .content {max-height:100%;}
.auth {padding:0}
.auth .title {font-size:22px; font-weight:600;}
.auth .auth-box .loginBox button.toun28 {font-size:14px;}
.auth ul.lst_snsLogin li button span {font-size:14px;}
}

.auth .auth-box .skt_title {display:block; margin:0 0 70px 0; padding:0 0 0 85px; color:#1b1b1b; font-size:22px; font-weight:400; text-align:left; letter-spacing:-0.5px;}

@media screen and (max-width:780px) {
.auth .auth-box .skt_title {padding:0 30px;}
.simp_confirm_txt {padding:0 0 0 35px; text-align:left;}
.auth .auth-box .skt_title {padding:0 0 0 35px; text-align:left;}
}