@charset "utf-8";
@font-face {
    font-family: nnsB;
    src:url(../fonts/NanumSquareB.eot?#iefix) format("embedded-opentype");
    src:url(../fonts/NanumSquareB.woff) format("woff");
}
@font-face {
    font-family: nnsR;
    src:url(../fonts/NanumSquareR.eot?#iefix) format("embedded-opentype");
    src:url(../fonts/NanumSquareR.woff) format("woff");
}

/* reset */
* {margin: 0 auto; padding: 0; box-sizing: border-box;}

ul, ol {list-style-type: none;}

hr {display: none;}

h1 {margin: 0; font-family: nnsR, sans-serif; font-weight: normal;}
a {text-decoration: none; color: #000;}
button {border: none; background: none; text-indent: -9999px;}
img {border: none;}
html {font-size: 0.625em;}
body {line-height: 1; font-family: nnsR, sans-serif; background: #eee;}
.blind {position: absolute; top: -9999px; left: -9999px;}




/* 로그인 login.html */
.loginCover {
    margin: 200px auto 50px;
    width: 1400px;
}
.loginForm {
    width: 360px; height: 400px;
    border: 1px solid #ccc; background: #fcfcfc; border-radius: 5px;
}
.loginCover h1 {
    width: 100%; height: 60px; padding: 10px;
    background: #555; text-align: center;
    font-size: 2.6rem; line-height: 40px; color: #f0f0eb;
}

.loginForm .info {
    margin: 30px 70px 20px;
    font-size: 1.6rem; line-height: 30px; text-align: center;
}
.loginBox input {
    display: block; margin: 5px auto; padding: 5px;
    width: 70%; height: 40px; 
    font-size: 1.4rem;
}
.loginBox .loginBtn {
    display: block;
    width: 70%; height: 50px; margin: 0 auto;
    border: none; background: #333; color: #f0f0eb;
    font-size: 1.8rem;
    cursor: pointer;
}
.loginForm .identy {
    margin: 20px auto;
    width: 80%; height: 20px;
}
.loginForm .identy a {
    display: block; float: left; padding-top: 2px; margin: 0 2%;
    font-size: 1.4rem; color: #555; text-align: center;
}
.loginForm .identy a:first-child {
    margin-left: 9%;
}
.loginForm .identy a:last-child {
    margin-right: 9%;
}
.loginForm .identy span {
    float: left;
    font-size: 1.8rem; color: #777; text-align: center;
}



/* 아이디 찾기 findid.html */
.fidCover {
    margin: 200px auto 50px;
    width: 1400px;
}
.fidCover .fidForm {
    width: 400px; height: 300px;
    border: 1px solid #ccc; border-radius: 5px; background: #fcfcfc;
}
.fidCover h1 {
    width: 100%; height: 60px; padding: 10px;
    background: #555; text-align: center;
    font-size: 2.6rem; line-height: 40px; color: #f0f0eb;
}
.fidCover form {
    width: 100%; padding: 30px 5% 0; font-family: nnsR, sans-serif;
}
.fidCover form label {
    display: inline-block; padding-left: 10px; margin-bottom: 10px;
    width: 33%; height: 30px;
    font-size: 1.8rem; line-height: 30px; color: #333;
}
.fidCover form input {
    display: inline-block; padding-left: 10px; margin-bottom: 10px;
    width: 65%; height: 30px; border-style: none; border: 1px solid #ccc; border-radius: 2px;
}
.fidCover form .fidBtn {
    width: 100%; height: 60px; padding-left: 0; margin-top: 10px;
    font-size: 1.8rem; line-height: 60px; color: #333; font-family: nnsB, sans-serif; cursor: pointer; background: #ddd;
}
.fidCover .identy {
    margin: 10px 20%;
    width: 60%; height: 20px;
}
.fidCover .identy a {
    display: block; float: left; padding-top: 2px; margin: 0 10%;
    font-size: 1.4rem; color: #555; text-align: center;
}
.fidCover .identy a:first-child {
    margin-left: 10%;
}
.fidCover .identy a:last-child {
    margin-right: 10%;
}
.fidCover .identy span {
    float: left;
    font-size: 1.8rem; color: #777; text-align: center;
}

/* 아이디 찾기-아이디 보여주기 findid_show.html */
.fidCover .fidshow {
    padding: 30px 0; text-align: center;
}
.fidCover .fidshow p {
    margin-bottom: 20px;
    font-size: 1.8rem; line-height: 30px; color: #777;
}
.fidCover .fidshow p span {
    display: block;
    font-size: 3rem; line-height: 40px; color: #ad0000; font-family: nnsB, sans-serif;
}
.fidCover .fidshow .loginBtn {
    padding: 10px;
    width: 80%;
    font-size: 2rem; line-height: 30px; color: #fff;
    border: none; background: #777; cursor: pointer;
}

/* 비밀번호 찾기 findpassword.html */
.fpwCover {
    margin: 200px auto 50px;
    width: 1400px;
}
.fpwCover .fpwForm {
    width: 400px; height: 320px;
    border: 1px solid #ccc; border-radius: 5px; background: #fcfcfc;
}
.fpwCover h1 {
    width: 100%; height: 60px; padding: 10px;
    background: #555; text-align: center;
    font-size: 2.6rem; line-height: 40px; color: #f0f0eb;
}
.fpwCover form {
    width: 100%; padding: 20px 5% 0; font-family: nnsR, sans-serif;
}
.fpwCover form label {
    display: inline-block; padding-left: 10px; margin-bottom: 10px;
    width: 33%; height: 30px;
    font-size: 1.8rem; line-height: 30px; color: #333;
}
.fpwCover form input {
    display: inline-block; padding-left: 10px; margin-bottom: 10px;
    width: 65%; height: 30px; border-style: none; border: 1px solid #ccc; border-radius: 2px;
}
.fpwCover form .fpwBtn {
    width: 100%; height: 60px; padding-left: 0;
    font-size: 1.8rem; line-height: 60px; color: #333; font-family: nnsB, sans-serif; cursor: pointer; background: #ddd;
}
.fpwCover .identy {
    margin: 10px 20%;
    width: 60%; height: 20px;
}
.fpwCover .identy a {
    display: block; float: left; padding-top: 2px; margin: 0 10%;
    font-size: 1.4rem; color: #555; text-align: center;
}
.fpwCover .identy a:first-child {
    margin-left: 10%;
}
.fpwCover .identy a:last-child {
    margin-right: 10%;
}
.fpwCover .identy span {
    float: left;
    font-size: 1.8rem; color: #777; text-align: center;
}



/* 회원가입 join_membership.html */
.jimemCover {
    margin: 150px auto 50px;
    width: 1400px;
}
.jimemCover .jimemForm {
    width: 1000px;
}
.jimemCover h1 {
    height: 40px; margin-bottom: 50px;
    font-size: 3.6rem; line-height: 40px; color: #333;
    text-align: center; font-weight: normal; font-family: nnsB, sans-serif;
}
.jimemCover .jimemLaw h2 {
    margin-bottom: 10px;
    font-size: 2rem; line-height: 30px; color: #555; font-weight: normal; font-family: nnsB, sans-serif;
}
.jimemCover .jimemLaw div {
    padding: 20px; margin-bottom: 10px;
    height: 200px; overflow-y: auto;
    border: 1px solid #ccc; background: #fcfcfc;
}
.jimemCover .jimemLaw div {
    font-size: 1.4rem; line-height: 24px; color: #555;
}
.jimemCover label {
    padding-left: 10px;
    font-size: 1.6rem;
}
.jimemCover label input {
    margin-right: 10px;
}
.jimemInfo table {
    margin: 50px 0 10px;
    width: 1000px;
    background: #fff; border-spacing: 0; border: 1px solid #ccc;
}
.jimemInfo table caption {
    margin-bottom: 10px;
    font-size: 2rem; line-height: 30px; color: #555; font-weight: normal; font-family: nnsB, sans-serif; text-align: left;
}
.jimemInfo table th {
    border-right: 1px solid #ccc;
}
.jimemInfo table th:last-child {
    border-right: 0;
}
.jimemInfo table tr {
    height: 50px;
    font-size: 1.6rem; line-height: 26px; color: #555;
}
.jimemInfo table td {
    padding: 10px; border-right: 1px solid #ccc; border-top: 1px solid #ccc;
}
.jimemInfo table td:last-child {
    border-right: 0;
}
.jimemCover .jimemForm .jimemBtn {
    display: block; margin: 50px auto;
    width: 100px; height: 40px;
    font-size: 1.6rem; line-height: 40px; color: #fff; background: #555; border: none; border-radius: 2px; text-align: center;
    cursor: pointer;
}



/* 회원 혜택 */
.jimemCover .jimemForm > ul {
    margin: 0 10%;
}
.jimemCover .jimemForm li {
    float: left; width: 50%; height: 50px;
    background: #fff; text-align: center; border-bottom: 1px solid #ccc;
}
.jimemCover .jimemForm li a {
    display: block;
    font-size: 1.8rem; line-height: 50px; 
}
.jimemCover .jimemForm .jimemon {
    background: #555;
}
.jimemCover .jimemForm .jimemon a {
    color: #fff;
}
.jimemCover .jimemForm ul:after {
    content: "";
    display: block;
    clear: both;
}


.jimemCover .jimemForm .joinh2 {
    padding: 10px 0; margin: 0 10%;
    width: 80%; height: 50px;
    font-size: 1.8rem; line-height: 30px; color: #fff;
    background: #555; text-align: center; border-bottom: 1px solid #ccc;
}





/* 회원 가입 join_membership02-1 */

.jimemCover .jimemCont {
    width: 800px; padding: 30px 5% 50px;
    background: #fff;
}
.jimemCover .jimemCont b {
    display: block; padding-top: 20px;
    font-size: 1.8rem; line-height: 30px; font-weight: 600;	color: #333;
}
.jimemCover .jimemCont p {
    padding: 5px 5%;
    font-size: 1.6rem; line-height: 22px; color: #555;
}






/* 회원 가입 join_membership03-1 */
.p_joinform {
    width: 80%; margin: 0 10%; padding: 30px 50px; font-family: nnsR, sans-serif;
    background: #fff;
    font-size: 1.4rem;
}
.p_joinform label {
    display: inline-block; padding-left: 10px; margin-bottom: 20px;
    width: 150px; height: 30px;
    font-size: 1.8rem; line-height: 30px; color: #333;
}
.p_joinform input {
    display: inline-block; padding-left: 10px; margin-bottom: 20px; margin-right: 120px;
    width: 340px; height: 30px; border-style: none; border: 1px solid #ccc; border-radius: 2px;
}
.p_joinform .join_aid {
    margin-right: 5px;
    width: 230px;
}
.p_joinform .join_aids {
    padding-left: 0;
    width: 100px;
    font-size: 1.6rem; line-height: 30px; color: #fff;
    background: #333; border: none; cursor: pointer;
}
.p_joinform .join_bpw, .p_joinform .join_bpwc {
    margin-bottom: 5px; margin-right: 0;
    width: 230px;
}
.p_joinform .pwtext {
    display: inline-block; margin-bottom: 15px; padding-left: 10px;
    width: 300px;
    font-size: 1.35rem; line-height: 20px; color: #777;
}
.p_joinform .join_phone {
    margin-right: 0;
    width: 105px; height: 30px;
}
.p_joinform .phonelast {
    margin-right: 0px;
}
.p_joinform input.phcode {
    margin-right: 0;
    width: 340px;
}
.p_joinform .phcheck {
    display: inline-block; margin: 0; margin-bottom: 10px; padding: 0;
    width: 130px; height: 30px;
    font-size: 1.6rem; line-height: 30px; color: #fff;
    border: none; background: #333;
}
.p_joinform .join_codeBtn {
    margin: 0px 0px; padding: 0;
    width: 130px; height: 30px;
    font-size: 1.6rem; line-height: 30px; color: #fff;
    background: #333; border: none;
    cursor: pointer;
}
.p_joinform .join_xy {
    margin-bottom: 20px;
    width: 100%; 
}
.p_joinform .join_xy label {
    margin: 0; padding: 0;
    width: 20px; height: 30px; vertical-align: middle;
}
.p_joinform .join_xy input {
    margin: 0px 10px; margin-right: 30px;
    width: 20px; height: 20px; vertical-align: middle;
}
.p_joinform .join_xy label:nth-of-type(1) {
    width: 150px; padding-left: 10px;
    line-height: 30px;
}
.p_joinform .join_email {
    margin-right: 0;
    width: 150px;
}
.p_joinform .email02:disabled {
    background:	#eee;
}
.p_joinform .join_emailcate {
    margin-bottom: 20px; vertical-align: bottom;
    width: 150px; height: 30px; border: 1px solid #ccc; border-radius: 2px;
}
.p_joinform .join_gcode {
    margin-right: 0;
}
.p_joinform .join_gcode:disabled {
    background: #ddd;
}
.p_joinform .join_guide {
    margin: 0px; padding: 0;
    width: 130px; height: 30px;
    font-size: 1.6rem; line-height: 30px; color: #fff;
    background: #333; border: none;
    cursor: pointer;
}

.p_joinform .join_check {
    margin-top: 10px; padding: 50px;
    width: 100%;
    background: #fff; border-top: 1px solid #ddd;
}
.p_joinform .join_check li {
    width: 100%; height: auto;
    font-size: 1.6rem; line-height: 30px; color: #333; text-align: left;
    border-bottom: none;
}
.p_joinform .join_check li input {
    margin-right: 10px; margin-bottom: 0;
    width: auto; height: 15px;
    vertical-align: middle;
}
.p_joinform .join_check li span {
    float: right;
    font-size: 1.4rem; line-height: 30px;
    cursor: pointer;
}
.p_joinform .join_check div {
    display: none; padding: 15px 20px; margin-bottom: 20px;
    width: 100%; height: 100px; overflow-y: auto;
    font-size: 1.6rem; line-height: 22px; color: #555;
    border: 1px solid #ccc; background: #fff;
    resize: none;
}


/* 회원 가입 - 결제완료 join_membership03-2_fin */
.jimemCover .payfin {
    width: 360px; padding: 60px 0; margin-bottom: 100px;
    background: #fefefe; border: 1px solid #ccc;
}
.jimemCover .payfin b {
    display: block; margin-top: 50px;
    width: 210px;
    font-size: 1.8rem; line-height: 30px; font-weight: 600;	color: #333; text-align: center;
}
.jimemForm .jimemBtn {
    margin: 70px 120px 0;
    width: 120px; height: 40px;
    font-size: 1.6rem; line-height: 40px; color: #fff;
    background: #555; border: none; border-radius: 5px;
}




/* 회원 가입 join_membership04 */
.jimemCover .pay {
    width: 900px; padding: 60px 0;
}
.jimemCover .pay b {
    display: block;
    width: 800px;
    font-size: 1.8rem; line-height: 30px; text-align: center;
}
.jimemCover .pay div {
    margin: 10% auto;
    width: 500px; height: 80px;
    background: #fff; border-radius: 5px; text-align: center;
    box-shadow: 0px 3px 10px rgba(0,0,0,.2);
}

.jimemCover .pay div a {
    display: block; padding: 20px;
    width: 100%; height: 100%;
    font-size: 1.8rem; line-height: 40px;
}

.finpopup {
    position: fixed; top: 0; left: 0; z-index: 200;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.6);
}
.finpopup .popupCover {
    position: relative; top: 20%; left: 50%; margin-left: -200px; padding: 35px 3%;
    width: 400px; height: auto;
    background: #fff; border-radius: 5px;
}
.finpopup p {
    padding: 3px 0;
    width: 100%;
    font-size: 1.8rem; line-height: 30px; word-break: keep-all; color: #333; text-align: center;
}
.finpopup i {
    display: block; margin: 15px 0 30px; padding: 0 10%;
    font-size: 1.6rem; line-height: 24px; color: #555; font-style: normal; text-align: center; word-break: keep-all;
}
.finpopup b {
    display: block; margin-bottom: 20px; word-break: keep-all;
    font-size: 1.8rem; line-height: 34px; color: #555; font-weight: normal; text-align: center; font-family: nnsB, sans-serif;
}
.finpopup b span {
    display: block;
    font-size: 2.6rem; line-height: 32px; color: #553622;
}
.finpopup .popupBtn {
    font-size: 1.6rem; line-height: 50px; text-align: center; color: #fff; background: #333; cursor: pointer;
}





/* 1:1 문의 비밀번호 center_password */
.center_pwCover {
    margin: 200px auto 50px;
    width: 1400px;
}
.center_pwForm {
    position: relative; padding: 10px 0 30px;
    width: 300px;
    border: 1px solid #ccc; background: #fcfcfc;
}
.center_pwForm .info {
    margin: 10px 45px 20px;
    font-size: 1.6rem; line-height: 30px; text-align: center;
}
.cpwBox input {
    display: block; margin: 5px auto; padding: 5px;
    width: 60%; height: 40px; 
    font-size: 1.4rem;
}
.cpwBox .center_pwBtn {
    display: block;
    width: 60%; height: 30px; margin: 0 auto; padding: 0;
    border: none; background: #333; color: #f0f0eb;
    font-size: 1.8rem; line-height: 30px;
}
.cpwBox .center_pwBtn:hover {
    cursor: pointer;
}



/* 개인정보 처리방침 personallaw.html */
.pslawCover {
    margin: 150px auto 50px;
    width: 1400px;
}
.pslawCover .pslawForm {
    width: 1000px;
}
.pslawCover h1 {
    height: 40px; margin-bottom: 50px;
    font-size: 3.6rem; line-height: 40px; color: #333;
    text-align: center; font-weight: normal; font-family: nnsB, sans-serif;
}
.pslawCover .psLaw h2 {
    margin-bottom: 10px;
    font-size: 2rem; line-height: 30px; color: #555; font-weight: normal; font-family: nnsB, sans-serif;
}
.pslawCover .psLaw div {
    padding: 20px; margin-bottom: 10px;
    font-size: 1.4rem; line-height: 24px; color: #555;
    border: 1px solid #ccc; background: #fcfcfc;
}
.pslawInfo table {
    margin: 50px 0 10px;
    width: 1000px;
    background: #fff; border-spacing: 0; border: 1px solid #ccc;
}
.pslawInfo table caption {
    margin-bottom: 10px;
    font-size: 2rem; line-height: 30px; color: #555; font-weight: normal; font-family: nnsB, sans-serif; text-align: left;
}
.pslawInfo table th {
    border-right: 1px solid #ccc;
}
.pslawInfo table th:last-child {
    border-right: 0;
}
.pslawInfo table tr {
    height: 50px;
    font-size: 1.6rem; line-height: 26px; color: #555;
}
.pslawInfo table td {
    padding: 10px; border-right: 1px solid #ccc; border-top: 1px solid #ccc;
}
.pslawInfo table td:last-child {
    border-right: 0;
}




/* 이용약관 condition.html */
.cditionCover {
    margin: 150px auto 50px;
    width: 1400px;
}
.cditionCover .cdition {
    width: 1000px;
}
.cditionCover h1 {
    height: 40px; margin-bottom: 50px;
    font-size: 3.6rem; line-height: 40px; color: #333;
    text-align: center; font-weight: normal; font-family: nnsB, sans-serif;
}
.cditionCover .cdition div {
    padding: 20px; margin-bottom: 10px;
    font-size: 1.4rem; line-height: 24px; color: #555;
    border: 1px solid #ccc; background: #fcfcfc;
}