/* °øÅë */
[type="text"],[type="text"]:focus,
[type="password"],[type="password"]:focus,
[type="number"],[type="number"]:focus {font-size:1rem;color:#212121;font-weight:400;border:0;}

[type="text"]:read-only,[type="text"]:read-only:focus,
[type="password"]:read-only,[type="password"]:read-only:focus,
[type="number"]:read-only,[type="number"]:read-only:focus {color:#aaa;border-bottom:0;background-color:transparent}


/* ·Î±×ÀÎ */
.login-main {padding:0 1rem;background:none;}
.login-main label {padding-left:32px;color:#fff !important;background-size:25px;}

#bi {padding: 30px 0}
#bi .logo {display:block;margin:0 auto}

#login-form [type=password] {width:100%;height:50px;text-align:center}
#login-form .button-group {padding:0!important;margin-bottom:10px}
#login-form table {margin-bottom:0}
#login-form input.big-font {font-size:24px}
#login-form .button-group .button {background-color:#fff;color:#1c4fb9;}
#login-form #login_pwd, #login-form #login_id {background-color:transparent;border-color:#72a3e0;color:#fff;border-bottom:1px solid #72a3e0;font-size:18px;}
#login-form #login_pwd::placeholder, #login-form #login_id::placeholder {color:#6995cb !important}

#utin-menu {margin-top:2rem;text-align:center;}
#utin-menu li {display:inline-block;padding:0.2rem 0;}
#utin-menu li a {position:relative;display:block;height:42px;padding:0 1rem;line-height:42px;color:#fff;text-align:center;}

.ico {position:absolute;top:0;left:0;display:inline-block;width:26px;height:26px;background-position:center center;background-repeat:no-repeat;background-size:auto 20px}
.ico-find {background-image:url(../images/icon/btn_search_gray.png)}
.ico-membership {background-image:url(../images/icon/ico_user.png)}
.ico-phone {background-image:url(../images/icon/meta_tel.png)}


/* ºñ¹Ð¹øÈ£ ã±â */
.find-pwd {}
.find-pwd tbody {border:0}
.find-pwd tr {background-color:transparent!important}
.find-pwd th {font-weight:400;padding:0}
.find-pwd tr.underline th, .find-pwd tr.underline td {border-bottom:1px solid #e4e4e4}
.find-pwd [type="text"],
.find-pwd [type="number"] {margin-bottom:0}
.find-pwd .find-comment {padding:1rem 1.125rem}
.find-pwd .find-comment p {font-size:14px;color:#666;letter-spacing:-1px}

.btn-cert {margin-bottom:0!important}
.btn-cert a {font-size:12px!important;font-weight:400!important}

.btn-submit {padding:1rem 1.125rem!important}



/*ȸ¿ø°¡ÀÔ*/

.joinOption { padding-top:82px; width:100%;height:100%; overflow:hidden; }
.joinOption li { float:left; width:50%;height:100%; padding:20% 0 0; border-right:1px solid #eceff1; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.joinOption li:last-child { border-right:none; }
.joinOption li .icon01 { width:120px; height:120px; display:inline-block;  border-radius:50%; background:url(../images/login/bg_join01.png) no-repeat center bottom #f9f9f9;background-size:auto 95px; }
.joinOption li .icon02 { width:120px; height:120px; display:inline-block; border-radius:50%; background:url(../images/login/bg_join02.png) no-repeat center bottom #f9f9f9;background-size:auto 102px; }
.joinOption li .text { line-height:1.2; padding-top:15px; font-size:13px; }
.joinOption li .text span { display:block; font-weight:bold; font-size:22px;letter-spacing:-1px;color:#3FCDFF;line-height:2.3;}
.joinOption li a { display:inline-block; width:75%; height:42px; line-height:42px; text-align:center; color:white; background:#3FCDFF; border-radius:3px; font-size:14px; margin-top:10px; }

.joinTable {  }
.joinTable th { padding:.5rem 0 .625rem 1.2rem;height:56px;border-bottom:1px solid #eceff1; vertical-align:middle; color:#9e9e9e; font-size:14px; font-weight:400; text-align:left; background:white; letter-spacing:-1px; }
.joinTable td { padding:.5rem 1.2rem .625rem 0; height:56px;border-bottom:1px solid #eceff1; vertical-align:middle; background:white; position:relative;  }
.joinTable td input {margin:0;}
.joinTable td input[type="tel"] { display:inline;  border:none; background:#f2f2f2; margin:0; }
.joinTable td input[type="text"] { display:inline; border:none; background:#f2f2f2; }
.joinTable td input[type="password"] { display:inline; border:none; background:#f2f2f2; }
.joinTable td input.input01 { width:95%; }
.joinTable td input.input02 { width:60px; margin:0; padding:0; }
.joinTable td input.input03 { width:40px; margin:0; padding:0; }
.joinTable td input.red { color:#333333; }

.joinTable td input.red[placeholder] {  color:#e41b23; }
.joinTable td input.red::-webkit-input-placeholder {  color:#e41b23; }
.joinTable td input.red::-moz-input-placeholder {  color:#e41b23; opacity:1; }
.joinTable td input.red::-o-input-placeholder {  color:#e41b23; opacity:1; }
.joinTable td input.red::-ms-input-placeholder {  color:#e41b23; opacity:1; }


.joinTable td input[type=radio] { position:absolute; visibility:hidden;  }
.joinTable td label { display:inline-block; vertical-align:middle; position:relative; z-index:9; margin-right:5px; }
.joinTable td .check { display:inline-block; position:relative; vertical-align:middle; border:1px solid #aaa; border-radius:100%; height:24px; width:24px; z-index:5; }
.joinTable td .check::before { display:block; position:absolute; content:''; border-radius:100%; height:12px; width:12px; top:5px; left:5px; margin:auto; }
.joinTable td input[type=radio]:checked ~ .check { border:1px solid #78aee8; }
.joinTable td input[type=radio]:checked ~ .check::before { background:#78aee8; }


.joinTable td input[type=checkbox] { position:absolute; visibility:hidden;  }
.joinTable td label { display:inline-block; vertical-align:middle; position:relative; z-index:9; margin-right:5px; }
.joinTable td .check { display:inline-block; position:relative; vertical-align:middle; border:1px solid #aaa; border-radius:100%; height:24px; width:24px; z-index:5; }
.joinTable td .check::before { display:block; position:absolute; content:''; border-radius:100%; height:12px; width:12px; top:5px; left:5px; margin:auto; }
.joinTable td input[type=checkbox]:checked ~ .check { border:1px solid #78aee8; }
.joinTable td input[type=checkbox]:checked ~ .check::before { background:#78aee8; }
.joinTable td .txt_s {padding-top:4px;color:#ff5400;}

.joinTable td select { border:none; border-bottom:1px solid #dedede; margin:0; padding:0; background:url(../images/login/arrow_Select.png) no-repeat right 5px; background-size:auto 24px; }


.joinTable td .btn { width:80px; height:40px; line-height:40px; display:inline-block; border:1px solid #0c4cd0; text-align:center; color:#0c4cd0; background:white;/* margin-top:10px;*/font-size:15px; }
.joinTable td .viewBtn {position:absolute; top:12px; right:16px; width:63px; height:30px; line-height:30px; display:inline-block; border:1px solid #ddd; text-align:center; color:#888; background:white; font-size:12px; }

.agreeText { padding:15px; font-size:14px; }
.agreeText h3 { font-size:20px; text-align:center; font-weight:bold; padding:15px 0 10px;  }
.agreeText .indent { padding-left:13px; font-size:14px; }
.agreeText .bold { font-weight:bold; font-size:14px; }



@media screen and (max-width:340px){
	
	.joinTable td input.input02 { width:50px; margin:0; padding:0; }
	.joinTable td input.input03 { width:26px; margin:0; padding:0; }

}