@charset "utf-8";

/* GCP WD Team. Author : Jaewook Baek 2017-05-02. Edit: Jaewook Baek 2018-07-02 */
html	{-webkit-text-size-adjust:none;}
body		{line-height:1;font-size:16px;color:#222;background-color:#fff;-webkit-overflow-scrolling:touch;}/* 2017-05-30 배경 설정 */
body:not(.my_page):not(.login_help)   {padding-top:constant(safe-area-inset-top);padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}/* 2017-11-23 상단 영역이 항상 있는 마이페이지, 프로필, 도움말 페이지 제외하고 body요소에 iPhone X 패딩 추가 */
*	{margin:0;padding:0;list-style:none;border:0;font-family:'helvetica','sans-serif';}
*:lang(ja)	{font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック','MS PGothic','Arial','sans-serif';}
*:lang(zh-hans),*:lang(zh-hant)	{font-family:'Times New Roman';}
*:lang(vi)	{font-family:'Times New Roman','Palatino','Bodoni','Optima','Century','Garamond','sans-serif';}
a	{color:#2a84d8;}

/*input style*/
input	{border:0;border-radius:0;-webkit-appearance:none;appearance:none;background:none;}
input[type='text'],input[type='password'],input[type='date'],input[type='number'],input[type='email']	{font-size:16px;color:#222;}
input[type='checkbox']	{display:none;}
input[type='checkbox'] + label	{background:url('../img/checkbox_off.png') no-repeat 0 0;background-size:19px 19px;}
input[type='checkbox']:checked + label	{background:url('../img/checkbox_on.png') no-repeat 0 0;background-size:19px 19px;}
input[type='submit']	{white-space:normal;}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {display:none;appearance:none;-webkit-appearance:none;margin:0;}
input[type='number']      {-moz-appearance:textfield;}
label	{cursor:pointer;}
label.check	{display:inline-block;min-height:19px;padding-left:25px;line-height:19px;font-size:12px;color:#444;}
::-webkit-input-placeholder	{font-size:16px;color:#959595;} /* placeholder */
::-moz-placeholder {font-size:16px;color:#959595;opacity:1;}
:-moz-placeholder {font-size:16px;color:#959595;}
:-ms-input-placeholder   {font-size:16px;color:#959595;}

/*select style*/
select	{font-size:16px;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}

/*button style*/
.btn	{width:100%;min-height:49px;margin-top:30px;padding:15px 10px;line-height:1.17;font-size:17px;color:#fff;border-radius:6px;background-color:#cfcfcf;-webkit-box-sizing:border-box;box-sizing:border-box;}/* 2017-10-11 좌우 패딩 10px */
.btn.on	{background-color:#2a84d8;-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.16);box-shadow:0 4px 10px rgba(0,0,0,0.16);}

/*공통 style*/
#HIVEwrap	{width:320px;min-height:449px;margin:0 auto;padding:44px 0 75px;position:relative;}/* 2017-11-22 iPhone X 패딩 제거(body에 추가 함) */
div.HIVEback + #HIVEwrap	{padding:0 0 75px;}/* 2017-11-09 back 버튼 다음에 #HIVEwrap이 올 경우 padding-top 0 */
div.HIVEback	{height:44px;background-color:#fff;}/* 2017-11-22 iPhone X 패딩 제거 */
div.HIVEback .safe_area	{width:100%;height:100%;position:relative;}
div.HIVEback a	{display:inline-block;width:25px;height:100%;position:absolute;left:0;top:0;font-size:0;color:transparent;background:url('../img/back.png') no-repeat 100% 50%;background-size:10px 17px;}
.HIVEcontent h1.tit	{width:240px;margin:16px auto 22px;line-height:1.25;font-size:20px;text-align:center;}

/* help 공통 */
.help {width:240px;margin-top:17px;margin-right:auto;margin-left:auto;text-align:center;}
.help > a   {font-size:14px;}
.eu_help	{margin-top:10px;font-size:14px;text-align:center;}
.eu_help > a	{display:inline-block;padding:0 3px;font-size:14px;}

/*약관 동의*/
.agreement	{width:290px;margin:0 auto;}
.agreement > section	{position:relative;}
.agreement > section:nth-of-type(1)	{margin-bottom:18px;}
.agreement > section > h2	{font-weight:bold;font-size:14px;color:#444;}
.agreement .desc	{height:93px;margin:8px 0 10px;padding:5px 10px;border:1px solid #bfbfbf;}
.agreement .desc > div	{height:100%;overflow-y:auto;line-height:1.5;font-size:10px;color:#666;word-break:break-all;}/* 2018-04-26 텍스트 양측 정렬 제거 */
.agreement a.detail	{display:inline-block;padding-bottom:2px;position:absolute;right:0;top:0;font-size:14px;}
.agreement .btn	{display:block;width:240px;margin:30px auto 0;}

/*회원가입 폼*/
.sign_form	{width:240px;margin:0 auto;}
.sign_form > ul > li ~ li	{margin-top:7px;}
.sign_form > ul > li input	{display:block;width:190px;height:42px;padding:0 29px 0 21px;border-bottom:1px solid #bfbfbf;}
.sign_form > ul > li.complete > input	{border-color:#2a84d8;}
.sign_form > ul > li.error input	{border-color:#d82a2a;}
.sign_form > ul > li .msg	{display:none;}
.sign_form > ul > li.error .msg	{display:block;margin-top:3px;line-height:1.3;font-size:10px;color:#d82a2a;}
.sign_form > ul > li.pw	{position:relative;}
.sign_form > ul > li.pw button	{width:29px;height:42px;position:absolute;right:0;top:0;font-size:0;color:transparent;border-radius:0;background:url('../img/eye_off.png') no-repeat 100% 15px;background-size:13px 10px;}
.sign_form > ul > li.pw button.on	{background:url('../img/eye_on.png') no-repeat 100% 15px;background-size:13px 10px;}
.sign_form > ul > li.verification	{position:relative;}
.sign_form > ul > li.verification .countdown	{display:block;height:42px;position:absolute;right:0;top:0;line-height:42px;font-size:12px;color:#d82a2a;}
.sign_form > ul > li.birthday	{margin:20px 0 0;padding:15px 0 0;position:relative;}
.sign_form > ul > li.birthday label	{position:absolute;left:0;top:0;font-weight:bold;font-size:11px;color:#2a84d8;}
.sign_form > ul > li.birthday input[type='date']      {width:100%;height:42px;padding:0;line-height:42px;}
.sign_form > ul > li.nation	{background:url('../img/bg_select.png') no-repeat 100% 18px;background-size:8px 5px;}
.sign_form > ul > li.nation select	{display:block;width:240px;height:43px;padding-left:21px;color:#959595;border-bottom:1px solid #bfbfbf;background:url('../img/nation_off.png') no-repeat 0 50%;background-size:11px 11px;}
.sign_form > ul > li.gender	{background:url('../img/bg_select.png') no-repeat 100% 18px;background-size:8px 5px;}/* 2017-08-08 성별 선택 필드 추가 */
.sign_form > ul > li.gender select	{display:block;width:240px;height:43px;padding-left:21px;color:#959595;border-bottom:1px solid #bfbfbf;background:url('../img/gender.png') no-repeat 0 50%;background-size:11px 13px;}/* 2017-08-08 성별 선택 필드 추가 */
.sign_form > ul > li.gender.complete select	{color:#222;background:url('../img/gender.png') no-repeat 0 50%;background-size:11px 13px;}/* 2017-08-08 성별 선택 필드 추가 */
.sign_form > ul > li.complete select	{color:#222;border-bottom:1px solid #2a84d8;background:url('../img/nation_on.png') no-repeat 0 50%;background-size:11px 11px;}
.sign_form > ul > li.error select	{border-color:#d82a2a;}
.sign_form > .check_agree	{margin-top:20px}
.sign_form > .check_agree > div ~ div	{margin-top:10px;}

/*회원가입 폼(유럽)*/
.eu_signup > ul > li.gender	{position:relative;background:url('../img/bg_select.png') no-repeat 197px 18px;background-size:8px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.eu_signup > ul > li.gender select	{width:205px;}
.eu_signup > ul > li.gender.complete select	{color:#222;background:url('../img/gender.png') no-repeat 0 50%;background-size:11px 13px;}
/* .eu_signup > ul > li.birthday	{padding:15px 35px 0 0;} */
.eu_signup .gender .btn_tip	{width:20px;height:42px;position:absolute;right:0;top:0;font-size:0;color:transparent;background:url('../img/btn_tip.png') no-repeat 100% 50%;background-size:15px 15px;}
.eu_signup .birthday .btn_tip	{width:20px;height:42px;position:absolute;right:0;top:15px;font-size:0;color:transparent;background:url('../img/btn_tip.png') no-repeat 100% 50%;background-size:15px 15px;}
.eu_signup .eu_desc	{font-size:0;}
.eu_signup .eu_desc span	{display:block;margin:3px 0 7px;line-height:1.3;font-size:10px;color:#666666;}
.eu_signup .eu_desc a	{line-height:1;font-size:10px;color:#2a84d8;}
.eu_signup .check_agree .terms	{padding-left:25px;font-size:0;}
.eu_signup .check_agree	.check_tit	{font-size:12px;color:#444;}
.eu_signup .check_agree .check_desc	{display:block;margin-bottom:11px;line-height:1.41;font-size:12px;color:#666;}
.eu_signup .check_agree a	{line-height:1;font-size:12px;color:#2a84d8;}

/* 이메일 중복 체크 */
.duplicate .sign_form ul	{margin-top:4px;}
.duplicate .sign_form .msg	{display:block;margin-top:3px;line-height:1.35;font-size:10px;color:#2a84d8;}
.duplicate .sign_form .btn	{margin-top:9px;}

/* 이메일 인증 OTP */
.check_otp	{width:240px;margin:0 auto;}
.check_otp .user_inform	{display:block;font-size:17px;color:#2a84d8;text-align:center;}
.check_otp .txt	{padding-top:25px;line-height:1.4;font-size:14px;color:#444;text-align:center;}
.check_otp .sign_form	{margin-top:26px;}
.check_otp .resend	{margin:8px 0 16px;}
.check_otp .btn	{margin-top:0;}
.check_otp .verify	{margin-top:19px;text-align:center;}
.check_otp .verify a	{font-size:14px;}
.otp_block	{width:240px;margin:0 auto;}
.otp_block h1.tit	{margin:16px auto 14px;position:relative;}
.otp_block h1.tit:after	{content:'';display:block;width:22px;height:4px;margin-left:-11px;position:absolute;left:50%;bottom:-17px;border-radius:3px;background-color:#d82a2a;}
.otp_block .frame	{width:240px;margin:0 auto;}
.otp_block .user_inform	{display:block;font-size:17px;color:#2a84d8;text-align:center;}
.otp_block .txt	{padding-top:20px;line-height:1.4;font-size:14px;color:#444;text-align:center;}
.otp_block .sign_form	{margin-top:26px;}
.otp_block .sign_form .verification input	{background:url('../img/verification_disabled.png') no-repeat 0 50%;background-size:13px 8px;}
.otp_block .resend	{margin:8px 0 16px;}
.otp_block .sign_form .verification input::-webkit-input-placeholder	{color:#cfcfcf;}
.otp_block .sign_form .verification input::-moz-placeholder {color:#cfcfcf;}
.otp_block .sign_form .verification input:-moz-placeholder {color:#cfcfcf;}
.otp_block .sign_form .verification input:-ms-input-placeholder   {color:#cfcfcf;}
.otp_block .resend button[disabled='disabled']	{color:#cfcfcf;}
.otp_block .btn	{margin-top:0;}
.otp_block .verify	{margin-top:19px;text-align:center;}
.otp_block .verify a	{font-size:14px;color:#cfcfcf;}

/*입력 폼 좌측 아이콘 설정*/
li.email input,li.phone input	{background:url('../img/email.png') no-repeat 0 50%;background-size:11px 9px;} /* email과 phone number는 아이콘이 동일 */
li.nick input	{background:url('../img/nick_name.png') no-repeat 0 50%;background-size:10px 13px;}
li.pw input	{background:url('../img/password.png') no-repeat 0 50%;background-size:9px 12px;}
li.id_num input	{position:relative;background:url('../img/id_num.png') no-repeat 0 50%;background-size:12px 10px;}
li.verification input	{background:url('../img/verification_code.png') no-repeat 0 50%;background-size:13px 8px;}
li.birthday input[type='date']	{width:240px;padding:0;background:url('../img/bg_select.png') no-repeat 100% 18px;background-size:8px 5px;}

/*로그인*/
.login .logo	{width:240px;height:48px;margin:32px auto 44px;font-size:0;color:transparent;background:url('../img/logo.png') no-repeat 0 0;background-size:240px 48px;}
.login .sign_up	{margin:60px 0 42px;text-align:center;}
.login .sign_up > a	{font-weight:bold;font-size:18px;text-decoration:none;}
.login .help > span     {display:block;margin:13px 0 10px;font-size:14px;color:#959595;}

.login_form	{width:240px;margin:0 auto;}
.login_form > ul > li ~ li	{margin-top:7px;}
.login_form > ul > li input	{display:block;width:190px;height:42px;padding:0 29px 0 21px;border-bottom:1px solid #bfbfbf;}
.login_form > ul > li.complete > input	{border-color:#2a84d8;}
.login_form > ul > li.error input	{border-color:#d82a2a;}
.login_form > ul > li .msg	{display:none;}
.login_form > ul > li.error .msg	{display:block;margin-top:3px;line-height:1.3;font-size:10px;color:#d82a2a;}
.login_form > ul > li.pw	{position:relative;}
.login_form > ul > li.pw button	{width:29px;height:42px;position:absolute;right:0;top:0;font-size:0;color:transparent;border-radius:0;background:url('../img/eye_off.png') no-repeat 100% 15px;background-size:13px 10px;}
.login_form > ul > li.pw button.on	{background:url('../img/eye_on.png') no-repeat 100% 15px;background-size:13px 10px;}
.login_form > ul > li.verification	{position:relative;}
.login_form > ul > li.verification .countdown	{display:block;height:42px;position:absolute;right:0;top:0;line-height:42px;font-size:12px;color:#d82a2a;}
.login_form > ul > li.birthday	{padding:15px 0 0;}
.login_form > ul > li.birthday label	{display:inline-block;margin-bottom:6px;font-weight:bold;font-size:11px;color:#2a84d8;}
.login_form > ul > li.birthday input[type='date']           {width:100%;height:42px;padding:0;line-height:42px;}
.login_form > ul > li.nation	{background:url('../img/bg_select.png') no-repeat 100% 18px;background-size:8px 5px;}
.login_form > ul > li.nation select	{display:block;width:240px;height:43px;padding-left:21px;color:#959595;border-bottom:1px solid #bfbfbf;background:url('../img/nation_off.png') no-repeat 0 50%;background-size:11px 11px;}
.login_form > ul > li.complete select	{color:#222;border-color:#2a84d8;background:url('../img/nation_on.png') no-repeat 0 50%;background-size:11px 11px;}
.login_form > ul > li.error select	{border-color:#d82a2a;}

/* 최초 로그인(유럽) */
.login_first	{width:240px;margin:0 auto;}
.login_first h1.tit	{margin:0 auto 38px;padding-top:16px;position:relative;}
.login_first h1.tit:after	{content:'';display:block;width:22px;height:4px;margin-left:-11px;position:absolute;left:50%;bottom:-18px;border-radius:3px;background-color:#2a84d8;}
.login_first label	{min-height:17px;padding-top:2px;line-height:1.41;font-size:12px;color:#444;}
.login_first label .option	{color:#666;}
.login_first label .check_tit	{display:block;line-height:1.41;font-size:12px;color:#444;}
.login_first label .check_tit .option	{color:#666;}
.login_first .terms	{padding-left:25px;font-size:0;}
.login_first .terms .check_desc	{display:block;margin:4px 0 11px;line-height:1.41;font-size:12px;color:#666;}
.login_first .terms a	{line-height:1;font-size:12px;color:#2a84d8;}
.login_first .first_form > .terms .check_desc	{margin:4px 0 0;}
.login_first .first_form .scroll_zone	{height:236px;margin-top:10px;overflow-y:auto;}
.login_first .first_form .scroll_zone li ~ li	{margin-top:10px;}
.login_first .btn	{margin-top:15px;}

/*이메일 인증*/
.check_email	{width:240px;margin:0 auto;}
.check_email > span	{display:block;padding:10px 0;font-size:17px;color:#2a84d8;text-align:center;}
.check_email > p	{padding-top:15px;line-height:1.4;font-size:14px;color:#444;text-align:center;}
.check_email > button	{margin-top:26px;}
.check_email > .tip > li:last-child	{background-position:0 7px;}
.check_email .sign_in	{margin-top:41px;text-align:center;}
.check_email .sign_in > p	{margin-bottom:8px;line-height:1.25;font-size:12px;color:#666;}
.check_email .sign_in > a	{font-size:18px;}

/*가입 완료*/
.signup_complete	{width:240px;margin:0 auto;}
.signup_complete > span	{display:block;padding:10px 0;font-size:17px;color:#2a84d8;text-align:center;}
.signup_complete > p	{padding-top:15px;line-height:1.4;font-size:14px;color:#444;text-align:center;}
.signup_complete > p > span	{color:#2a84d8;}
.signup_complete > button	{margin-top:26px;}
.signup_complete > .tip > li:last-child	{background-position:0 7px;}
.signup_complete .back	{margin-top:50px;text-align:center;}
.signup_complete .back > p	{margin-bottom:8px;line-height:1.25;font-size:12px;color:#666;}
.signup_complete .back > a	{font-size:18px;}

/*휴면 계정 안내*/
.inactive_account	{width:240px;margin:0 auto;}
.inactive_account > span	{display:block;margin-bottom:23px;font-size:17px;color:#2a84d8;text-align:center;}
.inactive_account > p	{line-height:1.4;font-size:14px;color:#444;text-align:center;}
.inactive_account > p:nth-of-type(2)	{margin-top:21px;}
.inactive_account > button	{margin-top:24px;}
.inactive_account .diff_account	{margin-top:17px;text-align:center;}
.inactive_account .diff_account > a	{font-size:14px;}

/* 이메일 변경 */
.change_email	{width:240px;margin:0 auto;}
.change_email h1.tit	{position:relative;}
.change_email h1.tit:after	{content:'';display:block;width:22px;height:4px;margin-left:-11px;position:absolute;left:50%;bottom:-18px;border-radius:3px;background-color:#2a84d8;}
.change_email > p	{padding-top:12px;line-height:1.4;font-size:14px;color:#444;text-align:center;}
.change_email fieldset  {margin-top:27px;}
.change_email ul li input     {display:block;width:190px;height:42px;padding:0 29px 0 21px;border-bottom:1px solid #bfbfbf;}
.change_email ul li.complete > input	{border-color:#2a84d8;}
.change_email ul li.error input	{border-color:#d82a2a;}
.change_email ul li .msg	{display:none;}
.change_email ul li.error .msg	{display:block;margin-top:3px;line-height:1.3;font-size:10px;color:#d82a2a;}
.change_email > button	{margin-top:24px;}
.change_email .diff_account	{margin-top:17px;text-align:center;}
.change_email .diff_account > a	{font-size:14px;}

/* 이메일 인증 확인 */
.email_verification	{width:240px;margin:0 auto;}
.email_verification > span	{display:block;margin-bottom:23px;font-size:17px;color:#2a84d8;text-align:center;}
.email_verification > .txt	{line-height:1.4;font-size:14px;color:#444;text-align:center;}
.email_verification > .txt ~ .txt   {margin-top:22px;}
.email_verification button    {margin-top:24px;}
.email_verification .help     {margin-top:13px;text-align:center;}
.email_verification .help > a {font-size:14px;}
.email_verification .guide    {margin-top:47px;font-size:12px;color:#666;text-align:center;}
.email_verification .sign_in  {margin-top:9px;text-align:center;}
.email_verification .sign_in > a    {font-size:18px;}

/*접속 제한 안내*/
.login_sanction	{width:240px;margin:0 auto;}
.login_sanction > span	{display:block;margin-bottom:23px;font-size:17px;color:#2a84d8;text-align:center;}
.login_sanction > p	{line-height:1.4;font-size:14px;color:#444;text-align:center;}
.login_sanction .sanction_reason	{margin-top:25px;padding:20px 0;border-top:2px solid #bfbfbf;border-bottom:2px solid #bfbfbf;font-style:italic;}
.login_sanction .sanction_reason li	{line-height:1.19;font-size:13px;color:#959595;text-align:center;}
.login_sanction .sanction_reason li ~ li	{margin-top:9px;}
.login_sanction > button	{margin-top:30px;}
.login_sanction .diff_account	{margin-top:17px;text-align:center;}
.login_sanction .diff_account > a	{font-size:14px;}

/*비밀번호 찾기*/
.find_pw	{width:240px;margin:0 auto;}
.find_pw h1.tit	{position:relative;}
.find_pw h1.tit:after	{content:'';display:block;width:22px;height:4px;margin-left:-11px;position:absolute;left:50%;bottom:-18px;border-radius:3px;background-color:#2a84d8;}
.find_pw > p	{padding-top:12px;line-height:1.4;font-size:14px;color:#444;text-align:center;}
.find_pw .login_form	{margin-top:26px;}
.find_pw .help    {margin-top:17px;text-align:center;}
.find_pw .help > a      {font-size:14px;}

/*이메일 찾기*/
.find_email	{width:240px;margin:0 auto;}
.find_email > span	{display:block;margin-bottom:23px;font-size:17px;color:#2a84d8;text-align:center;}
.find_email > p	{line-height:1.4;font-size:14px;color:#444;text-align:center;}
.find_email .login_form	{margin-top:26px;}

/*회원가입 - 이용약관*/
.signup_agree	{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#fff;z-index:20;}
.signup_agree .frame	{width:290px;height:100%;margin:0 auto;position:relative;}
.signup_agree h1	{padding-top:30px;position:absolute;left:0;top:0;font-size:20px;color:#222;}
.signup_agree .desc	{height:100%;padding:89px 0 74px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.signup_agree .desc > div	{width:100%;height:100%;overflow-y:auto;line-height:1.41;font-size:12px;color:#666;overflow-x:hidden;}/* 2017-09-04 약관 스타일 적용. overflow-x:hidden; 적용. 2018-04-26 텍스트 양측 정렬 제거 */
.signup_agree button	{width:100%;height:72px;position:absolute;left:0;bottom:0;font-weight:bold;font-size:17px;color:#2a84d8;background-color:transparent;}

/* 회원가입 - 이용약관 스타일 제거 */
/* .signup_agree .desc strong	{display:block;margin-bottom:14px;font-size:14px;color:#666;} */
/* .signup_agree .desc p	{margin-top:17px;} */
/* .signup_agree .desc strong + p	{margin-top:0;} */
/* .signup_agree .desc p + strong	{margin-top:17px;} */

/*회원가입 - 이용약관(유럽)*/
.eu_terms .desc	{padding:134px 0 74px;}
.eu_terms .lang_code	{width:100%;height:45px;position:absolute;left:0;top:79px;background:url('../img/arrow_btm.png') no-repeat 100% 50%;background-size:13px 8px;}
.eu_terms .lang_code select	{width:100%;height:100%;padding-left:22px;border-bottom:1px solid #bfbfbf;font-size:16px;color:#959595;background:transparent url('../img/nation_off.png') no-repeat 0 50%;background-size:11px 11px;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* .eu_terms .complete select	{color:#000;background:transparent url('../img/nation_on.png') no-repeat 0 50%;background-size:11px 11px;} */

/*로그인 - help*/
.login_help	{background-color:#f2f5f8;}
.login_help ul	{margin-top:30px;}
.login_help ul li ~ li	{margin-top:20px;}
.login_help ul li a	{display:block;width:100%;padding:12px 40px;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;line-height:1.31;font-size:16px;color:#444;text-align:center;text-decoration:none;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*footer*/
.HIVEfooter	{width:100%;position:absolute;left:0;bottom:0;}
.HIVEfooter > .service	{width:320px;margin:0 auto;overflow:hidden;margin-bottom:12px;font-size:0;text-align:center;}
.HIVEfooter > .service > li	{display:inline-block;padding:0 6px;}
.HIVEfooter > .service > li ~ li	{position:relative;}
.HIVEfooter > .service > li ~ li:after	{content:'|';display:block;position:absolute;left:-1px;top:0;font-size:12px;color:#666;}
.HIVEfooter > .service > li > a	{display:block;font-size:12px;color:#666;}
.HIVEfooter > p	{padding-bottom:12px;font-size:10px;color:#8d8d8d;text-align:center;}


/* ====================== 마이페이지 ====================== */

.my_page	{background-color:#f2f5f8;}
.my_page .frame	{width:290px;margin:0 auto;}

/* 헤더*/
.HIVEheader + #HIVEwrap	{padding:0 0 75px;}/* 2017-11-09 back 버튼 다음에 #HIVEwrap이 올 경우 padding-top 0 */
.HIVEheader	{height:44px;background-color:#2a84d8;padding-top:constant(safe-area-inset-top);padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}/* 2017-11-09 position 속성 제거, box-sizing 제거 */
.HIVEheader .safe_area	{width:100%;height:100%;position:relative;}
.HIVEheader h1	{width:240px;height:44px;margin:0 auto;line-height:44px;font-size:17px;color:#fff;text-align:center;}
.HIVEheader a.HIVEback	{display:inline-block;width:25px;height:100%;position:absolute;left:0;top:0;font-size:0;color:transparent;background:url('../img/back2.png') no-repeat 100% 50%;background-size:10px 17px;}/* 2017-11-09 터치 영역 확대 */

/*프로필*/
.profile	{min-height:140px;text-align:center;}
.profile .user_pic	{width:107px;height:107px;margin-top:30px;border-radius:50%;vertical-align:top;}
.profile .user_nick	{display:block;margin-top:10px;padding:0 15px;line-height:1.25;font-size:20px;color:#222;word-break:break-all;}

.profile + ul.mp_list	{margin-top:22px;}
ul.mp_list	{margin-top:30px;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
ul.mp_list > li	{padding-left:15px;background-color:#fff;}
ul.mp_list > li a	{display:block;width:100%;padding:12px 40px 12px 0;text-decoration:none;background:url('../img/arrow_right.png') no-repeat 282px 50%;background-size:6px 13px;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.mp_list > li ~ li a	{border-top:1px solid #cfcfcf;}
ul.mp_list > li a:after	{content:'';display:block;clear:both;}
ul.mp_list > li span	{display:inline-block;height:20px;line-height:20px;}
ul.mp_list > li span:last-child	{float:right;font-size:13px;color:#2a84d8;}
ul.mp_list > li span:first-child	{float:left;font-size:16px;color:#444;}
ul.mp_list > li span.mark	{max-width:150px;padding-left:15px;background:url('../img/ico_mark.png') no-repeat 0 50%;background-size:10px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.mp_list > li span.readonly	{float:none;width:100%;height:auto;min-height:20px;padding:15px 15px 15px 0;font-size:16px;word-break:break-all;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.mp_list > li.tip_wrap	{padding-left:0;}
ul.mp_list > li.tip_wrap .tip_box a	{padding-left:15px;background-position:297px 50%;}
ul.mp_list > li.tip_wrap .tip_box .tool_tip	{display:none;}
ul.mp_list > li.tip_show .tip_box .tool_tip	{display:block;max-height:39px;padding:10px 15px 7px;position:relative;line-height:1.2;font-size:10px;font-style:italic;color:#fff;background-color:#324553;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.mp_list > li.tip_show .tip_box .tool_tip:after	{content:'';display:block;width:9px;height:5px;margin-bottom:-1px;position:absolute;left:15px;bottom:100%;background:url('../img/tooltip_arrow.png') no-repeat 0 0;background-size:9px 5px;}
ul.mp_list > li.tip_show ~ li > a	{border-top:0;}
ul.mp_list > li.disabled a	{background:none;}
ul.mp_list > li.disabled a > span:first-child	{color:#bfbfbf;}
/*ul.mp_list > li.disabled a > span:last-child	{display:none;} */  /*2017-05-19 수정 */
ul.mgt20	{margin-top:20px;}
ul.mgt0	{margin-top:0;}
ul.logout > li	{padding-left:0;}
ul.logout > li button	{display:block;width:100%;height:44px;font-size:16px;color:#df2f2f;background-color:transparent;}

.mp_form	{margin-top:24px;}
.my_page fieldset ul	{border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
.my_page fieldset li	{padding:0 15px;background-color:#fff;}
.my_page fieldset li input	{width:100%;height:44px;}
.my_page fieldset li input.sky	{color:#2a84d8;}
.my_page fieldset li.pw	{position:relative;}
.my_page fieldset li.pw input	{width:262px;background:none;}
.my_page fieldset li.verification	{position:relative;}
.my_page fieldset li.verification input	{width:265px;background:none;}
.my_page fieldset li.verification span.countdown	{display:block;height:44px;position:absolute;right:15px;top:0;line-height:44px;font-size:12px;color:#d82a2a;}
.my_page fieldset li.acceptance	{padding:15px 15px 11px;}
.my_page fieldset li.acceptance label	{display:block;width:100%;padding-right:35px;line-height:1.35;font-size:14px;color:#444;background:url('../img/check_off.png') no-repeat 100% 1px;background-size:21px 14px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.my_page fieldset li.acceptance :checked + label	{background:url('../img/check_on.png') no-repeat 100% 1px;background-size:21px 14px;}
.my_page fieldset li.birthday input	{width:100%;background:url('../img/arrow_btm.png') no-repeat 100% 50%;background-size:13px 8px;}
.my_page fieldset li .eye	{width:43px;height:44px;position:absolute;right:0;top:0;font-size:0;color:transparent;border-radius:0;background:url('../img/eye_off.png') no-repeat 50% 50%;background-size:13px 10px;}
.my_page fieldset li .eye.on	{background:url('../img/eye_on.png') no-repeat 50% 50%;background-size:13px 10px;}
.my_page fieldset select	{width:290px;height:44px;color:#2a84d8;background:url('../img/arrow_btm.png') no-repeat 100% 50%;background-size:13px 8px;}
.my_page .check_tip	{width:280px;margin:10px auto 0;padding-left:9px;line-height:1.27;font-size:11px;color:#666;background:url('../img/blet.png') no-repeat 0 5px;background-size:4px 4px;}
.my_page .check_tip a	{color:#2a84d8;}
.my_page .add_inform	{width:290px;margin:0 auto;font-weight:normal;font-size:14px;color:#757575;}
.my_page .mgt5	{margin-top:5px;}
.my_page .mgt20	{margin-top:20px;}
.my_page .add_inform + ul	{margin-top:6px;}

.my_page p.error	{margin-top:4px;padding:0 15px;line-height:1.3;font-size:10px;color:#d82a2a;}
.my_page p.error + .mp_list	{margin-top:8px;}
.my_page .mp_list + .error	{margin-top:3px;}
.my_page .error + button	{margin-top:12px;} /* 마이페이지에서는 에러메시지 있을 경우 margin-top값이 다름 */
.my_page button	{display:block;width:290px;margin-left:auto;margin-right:auto;}
.my_page .go_mp	{margin-top:30px;}
.my_page .go_mp > a	{font-size:18px;}

/*프로필  수정*/
.my_page .edit_profile .profile	{min-height:0;padding:0;}
.my_page .edit_profile .profile .tool_tip	{margin-bottom:10px;padding:10px 0 5px;position:relative;line-height:1.2;font-style:italic;font-size:10px;color:#fefefe;background-color:#324553;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:-1;}
.my_page .edit_profile .profile .tool_tip:after	{content:'';display:block;width:9px;height:5px;margin:-1px 0 0 -4px;position:absolute;left:50%;top:100%;background:url('../img/tooltip_arrow2.png') no-repeat 0 0;background-size:9px 5px;}
.my_page .edit_profile .profile .tool_tip + .user_pic	{margin-top:0;}
.my_page .edit_profile .add_inform	{margin-top:20px;}

/* 프로필 초기화 */
.profile_init	{width:290px;margin:30px auto 0;text-align:center;}
.profile_init .btn_init	{display:inline-block;width:auto;margin:0;line-height:1;font-size:18px;color:#2a84d8;text-decoration:underline;background-color:transparent;}
.edit_profile .profile_init	{margin:19px auto 0;}

/*텍스트*/
.txt_wrap	{padding:27px 15px 0;line-height:1.35;font-size:14px;color:#444;}
.txt_wrap2	{padding:19px 15px 0;line-height:1.35;font-size:14px;color:#444;}
.txt_wrap2 + .txt_wrap2	{padding-top:11px;}
.center	{text-align:center;}
.sky	{color:#2a84d8;}
.ellipsis	{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*이메일 수정*/
#ul_email_input #email	{height:50px;} /*2017-05-26 '마이 페이지 > 이메일 수정 페이지'에서 이메일 한 줄일 경우 높이 달라짐 없이 보이게 하기 위한 설정 */
.my_page .user_email	{color:#2a84d8;}


/* ====================== 회원 전환 ====================== */

.member_transition	{padding-bottom:8px;}
.member_transition > h1.tit	{width:290px;position:relative;}
.member_transition > h1.tit:after	{content:'';display:block;width:22px;height:4px;margin-left:-11px;position:absolute;left:50%;bottom:-19px;border-radius:3px;background-color:#2a84d8;}
.member_transition > h1.email {width:100%;margin:16px auto 21px;line-height:1.25;font-size:20px;text-align:center;}
.member_transition > p	{width:290px;margin:0 auto;padding-top:10px;line-height:1.4;font-size:14px;color:#444;text-align:center;}
.member_transition .agreement .entire	{margin:25px 0 20px;}
.member_transition .agreement .desc	{height:48px;}
.member_transition .agreement .option	{margin-top:5px;}
.member_transition .agreement .option label	{margin-top:15px;}
.member_transition .email_required  {width:240px;margin:0 auto;}
.member_transition .email_required > span	{display:block;margin-bottom:23px;font-size:17px;color:#2a84d8;text-align:center;}
.member_transition .email_required .txt	{line-height:1.4;font-size:14px;color:#444;text-align:center;}
.member_transition .email_required .txt ~ .txt  {margin-top:22px;}
.member_transition .email_required .help     {margin-top:13px;text-align:center;}
.member_transition .email_required .help > a {font-size:14px;}
.member_transition .email_required .guide    {margin-top:47px;font-size:12px;color:#666;text-align:center;}
.member_transition .email_required .sign_in  {margin-top:9px;text-align:center;}
.member_transition .email_required .sign_in > a    {font-size:18px;}
.member_transition .email_required button    {margin-top:24px;}


/* ====================== 오류 안내 화면 ====================== */

.error_page .frame	{width:240px;margin:0 auto;}
.error_page h1	{width:100%;margin:16px auto 22px;line-height:1.25;font-size:20px;text-align:center;}
.error_page h1.tit	{width:100%;position:relative;}
.error_page h1.tit:after	{content:'';display:block;width:22px;height:4px;margin-left:-11px;position:absolute;left:50%;bottom:-27px;border-radius:3px;background-color:#d82a2a;}
.error_page .txt	{padding-top:32px;text-align:center;}
.error_page .txt > p	{line-height:1.35;font-size:14px;color:#444;}
.error_page .txt > p ~ p	{margin-top:11px;}
.error_page .btn	{margin-top:45px;}


/* ====================== 기타 ====================== */

/*tip*/
.tip	{display:none;width:240px;margin:8px auto 0;}
.tip > li	{padding-left:9px;line-height:1.27;font-size:11px;color:#666;background:url('../img/blet.png') no-repeat 0 5px;background-size:4px 4px;}
.tip > li ~ li	{margin-top:4px;}
.tip > li > span	{color:#2a84d8;}
.tip > li > a	{font-size:13px;}
.tip > li > a.inherit	{font-size:inherit;}
.my_page .tip	{width:290px;}

/*재전송*/
div.resend	{margin:11px 0 17px;text-align:right;}
div.resend2	{margin:11px 0 0;text-align:right;} /* margin-bottom 0 설정하기 위해서 */
div.resend a	{font-size:14px;}
div.resend button	{font-size:14px;text-decoration:underline;color:#2a84d8;background:none;border:none;}
div.resend2 a	{font-size:14px;}
div.resend2 + .btn	{margin-top:16px;}
div.frame.resend3	{margin:11px auto 17px;}
div.resend3	{text-align:right;}
div.resend3 button	{display:inline-block;width:auto;font-size:14px;text-decoration:underline;color:#2a84d8;background:none;border:none;}
a.resend	{font-size:14px;}
.my_page [class*='resend']	{margin:10px auto 0;} /* 간격 달라서 따로 설정 */
.my_page [class*='resend'] + button	{margin-top:16px;}

/*popup*/
[class^='pop_wrap']	{display:table;width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.8);z-index:20;}
.pop_wrap .pop_layer    {display:table-cell;vertical-align:middle;}
.pop_wrap .pop_con	{width:230px;margin:0 auto;padding:25px 30px 16px;text-align:center;background-color:#fff;}
.pop_wrap .pop_con > p	{margin:25px 0 13px;line-height:1.35;font-size:14px;color:#444;}
.btn1 > button	{display:block;width:100%;height:39px;line-height:1;font-weight:bold;font-size:17px;color:#2a84d8;border-radius:0;background-color:transparent;}
.pop_wrap2 .pop_layer   {display:table-cell;vertical-align:middle;}
.pop_wrap2 .pop_con	{width:290px;margin:0 auto;padding:25px 0 15px;text-align:center;background-color:#fff;}
.pop_wrap2 .pop_con > strong	{display:block;padding:0 30px;}
.pop_wrap2 .pop_con > p	{margin:25px 0 13px;padding:0 30px;line-height:1.35;font-size:14px;color:#444;}
.btn2:after {content:'';display:block;clear:both;}
.btn2 > button	{float:left;display:block;width:50%;height:39px;line-height:1;font-weight:bold;font-size:17px;color:#2a84d8;border-radius:0;background-color:transparent;}
.btn2 > button.cancel	{color:#959595;}
.toast_wrap	{display:table;width:100%;height:100%;position:fixed;left:0;top:0;z-index:20;}
.toast_wrap .pop_layer  {display:table-cell;vertical-align:middle;}
.toast_wrap .pop_layer	> div {width:290px;margin:0 auto;padding:12px 0 10px;border:2px solid #fff;border-radius:5px;background-color:#191919;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.32);box-shadow:0 2px 10px rgba(0,0,0,0.32);}
.toast_wrap .pop_layer p      {padding:0 24px;line-height:1.35;font-size:14px;color:#fff;text-align:center;}

/*show, hide*/
.show	{display:block;}
.hide	{display:none;}