@charset "utf-8";

/********* 공통 **********/
@font-face {
  font-family: 'pass';
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
  }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 100000s ease-in-out 0s;
    -webkit-text-fill-color: var(--mono-01) !important;
}

.text-gray {color:var(--grey-05) !important;}
.text-gray-2 {color:var(--grey-06) !important;}
.text-black {color:var(--mono-01) !important;}
.text-black-1 {color:var(--mono-03) !important;}
.text-black-3 {color:var(--grey-02) !important;}
.text-blue {color:var(--blue-01) !important;}
.text-red {color:var(--sub-red-01) !important;}
.text-bold{font-weight:600;}
.bullets-a:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 5px;
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: #999;
}

.grid-a .block a{display: block; text-align: center;}
.grid-a .block.left {padding-right:3px;}
.grid-a .block.right {padding-left:3px;}
.grid-a .block.full{width:100%;}

.text-underline {text-decoration: underline !Important;}

.input-wrap .input-text{width:100%;height:50px;background-color:var(--bright-04); color: var(--mono-01); border-radius: 10px; padding:0 16px;font-size:12px;margin:10px 0 0;border: unset;}
.input-wrap .input-text::placeholder{color:var(--grey-05);}
.input-wrap .input-text.fixed{font-size:16px;padding:0 24px;}
.user-form .ico-check-item{margin-top:-1px;margin-right:8px;}
.user-form .sns-icon {margin-top:-1px;}

/*상단 UI*/
.box-top {width:100%;padding:20px 32px 20px;text-align:center;}
.box-top .box-close {text-align:right;}
.box-top .logo {display:inline-block; width:52px; height:52px; background:url('/images/common/logo-smile.svg') no-repeat; background-size:52px 52px;}
.box-top .logo.big{display:inline-block; width:58px; height:50px;margin-top:20px; background:url('/images/common/logo-smile-big.svg') no-repeat; background-size:58px 50px; }
.box-top .title {font-size:26px;color:var(--mono-01);}
.box-top .title2 {font-size:22px;color:var(--mono-01);}

/*청소년 유해 매체 로그인 상단*/
.box-top .youth-title {height: 29px;margin-top: 20px;font-size: 24px;text-align: center;color: var(--mono-01);font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;}
@media (max-width: 375px) {.box-top .youth-title {font-size: 24px;} }
@media (max-width: 360px) {.box-top .youth-title {font-size: 22px;} }
@media (max-width: 330px) {.box-top .youth-title {font-size: 20px;} }
@media (max-width: 320px) {.box-top .youth-title {font-size: 18px;} }

.box-top .youth-box {display: flex; align-items: center;margin-top: 16px;}
.box-top .youth-caution {display:inline-block;width:53px;height:53px;background:url('/images/common/ico-big-adult.png') no-repeat;background-size:52px 52px;margin-right: 12px;flex-shrink: 0;}
.box-top .youth-notice  {display:inline-block;font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: normal;color: var(--grey-01);text-align: left;}

/*아이디/패스트워드 찾기*/
.box-top .desc {padding:10px 0;font-size:16px;word-break:keep-all;}
.box-top .box-idpwd-tap {font-size:18px;}
.box-top .box-idpwd-tap .btn-sch{display:inline-block;height:40px;line-height:40px;color:var(--mono-01);}
.box-top .box-idpwd-tap .btn-sch a{height:40px;}
.box-top .box-idpwd-tap .btn-sch.active{color:var(--blue-01);}
.box-top .box-idpwd-tap .div{display:inline-block;background-color:var(--grey-05);height:14px;width:2px;margin:0 20px;}

/* 비밀번호 변경 */
.user-form{width: 100%; padding: 0 32px 34px;}
.user-form.login{padding:15px 32px 34px; background-color: var(--bright-08);}
.user-form .input-box{position: relative; width: 100%; height: 35px;}
.user-form .input-box.id {margin-bottom: 35px;}
.user-form .input-box input{display: block; width: 100%; height: 35px; font-size: 16px; font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif; border-bottom: 2px solid var(--bright-01); background-color: var(--bright-08); color: var(--mono-01);}
.user-form .input-box input[type="password"]::-webkit-input-placeholder {transform: scale(0.77); transform-origin: 0 50%; -webkit-transform: scale(0.77); -moz-transform: scale(0.77); -ms-transform: scale(0.77); -o-transform: scale(0.77); }
.user-form .input-box input[type="password"]::-moz-placeholder {font-size: 16px; opacity: 1;}
.user-form .input-box input[type="password"]:-ms-input-placeholder {font-size: 16px; font-family: "Roboto", Helvetica, Arial, sans-serif;}
.user-form .input-box label{ position:absolute; left:1px; margin-top: -30px; color:var(--grey-05); font-size:16px; line-height: 1; letter-spacing: -1px; pointer-events:none; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease}
.user-form .input-box .ico-del-sch{position: absolute; bottom: 10px; right: 0;}
.user-form .input-box .ico-del-sch.hide{display:none;}
.user-form .underline{position:relative; display:block; width:100%}
.user-form .underline:after,.underline:before{content:''; position:absolute; width:0; height:2px; bottom:0; background:var(--blue-01); transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease}
.user-form .underline:before{left:50%}
.user-form .underline:after{right:50%}
.user-form input.active ~ label, .user-form input:focus ~ label{position: absolute; margin-top:-48px; color: var(--grey-06); font-size: 13px; letter-spacing: -1px;}
.user-form input:focus ~ .underline:before, .user-form input:focus ~ .underline:after{width: 50%;}
.user-form .btn-full-base{width: 100%; height: 50px; color: #fff !important; font-size: 18px; line-height: 50px; background: var(--bright-03); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px}
.user-form .btn-full-base[disabled]{color: var(--bright-08);}
.user-form.login .btn-full-base,
.user-form.join #btn-join.btn-full-base{font-size:18px;background-color:var(--bright-01); color: var(--bright-08) !important;}
.user-form.login .btn-full-base,
.user-form.join #btn-join.btn-full-base.active{background-color: var(--blue-01); color: #fff !important;}
.user-form .btn-full-base.active{background: var(--blue-01);}
.user-form .btn-full-base.yellow{background: #fee500; color: #000 !important;}
.user-form .btn-full-base.white{background: #fff; color: #000 !important; border: 1px solid var(--bright-01);}
.user-form.join #btn-join.btn-full-base.white.active{color: #000 !important;}
.user-form .btn-login{margin:30px 0 10px 0;}

.user-form .login-check-group {overflow: hidden; vertical-align: middle; padding:10px 0 0;}
.user-form .login-check-group .mod-save-id, .user-form .login-check-group .mod-save-password { float: left; font-size: 13px; padding-right: 20px; color: var(--gery-05);}
.user-form .login-check-group input{ position: absolute; opacity: 0; cursor: pointer; margin: 0; width:18px; height:18px;}
.user-form .input-check {display:inline-block;position:relative;width:18px; height:18px;vertical-align: middle; margin-right: 5px; background: var(--ico-check-normal);}
.user-form .input-check.active {background: var(--ico-check-active);}
.user-form .input-check.active:after {display: block;content: "";margin-left: 6px;margin-top: 2px;width: 4px;height: 9px;border: solid #fff;border-width: 0  2px 2px 0;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);pointer-events:none;}
.user-form .input-check + label {position: relative; vertical-align: middle;}

.user-form .box-join-info{overflow: hidden; clear: both; min-height:20px;line-height:20px;}
.user-form .box-join-info .id-search,
.user-form .box-join-info .pwd-search{font-size:13px;}
.user-form .box-join-info .btn-join{float: right;font-size:14px;}
.user-form .box-join-info .btn-join:after{ content: ''; position: absolute; margin-left: -130px;width: 130px;height: 31px; margin-top: 20px;background: var(--info-bubble-join-event) no-repeat; background-size: 130px 31px;}

.user-form .sns-id-login{position: relative;margin: 70px 0 0 0;border-top: 1px solid var(--bright-03); padding: 38px 0 0 0 ;}
.user-form .sns-id-login .title {position: absolute;top:-15px;left: 50%;width: 60px;margin-left: -30px; text-align: center;background-color: var(--bright-08);color:var(--grey-06);font-size: 16px;line-height:30px;}
.user-form .copyright {margin-top: 46px; font-size: 13px; color: var(--grey-06); text-align: center;}

.user-form .sns-id-login a {display: block;height: 50px;border-radius: 10px;padding-left: 48px;color: #fff;line-height: 50px;text-align: center;margin-bottom: 12px;text-indent: -50px;font-size:16px;}
.user-form .sns-id-login a:before {content: ''; float: left;width: 50px;height: 50px;margin-left: -43px;}

.user-form .subject{font-size:16px;font-weight:600;}


.naver_id_login{background-color: #1ec800;}
.naver_id_login:before {background: url(/images/user/ico-sns-naver.png) no-repeat 50% 50%;background-size: 24px auto;}
#naver_id_login_anchor{background-color: #1ec800;}
#naver_id_login_anchor:before {background: url(/images/user/ico-sns-naver.png) no-repeat 50% 50%;background-size: 24px auto;}
#naver_id_login.newest #naver_id_login_anchor:after {content: '';position:absolute;right:0;margin-right: -10px;width: 82px;height: 35px;background: var(--info-bubble-login) no-repeat;background-size: 82px 35px;}
#kakao_id_login{background-color: #fee500;color:#000;}
#kakao_id_login:before {background: url(/images/user/ico-sns-kakao.png) no-repeat 50% 50%;background-size: 24px auto;}
#kakao_id_login.newest:after {content: '';position:absolute;right:0;margin-right: -10px;width: 82px;height: 35px;background: var(--info-bubble-login) no-repeat;background-size: 82px 35px;}
#facebook_id_login{background-color: #455e99;}
#facebook_id_login:before {background: url(/images/user/ico-sns-facebook.png) no-repeat 50% 50%;background-size: 24px auto;}
#facebook_id_login.newest:after {content: '';position:absolute;right:0;margin-right: -10px;width: 82px;height: 35px;background: var(--info-bubble-login) no-repeat;background-size: 82px 35px;}
#google_id_login{background-color: #fff; color: #000; border: 1px solid var(--bright-01);}
#google_id_login:before {background: url(/images/user/ico-sns-google.svg) no-repeat 50% 50%;background-size: 24px auto;}
#google_id_login.newest:after {content: '';position:absolute;right:0;margin-right: -10px;width: 82px;height: 35px;background: var(--info-bubble-login) no-repeat;background-size: 82px 35px;}


/*아이디 / 패스워드 찾기*/
.user-form.id,
.user-form.pwd{width: 100%; padding: 0 32px;color:var(--mono-01);background-color: var(--bright-08);}
.user-form.id .need-certi .find-user-cer{padding:10px 0;}
.user-form.pwd .need-certi .find-user-cer{padding:30px 0 10px;}
.need-certi .find-user-cer .block{text-align: center;}
.need-certi .find-user-cer .box-phone{padding-right:6px;}
.need-certi .find-user-cer .box-ipin{padding-left:5px;}
.need-certi .find-user-cer .link-phone{background:var(--blue-02);width:100%}
.need-certi .find-user-cer .link-ipin{background: var(--green-01);width:100%}
.need-certi .find-user-cer .grid-a {padding:10px 0 0;}
.need-certi .find-user-cer .grid-a a{height:120px;padding-top:18px;color:#fff;font-size:12px; border-radius: 18px; }

.user-form.id .need-certi .find-user-email{padding-top:30px;}
.user-form.pwd .need-certi .find-user-email{padding:10px 0}
.need-certi .find-user-email .subject-etc{font-size:14px;margin:5px 0;}
.need-certi .find-user-email .btn-email-confirm{margin:10px 0;font-size: 18px;}
.ico-close-x.ico-only, .ico-close-x:before{background-position: -172px -56px;}
.find-user-foreigner{padding:30px 0 40px;}
.find-user-foreigner .subject.foreigner{font-size:14px;font-weight:600;position: relative;}
.find-user-foreigner .subject.foreigner:after{content: '';position:absolute;width: 20px;height: 20px; margin-left: 5px; margin-top:-10px; top:50%; background: var(--ico-section-top-more) no-repeat;}
.if-under19 {padding:20px 0; border-top: 1px solid var(--bright-01);}
.if-under19 span{vertical-align:middle;font-size:12px;line-height: 40px;}
.if-under19 .btn-base.btn-medium {height:40px;width:60px;line-height:40px; margin-left:5px; font-size:12px; background-color: var(--custom-02); color:var(--mono-03);border-color:var(--grey-08);border-radius: 4px;padding:unset; float: right;}
.find-idpwd .box-info{background:var(--bright-04);}
.find-idpwd .box-info .info{padding:30px 32px;font-size:14px;line-height:1.7;word-break:keep-all;}
.user-form .btn-full-base.email {margin-top:20px;}

/* 팝업 */
.modal{height: 100%; margin: 0 auto; background:var(--bright-08);padding-top:52px;}
.modal .layer-header{    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
}
.modal .layer-header .title.center {
    text-align: left;
}
.modal .layer-header .title {
    height: 52px;
    padding: 17px 16px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    background-color: var(--blue-01);
}
.modal  .layer-header .ico-close-w {
    position: absolute;
    top: 14px;
    right: 16px;
    left: unset;
}
.modal  .layer-header .ico-close-w:before {
	width: 25px; height: 25px; background: url('../../images/common/ico-close-white.svg') no-repeat; background-size: 25px 25px;
}	 

.modal.foreigner-info .modal-body{font-size:14px;line-height:1.7;padding:30px 32px;}
.modal.foreigner-info .modal-body .contect{margin-top:30px;}
.modal.foreigner-info .modal-body th{
	width: 100px;
    padding: 10px 0;
    border-top: 1px solid var(--bright-01);
	border-bottom: 1px solid var(--bright-01);
    text-align: center;
    font-size: 12px;
	font-weight:600;
    color: var(--mono-03);
    background-color: var(--bright-04);
}
.modal.foreigner-info .modal-body td {
    padding: 10px;
    border-top: 1px solid var(--bright-01);
	border-bottom: 1px solid var(--bright-01);
    font-size: 13px;
    color: var(--mono-03);
    background-color: var(--bright-09);
}
.modal.foreigner-info .modal-body .info{margin-top:30px;}

/* 아이디 / 패스워드 결과*/
.user-form.join-result,
.user-form.id-pwd-result{text-align: center;padding-top:40px;}
.user-form.id-pwd-result.pwd{padding-top:20px;}
.user-form.join-result .message,
.user-form.id-pwd-result .message{font-size:18px;line-height:1.5;color:var(--mono-01);word-break:keep-all;}
.user-form.id-pwd-result .message.login{padding:10px 0 60px;word-break:break-all;}
.user-form.join-result .desc,
.user-form.id-pwd-result .desc{font-size:14px;line-height:1.7;word-break:keep-all;padding:10px 0 40px;}
.user-form.join-result .desc{padding:10px 0 60px;}
.user-form.id-pwd-result .email-list ul{text-align:left;margin:20px 0 10px;font-size:14px;border-top: 1px solid #ddd;}
.user-form.id-pwd-result .email-list .result{padding:15px 0;border-bottom: 1px solid #ddd;}
.user-form.id-pwd-result .email-list .result .uid{display:inline-block;width:100%;line-break:anywhere;padding-right:120px;color:var(--mono-01);font-weight:600;}
.user-form.id-pwd-result .email-list .result .join-date{display:inline-block;position:absolute;right:32px;}
.user-form.id-pwd-result .box-id-exist-email .send-email{font-size:13px;text-align: left;padding-bottom:40px;}
.user-form.id-pwd-result .box-id-exist-email .send-email .btn-email-send{float:right;}
.user-form.id-pwd-result .box-id-exist-cert .email-list ul{margin-bottom:40px;}
.user-form.id-pwd-result .reset-pw .id-info{font-size:14px;margin-bottom:10px;}
.user-form.id-pwd-result .reset-pw .id-info .id{padding-left:6px;font-weight:600;}
.user-form.id-pwd-result .reset-pw .pwd-desc{text-align:left;margin:0 0 10px 10px;line-height:30px;font-size:10px;}
.user-form.id-pwd-result .reset-pw .btn-reset-pwd{margin-top:20px;}
.user-form.id-pwd-result .box-info{text-align: left;padding:20px 0;font-size:14px;line-height:1.7;word-break:keep-all;}
.user-form.id-pwd-result .email-info .email{font-size:16px;padding:10px 0 60px;word-break:break-all;font-weight: bold;}


/* 회원 가입 */
.join {background-color: var(--bright-08);}
.user-form.join .btn-full-base.email{margin-top:50px;}
.user-form.join .sns-id-login{margin:50px 0 0 0;padding: 50px 0 0 0 ;}
.user-form.join .input-box.id {margin-bottom: 70px;}
.user-form.join .input-box.pwd {margin-bottom: 70px;}
.user-form.join .input-box.pwd-confirm {margin-bottom: 60px;}
.user-form.join .input-box .msg-error{font-size:13px;color:var(--grey-06);display:block;margin-top:5px;}
.user-form.join .input-box .msg-error.hide{display:none;}
.user-form.join .input-box .msg-error.fail{color:var(--sub-red-01);}
.user-form.join .input-box .msg-error.success{color:var(--blue-01);}
.user-form.join .box-sns-email{text-align:center;margin-bottom:50px;font-size:14px;word-break:break-all;}
.user-form.join .term-agree-chk {font-size:14px;color:var(--mono-03);}
.user-form.join .term-agree-chk .agree-chk{padding:24px 14px 14px 14px;background-color:var(--bright-05);border-radius:10px;margin:10px 0 20px;}
.user-form.join .term-agree-chk .agree-chk .desc{display:block;font-size:13px;padding-left:23px;}
.user-form.join .term-agree-chk .agree-chk p{padding-bottom:10px;}
.user-form.join .term-agree-chk .agree-chk a{text-decoration: underline !important;}
.user-form.join .term-agree-chk .agree-chk .div{background:var(--bright-01);height:1px;margin:10px 0 20px;}
.user-form.join.result .result-info{font-size:16px;line-height:1.5;text-align:center;word-break:keep-all;}
.user-form.join.result .result-info #user-email{padding-bottom:10px;}
.user-form.join.result .remine{margin-top:60px;font-size:14px;line-height:2;padding:15px 5px;background-color:var(--bright-05);border-radius:10px;text-align:center;}
.user-form.join.result .resend{text-align:center;padding-top:20px;font-size:13px;}
.user-form.join.result .resend span{line-height:50px;}
.user-form.join.result .resend #btn-send-email{margin-left:10px;}

/*카카오 이메일 연결*/
.user-form.join.kakao-email .ico-check-item{margin-top:-3px;}
.user-form.join.kakao-email .sns-icon {margin-top:-3px;opacity:0.5;}
.user-form.join.kakao-email .sns-icon.active {margin-top:-3px;opacity:1;}
.user-form.join.kakao-email {padding-top:40px;}
.user-form.join.kakao-email .box-email{text-align:center;margin-bottom:20px;word-break:break-all;border-radius:10px;border: 2px solid var(--bright-01);padding:20px 10px;color:var(--grey-05);background:var(--bright-08);}
.user-form.join.kakao-email .box-email.active{border: 2px solid var(--mono-03);padding:20px 10px;color:var(--mono-03);}
.user-form.join.kakao-email .box-email.disable{border: 2px solid var(--bright-01);padding:20px 10px;background:var(--bright-03);}
.user-form.join.kakao-email .box-email .email{font-size:16px;font-weight:600;line-height:1.5;}
.user-form.join.kakao-email .box-email .date{display:block;font-size:14px;line-height:1.7;padding-top:6px;color:var(--grey-05);}
.user-form.join.kakao-email #btn-sns-sync{margin-top:20px;}
.user-form.join.kakao-email .box-new-user{width:100%;text-align: center;padding-top:15px;font-size:13px;}

@media (min-width: 320px){
 	 .box-top .title2 {font-size:22px;}
	 .find-user-foreigner .subject.foreigner{font-size:14px;}
	 .box-top .box-idpwd-tap {font-size:18px;}
	 .box-top .box-idpwd-tap .div{height:14px;}
	 .need-certi .find-user-cer .grid-a a{font-size:12px;padding-top:18px;height:120px;}
	 .input-wrap .input-text{font-size:12px;padding:0 16px;}
	 .if-under19 span{font-size:12px;}
	 .if-under19 .btn-base.btn-medium {width:60px; margin-left:5px; font-size:12px;}
	 .user-form.id-pwd-result .reset-pw .pwd-desc{font-size:10px;}
}
@media (min-width: 360px){
  	 .box-top .title2 {font-size:24px;}
	 .find-user-foreigner .subject.foreigner{font-size:16px;}
	 .box-top .box-idpwd-tap {font-size:20px;}
	 .box-top .box-idpwd-tap .div{height:16px;}
	 .need-certi .find-user-cer .grid-a a{font-size:14px;padding-top:25px;height:135px;}
	 .input-wrap .input-text{font-size:14px;padding:0 20px;}
     .if-under19 span{font-size:13px;}
	 .if-under19 .btn-base.btn-medium {width:70px; margin-left:15px; font-size:13px;}
	 .user-form.id-pwd-result .reset-pw .pwd-desc{font-size:12px;}
}
@media (min-width: 390px){
     .box-top .title2 {font-size:24px;}
     .find-user-foreigner .subject.foreigner{font-size:16px;}
	 .box-top .box-idpwd-tap {font-size:24px;}
	 .box-top .box-idpwd-tap .div{height:20px;}
	 .need-certi .find-user-cer .grid-a a{font-size:16px;padding-top:28px;height:150px;}
	 .input-wrap .input-text{font-size:16px;padding:0 24px;}
	 .if-under19 span{font-size:13px;}
	 .if-under19 .btn-base.btn-medium {width:86px; margin-left:20px; font-size:13px;}
	 .user-form.id-pwd-result .reset-pw .pwd-desc{font-size:13px;}
}