/* common 폴더용 */ input { appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; }/*safari 기본 스타일 제거*/ .login_input_text {width:100%; font-size:16px; line-height:28px; height:28px; border-radius:5px; padding-left:8px; border:1px solid #ccc;} .login_input_text {width:100%; font-size:16px; line-height:28px; height:28px; border-radius:5px; padding-left:8px; border:1px solid #ccc;} .submit_btn {height:69px; width:63px; background: #2cb6b9; border: none; border-radius: 5px; color:#fff; font-weight:bold;} .submit_btn2 {height:105px; width:63px; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#2759A1), to(#062F6A)); border:1px solid #ccc;color:#fff; font-weight:bold;} .submit_btn span {} .loginTxt {line-height:26px; font-weight:bold;width:80px;} #searchBar { } #loginTypeZone { box-shadow: 0px 3px 3px 0px #e5e5e5;} #loginTxtZone { box-shadow: 0px -3px 3px 0px #e5e5e5;} #loginTxtZone .joinBtn {position: relative;display: block; width:45%; margin:0px auto; padding: 8px ;font-size: 13px;line-height: 17px;color: #fff;background: #000;border: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-align:center;cursor: pointer;} #loginTxtZone .jBtn1 {background-color:#ad0d0d;} #loginTxtZone .jBtn2 {background-color:#777;} #loginTxtZone .joinTxt {font-weight:bold; letter-spacing:-1px; line-height:28px; font-size:14px; color:#888;} #login_alert {margin:30px 10px 10px 10px; padding:20px; background-color:#eee; border:1px solid #ccc;} #joinStep01_Zone .joinBtn {position: relative;display: block; width:45%; margin:0px auto; padding: 8px ;font-size: 14px;line-height: 30px;color: #fff;background: #000;border: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-align:center;cursor: pointer;} #joinStep01_Zone .joinTxt {font-weight:bold; letter-spacing:-1px; line-height:28px; font-size:14px; color:#888;} #joinStep01_Zone .jBtn1 {background-color:#ad0d0d; margin-top:15px;} #joinStep01_Zone .jBtn2 {background-color:#777; margin-top:15px;} #joinStep01_Zone .jBtn3 {background-color:#4581e5; margin-top:15px;} #joinStep01_Zone a {display:block;color:#fff;} #joinStep01_Zone .infoTxt {width:90%; background-color:#eee; margin:0px auto; margin-top:25px; padding:15px 10px;} #joinStep01_Zone .infoTxt strong {font-size:13px;} #joinStep01_Zone .infoTxt ul {margin-left:10px;margin-top:5px;} #joinStep01_Zone .infoTxt li {line-height:16px; text-indent:-8px; margin-left:8px;} #joinStep01_Zone .infoTxt li {line-height:16px; text-indent:-8px; margin-left:8px;} #joinStep01_Zone .infoTxt li.alert_b {color:blue;} #joinStep01_Zone select {height:30px;background-color:#fafafa;} #joinStep02_Zone {padding-top:20px;} #joinStep02_Zone .wrapArea {margin:5px 10px;display:inline-block;width:calc(100% - 20px);} #joinStep02_Zone h3 {height:50px; line-height:50px; color:#fff; background:#333; font-weight:500; font-size:15px; cursor:pointer; box-shadow:0 10px 10px rgba(0,0,0,0.1), 0 1px 10px rgba(0,0,0,0.3);display:inline-block; border:0px solid #fff; box-sizing:border-box; width:100%; padding:0 15px; position: relative;} #joinStep02_Zone h3 span {position: absolute; width: 20px; height: 20px; border-radius: 20px; border: 1px solid #fff; top: 50%; margin-top: -10px; right: 15px;} #joinStep02_Zone h3 span i {position: absolute; background-color: #fff; width: 6px; height: 1px; top: 50%;} #joinStep02_Zone h3 span i.i01 {transform: rotate(40deg); left: 5px;} #joinStep02_Zone h3 span i.i02 {transform: rotate(-40deg); right: 5px;} #joinStep02_Zone h3.on .i01 {transform: rotate(-40deg); left: 5px;} #joinStep02_Zone h3.on .i02 {transform: rotate(40deg); right: 5px;} #joinStep02_Zone .agArea {padding:10px; max-height:200px; overflow-y:scroll; margin-bottom:10px;border:1px solid #ccc; border-top:0px none; line-height:16px;} #joinStep02_Zone .joinBtn {position: relative;display: block; width:45%; margin:0px auto; padding: 8px ;font-size: 15px;line-height: 30px;color: #fff;background: #000;border: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-align:center;cursor: pointer;} #joinStep02_Zone .jBtn1 {background-color:#ad0d0d; margin-top:15px;} #joinStep02_Zone .jBtn2 {background-color:#777; margin-top:15px;} #joinStep02_Zone .jBtn3 {background-color:#4581e5; margin-top:15px; padding:2px 8px;font-size: 13px;} #joinStep02_Zone a {display:block;color:#fff;} #joinStep02_Zone select {height:27px;background-color:#fafafa;} /*이너쉐어 210222*/ #joinStep03_Zone {width: 100%; background: #f5f5f5; padding-bottom: 10px;} #joinStep03_Zone table {background: #fff; margin-bottom: 6px; box-shadow: 0 1px 0 #cecece; border: 10px solid #fff; border-top-width: 5px; border-left-width: 15px; border-right-width: 15px;} #joinStep03_Zone th {text-align: left; color: #484848; font-size: 12px; font-weight: 600; letter-spacing: -0.5px; position: relative;} #joinStep03_Zone th span {margin-left: 3px;} #joinStep03_Zone td {padding:6px 0;position:relative; font-size: 12px; } #joinStep03_Zone th::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #d5d5d5;} #joinStep03_Zone td::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #d5d5d5;} #joinStep03_Zone td label {position:relative;width:100%;float:left; height: 32px; outline: none;} #joinStep03_Zone td label .placeholder {position: absolute; line-height: 150%; top: 50%; left: 15px; z-index: 5; color: #aaa; font-weight: 300; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } #joinStep03_Zone td label .placeholder span {} #joinStep03_Zone td label input {outline: none; font-size: 12px;} #joinStep03_Zone td input:focus {outline: none;} #joinStep03_Zone td input[type=text] {position:absolute;width:100%;height:32px;padding:0 15px;border-radius:50px;border:1px solid #e6e6e6;top:0;left:0; background: #f5f5f5; z-index: 1; line-height: 32px; color: #484848;} #joinStep03_Zone td input[type=email] {position:absolute;width:100%;height:32px;padding:0 15px;border-radius:50px;border:1px solid #e6e6e6;top:0;left:0; background: #f5f5f5; z-index: 1; line-height: 32px; color: #484848;} #joinStep03_Zone td input[type=password] {position:absolute;width:100%;height:32px;padding:0 15px;border-radius:50px;border:1px solid #e6e6e6;top:0;left:0; background: #f5f5f5; z-index: 1; line-height: 32px; color: #484848;} #joinStep03_Zone td select {width: calc(33% - 6px); height:32px; margin: 0 2px; padding:0 15px;border-radius:50px;border:1px solid #e6e6e6;top:0;left:0; background: #f5f5f5; z-index: 1; line-height: 32px; color: #484848;} #joinStep03_Zone td input:focus + .placeholder {opacity: 0;} #joinStep03_Zone td input:valid + .placeholder {opacity: 0;} #joinStep03_Zone td input[type=button] {} #joinStep03_Zone td .selectric {border-radius: 50px; border: 1px solid #e6e6e6; background: #f5f5f5; height: 32px; line-height: 32px; color: #484848; font-weight: 400;} #joinStep03_Zone td .selectric-wrapper.selectric-open {z-index: 999999;} #joinStep03_Zone .birth .selectric-wrapper {margin-left: 5px; width: 27%;} #joinStep03_Zone .birth .selectric-wrapper:first-child {width: calc(46% - 10px); margin-left: 0;} #joinStep03_Zone .nation input {float: left; width:25%;height:32px;padding:0 15px;border-radius:50px;border:1px solid #e6e6e6; background: #f5f5f5; z-index: 1; line-height: 32px; color: #484848;} #joinStep03_Zone .nation select {width:95%;} #joinStep03_Zone .nation .selectric-wrapper {margin-left: 5px; width: calc(75% - 5px);} #joinStep03_Zone .name label {} #joinStep03_Zone .name .first {width: 25%; margin-right: 5px;} #joinStep03_Zone .name .last {width: calc(75% - 5px);} #joinStep03_Zone .input_btn {border-radius: 50px; width: 30%; background: #6e6e6e; border-color: #6e6e6e; color: #fff; padding: 0 10px; font-size: 11px; font-weight: 500; margin-left: 5px; height: 32px; line-height: 32px;} #joinStep03_Zone .mobile .first {width: calc(50% - 5px); -webkit-width: calc(50% - 5px); -moz-width: calc(50% - 5px); margin-right: 5px;} #joinStep03_Zone .mobile .first select {width: 100%!important;} #joinStep03_Zone .mobile .last {width: calc(50% - 5px); -webkit-width: calc(50% - 5px); -moz-width: calc(50% - 5px);} #joinStep03_Zone .cernum label {width: calc(70% - 5px);} #joinStep03_Zone .id label {width: calc(70% - 5px);} #joinStep03_Zone td .check {width: 32px; height: 32px; float: right; position: relative;} #joinStep03_Zone td .check img {position: absolute; width: 19px; height: 19px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;} #joinStep03_Zone td .check .on {opacity: 0;} #joinStep03_Zone .password label input {width: calc(100% - 32px);} #joinStep03_Zone .password2 label input {width: calc(100% - 32px);} #joinStep03_Zone .password th span {margin-right: 2px;} #joinStep03_Zone .password2 th span {margin-right: 2px;} #joinStep03_Zone td input:valid ~ .check .on {opacity: 1;} #joinStep03_Zone td input:invalid ~ .check .on {opacity: 0;} #joinStep03_Zone td input:invalid ~ .check .off {opacity: 1;} #joinStep03_Zone #agree {width: 100%; padding: 10px 15px; background: #fff; box-shadow: 0 1px 0 #cecece; overflow: hidden; line-height: 30px;} #joinStep03_Zone #agree label {float: left; position: relative;} #joinStep03_Zone #agree label input {visibility: hidden; position: absolute;} #joinStep03_Zone #agree label .btn {width: 20px; height: 30px; float: left; position: relative;} #joinStep03_Zone #agree label .btn img {width: 11px; height: 11px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1;} #joinStep03_Zone #agree label .btn .on {opacity: 0;} #joinStep03_Zone #agree label input:checked ~ .btn .off {opacity: 0;} #joinStep03_Zone #agree label input:checked ~ .btn .on {opacity: 1;} #joinStep03_Zone #agree label p {color: #484848; font-size: 12px; font-weight: 600; letter-spacing: -0.5px; float: left;} #joinStep03_Zone #agree .agree_view {color: #8f8f8f; font-size: 11px; font-weight: 500; letter-spacing: -0.5px; float: right; cursor: pointer; position: relative; padding-right: 15px;} #joinStep03_Zone #agree .agree_view p {} #joinStep03_Zone #agree .agree_view i {width: 11px; height: 100%; position: absolute; top: 0; right: 0; background: url('/m/images/view_arrow.png') no-repeat center; background-size: 6px;} #joinStep03_Zone .mem_btn {width: 100%; padding: 20px;} #joinStep03_Zone .mem_btn input {background: #222; border-radius: 55px; height: 55px; line-height: 55px; padding: 0; border: 0; font-size: 17px; color: #f6ae00; width: 100%;} /*이너쉐어 210222*/ #joinStep04_Zone .info_txt {font-size:12px; background-color:#fafcda; color:#3366cc; padding:10px 10px 10px 10px; line-height:16px;} #joinStep04_Zone p.joinTopTxt {padding:10px 0px; background-color:#2556a7; color:#fff; background-image: -webkit-gradient(linear,left top,right top,color-stop(0.1, rgb(81,77,78)),color-stop(1, rgb(36,32,33))); text-shadow:none; font-weight:bold; font-size:13px;} #joinStep04_Zone .joinBtn {position: relative;display: block; width:45%; margin:0px auto; padding: 8px ;font-size: 13px;line-height: 30px;color: #fff;background: #000;border: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-align:center;cursor: pointer;} #joinStep04_Zone .jBtn1 {background-color:#ad0d0d; margin-top:15px;} #joinStep04_Zone .jBtn2 {background-color:#777; margin-top:15px;} #joinStep04_Zone .jBtn3 {background-color:#4581e5; margin-top:15px; padding:2px 8px;} #joinStep04_Zone .jBtn4 {background-color:#0079ce; margin-top:15px;} #joinStep04_Zone a {display:block;color:#fff;} #joinStep04_Zone select {height:27px;background-color:#fafafa;} #cart td select {height:27px;background-color:#fafafa;} .join .alert { font-weight:bold; color:red; background-color:#f7ffb7; padding:10px;} .join .infoForm th {border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#eee; font-size:14px; padding:5px 0px 5px 0px; } .join .infoForm td {border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:5px 0px 5px 7px; font-size:14px; } /* ▣▣▣텍스트버튼 ▣▣▣ */ .txtBtn {position:relative;display:inline-block;text-align:center;cursor:pointer;vertical-align:middle; } /* 우편번호 */ .txtBtn.small {background-color:#969696;border:1px solid #969696;color:#fff;font-size:12px; padding:2px 10px 0px 10px; height:22px;min-width:65px;} .txtBtn.small:hover {background-color:#7f7f7f;} .txtBtn.small2 {background-color:#7f7f7f;border:1px solid #969696;color:#fff;font-size:12px; padding:2px 10px 0px 10px; height:22px;min-width:65px;} .txtBtn.small2:hover{background-color:#6e6e6e;} .txtBtn.small3 {background-color:#fff;border:1px solid #969696;color:#868686;font-size:12px; padding:2px 10px 0px 10px; height:22px;} .txtBtn.small3:hover{color:green; } .txtBtn.s_modify {background-color:#fff;border:1px solid #969696;color:#007b00;font-size:11px; padding:2px 5px 0px 5px; height:22px;font-weight:bold;} .txtBtn.large {background-color:#fff; font-size:16px; padding:12px 10px 10px 10px; min-width:100px;font-weight:bold;} .txtBtn.b_blue {border:4px solid #5675c5;color:#5675c5;} .txtBtn.b_blue:hover{border:4px solid #5665c5;color:#5665c5;} .txtBtn.b_red {border:4px solid #d62f40;color:#d62f40;} .txtBtn.b_red:hover {border:4px solid #c91a2c;color:#c91a2c;} .txtBtn.b_gray {border:4px solid #969696;color:#969696;} .txtBtn.b_gray:hover{border:4px solid #8f8f8f;color:#8f8f8f;} .txtBtn.radius3{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .txtBtn.pd5{padding:2px 5px 0px 5px;} .txtBtn.pd7{padding:2px 7px 0px 7px;} .txtBtn.radius3{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .txtBtn.radius5{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 컬러버튼 색깔 - 레드2 */ .txtBtnC.red2 { color: #eee; border: 0px solid #ebebeb; border-bottom-color: #c6c6c6; background: #c33115; /* 기본색 ie8 e84323 < c33115 < c32115 */ background: -moz-linear-gradient(#e84323 0%, #c33115 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115)); background: -webkit-linear-gradient(#e84323 0%, #c33115 100%); background: linear-gradient(#e84323 0%, #c33115 100%); } .p_opac {opacity: 0.3;} .text_breakword {word-break:keep-all; word-wrap:break-word;} #dashboard {width: 100%; background: #f5f5f5; padding-bottom: 10px;} #dashboard table {background: #fff; margin-bottom: 6px; box-shadow: 0 1px 0 #cecece; border: 10px solid #fff; border-top-width: 5px; border-left-width: 15px; border-right-width: 15px;} #dashboard th {text-align: left; color: #484848; font-size: 12px; font-weight: 600; letter-spacing: -0.5px; position: relative;} #dashboard th span {margin-left: 3px;} #dashboard td {padding:6px 0;position:relative; font-size: 12px; } #dashboard th::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #d5d5d5;} #dashboard td::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #d5d5d5;} #dashboard td label {position:relative;width:100%;float:left; height: 32px; outline: none;} #dashboard td label .placeholder {position: absolute; line-height: 150%; top: 50%; left: 15px; z-index: 5; color: #aaa; font-weight: 300; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } #dashboard td label .placeholder span {} #dashboard td label input {outline: none; font-size: 12px;} #dashboard td input:focus {outline: none;} #dashboard td input[type=text] {position:absolute;width:100%;height:32px;padding:0 15px;border-radius:50px;border:1px solid #e6e6e6;top:0;left:0; background: #f5f5f5; z-index: 1; line-height: 32px; color: #484848;} #dashboard td input[type=email] {position:absolute;width:100%;height:32px;padding:0 15px;border-radius:50px;border:1px solid #e6e6e6;top:0;left:0; background: #f5f5f5; z-index: 1; line-height: 32px; color: #484848;} #dashboard td input[type=password] {position:absolute;width:100%;height:32px;padding:0 15px;border-radius:50px;border:1px solid #e6e6e6;top:0;left:0; background: #f5f5f5; z-index: 1; line-height: 32px; color: #484848;} #dashboard td input:focus + .placeholder {opacity: 0;} #dashboard td input:valid + .placeholder {opacity: 0;} #dashboard td input[type=button] {} #dashboard td select {} #dashboard td .selectric {border-radius: 50px; border: 1px solid #e6e6e6; background: #f5f5f5; height: 32px; line-height: 32px; color: #484848; font-weight: 400;} #dashboard td .selectric-wrapper.selectric-open {z-index: 999999;} #dashboard .birth .selectric-wrapper {margin-left: 5px; width: 27%;} #dashboard .birth .selectric-wrapper:first-child {width: calc(46% - 10px); margin-left: 0;} #dashboard .nation input {float: left; width:25%;height:32px;padding:0 15px;border-radius:50px;border:1px solid #e6e6e6; background: #f5f5f5; z-index: 1; line-height: 32px; color: #484848;} #dashboard .nation .selectric-wrapper {margin-left: 5px; width: calc(75% - 5px);} #dashboard .input_btn {border-radius: 50px; width: 30%; background: #6e6e6e; border-color: #6e6e6e; color: #fff; padding: 0 10px; font-size: 11px; font-weight: 500; margin-left: 5px; height: 32px; line-height: 32px;} #dashboard .mobile label {width: calc(70% - 5px); -webkit-width: calc(70% - 5px); -moz-width: calc(70% - 5px);} #dashboard .cernum label {width: calc(70% - 5px);} #dashboard .id label {width: calc(70% - 5px);} #dashboard td .check {width: 32px; height: 32px; float: right; position: relative;} #dashboard td .check img {position: absolute; width: 19px; height: 19px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;} #dashboard td .check .on {opacity: 0;} #dashboard .password label input {width: calc(100% - 32px);} #dashboard .password2 label input {width: calc(100% - 32px);} #dashboard .password th span {margin-right: 2px;} #dashboard .password2 th span {margin-right: 2px;} #dashboard td input:valid ~ .check .on {opacity: 1;} #dashboard td input:invalid ~ .check .on {opacity: 0;} #dashboard td input:invalid ~ .check .off {opacity: 1;} #dashboard #agree {width: 100%; padding: 10px 15px; background: #fff; box-shadow: 0 1px 0 #cecece; overflow: hidden; line-height: 30px;} #dashboard #agree label {float: left; position: relative;} #dashboard #agree label input {visibility: hidden; position: absolute;} #dashboard #agree label .btn {width: 20px; height: 30px; float: left; position: relative;} #dashboard #agree label .btn img {width: 11px; height: 11px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1;} #dashboard #agree label .btn .on {opacity: 0;} #dashboard #agree label input:checked ~ .btn .off {opacity: 0;} #dashboard #agree label input:checked ~ .btn .on {opacity: 1;} #dashboard #agree label p {color: #484848; font-size: 12px; font-weight: 600; letter-spacing: -0.5px; float: left;} #dashboard #agree .agree_view {color: #8f8f8f; font-size: 11px; font-weight: 500; letter-spacing: -0.5px; float: right; cursor: pointer; position: relative; padding-right: 15px;} #dashboard #agree .agree_view p {} #dashboard #agree .agree_view i {width: 11px; height: 100%; position: absolute; top: 0; right: 0; background: url('/m/images/view_arrow.png') no-repeat center; background-size: 6px;} #dashboard .mem_btn {width: 100%; padding: 20px;} #dashboard .mem_btn input {background: #222; border-radius: 55px; height: 55px; line-height: 55px; padding: 0; border: 0; font-size: 17px; color: #f6ae00; width: 100%;}