@charset "utf-8";
table caption {overflow: hidden; width: 0;height: 0; margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -999em; }

/* 로그인 */
.login-area {text-align:center;}
.login-area .login-box {display:inline-block;*zoom:1;*display:inline;vertical-align:top; /* width:390px; height:260px; */ margin:0 15px; padding:22px 22px; border:1px solid #ddd; border-radius:10px;}
.login-area .login-box .tit {padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid #eee; text-align:left;}
.login-area .login-box .tit p {font-size:11px; font-weight:500; color:#aaa; line-height:1.3em;}
.login-area .login-box .tit h3 {font-size:22px; font-weight:500; color:#333; line-height:1.3em; letter-spacing:-1px;}
.login-area .login-box .form {padding:0 15px; text-align:left;}
.login-area .login-box .form fieldset {position:relative; padding:0 80px 0 0;}
.login-area .login-box .form .group {padding:3px 10px 3px 0; text-align:left;}
.login-area .login-box .form .group label {display:inline-block;zoom:1;*display:inline;width:74px;height:35px;font-size:14px;line-height:35px;font-weight:400;color:#333;vertical-align:middle;}
.login-area .login-box .form .input {height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.login-area .login-box .form .select {height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.login-area .login-box .form .btn-pack.login {padding:0; position:absolute; top:3px; right:0; width:80px; height:76px; font-size:16px; text-align:center; font-weight:400;}
.login-area .not-member {padding:0 15px; padding-top:13px; margin-top:20px; border-top:1px solid #eee;}
.login-area .not-member li {*zoom:1; /* height:30px; */ padding-top:3px; font-size:13px; line-height:30px; color:#888; overflow:hidden;}
.login-area .not-member li .txt {float:left;}
.login-area .not-member li .btn-pack {float:right; width:80px; height:30px; padding:0; color:#888; font-size:12px; line-height:28px; text-align:center;}

/* 회원정보 */
.join-area .type {padding-top:65px; text-align:center;}
.join-area .type h3 {margin-bottom:50px; font-size:20px; font-weight:300; color:#000; line-height:1.3em;}
.join-area .type ul {padding:0 210px; margin:0 -34px; overflow:hidden;}
.join-area .type ul li {float:left; width:50%; padding:0 34px; color:#fff;}
.join-area .type ul li a {display:block; padding:30px 5px; text-decoration:none; border-radius:10px;}
.join-area .type ul li.tp1 a {background-color:#3959a3}
.join-area .type ul li.tp2 a {background-color:#218bdc}
.join-area .type ul li strong {display:block; margin-bottom:15px; font-size:26px; font-weight:700; line-height:1.3em;}
.join-area .type ul li p {font-size:16px; font-weight:300; line-height:1.7em;}
.join-area .head {margin-bottom:10px;}
.join-area .head:after {content:""; display:block; clear:both;}
.join-area .head h3 {float:left; color:#2c2c2c; font-size:16px; font-weight:700; line-height:normal;}
.join-area .form {margin-bottom:50px;}
.join-area .txt {text-align:center; font-size:16px; font-weight:400; color:#2c2c2c; line-height:1.4em;}
.join-area .red {color:#ff3333;}
.join-area .box {padding:14px; height:180px; background:#fff; border:1px solid #dfdfdf; border-radius:4px; margin-top:7px; overflow:auto;}
.join-area .chk {margin:5px 0 40px 0; color:#767676; font-size:14px;}
.join-area .form {margin-top:7px;}
.join-area table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #000;}
.join-area table tbody th,
.join-area table tbody td {padding:9px 20px; font-size:16px; font-weight:300; line-height:1.5em; text-align:left; border-bottom:1px solid #ddd;}
.join-area table tbody th {font-weight:500; color:#000; border-right:1px solid #ddd; background-color:#f2f8ff;}
.join-area table tbody td {color:#777;}	  
.join-area table tbody td .input,
.join-area table tbody td .select {height:40px; padding: 5px 9px; font-size: 15px; line-height: 35px; border: 1px solid #ddd;}
.join-area table tbody img {vertical-align:middle; margin:-.2em 0 0 5px;}
.join-area table tbody td .btn-pack.medium {line-height:38px;}
.join-area table tbody td .radio + label {margin-right:35px; color:#000; font-weight:500;}

.agree {color:#666;}
.agree h4 {font-size:14px; font-weight:400; color:#444; margin:0 0 10px 0;}
.agree p {text-align:left; margin: 10px 0; font-size:16px;}
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-weight:500; font-size:16px; margin-bottom:10px; color:#000;}
.agree dd,
.agree li {font-size:16px; line-height:1.6em; color:#555;}
.agree li {padding: 0 0 0 10px;}
.agree strong {font-weight:500;}
.agree .sub-law dt {font-weight:normal;}
.agree .policy-list {*zoom:1;}
.agree .policy-list:after {content:" "; display:block; clear:both;}
.agree .policy-list {padding:10px; background:#f9f9f9; border-top:1px solid #ddd; margin: 0 0 20px 0;}
.agree .policy-list li {float:left; width:50%; padding: 5px 15px 5px 15px; line-height:22px; box-sizing:border-box;}
.agree .policy-list span {color:#999999; font-size:14px;}
.agree .policy-list a {color:#666; font-size:14px;}
.agree .contact-info {*zoom:1; margin:20px 0;}
.agree .contact-info:after {content:" "; display:block; clear:both;}
.agree .contact-info li {float:left; width:270px; border:1px solid #aaa; padding:5px 15px; margin:0 10px 0 0; text-indent:0;}
.agree table {border-top:1px solid #999}
.agree table thead th,
.agree table tbody th,
.agree table tbody td {padding:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:16px; font-weight:300; color:#555; line-height:1.6em;}
.agree table thead th:last-child,
.agree table tbody th:last-child,
.agree table tbody td:last-child {border-right:0;}
.agree table thead th {background-color:#f7f7f7; font-weight:500; color:#000}

/* 아이디/비밀번호 찾기 */
.find-wrap {text-align:center;}
.find-account {display:inline-block;*zoom:1;*display:inline;vertical-align:top; /* width:390px; */ margin:0 15px; padding:22px 22px; border:1px solid #ddd; border-radius:10px;}
.find-account .tit {padding-bottom:16px; border-bottom:1px solid #eee; text-align:left;}
.find-account .tit h3 {margin-bottom:5px; font-size:18px; font-weight:500; color:#333; line-height:1.2em; letter-spacing:-1px;}
.find-account .tit p {font-size:13px; font-weight:300; color:#888; line-height:1.2em;}
.find-account .form {padding:20px 15px; text-align:left;}
.find-account .form fieldset {position:relative; padding:0 80px 0 0;}
.find-account .form .group {padding:3px 10px 3px 0; text-align:left;}
.find-account .form .group label {display:inline-block;zoom:1;*display:inline;width:74px;height:30px;font-size:14px;line-height:30px;font-weight:400;color:#333;vertical-align:middle;}
.find-account .form .input {height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.find-account .form .select {height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.find-account .form .btn-pack.btn {padding:0; position:absolute; top:3px; right:0; width:80px; height:76px; font-size:16px; font-weight:400;}
.find-account .result {padding:20px 0 10px; border-top:1px solid #ddd;}
.find-account .result p {margin-bottom:10px; font-size:13px;}
.find-account .result dt {padding:4px; font-size:14px; color:#212121; background:#f4f4f4; margin-bottom:1px;}
.find-account .result dd {padding:4px; font-size:13px; background:#f4f4f4;}

/* 회원탈퇴 */
.member-form {padding-top:50px; text-align:center;} 
.member-form .box {display:inline-block; text-align:left;}
.member-form .head {margin-bottom:20px; font-size:16px; line-height:1.5em; color:#555; text-align:center;}
.member-form .head p:before {content:""; display:inline-block; width:4px; height:4px; background-color:#555; vertical-align:middle; margin:-.2em 5px 0 0; border-radius:100%;}
.member-form .head p.p1:before {width:11px; height:7px; background:url('../images/sub/arrow.png') 0 0 no-repeat; background-size:cover;}
.member-form .head p.p2:before {width:5px; height:5px; background-color:#6650d7} 
.member-form .form {border-top:2px solid #000; padding-top:45px; padding-bottom:45px; border-bottom:1px solid #e0e0e0;}
.member-form .form .input {height:40px;}
.member-form .form label {display:inline-block; width:175px; font-size:16px; font-weight:500; color:#000;}
.member-form .form .box {padding-left:110px;}