@charset "utf-8";

table { border-collapse: inherit;}

/* 팝업 */
.cs-popup {padding:8px; font-size:12px; background:#c40175 url(../images/ticket/bg_popup.png) repeat-x;}
.cs-popup h1 {padding:2px 0 10px 0; font-size:16px; line-height:16px; color:#fff;}
.cs-popup a.close {display:block; width:21px; height:21px; font-size:0; line-height:0; background:url(../images/ticket/ic_popup_close.png) no-repeat; position:absolute; right:8px; top:8px;}
.cs-popup .contents {padding:20px; background-color:#fff;}

/* 로그인 */
.login-form .input-area {padding:25px; border-width:1px; border-style:solid; border-color:#dbdbdb; position:relative; word-break:keep-all;}
.login-form .input-area .left {width:575px; border-right-width:1px; border-right-style:solid; border-right-color:#dbdbdb;}
.login-form .input-area .left .info {display:none; width:525px; margin-top:25px; position:relative;}
.login-form .input-area .left .info.on {display:block;}
.login-form .input-area .left .info dl {padding-left:133px; margin-top:6px; position:relative;}
.login-form .input-area .left .info dl.first {margin-top:0;}
.login-form .input-area .left .info dl dt {color:#000; position:absolute; left:0; top:0;}
.login-form .input-area .left .info dl dd input.input {width:250px; height:33px; padding-left:6px; border-width:1px; border-style:solid; border-color:#ccc; background-color:#f8f8f8; vertical-align:middle;}
.login-form .input-area .left .info dl dd input[type="checkbox"] {vertical-align:middle;}
.login-form .input-area .left .info input.submit {width:128px; height:76px; font-weight:bold; color:#fff; border-style:none; background:url(../images/customer/bg_login_button.png) no-repeat center center; cursor:pointer; position:absolute; right:0; top:0;}
.login-form .input-area .left .button {padding-left:133px; margin-top:15px;}
.login-form .input-area .left .button input {width:154px; height:33px; margin-right:4px; font-size:12px; border-style:none; background:url(../images/customer/bg_login_find.png) no-repeat center center; cursor:pointer;}
.login-form .input-area .left .button input.small {width:111px; background-image:url(../images/customer/bg_login_find_small.png);}
.login-form .input-area .left .button input:last-child {margin-right:0;}
.login-form .input-area .right {width:185px; line-height:120%; position:absolute; left:651px; top:25px;}
.login-form .input-area .right .button {margin-top:25px;}
.login-form .input-area .right .button input {width:185px; height:45px; margin-top:6px; font-weight:bold; color:#fff; border-style:none; background:url(../images/customer/bg_guest_button.png) no-repeat center center; cursor:pointer;}
.login-form .input-area .right .button input:first-child {margin-top:0;}
.login-form .description {margin-top:15px; line-height:120%;}
.login-form .description strong {display:block; font-weight:normal; color:#000;}
.login-form .description ul {margin-top:10px;}
.login-form .description ul li {padding-left:10px; margin-top:5px; font-size:13px; background:url(../images/common/bg_li_03.png) no-repeat 0 6px;}
.login-form .description ul li:first-child{margin-top:0;}

/* 회원가입 */
.join-form h3 {font-size:18px; line-height:19px; color:#8f0349;}
.join-form .guide {margin-top:15px;}
.join-form.membership .guide {margin-top:25px;}
.join-form .guide ul li {margin-top:5px; line-height:15px;}
.join-form .warn .common-hide-area {padding:50px 0; text-align:center; border-style:none; background-color:#f3f3f3; background-image:none;}
.join-form .warn .common-hide-area strong {display:inline-block; height:34px; padding-top:16px; padding-left:65px; line-height:100%; color:#333; background:url(../images/ticket/ic_warn.png) no-repeat left center;}
.join-form .button-area {margin-top:15px; text-align:center;}
.join-form .button-area input {width:150px; height:45px; font-weight:bold; color:#fff; border-style:none; background:url(../images/customer/bg_button_01.png) no-repeat; cursor:pointer;}
.join-form .button-area input.cancel {background-image:url(../images/customer/bg_button_02.png);}
.join-form .banner {margin-top:15px; text-align:center;}
.join-form .alert {padding:15px; margin-top:15px; line-height:100%; border-width:1px; border-style:solid; border-color:#ccc; background-color:#fbedf5;}
.join-form .alert strong {display:block; margin-top:10px; color:#c7187d;}
.join-form .alert strong:first-child {margin-top:0;}
.join-form .alert ul {margin-top:10px;}
.join-form .alert ul li {padding-left:10px; margin-top:5px; font-size:12px; background:url(../images/common/bg_li_01.png) no-repeat 0 6px;}
.join-form .alert ul li:first-child {margin-top:0;}
.join-form .alert ul li strong {display:inline-block; margin-top:0; color:#666;}
.join-form .alert ul li em {font-style:normal;}

.join-form .check-age {padding:50px 0; background-color:#f3f3f3;}
.join-form.membership .check-age {margin-top:25px;}
.join-form .check-age ul li {float:left; width:50%; text-align:center; background:url(../images/customer/bg_dot.png) no-repeat left center;}
.join-form .check-age ul li.age-01 {background-image:none;}
.join-form .check-age ul li strong {display:block; width:116px; height:20px; padding-top:125px; margin:0 auto; background:url(../images/customer/ic_14_over.png) no-repeat center top;}
.join-form .check-age ul li.age-02 strong {background-image:url(../images/customer/ic_14_under.png);}
.join-form .check-age ul li input {display:block; width:150px; height:45px; margin:15px auto 0 auto; font-weight:bold; color:#fff; border-style:none; background:url(../images/customer/bg_button_01.png) no-repeat; cursor:pointer;}

.join-form .check-user {margin-top:50px;}
.join-form.membership .check-user {margin-top:25px;}
.join-form .check-user .check {padding:50px 0; border-width:1px; border-style:solid; border-color:#dbdbdb;}
.join-form .check-user .check ul li {float:left; width:50%; font-size:13px; letter-spacing:-1px; text-align:center; background:url(../images/customer/bg_dot.png) no-repeat left center;}
.join-form .check-user .check ul li.check-01 {background-image:none;}
.join-form .check-user .check ul li a {display:block; width:255px; height:34px; padding:11px 0; margin:0 auto 10px auto; font-weight:bold; font-size:16px; line-height:16px; text-align:center; color:#333; border-width:1px; border-style:solid; border-color:#adadad; background-color:#f8f8f8;}
.join-form .check-user .check ul li a strong {display:inline-block; margin:0 auto; background-repeat:no-repeat; background-position:left center;}
.join-form .check-user .check ul li.check-01 a strong {padding:9px 0 9px 30px; background-image:url(../images/customer/ic_cel_phone.png);}
.join-form .check-user .check ul li.check-02 a strong {padding:9px 0 9px 41px; background-image:url(../images/customer/ic_ipin.png);}
.join-form .check-user .check ul li div.children {width:257px; margin:10px auto 0 auto; text-align:left;}
.join-form .check-user .check ul li div.children label {margin-right:10px; font-weight:bold;}
.join-form .check-user .check ul li div.children input {width:120px; height:26px; padding:0 5px; font-size:13px; line-height:13px; border-width:1px; border-style:solid; border-color:#ccc; background-color:#f8f8f8;}
.join-form .check-user .description {margin-top:15px; font-size:13px; line-height:120%;}
.join-form .check-user .description ul {float:left; width:50%;}
.join-form .check-user .description ul li {padding-left:10px; margin-top:5px; background:url(../images/common/bg_li_03.png) no-repeat 0 6px;}
.join-form .check-user .description ul li:first-child {margin-top:0;}
.join-form .check-user .description ul.desc-01 li {padding-right:25px;}
.join-form .check-user .description ul.desc-02 li {padding-left:25px; background-position:15px 6px;}
.join-form .check-user .description ul li em {display:block; margin-top:5px; font-style:normal; color:#c7187d;}

.join-form .check-user h4 {margin-top:15px;}
.join-form .check-user table {width:100%; margin-top:5px; border-top-width:2px; border-top-style:solid; border-top-color:#5e5e5e;}
.join-form .check-user table tr th {padding:5px 10px; font-size:13px; line-height:13px; text-align:left; background-color:#f8f8f8; border-width:0 1px 1px 0; border-style:solid; border-color:#dbdbdb;}
.join-form .check-user table tr td {padding:5px 10px; border-width:0 0 1px 0; border-style:solid; border-color:#dbdbdb;}
.join-form .check-user table tr td input.input {width:150px; height:22px; padding:0 5px; border-width:1px; border-style:solid; border-color:#ccc; background-color:#f8f8f8; vertical-align:middle;}
.join-form .check-user table tr td input.di {width:350px;}
.join-form .check-user table tr td select {min-width:55px; height:24px; border-width:1px; border-style:solid; border-color:#ccc; background-color:#f8f8f8; vertical-align:middle;}
.join-form .check-user table tr td em {font-style:normal; font-size:12px; line-height:12px; vertical-align:middle;}

.join-form .check-user-result {margin-top:0;}
.join-form.membership .check-user-result {margin-top:25px;}

.join-form.membership .check-stpl {margin-top:25px;}
.join-form .check-stpl h3,
.join-form.membership .check-stpl h4 {margin-top:15px}
.join-form.membership .check-stpl h4 {font-size:18px; line-height:19px; color:#8f0349;}
.join-form .check-stpl h3:first-child,
.join-form.membership .check-stpl h4:first-child {margin-top:0;}
.join-form .check-stpl .stpl {height:200px; padding:15px; margin-top:15px; font-size:13px; line-height:120%; text-align:left; border-width:1px; border-style:solid; border-color:#ddd; background-color:#f8f8f8; overflow:auto;}
.join-form .check-stpl .stpl strong {display:block; margin:15px 0;}
.join-form .check-stpl .stpl strong:first-child {margin-top:0;}
.join-form .check-stpl .agree {margin-top:5px; font-size:13px; line-height:150%; text-align:right;}
.join-form .check-stpl .agree.agree-all {padding:15px; margin-top:15px; font-weight:bold; text-align:center; color:#333; border-width:1px; border-style:solid; border-color:#ddd; background-color:#f8f8f8;}

.join-form.membership .input-area {margin-top:25px;}
.join-form .input-area h3,
.join-form.membership .input-area h4 {margin-top:25px;}
.join-form.membership .input-area h4 {font-size:18px; line-height:19px; color:#8f0349;}
.join-form .input-area table {width:100%; margin-top:15px; border-top-width:2px; border-top-style:solid; border-top-color:#5e5e5e;}
.join-form .input-area table tr th {padding:5px 10px; padding-right:0; font-size:13px; line-height:13px; text-align:left; background-color:#f8f8f8; border-width:0 1px 1px 0; border-style:solid; border-color:#dbdbdb;}
.join-form .input-area table tr td {padding:5px 10px; padding-right:0; border-width:0 0 1px 0; border-style:solid; border-color:#dbdbdb;}
.join-form .input-area table tr td label.label {display:inline-block; width:90px;}
.join-form .input-area table tr td input.input {width:150px; height:22px; padding:0 5px; border-width:1px; border-style:solid; border-color:#ccc; background-color:#f8f8f8; vertical-align:middle;}
.join-form .input-area table tr td input.email {width:243px;}
.join-form .input-area table tr td input.number {width:50px;}
.join-form .input-area table tr td input.button {height:24px; font-size:12px; color:#fff; border-style:none; background-repeat:no-repeat; background-position:center center; vertical-align:middle; cursor:pointer;}
.join-form .input-area table tr td input.button.button-01 {width:88px; background-image:url(../images/customer/bg_button_03.png);}
.join-form .input-area table tr td input.button.button-02 {width:53px; background-image:url(../images/customer/bg_button_04.png);}
.join-form .input-area table tr td input.button.button-03 {width:64px; background-image:url(../images/customer/bg_button_07.png);}
.join-form .input-area table tr td select {height:24px; border-width:1px; border-style:solid; border-color:#ccc; background-color:#f8f8f8; vertical-align:middle;}
.join-form .input-area table tr td select.yyyy {width:65px; background-position:48px center;}
.join-form .input-area table tr td select.mm {width:50px; background-position:33px center;}
.join-form .input-area table tr td a.button {display:inline-block; min-width:41px; padding:4px 6px; font-size:11px; line-height:11px; color:#fff; vertical-align:middle;}
.join-form .input-area table tr td a.button.button-01 {background-color:#9c1637;}
.join-form .input-area table tr td em {font-style:normal; font-size:12px; line-height:12px; vertical-align:middle;}
.join-form .input-area table tr td ul {margin:5px 0;}
.join-form .input-area table tr td ul li {padding-left:10px; margin-top:5px; font-size:12px; line-height:100%; background:url(../images/common/bg_li_04.png) no-repeat left center;}
.join-form .input-area table tr td ul li:first-child {margin-top:0;}

.join-form .complete {padding:50px 0; text-align:center; background-color:#f3f3f3;}
.join-form.membership .complete {margin-top:25px;}
.join-form .complete strong {display:inline-block; height:34px; padding-top:16px; padding-left:65px; line-height:100%; color:#333; background:url(../images/ticket/ic_complete.png) no-repeat left center;}
.join-form .complete strong em {font-style:normal; color:#c70075;}
.join-form.membership .warn {margin-top:25px;}

/* 회원번호/비밀번호 찾기 */
.find-form .input-area {padding:25px; margin-top:50px; border-width:1px; border-style:solid; border-color:#dbdbdb;}
.find-form .input-area table {margin-top:50px;}
.find-form .input-area dl {width:208px; padding-left:100px; margin:6px auto 0 auto; position:relative;}
.find-form .input-area dl.first,
.find-form .input-area dl:first-child {margin-top:0;}
.find-form .input-area dl dt {color:#000; position:absolute; left:0; top:0;}
.find-form .input-area dl dd input.input {width:200px; height:22px; padding-left:6px; border-width:1px; border-style:solid; border-color:#ccc; background-color:#f8f8f8; vertical-align:middle;}

.find-form .change-area {padding:23px; margin-top:50px; border-width:1px; border-style:solid; border-color:#dbdbdb;}
.find-form .change-area dl {float:left; width:40%; padding:0 5%; background:url(../images/customer/bg_dot.png) no-repeat left center;}
.find-form .change-area dl.first,
.find-form .change-area dl:first-child {width:45%; padding-left:0; background-image:none;}
.find-form .change-area dl.last,
.find-form .change-area dl:last-child {width:45%; padding-right:0;}
.find-form .change-area dl dt {font-weight:bold; font-size:16px; line-height:100%;}
.find-form .change-area dl dd ul {margin-top:5px;}
.find-form .change-area dl dd ul li {font-size:13px; line-height:120%;}
.find-form .change-area dl dd table {width:100%; margin-top:15px; border-top-width:2px; border-top-style:solid; border-top-color:#5e5e5e;}
.find-form .change-area dl dd table tr th {padding:5px 10px; font-size:13px; line-height:13px; text-align:left; background-color:#f8f8f8; border-width:0 1px 1px 0; border-style:solid; border-color:#dbdbdb;}
.find-form .change-area dl dd table tr td {padding:5px 10px; border-width:0 0 1px 0; border-style:solid; border-color:#dbdbdb;}
.find-form .change-area dl dd table tr td input.input {width:200px; height:22px; padding:0 5px; border-width:1px; border-style:solid; border-color:#ccc; background-color:#f8f8f8; vertical-align:middle;}

/* 가입 시 이메일/휴대전화 인증 */
.cs-popup .auth-form table {width:100%; border-top-width:2px; border-top-style:solid; border-top-color:#5e5e5e;}
.cs-popup .auth-form table tr th {padding:5px 10px; font-weight:normal; color:#333; border-width:0 1px 1px 0; border-style:solid; border-color:#dbdbdb; background-color:#f6f6f6;}
.cs-popup .auth-form table tr td {padding:5px 10px; text-left; border-width:0 1px 1px 0; border-style:solid; border-color:#dbdbdb;}
.cs-popup .auth-form table tr th.last,
.cs-popup .auth-form table tr td.last {border-right-style:none;}
.cs-popup .auth-form table tr td input.input {width:100px; height:22px; padding:0 5px; border-width:1px; border-style:solid; border-color:#ccc; background-color:#f8f8f8; vertical-align:middle;}
.cs-popup .auth-form .button {margin-top:15px; text-align:center;}
.cs-popup .auth-form .button input {width:48px; height:24px; font-size:13px; color:#fff; border-style:none; background:url(../images/customer/bg_button_05.png) no-repeat; cursor:pointer;}
.cs-popup .auth-form .button input.cancel {background-image:url(../images/customer/bg_button_06.png);}

/* 회원정보 */
.user-info .tab ul li {width:225px;}
.user-info .guide {padding:15px; margin-top:15px; line-height:100%; border-width:1px; border-style:solid; border-color:#ccc;}
.user-info .guide ul li {padding-left:10px; margin-top:5px; font-size:12px; line-height:13px; background:url(../images/common/bg_li_04.png) no-repeat 0 5px;}
.user-info .guide ul li.first {margin-top:0;}
.user-info .complete {margin-top:15px;}
.user-info .warn {margin-top:15px;}
.user-info .input-area h4 {margin-top:15px; font-size:18px; line-height:19px; color:#8f0349;}
.user-info .change-area {margin-top:15px;}
.user-info .input-area {margin-top:15px;}
.user-info .input-area dl dd input.rmkTxt {width:350px;}
.user-info .input-area dl {width:308px;}
.user-info .check-user {margin-top:15px;}

/* 탈회안내 */
.withdraw-info {margin-top:25px;}
.withdraw-info div.text {padding:25px; margin-top:25px; border-width:1px; border-style:solid; border-color:#dbdbdb; background-color:#f3f3f3;}
.withdraw-info div.text ul li {padding-left:15px; margin-top:5px; background:url(../images/common/bg_li_01.png) no-repeat 0 11px;}
.withdraw-info div.text ul li.first {margin-top:0;}
.withdraw-info div.button-area {margin-top:15px; text-align:center;}
.withdraw-info div.button-area input {width:150px; height:45px; font-weight:bold; color:#fff; border-style:none; background:url(../images/customer/bg_button_02.png) no-repeat; cursor:pointer;}

/* 개명신청 */
.cs-popup .rename-info .guide {padding:15px; background-color:#f3f3f3;}
.cs-popup .rename-info .guide ul li {padding-left:10px; margin-top:5px; font-size:13px; background:url(../images/common/bg_li_03.png) no-repeat 0 10px; word-break:keep-all;}
.cs-popup .rename-info .guide ul li:first-child {margin-top:0;}
.cs-popup .rename-info .button {margin-top:15px; text-align:center;}
.cs-popup .rename-info .button input {width:200px; height:35px; font-size:13px; color:#fff; border-style:none; background:url(../images/customer/bg_button_08.png) no-repeat; cursor:pointer;}