@charset "utf-8";

.row {padding:0 20px}

/*헤더 영역*/
#header h1 {margin-top:40px; text-align:center; font-size:0}
#header h1 a.logo {display:inline-block; font-size:1px; width:62px; height:19px; background:url(../img/h1-logo.png)no-repeat 0 0 / 62px auto}

/*메인 영역*/
#main {margin-top:30px}
#main .id-email {position:relative; text-align:center}
#main .id-email .help-btn {position:absolute; right:20px; top:20px; width:20px; height:20px; cursor:pointer}
#main .id-email .help-btn-hide {display:none; position:absolute; right:20px; top:60px; width:276px; background:rgba(0,0,0,.8); border-radius:3px; text-align:left}
#main .id-email .help-btn-hide:before {content:""; position:absolute; right:3.5px; top:-7px; width:15px; height:7px; background:url(../img/ico-top-arrow.png)no-repeat 0 0 / 15px auto}
#main .id-email .help-btn-hide p {color:#fff; font-size:11px; font-weight:400; padding:12px}
#main .id-email .help-btn-hide a {display:inline-block; color:#fbdd0d; font-size:12px; font-weight:500; text-decoration:underline; padding:0 0 12px 12px}

#main .id-email input.id-form {width:100%; height:56px; border-bottom:2px solid #ebebeb}
#main .id-email input.id-form:focus {border-bottom:2px solid #333}
#main .id-email input.id-form::placeholder {color:#ccc; font-size:16px; font-weight:400}
#main .id-email input.id-form[type="text"] {font-size:16px; color:#333; font-weight:400}

#main .id-email input.pw-form {width:100%; height:56px; border-bottom:2px solid #ebebeb}
#main .id-email input.pw-form:focus {border-bottom:2px solid #333}
#main .id-email input.pw-form::placeholder {color:#ccc; font-size:16px; font-weight:400}
#main .id-email input.pw-form[type="text"] {font-size:16px; color:#333; font-weight:400}

#main .id-email .chk-box {margin-top:25px; text-align:left}
#main .id-email .chk-box input[type="checkbox"] {position:absolute; left:-3000%}
#main .id-email .chk-box input[type="checkbox"] + label {font-size:14px; color:#333; font-weight:500; vertical-align:bottom; cursor:pointer}
#main .id-email .chk-box input[type="checkbox"] + label:before {content:""; display:inline-block; width:20px; height:20px; background:url(../img/ico-chk-01.png)no-repeat 0 0 / 20px auto; margin-right:8px; vertical-align:bottom}
#main .id-email .chk-box input[type="checkbox"]:checked + label:before {background:url(../img/ico-chk-02.png)no-repeat 0 0 / 20px auto}

#main .id-email a.login-btn {display:inline-block; margin:40px 0 34px; width:100%; padding:16px 0; background:#ffe500; font-size:14px; color:#252525; font-weight:500; border-radius:3px}

#main .id-email .join {float:left}
#main .id-email .join a {display:inline-block; color:#626262; font-weight:12px; font-weight:500; line-height:100%}

#main .id-email .user {float:right}
#main .id-email .user a {display:inline-block; position:relative; color:#626262; font-weight:12px; font-weight:500; line-height:100%; padding:0 10px}
#main .id-email .user a:last-child {padding-right:0}
#main .id-email .user a:before {content:""; position:absolute; left:0; top:2px; width:1px; height:10px; background:#e5e5e5}
#main .id-email .user a:first-child:before {display:none}

/*푸터 영역*/
#footer {margin-top:140px; border-top:1px solid #d8d8d8; text-align:center}
#footer ul.ft-nav {padding-top:5px; font-size:0}
#footer ul.ft-nav > li {display:inline-block}
#footer ul.ft-nav > li > a {display:block; padding:10px 5px; color:#333; font-size:11px; font-weight:400; line-height:100%}
#footer ul.ft-nav > li:nth-child(2) a {font-weight:600}
#footer a.lang {display:inline-block; position:relative; color:#333; font-size:12px; font-weight:500}
#footer .lang-hide {display:none; position:absolute; padding:7.5px 0; top:500px; left:50%; transform:translateX(-50%); width:90px; height:120px; background:#fff; box-shadow:0 0 16px rgba(0,0,0,.2); text-align:left}
#footer .lang-hide a {display:block; padding:8px 15px}
#footer address {padding:16px 0; font-size:12px; color:#7c7c7c; font-weight:400; line-height:100%}
#footer address span {font-weight:600}