@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */
/* 기본박스 */
.mbskin {position:relative;margin:100px auto 0;width:360px;text-align:center}
.mbskin:after {right:10px;left:auto;
  -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
     -o-transform:skew(8deg) rotate(3deg);
      transform:skew(8deg) rotate(3deg)}
.mbskin .mbskin_box{border:1px solid #dde7e9;background:#fff}
.mbskin .frm_input {width:100%}
.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
.mbskin h1 {margin:60px 0 30px;font-size:2em}
.mbskin .tbl_frm01 th {width:85px}
/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 약관 */
.register {margin:0 auto}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.register .btn_confirm {text-align:left}
.register .btn_confirm .btn_submit {margin-left:1%}

#fregister p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#fregister p i {font-size:1.2em;vertical-align:middle}
#fregister section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#fregister_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#fregister h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister_private {position:relative}
#fregister_private div {padding:20px;background:#fff}
#fregister_private table {width:100%;border-collapse:collapse;font-size:1em;}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
#fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.fregister_agree {position:absolute;top:0;right:0}
.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #000000;border-color:#1471f6;border-radius:3px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px}

.chk_li {padding-left:20px}

#sns_register .login-sns,
#sns_register h2 {border:0 !important}

/* 회원가입 입력 */
#register_form {background:#fff;margin-bottom:20px}
#register_form h2 {padding:20px;border-bottom:1px solid #dde7e9}
.register_form_inner {background:#f7f7f7;border:1px solid #dde7e9;border-radius:3px}
.register_form_inner ul {padding:20px}
.register_form_inner label {display:block;margin-bottom:10px;line-height:24px}
.register_form_inner label.inline {display:inline}

#fregisterform .cert_desc {color:#000000;}
#fregisterform .cert_req {margin-left:5px;line-height:35px;}
#fregisterform #msg_certify {margin:5px 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm {text-align:center}
#fregisterform .form_01 div {margin:0 0 20px}
#fregisterform .captcha {display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
#reg_mb_icon, #reg_mb_img {float:right}

/* 회원가입 완료 */
#reg_result {padding:40px 30px;text-align:center;background:#edf3fc;border:1px solid #d6e2f4;border-radius:5px}
#reg_result h2 {font-size:2em;margin:0 0 20px}
#reg_result h2 strong {color:#ed6478}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .result_txt {text-align:left}
#reg_result .btn_confirm {margin:50px 0}
#reg_result i {font-size:3em}
#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px;color:#3684fa}

.btn_confirm_reg {margin:20px 0;text-align:center}
.reg_btn_submit {display:inline-block;background:#000000;color:#fff;text-align:center;border-radius:3px;width:280px;height:57px;line-height:57px;font-size:1.2em;margin:0 auto;font-weight:bold}

.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

/* 아이디/비밀번호 찾기 */
#find_info h3 {display:none;margin-bottom:30px;text-align:center;font-size:1.1em;}
#find_info .new_win_con {background:#f7f7f7;}
#find_info.cert .new_win_con {width:460px;float:left;}
#find_info.cert .new_win_con:nth-child(2) {margin-left:10px;}
#find_info.cert h3 {display:block;}
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em}
#find_info #mb_email {margin:10px 0}
#find_info .find_btn .btn_submit {width:30%;word-break:keep-all;}

/* 비밀번호 재설정 */
#pw_reset #info_fs {margin-bottom: 10px}
#pw_reset .frm_input {margin:10px 0 0}

/* 기존 회원 본인인증 */
#member_cert_refresh p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#member_cert_refresh p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#member_cert_refresh p i {font-size:1.2em;vertical-align:middle}
#member_cert_refresh section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#member_cert_refresh_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#member_cert_refresh h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#member_cert_refresh textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#member_cert_refresh_private {position:relative}
#member_cert_refresh_private div {padding:20px;background:#fff}
#member_cert_refresh_private table {width:100%;border-collapse:collapse;font-size:1em;}
#member_cert_refresh_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#member_cert_refresh_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf;font-weight:bold;}
#member_cert_refresh_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.member_cert_refresh_agree {position:absolute;top:0;right:0}
.member_cert_refresh_agree input[type="checkbox"] + label {color:#676e70}
.member_cert_refresh_agree input[type="checkbox"] + label:hover {color:#2172f8}
.member_cert_refresh_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.member_cert_refresh_agree input[type="checkbox"]:checked + label {color:#000}
.member_cert_refresh_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #000000;border-color:#1471f6;border-radius:3px}
.member_cert_refresh_agree.chk_all input[type="checkbox"] + label span {top:18px}

#member_cert_refresh #find_info {margin:50px 0}
#member_cert_refresh #find_info .find_btn {padding:10px 20px;background:#fff}
#member_cert_refresh #find_info .find_btn > div {margin:10px 0}

/* 로그인 */
#mb_login {}
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#login_fs {padding:35px}
#mb_login #login_fs .frm_input {margin:0 0 10px}
#mb_login #login_fs .btn_submit {margin:0 0 15px}

#login_info {}
#login_info:after {display:block;visibility:hidden;clear:both;content:""}
#login_info .login_if_auto {float:left}
#login_info .login_if_auto label {vertical-align:baseline;padding-left:5px}
#login_info .login_if_lpl {float:right}
#login_password_lost {display:inline-block;border:1px solid #d5d9dd;color:#000000;border-radius:2px;padding:2px 5px;line-height:20px}

#mb_login_notmb {margin:30px auto;padding:20px 30px}
#mb_login_notmb h2 {font-size:1.25em;margin:20px 0 10px}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;line-height:45px}

#mb_login_od_wr {margin:30px auto;padding:20px 30px}
#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input {margin:10px 0 0}
#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em}

#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}

/* 쪽지 */
.memo_list {border-top:1px solid #ececec}
.memo_list li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.memo_list li:after {display:block;visibility:hidden;clear:both;content:""}
.memo_list li.read {background:#f6f6f6}
.memo_list li.empty_li {text-align:center;padding:20px 0;color:#666}

.memo_list .memo_li {float:left}
.memo_list .profile_big_img {position:relative;margin-right:15px}
.memo_list .profile_big_img img {border-radius:50%;width:52px;height:52px}
.memo_list .memo_li.memo_name {padding-top:5px;float:none}
.memo_list .memo_preview a{display:block;margin-right:30px;padding-top:10px;font-weight:normal !important;font-size:1.2em}
.memo_list .memo_preview a:hover{text-decoration:underline}
.memo_list .memo_name a,
.memo_list .memo_name .sv_wrap {font-weight:bold}
.memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#000000;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9}
.memo_list .no_read {animation:blinker 1s linear infinite}

@keyframes blinker {
	50% {opacity:0}
	}

#memo_list h1#win_title {padding:10px 10px 10px 20px}
#memo_list .memo_datetime {font-size:0.92em;color:#888d92}
#memo_list .memo_del {position:absolute;right:15px;top:15px;padding:10px;color:#c7c9cb;font-size:1.4em}
#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em}
#memo_list .pg_wrap {margin-top:10px;width:100%;float:inherit;text-align:center}

#memo_view_contents {margin-bottom:20px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;list-style:none;background:#f6f6f6}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;/*padding:10px;float:left;width:50%*/}

.memo_view_li .profile_img img {display:none}
.memo_from {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px 20px}
.memo_from li {float:left}
.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%}
.memo_from li:first-child {margin-right:10px}
.memo_from li.memo_view_nick {width:80%}
.memo_from li.memo_view_nick a {font-weight:bold !important}
.memo_from li.memo_view_date {display:block;color:#555;line-height:24px}
.memo_from li.memo_op_btn {position:absolute}
.memo_from li.list_btn {right:53px;}
.memo_from li.del_btn {right:15px;}
.memo_from:after {display:block;visibility:hidden;clear:both;content:""}

.memo_btn {width:100%}
.memo_btn a {display:inline-block;width:50%;font-size:1em;color:#888d92;padding:20px}
.memo_btn a.btn_right {float:right;text-align:right}
.memo_btn a i {font-size:1.2em;color:#acabab;vertical-align:bottom}

#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
#memo_view textarea {height:100px}

#memo_write .form_01 {padding:20px;border-top:1px solid #ececec}

.reply_btn {display:inline-block;width:150px;height:45px;line-height:50px;padding:0 10px;font-weight:bold;background:#000000;color:#fff;border-radius:3px;vertical-align:bottom;margin-right:5px}
#memo_write .reply_btn {font-size:1em}

/* 스크랩 */
#scrap li:after {display:block;visibility:hidden;clear:both;content:""}
#scrap li {position:relative;padding:20px;border-bottom:1px solid #ececec}
#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:10px;line-height:1.3em}
#scrap .scrap_cate {float:left;display:block;color:#ac92ec;background:#eeeaf8;padding:3px;border-radius:3px;font-size:0.92em;margin-right:10px}
#scrap .scrap_datetime {color:#777;line-height:18px}
#scrap .scrap_del {position:absolute;top:15px;right:15px;font-size:18px;color:#c7c9cb}
#scrap .scrap_del:hover {color:#000000}

#scrap_do .new_win_con {padding:0 20px}
#scrap_do textarea {width:100%;height:100px}
#scrap_do .scrap_tit {margin-bottom:10px;background:#f3f3f3;padding:10px 15px;font-size:1.2em;font-weight:bold}
#scrap_do label {display:block;margin:0 0 5px;font-size:1em}
#scrap_do .win_btn:after {display:block;visibility:hidden;clear:both;content:""}
#scrap .win_btn, #scrap_do .win_btn {margin:20px 0;text-align:center}
#scrap_do .win_btn .btn_submit {float:inherit}
#scrap_do .win_desc {margin:0 20px}

/*포인트*/
#point {text-align:center}
#point h1 {text-align:left}
#point .point_all {margin:20px 20px 15px;border-radius:5px;background:#edf3fc;border:1px solid #d6e2f4;color:#485172;font-size:1.083em}
#point .point_all:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_all li {float:left;width:50%;padding:20px;text-align:left}
#point .point_all li span {float:right;color:#485172;font-weight:bold}
#point .point_all li:last-child {border-left:1px solid #d6e2f4}
#point .point_all .full_li {width:100%;border-bottom:1px solid #d6e2f4;text-align:left}
#point .point_all .full_li span {color:#000;font-weight:bold;font-size:1.2em}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em;text-align:left}
#point .point_status:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_status span{margin-left:10px;float:right}

.point_list {}
.point_list li:first-child {border-top:1px solid #ececec}
.point_list li {border-bottom:1px solid #ececec;background:#fff;padding:15px;list-style:none;position:relative}
.point_list li:after {display:block;visibility:hidden;clear:both;content:""}

.point_list .point_use {background:#f6f6f6}
.point_list .point_use .point_num {font-size:1.25em;color:#ff4f76;font-weight:bold;float:right}
.point_list .point_num {font-size:1.25em;color:#000000;font-weight:bold;position:absolute;right:15px;top:25px}
.point_list .point_top {line-height:15px;margin:0 0 5px}
.point_list .point_top:after {display:block;visibility:hidden;clear:both;content:""}
.point_list .point_tit {font-weight:bold;float:left;font-size:1.083em;display:block}
.point_list .point_date1 {float:left;color:#888d92}
.point_list .point_date {float:left;color:#888d92}
.point_list .txt_expired {color:red;margin-left:5px}

#point .pg_wrap {width:100%;float:inherit;text-align:center}
#point .btn_close {margin:20px auto}

/* 회원 비밀번호 확인 */
#mb_confirm {}
#mb_confirm h1 {margin:60px 0 30px;font-size:2em}
#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#mb_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#mb_confirm fieldset {padding:50px;text-align:left}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold}
#mb_confirm .confirm_id {font-size:0.92em;color:#666}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {padding:50px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id {}

/* 폼메일 */
#formmail textarea {height:100px}
#formmail .formmail_flie {position:relative}
#formmail .formmail_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#formmail .lb_icon {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#fff;text-align:center;color:#b2b2b2}
#formmail .frm_file {padding-left:50px}
#formmail .frm_info {color:#3497d9;font-size:0.92em}
.chk_box {position:relative}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#000000}
.chk_box input[type="radio"]:checked + label span {border-color:#000000}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#000000;content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #000000;border-color:#1471f6;border-radius:3px}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}

/* 자기소개 */
#profile h1 a {}
#profile table {margin-bottom:0}
#profile table th {text-align:left;padding:10px;width:100px}
#profile section {color:#6794d3;background:#fff;padding:10px;border:1px solid #eee;margin:10px 0}
#profile h2 {margin:0 0 5px}
#profile .profile_name {text-align:center;font-weight:bold}
#profile .my_profile_img {display:block;margin:20px 0 5px}
#profile .my_profile_img img {border-radius:50%}
#profile .profile_img img {border-radius:50%}
#profile .profile_name .sv_wrap {font-weight:bold;text-align:left}


.xans-member-login h3 {
    margin: 0 0 20px 0;
    text-align: center;
}

.xans-member-login .login {
    margin-top: -10px;
}

.xans-member-login .login fieldset {
    position: relative;
    width: 506px;
    margin: 0 auto;
}

.xans-member-login .login .login-box {
    width: 466px;
    padding: 70px 0 0 40px;
    margin: 0 auto;
    height: 137px;
    background: url(/main_files/login_bg.gif) no-repeat 0 0;
}

.xans-member-login .login fieldset .id,.xans-member-login .login fieldset .password {
    overflow: hidden;
    display: block;
}

.xans-member-login .login fieldset .id span,.xans-member-login .login fieldset .password span {
    float: left;
    width: 55px;
    height: 34px;
    line-height: 34px;
    color: #c9c9c9;
}

.xans-member-login .login fieldset input[type=text],.xans-member-login .login fieldset input[type=password] {
    float: left;
    width: 254px;
    height: 24px;
    line-height: 24px;
    padding: 2px 2px 2px 3px;
    border: 1px solid #e6e6e6;
    color: #8F8F91;
}

.xans-member-login .login fieldset .other-box {
    width: 262px;
    margin: 10px 0 0 55px;
}

.xans-member-login .login fieldset .security {
    float: right;
    font-size: 11px;
    letter-spacing: -1px;
    color: #757575;
    margin-top: -3px;
}

.xans-member-login .login fieldset .security input {
    width: 13px;
    height: 13px;
    margin: 0 3px 0 0;
    vertical-align: -3px;
    *vertical-align: 2px;
}

.xans-member-login .login fieldset .security label {
    margin: 0 3px 0 0;
}

.xans-member-login .login fieldset .security img {
    vertical-align: middle;
}

.xans-member-login .login fieldset a.btn-login {
    position: absolute;
    top: 70px;
    right: 38px;
}

.xans-member-login .login fieldset ul {
    float: left;
}

.xans-member-login .login fieldset li {
    float: left;
}

.xans-member-login .login fieldset li a {
    color: #2e2e2e;
}

.xans-member-login .login fieldset .link {
    text-align: center;
    margin-top: 20px;
}

.xans-member-login .login fieldset .link a {
}

.xans-member-login .login fieldset .snsArea {
    padding: 0;
    margin: 0 0 0 -4px;
}

.xans-member-login .login fieldset .snsArea li {
    margin: 7px 0 0 4px;
    padding: 0;
    background: none;
}

.xans-member-login .login fieldset .link #noMemberWrap {
    border-top: 0;
    margin-top: 0;
}

#b_login_box {
    width: 500px;
    padding: 50px 0 0 10px;
    margin: auto;
    margin-top: -240px;
    height: 450px;
    background: url(/SkinImg/login_bg1.jpg) no-repeat 0 0;
}

.ec-base-desc {
    width: 450px;
    height: 80px;
    margin-left: 20px;
}

input[type=text] {
    width: 200px;
}

input[type=password] {
    width: 200px;
}

#order_id1,#order_id2 {
    width: 82px;
}

.button {
    width: 380px;
    margin: 10px auto 0;
    text-align: right;
}

.xans-layout-category {
}

.xans-layout-category h2 {
    display: none;
}

.xans-layout-category .position {
    position: relative;
    z-index: 65;
    margin-top: -48px;
}

.xans-layout-category .position > ul {
    background: #1a71f3;
}

.xans-layout-category .position > ul > li {
    position: relative;
    border-bottom: 1px solid #4589ee;
}

.xans-layout-category .position > ul > li > a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 5px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    font-family: Malgun Gothic,Verdana,Dotum,sans-serif;
    word-spacing: -1px;
    text-decoration: none;
}

.xans-layout-category .position > ul > li > a:hover,.xans-layout-category .position > ul > li.selected > a,.xans-layout-category .position > ul > li.on > a {
    color: #cedbfb;
}

.xans-layout-category .sub-category {
    position: absolute;
    top: 0px;
    left: 180px;
    width: 170px;
    padding: 5px 0;
    border-top: 1px solid #c6c6c6;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    background: #fff;
    z-index: 100;
}

.xans-layout-category .sub-category ul {
}

.xans-layout-category .sub-category li {
    padding: 0 0 0 15px;
}

.xans-layout-category .sub-category a {
    display: block;
    padding: 6px 0;
    font-size: 12px;
    color: #2e2e2e;
    text-decoration: none;
}

.xans-layout-category .sub-category a:hover,.xans-layout-category .sub-category li.selected a {
    color: #0055a4;
}

.xans-layout-category .ico-sale {
    padding-left: 5px;
    vertical-align: middle;
}

.rocky_manu {
    width: 1200px;
    height: 300px;
}

.rocky_manu li {
    width: 238px;
    height: 250px;
    border: 1px solid #d4d4d4;
    list-style: none;
    float: left;
    text-align: center;
}

.rocky_manu li:nth-child(1),.rocky_manu li:nth-child(2),.rocky_manu li:nth-child(3),.rocky_manu li:nth-child(4) {
    border-right: 0px;
}

.rocky_manu li:nth-child(5) {
    width: 236px;
}

.rocky_manu li:nth-child(3) {
    width: 241px;
}

.rocky_manu li p {
    margin-top: 15px;
    font-size: 14px;
}

.logo_line {
    width: 1200px;
    height: 270px;
}

.text01 {
    display: inline;
    font-size: 16px;
    color: #fff;
    height: 50px;
    line-height: 60px;
    font-weight: 900;
}

.right-fix>h2 {
    margin-left: 20px;
}

.right-fix>ul {
    margin-left: 20px;
}

.sns_box {
    width: 80px;
    height: 230px;
}

.sns_box>ol {
    text-align: center;
    margin-left: -25px;
}

.sns_box>ol>li {
    margin: 10px;
}

.sns_box>ol>li img {
    width: 50px;
    height: auto;
}

.sns_box>ol>li:nth-chlid(1) {
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
    height: 100%;
}

body,code {
    font: 0.75em Malgun Gothic,Verdana,Dotum,AppleGothic,sans-serif;
    color: #353535;
    background: #fff;
}

body {
    min-width: 1000px;
}

body#popup {
    min-width: 0;
}

li {
    list-style: none;
}

img,fieldset {
    border: none;
    vertical-align: top;
}

table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

caption {
    display: none;
}

th,td {
    border: 0;
    vertical-align: top;
}

input,select,textarea {
    font-size: 100%;
    font-family: "돋움",Dotum;
    color: #353535;
    vertical-align: middle;
}

input[type=radio],input[type=checkbox] {
    width: 13px;
    height: 13px;
    border: 0;
}

input[type=text],input[type=password] {
    height: 18px;
    line-height: 20px;
    padding: 2px 4px;
    border: 1px solid #d5d5d5;
    color: #353535;
    font-size: 12px;
}

input[type=radio] + label,input[type=checkbox] + label {
    margin: 0 4px 0 2px;
}

select {
    height: 24px;
    border: 1px solid #d5d5d5;
}

textarea {
    padding: 5px 6px;
    border: 1px solid #d5d5d5;
    line-height: 1.5;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #c1c1c1;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #c1c1c1;
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #c1c1c1;
    opacity: 1;
}

legend {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    line-height: 0;
}

button {
    overflow: visible;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
}

hr.layout {
    display: none;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}

.objHidden {
    visibility: hidden;
    position: absolute;
    left: -1000px;
    top: -1000px;
    height: 0;
    width: 0;
}

table tr.radioType input,span.noBorder input {
    border: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 3px 0 0 !important;
    vertical-align: middle !important;
    background: none !important;
}

#content_CONTAINER table,#bi_inquire_content_CONTAINER table {
    border: 0;
    margin: 0 0 -1px;
}

#content_CONTAINER table:before,#bi_inquire_content_CONTAINER table:before {
    display: none;
}

#content_CONTAINER td,#bi_inquire_content_CONTAINER td {
    width: auto !important;
    padding: 0;
}

table.nneditor-table {
    width: auto !important;
}

.gLabel {
    display: inline-block;
}

.gLabel label {
    margin-right: 20px;
    line-height: 22px;
}

.fWidthFull input[type=text] {
    width: 100%;
    height: 24px;
    -webkit-box-sizing: border-box;
    -moz-webkit-box: border-box;
    box-sizing: border-box;
}

.fWidthFull textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-webkit-box: border-box;
    box-sizing: border-box;
}

#progressPaybarBackground {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#progressPaybarView {
    position: absolute;
    z-index: 100;
    top: 160px;
    left: 20px;
    width: 471px;
    font-size: 12px;
}

#progressPaybarView .box {
    height: 180px;
    background: url(//img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat;
}

#progressPaybarView .box .graph {
    padding: 15px 0 0 0;
    text-align: center;
}

#progressPaybarView .box .graph span {
    display: block;
    text-align: center;
    margin: 20px 0;
}

#progressPaybarView .box .txt {
    text-align: center;
    padding: 15px 0 0;
    color: #555555;
}

div.layerProgress {
    filter: alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity: 0.4;
    background-color: #999;
}

#skipNavigation {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 0;
}

#skipNavigation p,#skipNavigation ul,#skipNavigation ul li {
    height: 0;
}

#skipNavigation p a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin-left: -1px;
    margin-bottom: -1px;
    text-align: center;
    color: #000;
    white-space: nowrap;
}

#skipNavigation p a:focus,#skipNavigation p a:hover,#skipNavigation p a:active {
    width: 100%;
    height: auto;
    padding: 10px 0;
    background: #c4122f;
    color: #fff;
    z-index: 100;
}

.displaynone {
    display: none;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

.ul-list li {
    float: left;
    display: inline;
}

.dimmed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.xans-layout-category-2 ul li .sub-category {
    display: none;
}

.path span {
    display: none;
}

.promotionBanner {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #ecfffd;
}

.promotionBanner .bannerLink {
    display: block;
}

.promotionBanner .btnClose {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: 590px;
}

.mLogin.typeOrder .tButton.type3,.mLogin.typeOrder .tButton.type3 span {
    height: 88px;
    line-height: 88px;
}

.mLogin.typeOrder #order_id1,.mLogin.typeOrder #order_id2 {
    width: 69px;
}

.mLogin.typeOrder #order_id1 {
    margin-right: 5px;
}

.mLogin.typeOrder #order_id2 {
    margin-left: 5px;
}

body {
    min-width: 1450px;
}

#header {
}

#header .inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    *zoom:1;}

#header .inner:after {
    content: "";
    display: block;
    clear: both;
}

#header .topArea {
    position: relative;
    text-align: left;
    *zoom:1;}

#header .topArea:after {
    content: "";
    display: block;
    clear: both;
}

#wrap {
    position: relative;
    width: 1450px;
    margin: 0 auto;
}

#container {
    width: 1200px;
    margin: 0 auto;
    *zoom:1;position: relative;
}

#container:after {
    content: "";
    display: block;
    clear: both;
}

#sidebar {
    float: left;
    width: 180px;
    background: #fff;
}

#sidebar .banner {
    padding: 0 0 20px;
    border-bottom: 1px solid #e8e8e8;
}

#sidebar .banner p a {
    display: block;
}

#contents {
    float: right;
    width: 990px;
}

#banner {
    position: absolute;
    top: 0;
    left: -120px;
    width: 105px;
}

#quick {
    position: absolute;
    top: 0;
    right: -8px;
    width: 90px;
    margin-left: 15px;
}

#quick .banner a {
    display: block;
    margin: 15px 0 0;
}

#footer {
    margin-top: 60px;
}

#footer .inner {
    overflow: hidden;
    position: relative;
    width: 1200px;
    margin: 0 auto 0;
    *zoom:1;}

#boardArea {
    overflow: hidden;
    margin: 50px 0 0;
    border-top: 1px solid #d8d8d8;
}

#bannerArea {
    margin: 22px 0 0;
}

#bannerArea h2 {
    margin: 0 0 16px;
    font-weight: normal;
    font-size: 20px;
    font-family: Arial,"돋움",Dotum,sans-serif;
    color: #2e2e2e;
    text-align: center;
}

.path {
    overflow: hidden;
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e8e8e8;
    ;*zoom:1;}

.path h2 {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    white-space: nowrap;
    text-indent: 100%;
}

.path ol {
    float: right;
}

.path li {
    float: left;
    padding: 0 0 0 12px;
    margin: 0 0 0 8px;
    font-size: 11px;
    color: #757575;
    background: url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_path.gif") no-repeat 0 10px;
}

.path li:first-child {
    background: none;
}

.path li a {
    color: #43474a;
}

.path li strong,.path li strong a {
    color: #2e2e2e;
}

.titleArea {
    margin: 25px 0 35px;
    text-align: center;
}

.titleArea h2 {
    clear: both;
    display: inline-block;
    padding: 0 0 0 0;
    color: #293744;
    font-size: 22px;
    *display: inline;
    *zoom:1;border-bottom: 3px solid #293744;
}

.titleArea p {
    clear: both;
    color: #83888c;
    padding: 5px 0 0 0;
    letter-spacing: -1px;
}

.titleArea ul {
    padding: 10px 0 0 0;
    color: #939393;
    line-height: 18px;
    font-size: 11px;
}

.titleArea ul li {
    padding: 0 0 0 9px;
    background: url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_info.gif") no-repeat 4px 7px;
    text-align: left;
}

.boardMain {
    overflow: hidden;
    *zoom:1;}

.boardMain td img {
    vertical-align: middle;
    margin: 1px;
}

.boardMain .board {
    position: relative;
    margin: 0 0 65px;
}

.boardMain .leftArea {
    float: left;
    width: 50%;
}

.boardMain .leftArea .board {
    margin: 0 23px 65px 0;
}

.boardMain .rightArea {
    float: right;
    width: 50%;
}

.boardMain .rightArea .board {
    margin: 0 0 65px 23px;
}

.boardMain .board h3 {
    margin: 0 0 13px;
    height: 28px;
    font-size: 16px;
    color: #2e2e2e;
    border-bottom: 2px solid #626672;
}

.boardMain .board .more {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px;
}

.boardMain .board .ec-base-table.typeList td {
    color: #a4a4a4;
}

.boardMain .board .ec-base-table.typeList td.title a,.boardMain .board .ec-base-table.typeList td.title a:hover {
    color: #4f4f4f;
}

.boardMain .board .galleryList {
    overflow: hidden;
}

.boardMain .board .galleryList ul {
    overflow: hidden;
    margin: 0 -10px;
}

.boardMain .board .galleryList li {
    float: left;
    position: relative;
    width: 20%;
    padding: 0 0 12px 0;
    word-break: break-all;
}

.boardMain .board .galleryList li span {
    display: block;
    margin: 0 10px;
    font-size: 11px;
    color: #a4a4a4;
}

.boardMain .board .galleryList li .imgLink,.boardMain .board .galleryList li .imgLink:hover {
    display: block;
    margin: 0 10px 5px;
    font-size: 12px;
}

.boardMain .board .galleryList li .imgLink img {
    width: 100%;
    max-height: 110px;
    border: 1px solid #ededed;
}

#modalBackpanel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #000;
}

#modalContainer {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 10001;
    width: 975px;
    height: 720px;
    border: 1px solid #333;
    background: #fff;
}

#modalContainer #modalContent {
    width: 100%;
    height: 100%;
}

.txtInfo {
    color: #707070;
}

.txtWarn {
    color: #f76560;
}

.txtEm {
    color: #f76d4d;
}

.txtDel,.strike,.discount {
    text-decoration: line-through;
    font-weight: normal;
}

.strike strong,.discount strong {
    font-weight: normal;
}

.txtNormal {
    font-weight: normal;
    font-style: normal;
}

.txtNum {
    font-size: 11px;
    color: #939393;
}

.txt11 {
    font-size: 11px;
}

.txt12 {
    font-size: 12px;
}

.txt14 {
    font-size: 14px;
}

.txt16 {
    font-size: 16px;
}

.txt18 {
    font-size: 18px;
    letter-spacing: -1px;
}

.txtIcon {
    font-size: 12px;
    font-style: normal;
}

.txtBreak {
    word-break: break-all;
    word-wrap: break-word;
}

html:lang(ja) .txt11,html:lang(zh) .txt11,html:lang(zh-tw) .txt11 {
    font-size: 12px;
}

.gBlank5 {
    display: block;
    margin-top: 5px;
}

.gBlank10 {
    display: block;
    margin-top: 10px;
}

.gBlank20 {
    display: block;
    margin-top: 20px;
}

.gBlank30 {
    display: block;
    margin-top: 30px;
}

.gIndent10 {
    margin-left: 10px;
}

.gIndent20 {
    margin-left: 20px;
}

.gSpace10 {
    margin-right: 10px;
}

.gSpace20 {
    margin-right: 20px;
}

.gMerge {
    position: relative;
    z-index: 1;
    margin-top: -1px;
}

.ec-base-qty {
    position: relative;
    display: inline-block;
    width: 50px;
    margin: 0 1px 0 0;
    text-align: left;
}

.ec-base-qty input[type="text"] {
    width: 22px;
    height: 23px;
    padding: 0 0 0 5px;
    line-height: 25px;
    border: 1px solid #d4d8d9;
    border-radius: 3px 0 0 3px;
}

.ec-base-qty .up {
    position: absolute;
    left: 27px;
    top: 0;
}

.ec-base-qty .down {
    position: absolute;
    left: 27px;
    bottom: 0;
}

.ec-base-chk {
    display: inline-block;
    position: relative;
    margin: 0 8px 0 0;
    width: 22px;
    height: 22px;
    vertical-align: top;
    cursor: pointer;
}

.ec-base-chk input {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.ec-base-chk .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("//img.echosting.cafe24.com/skin/base/common/bg_join_check.png") no-repeat 0 0;
}

.ec-base-chk input:checked + .checkbox {
    background-position: -34px 0;
}

.ec-base-tooltip {
    display: none;
    z-index: 2;
    position: absolute;
    top: 24px;
    padding: 15px;
    border: 1px solid #565960;
    background: #fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

.ec-base-tooltip h3 {
    margin: 0 0 8px;
    padding: 0 10px;
    font-size: 12px;
    border-bottom: 0;
    background: url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%;
}

.ec-base-tooltip h3 + p {
    margin: 0 5px 10px;
}

.ec-base-tooltip h4 {
    margin: 15px 10px 8px 5px;
    font-size: 12px;
}

.ec-base-tooltip h4:before {
    display: inline-block;
    content: "";
    margin: 0 5px 0 0;
    width: 3px;
    height: 3px;
    background: #666;
    vertical-align: middle;
}

.ec-base-tooltip .btnClose {
    position: absolute;
    right: 14px;
    top: 14px;
}

.ec-base-tooltip .edge {
    z-index: 20;
    position: absolute;
    left: 50%;
    top: -6px;
    display: block;
    margin: 0 0 0 -5px;
    width: 10px;
    height: 6px;
}

.ec-base-tooltip .edge:before,.ec-base-tooltip .edge:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border: solid transparent;
}

.ec-base-tooltip .edge:before {
    margin: 1px 0 0;
    border-bottom-color: #565960;
    border-width: 0 5px 5px 5px;
}

.ec-base-tooltip .edge:after {
    left: 1px;
    margin: 2px 0 0;
    border-bottom-color: #fff;
    border-width: 0 4px 4px 4px;
}

.ec-base-tooltip table th,.ec-base-tooltip table td {
    padding: 8px 10px 7px 10px;
    border: 1px solid #e8e8e8;
    line-height: 1.5em;
}

.ec-base-tooltip table th {
    padding-right: 0;
    background: #fbf9fa;
}

.ec-base-tooltip table thead th {
    text-align: center;
}

.ec-base-tooltip table tbody th {
    text-align: left;
}

.ec-base-tooltip table .left {
    text-align: left;
}

.ec-base-tooltip table .center {
    text-align: center;
}

.ec-base-tooltip table .right {
    text-align: right;
}

.ec-base-tooltip table .info {
    padding: 0;
    color: #757575;
}

.ec-base-tooltip table p.info:before,.ec-base-tooltip table ul.info li:before {
    display: inline-block;
    content: "";
    margin: 0 3px 0 0;
    width: 4px;
    height: 1px;
    background: #757575;
    vertical-align: middle;
}

.ec-base-tooltip .info {
    padding: 10px 10px 0;
    margin: 5px 0 0;
}

.ec-base-tooltip p.bullet,.ec-base-tooltip ul.bullet {
    margin: 8px 10px;
}

.ec-base-tooltip p.bullet:before,.ec-base-tooltip ul.bullet li:before {
    display: inline-block;
    content: "";
    margin: -3px 3px 0 0;
    width: 0;
    height: 0;
    border: solid transparent;
    border-left-color: #333;
    border-width: 2px 0 2px 2px;
    vertical-align: middle;
}

.ec-base-tooltip ul.bullet li {
    line-height: 1.5em;
}

.ec-base-tooltip .txtEm {
    color: #008bcc;
}

.ec-base-tooltip .txtWarn {
    color: #f65b54;
}

.ec-base-tooltip.typeUpper {
    top: auto;
    bottom: 34px;
}

.ec-base-tooltip.typeUpper .edge {
    top: auto;
    bottom: -6px;
}

.ec-base-tooltip.typeUpper .edge:before {
    margin: 0 0 -5px;
    border-top-color: #565960;
    border-width: 5px 5px 0 5px;
}

.ec-base-tooltip.typeUpper .edge:after {
    left: 1px;
    margin: 0 0 -4px;
    border-top-color: #fff;
    border-width: 4px 4px 0 4px;
}

span.ec-base-help,p.ec-base-help,ul.ec-base-help li {
    margin: 2px 0;
    padding: 1px 0 1px 20px;
    line-height: 1.4;
    background: url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px;
}

div.ec-base-help {
    margin: 20px 0;
    border: 1px solid #d6d4d4;
    line-height: 18px;
}

div.ec-base-help > h2,div.ec-base-help > h3 {
    padding: 15px 0 6px 21px;
    color: #101010;
    font-size: 12px;
}

div.ec-base-help .inner {
    padding: 0 9px 21px;
}

div.ec-base-help h4 {
    margin: 22px 0 0;
    padding: 0 0 0 11px;
    color: #101010;
    font-size: 12px;
    font-weight: normal;
}

div.ec-base-help h4:first-child {
    margin-top: 13px;
}

div.ec-base-help p {
    margin: 15px 0 0 10px;
    color: #707070;
}

div.ec-base-help ul,div.ec-base-help ol {
    margin: 5px 0 0 11px;
}

div.ec-base-help li {
    color: #707070;
}

div.ec-base-help ol li {
    padding: 0 0 0 11px;
    background: url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px;
}

div.ec-base-help ul li {
    padding: 0 0 0 11px;
    background: url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px;
}

.ec-base-product {
    margin: 0 0 0;
}

.ec-base-product .title {
    margin: 0 0 6px;
}

.ec-base-product .title h2 {
    font-weight: normal;
    font-size: 15px;
    color: #43474a;
    text-align: center;
    font-weight: bold;
}

.ec-base-product .title h2 strong {
    color: #3dc6bc;
}

.ec-base-product .title h3 {
    font-weight: normal;
    font-size: 15px;
    color: #43474a;
    text-align: center;
    font-weight: bold;
}

.ec-base-product img {
    vertical-align: middle;
}

.ec-base-product a[href^='/product/detail.html'] > img {
    border: 1px solid #ececec;
}

.ec-base-product .prdList {
    display: table;
    width: 100%;
    margin: 0 0 0;
    font-size: 0;
    line-height: 0;
}

.ec-base-product .prdList > li {
    display: inline-block;
    margin: 0 0;
    color: #757575;
    vertical-align: top;
}

.ec-base-product .prdList .chk {
    display: block;
    margin: 0 0 10px;
    text-align: center;
}

.ec-base-product .prdList .thumbnail {
    position: relative;
    margin: 0 10px 7px;
    text-align: center;
}

.ec-base-product .prdList .thumbnail a img {
    max-width: 100%;
    box-sizing: border-box;
    border: 0;
}

.ec-base-product .prdList .thumbnail .wish {
    position: absolute;
    right: 3px;
    bottom: 4px;
    z-index: 1;
    cursor: pointer;
}

.ec-base-product .prdList .thumbnail .prdIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.ec-base-product .prdList .description {
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

.ec-base-product .prdList .description .name {
    display: block;
    text-align: left;
    font-weight: normal;
}

.ec-base-product .prdList .description .name a {
    color: #2e2e2e;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: inline-block;
}

.ec-base-product .prdList .description .icon {
    text-align: left;
    vertical-align: middle;
}

.ec-base-product .prdList .description .icon:after {
    content: "";
    display: block;
    clear: both;
}

.ec-base-product .prdList .description .promotion {
    text-align: left;
}

.ec-base-product .prdList .description .button {
    clear: both;
    display: none;
}

.ec-base-product .prdList .description .button img {
    cursor: pointer;
}

.ec-base-product .prdList .description .button .option {
    display: inline;
    position: relative;
}

.ec-base-product .prdList .description .mileage {
    display: block;
}

.ec-base-product .prdList .description span.grid {
    display: block;
}

.ec-base-product .prdList .description .button .likeButton {
    display: inline-block;
}

.ec-base-product .prdList .description .button .likeButton button {
    font-family: verdana;
    color: #9a9a9a;
    letter-spacing: -1px;
    background: none;
}

.ec-base-product .prdList .description .button .likeButton button img {
    margin-bottom: 0;
    vertical-align: middle;
}

.ec-base-product .prdList .description .button .likeButton button strong {
    height: 16px;
    vertical-align: middle;
}

.ec-base-product .prdList .description .button .likeButton.selected button {
    color: #353535;
}

.ec-base-product ul.grid2 > li {
    width: 50%;
}

.ec-base-product ul.grid3 > li {
    width: 33.33%;
}

.ec-base-product ul.grid4 > li {
    width: 25%;
}

.ec-base-product ul.grid5 > li {
    width: 20%;
}

.ec-base-product ul.grid6 > li {
    width: 16.6%;
}

.ec-base-product ul.grid2 > li .color {
    max-width: 230px;
}

.ec-base-product ul.grid3 > li .color {
    max-width: 230px;
}

.ec-base-product ul.grid4 > li .color {
    max-width: 190px;
}

.ec-base-product ul.grid5 > li .color {
    max-width: 130px;
}

.ec-base-product ul.grid6 > li .color {
    max-width: 90px;
}

.ec-base-product .spec {
    margin: 0;
}

.ec-base-product .spec li {
    text-align: left;
}

.ec-base-product .spec li .title {
    font-weight: normal;
    vertical-align: top;
}

.ec-base-product .spec li .title span {
    vertical-align: top;
}

.ec-base-product .spec li .color {
    overflow: hidden;
    display: inline-block;
    margin: 3px 0 0 0;
}

.ec-base-product .spec li .chips {
    float: center;
    width: 10px;
    height: 10px;
    margin: 0 2px 2px 0;
    border: 1px solid #e3e3e3;
    font-size: 0;
    line-height: 0;
}

.ec-base-product .discountPeriod {
    display: inline-block;
    z-index: 10;
    position: relative;
    width: 55px;
    height: 19px;
    vertical-align: middle;
}

.ec-base-product .layerDiscountPeriod {
    left: 50%;
    top: 26px;
    width: 247px;
    margin: 0 0 0 -124px;
}

.ec-base-product .layerDiscountPeriod strong.title {
    display: block;
    margin: 0 0 12px;
    padding: 0 35px 0 0;
    font-weight: bold;
    color: #2e2e2e;
}

.ec-base-product .layerDiscountPeriod .content p {
    margin: 2px 0 0;
    font-size: 11px;
    line-height: 16px;
    color: #757575;
    letter-spacing: -1px;
}

.ec-base-product .layerDiscountPeriod .content p strong {
    font-weight: normal;
    font-size: 12px;
    color: #2e2e2e;
}

.ec-base-product .layerDiscountPeriod .content p strong span {
    font-size: 11px;
}

.ec-base-product .prdList .shippingFee {
    position: relative;
    display: inline-block;
}

.ec-base-product .prdList .shippingFee .button {
    display: inline-block;
    float: none;
}

.ec-base-product .prdList .shippingFee .ec-base-tooltip {
    z-index: 11;
    display: block;
    margin: 0 0 0 -170px;
    width: 360px;
}

.ec-base-product .prdList .shippingFee .ec-base-tooltip table th {
    width: 40px;
}

.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,.ec-base-product .prdList .shippingFee .ec-base-tooltip table td {
    padding: 7px 10px 8px 10px;
}

.ec-base-product .btnTooltip {
    position: relative;
    display: inline-block;
}

.differentialShipping {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 17px;
    z-index: 100;
    width: 350px;
    margin: 0 0 0 -176px;
}

.differentialShipping h3.title {
    margin: 0;
    height: 35px;
    padding: 0 35px 0 19px;
    border: 0;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    background: #495164;
}

.differentialShipping .content {
    padding: 12px 18px 14px 18px;
    border: 1px solid #757575;
    border-top: 0;
    text-align: center;
    background: #fff;
}

.differentialShipping .close {
    position: absolute;
    right: 14px;
    top: 12px;
}

.differentialShipping .close img {
    cursor: pointer;
}

.differentialShipping .content ul {
    color: #757575;
    line-height: 25px;
}

.differentialShipping .content li {
    overflow: hidden;
}

.differentialShipping .content li strong {
    float: left;
    font-weight: normal;
}

.differentialShipping .content li span {
    float: right;
    color: #2e2e2e;
}

.differentialShipping .content .info {
    margin: 7px 0 0;
    padding: 7px 0 0;
    border-top: 1px dotted #b0b1b3;
    color: #80aeef;
    text-align: right;
}

.ec-product-bgLT {
    background-position: left top;
}

.ec-product-bgLC {
    background-position: left center;
}

.ec-product-bgLB {
    background-position: left bottom;
}

.ec-product-bgRT {
    background-position: right top;
}

.ec-product-bgRC {
    background-position: right center;
}

.ec-product-bgRB {
    background-position: right bottom;
}

.ec-product-bgCT {
    background-position: center top;
}

.ec-product-bgCC {
    background-position: center center;
}

.ec-product-bgCB {
    background-position: center bottom;
}

.ec-base-product01 .prdList > li {
    width: 287px;
    padding-top: 40px;
    margin-bottom: 14px;
    border-top: 1px solid #dddddd;
    position: relative;
}

.ec-base-product01 .prdList > li:first-child {
    border-top: none;
}

.ec-base-product01 .prdList .thumbnail {
    float: left;
    width: 125px;
}

.ec-base-product01 .prdList .description {
    float: left;
    margin-top: 5px;
}

.ec-base-product01 .prdList .description .name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 130px;
    padding-bottom: 7px;
}

.ec-base-product01 .prdList .description .icon {
    margin-top: 6px;
}

.ec-base-product01 .spec li {
    line-height: 1.2;
    padding-bottom: 2px;
}

.ec-base-product01 .prdList .thumbnail a img {
    max-width: 95px;
}

.ec-base-product02 .prdList > li,.ec-base-product02 .cycle-carousel-wrap > li {
    width: 198px;
    margin: 10px 13px;
}

.ec-base-product02 .prdList .thumbnail {
    margin: 0 0 7px;
}

.ec-base-product02 .spec li {
    display: inline-block;
}

.ec-base-product03 .prdList > li {
    position: relative;
    height: 214px;
    padding: 15px 0 20px;
    border-bottom: 1px solid #d3d3d3;
}

.ec-base-product03 .prdList .thumbnail,.ec-base-product03 .prdList .description {
    width: 151px;
}

.ec-base-product03 .prdList .thumbnail {
    margin: 0 auto 7px;
}

.ec-base-product04 .prdList > li {
    height: 268px;
    padding-top: 10px;
    border-left: 1px solid #d9d9d9;
    margin-left: -1px;
}

.ec-base-product04 .prdList .thumbnail,.ec-base-product04 .prdList .description {
    width: 212px;
    margin: 0 auto;
}

.ec-base-product04 .prdList .description {
    text-indent: 0px;
}

.ec-base-product04 .prdList .description .name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 210px;
}

.ec-base-product05 ul.grid5 > li {
    width: 212px;
    padding: 13px 0 19px;
}

.ec-base-product05 .prdList > li {
    background: #fbfbfb;
    border: 1px solid #eeeeee;
    margin: 0 13px 35px;
}

.ec-base-product05 .prdList .thumbnail,.ec-base-product05 .prdList .description {
    width: 186px;
    margin: 0 auto;
}

.ec-base-product06 {
    margin-top: 30px;
    position: relative;
    background: #373737;
}

.ec-base-product06 .prdList {
    width: 786px;
    margin-left: 204px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-left: none;
}

.ec-base-product06 .prdList > li {
    position: relative;
    padding-top: 14px;
    border-left: 1px solid #d9d9d9;
    display: table-cell;
}

.ec-base-product06 .prdList .description {
    position: relative;
    margin-top: 10px;
    padding: 10px 60px 10px 20px;
    border-top: 1px solid #d9d9d9;
    background: #fafafa;
}

.ec-base-product06 .prdList .thumbnail a img {
    max-width: 212px;
}

.ec-base-product07 .prdList .thumbnail,.ec-base-product07 .prdList .description {
    width: 206px;
    margin: 0 auto;
}

.ec-base-product07 .prdList > li {
    margin: 15px 0 30px;
}

.ec-base-product07 .prdList .thumbnail a img {
    width: 100%;
    border: 1px solid #e6e6e6;
}

.ec-base-product07 .prdList .description .name,.ec-base-product07 .spec li,.ec-base-product07 .prdList .description .promotion {
    text-align: center;
}

.xans-product-listrecommend.ec-base-product02 ul.grid5 > li {
    width: 159px;
}

.ec-base-paginate {
    margin: 30px 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.ec-base-paginate ol {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    *display: inline;
    *zoom:1;*margin: 0;
}

.ec-base-paginate li {
    display: inline-block;
    margin: 0 0 0 -1px;
    border: 1px solid #d7d5d5;
    font-size: 12px;
    color: #757575;
    vertical-align: top;
    *display: inline;
    *zoom:1;}

.ec-base-paginate li:first-child {
    margin-left: 0;
}

.ec-base-paginate img {
    vertical-align: top;
}

.ec-base-paginate li a {
    display: block;
    width: 33px;
    padding: 9px 0;
    font-weight: bold;
    color: #939393;
    line-height: 14px;
    background: #fff;
}

.ec-base-paginate li a:hover {
    text-decoration: none;
    background: #f0f2f2;
}

.ec-base-paginate li a.this {
    padding-bottom: 6px;
    border-bottom: 3px solid #495164;
    color: #495164;
}

.ec-base-paginate a.nolink {
    cursor: default;
}

.ec-base-paginate.typeSub {
    margin: 0 0 30px 0;
}

.ec-base-paginate.typeSub ol {
    margin: 0 15px;
    vertical-align: middle;
}

.ec-base-paginate.typeSub li {
    font-size: 12px;
    border: 0;
}

.ec-base-paginate.typeSub img {
    vertical-align: middle;
}

.ec-base-paginate.typeSub li a {
    width: auto;
    margin: 0 5px 0;
    padding: 2px;
    color: #777777;
    background: none;
}

.ec-base-paginate.typeSub li a.this {
    color: #222222;
    border: 0;
}

.ec-base-paginate.typeSub .first {
    margin-right: 3px;
}

.ec-base-paginate.typeSub .last {
    margin-left: 3px;
}

.ec-base-tab {
    position: relative;
}

.ec-base-tab .menu {
    margin: 0 0 20px;
    border-bottom: 1px solid #d6d6d6;
    background: #ffffff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ec-base-tab .menu:after {
    content: "";
    display: block;
    clear: both;
}

.ec-base-tab .menu li {
    float: left;
    border-left: 1px solid #d6d6d6;
    background: #ffffff;
}

.ec-base-tab .menu li a {
    display: block;
    min-width: 187px;
    margin: 0 0 0 -1px;
    padding: 8px 5px 8px;
    border-top: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    color: #bfbfbf;
    text-decoration: none;
    outline: 0;
    text-align: center;
    background: #ffffff;
}

.ec-base-tab .menu li:first-child a {
    margin-left: 0;
}

.ec-base-tab .menu li.selected {
}

.ec-base-tab .menu li.selected a {
    position: relative;
    top: 0;
    left: -2px;
    margin: 0 0 -1px;
    border-top: 2px solid #787878;
    border-left: 1px solid #d6d6d6;
    border-bottom: 0;
    color: #333333;
    font-weight: bold;
    background: #fff;
    padding: 7px 5px 8px;
}

.ec-base-tab .menu li.selected:first-child a {
    left: -1px;
}

.ec-base-tab > .right {
    position: absolute;
    top: 8px;
    right: 10px;
    line-height: 24px;
    color: #909090;
}

.ec-base-tab.typeLight .menu li.selected a {
    margin: 0 0 -2px;
    border-bottom: 1px solid #fff;
    color: #404040;
    background: #fff;
}

.ec-base-tab[class*="grid"] .menu {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.ec-base-tab[class*="grid"] .menu li {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.ec-base-tab[class*="grid"] .menu li a {
    display: inline-block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 8px 0 8px 0;
}

.ec-base-tab[class*="grid"] .menu li.selected {
    position: relative;
    top: 0;
    border-bottom: 0;
    background: #fff;
}

.ec-base-tab[class*="grid"] .menu li:first-child.selected {
    right: 0;
}

.ec-base-tab[class*="grid"] .menu li.selected a {
    position: static;
    background: none;
    border-top: 2px solid #787878;
    border-left: 0;
    padding: 7px 0 8px 0;
}

.ec-base-tab.grid2 .menu li {
    width: 50.5%;
}

.ec-base-tab.grid3 .menu li {
    width: 34%;
}

.ec-base-tab.grid4 .menu li {
    width: 25.5%;
}

.ec-base-tab.grid5 .menu li {
    width: 20.5%;
}

.ec-base-tab.grid6 .menu li {
    width: 17%;
}

.ec-base-tab.grid7 .menu li {
    width: 13.8%;
    width: 15% \0/;
}

.ec-base-tab.grid7 .menu li:first-child {
    width: 13% \0/;
}

.ec-base-button {
    padding: 10px 0;
    text-align: center;
}

.ec-base-button.justify {
    position: relative;
}

.ec-base-button:after {
    display: block;
    content: "";
    clear: both;
}

.ec-base-button .gLeft {
    float: left;
    text-align: left;
}

.ec-base-button .gRight {
    float: right;
    text-align: right;
}

.ec-base-button.justify .gLeft {
    position: absolute;
    left: 0;
}

.ec-base-button.justify .gRight {
    position: absolute;
    right: 0;
}

.ec-base-button .text {
    margin: 0 6px 0 10px;
    color: #353535;
    line-height: 24px;
}

.ec-base-button.typeBorder {
    margin-top: -1px;
    padding: 10px 0;
}

.ec-base-button.typeBG {
    padding: 10px 20px;
    border: 1px solid #e8e8e8;
    background: #fdfdfd;
}

.ec-base-box {
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 5px solid #e8e8e8;
    color: #404040;
}

.ec-base-box.gHalf {
    position: relative;
    padding: 20px 0;
}

.ec-base-box.gHalf:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #e6e6e6;
}

.ec-base-box.typeBg {
    background-color: #f7f7f7;
}

.ec-base-box.typeThin {
    border-width: 1px;
    border-color: #e8e8e8;
}

.ec-base-box.typeThinBg {
    border-width: 1px;
    border-color: #e8e8e8;
    background-color: #f7f7f7;
}

.ec-base-box.typeThinBg > .agree {
    padding: 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.ec-base-box.typeThinBg > .agree p {
    padding: 0 0 17px;
}

.ec-base-box.typeMember {
    padding: 0;
}

.ec-base-box.typeMember .information {
    display: table;
    table-layout: fixed;
    padding: 15px 0;
    width: 100%;
    box-sizing: border-box;
}

.ec-base-box.typeMember .information > .title,.ec-base-box.typeMember .information > .thumbnail {
    display: table-cell;
    padding: 0 15px;
    width: 70px;
    text-align: center;
    vertical-align: middle;
}

.ec-base-box.typeMember .information > .title {
    vertical-align: middle;
    display: none;
}

.ec-base-box.typeMember .information > .thumbnail img {
    max-width: 70px;
}

.ec-base-box.typeMember .information .description {
    display: table-cell;
    padding: 0 20px;
    width: auto;
    line-height: 1.5em;
    border-left: 1px solid #e8e8e8;
    vertical-align: middle;
}

.ec-base-box.typeMember.gMessage {
    border-width: 1px;
    border-color: #e8e8e8;
}

.ec-base-box .message {
    display: block;
    padding: 10px 0 10px 35px;
    border-bottom: 1px solid #e8e7e7;
    background: #fbfbfb url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center;
}

.ec-base-box.typeProduct {
    display: table;
    table-layout: fixed;
    padding: 15px 0;
    width: 100%;
    box-sizing: border-box;
}

.ec-base-box.typeProduct .thumbnail,.ec-base-box.typeProduct .information {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
}

.ec-base-box.typeProduct .thumbnail {
    width: 100px;
}

.ec-base-box.typeProduct .thumbnail img {
    max-width: 90px;
    border: 1px solid #e8e8e8;
}

.ec-base-box.typeProduct .information {
    padding-left: 0;
}

.ec-base-table table {
    position: relative;
    margin: 0 0 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-top: 0;
    color: #fff;
    line-height: 1.5;
}

.ec-base-table.gLayoutFixed table {
    table-layout: fixed;
}

.ec-base-table.gLayoutFixed .gLayoutAuto table {
    table-layout: auto;
}

.ec-base-table table:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #e8e8e8;
}

.ec-base-table thead th {
    padding: 11px 0 10px;
    font-size: 11px;
    color: #8f8d8d;
    vertical-align: middle;
    font-weight: normal;
    background: #fdfdfd;
}

.ec-base-table tbody th {
    padding: 11px 0 10px 18px;
    border-top: 1px solid #e8e8e8;
    color: #353535;
    text-align: left;
    font-weight: normal;
    background-color: #f7f7f7;
}

.ec-base-table thead th:first-child {
    border-left: 1px solid #e8e8e8;
}

.ec-base-table thead th:last-child {
    border-right: 1px solid #e8e8e8;
}

.ec-base-table td {
    padding: 11px 10px 10px;
    border-top: 1px solid #e8e8e8;
    color: #353535;
    vertical-align: middle;
}

.ec-base-table td.clear {
    padding: 0 !important;
    border: 0 !important;
}

.ec-base-table.typeWrite td {
    padding: 8px 10px 7px;
}

.ec-base-table.typeList table {
    border-top: 1px solid #e8e8e8;
}

.ec-base-table.typeList table:before {
    display: none;
}

.ec-base-table.typeList td {
    padding: 10px 10px 10px;
}

.ec-base-table.typeList tfoot td {
    padding: 18px 10px 20px;
    background: #fdfdfd;
}

.ec-base-table .message {
    border: 1px solid #e8e8e8;
    padding: 50px 0;
    text-align: center;
    color: #757575;
    font-weight: bold;
}

.ec-base-table table + .message {
    margin: -1px 0 0;
}

.ec-base-table table td.message {
    padding: 50px 0;
}

.ec-base-table .scroll .message {
    border: 0;
}

.ec-base-table.typeList .head td {
    padding: 11px 0 10px;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    color: #353535;
    vertical-align: middle;
    text-align: center;
    background: #f7f7f7;
}

.ec-base-table.typeList .head td:first-child {
    border-left: 0;
}

.ec-base-table.typeList .scroll {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 185px;
    min-height: 100px;
    border: 1px solid #e8e8e8;
    border-top-width: 0;
    margin-top: -1px;
}

.ec-base-table.typeList .scroll table {
    border: 0;
    margin: 0;
}

.ec-base-table.typeList .scroll table:before {
    display: none;
}

.ec-base-table.typeList .scroll .message {
    border: 0;
}

.ec-base-table thead.blind,.ec-base-table thead.blind th {
    display: none;
}

.ec-base-table thead.blind + tbody tr:first-child th,.ec-base-table thead.blind + tbody tr:first-child td {
    border-top-width: 0;
}

.ec-base-table.typeList.gLine table {
    border-width: 0;
    border-bottom-width: 1px;
}

.ec-base-table.typeClear table:before {
    display: none;
}

.ec-base-table.typeClear table,.ec-base-table.typeClear th,.ec-base-table.typeClear td {
    border: 0 none;
    background: none;
}

.ec-base-table.typeClear th {
    font-weight: bold;
}

.ec-base-table.gBorder td {
    border-left: 1px solid #e8e8e8;
}

.ec-base-table.gBorder td:first-child {
    border-left: 0;
}

.ec-base-table.gBorder td.gClearLine {
    border-left: 0;
}

.ec-base-table.typeList.gBorder tbody td {
    border-color: #eee;
}

.ec-base-table .left {
    text-align: left;
}

.ec-base-table .center {
    text-align: center;
}

.ec-base-table .right {
    text-align: right;
}

.ec-base-table.typeList .center td,.ec-base-table.typeList td.center {
    padding-left: 0;
    padding-right: 0;
}

.ec-base-table.typeList .center td.left {
    padding-left: 10px;
}

.ec-base-table.typeList .center td.right {
    padding-right: 10px;
}

.ec-base-table .top th,.ec-base-table th.top,.ec-base-table .top td,.ec-base-table td.top {
    vertical-align: top;
}

.ec-base-table .middle th,.ec-base-table th.middle,.ec-base-table .middle td,.ec-base-table td.middle {
    vertical-align: middle;
}

.ec-base-table img {
    vertical-align: middle;
}

@media print {
    .ec-base-table table:before {
        display: none;
    }
}

.ec-base-desc {
    overflow: hidden;
    text-align: left;
}

.ec-base-desc:after {
    content: "";
    display: block;
    claer: both;
}

.ec-base-desc dt,.ec-base-desc .term {
    float: left;
    width: 100px;
    margin: 0 0 2px;
    padding: 0 4px 0 0;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    -moz-webkit-box: border-box;
    box-sizing: border-box;
    font-weight: normal;
}

.ec-base-desc dd,.ec-base-desc .desc {
    display: block;
    margin: 0 0 2px;
    padding: 0 5px 0 100px;
    min-height: 22px;
    line-height: 22px;
    word-wrap: break-word;
}

.ec-base-desc dd:after,.ec-base-desc .desc:after {
    content: "";
    display: block;
    clear: left;
}

.ec-base-desc.gSmall dt,.ec-base-desc.gSmall .term {
    width: 30%;
}

.ec-base-desc.gSmall dd,.ec-base-desc.gSmall .desc {
    padding-left: 30%;
}

.ec-base-desc.gMedium dt,.ec-base-desc.gMedium .term {
    width: 40%;
}

.ec-base-desc.gMedium dd,.ec-base-desc.gMedium .desc {
    padding-left: 40%;
}

.ec-base-desc.gLarge dt,.ec-base-desc.gLarge .term {
    width: 50%;
}

.ec-base-desc.gLarge dd,.ec-base-desc.gLarge .desc {
    padding: 0 0 0 50%;
}

.ec-base-desc.centerDT dt,.ec-base-desc.centerDD dd,.ec-base-desc.centerDT .term,.ec-base-desc.centerDD .desc,.ec-base-desc.center,.ec-base-desc .center {
    text-align: center;
}

.ec-base-desc.rightDT dt,.ec-base-desc.rightDD dd,.ec-base-desc.rightDT .term,.ec-base-desc.rightDD .desc,.ec-base-desc.right,.ec-base-desc .right {
    text-align: right;
}

.ec-base-desc.rightDD dd,.ec-base-desc.rightDD .desc {
    padding-right: 0;
}

.ec-base-desc.typeBullet dt,.ec-base-desc.typeBullet .term {
    padding: 0 4px 0 10px;
    background: url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px;
}

.ec-base-desc.typeDot dt,.ec-base-desc.typeDot .term {
    padding: 0 4px 0 6px;
    background: url("//img.echosting.cafe24.com/skin/base/common/ico_square3.gif") no-repeat left 10px;
}

.xans-layout-statelogoff {
}

.xans-layout-statelogon {
}

.xans-layout-searchheader {
    float: left;
    margin-right: 400px;
}

.xans-layout-searchheader fieldset {
    border: 2px solid #1a71f3;
}

.xans-layout-searchheader #keyword {
    width: 265px;
    height: 30px;
    padding: 0 0 0 9px;
    border: 0;
    line-height: 30px;
    font-size: 12px;
    color: #454545;
    background: #fff;
}

.top_banners {
    width: 280px;
    height: 50px;
    position: absolute;
    right: -5px;
    top: 15px;
}

.top_banners li {
    list-style: none;
    width: 80px;
    height: 50px;
    line-height: 25px;
    text-align: center;
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    border-left: 0px;
}

.top_banners li:nth-child(1) {
    border-left: 1px solid #ccc;
}

.top_banners li a {
    font-size: 12px;
    text-decoration: none;
    color: #333;
}

.xans-layout-multishoplist.list {
    float: right;
    position: relative;
    z-index: 10;
    height: 45px;
    margin: 0 0 0 6px;
}

.xans-layout-multishoplist.list .toggle {
    display: block;
    height: 45px;
    padding: 0 0 0 10px;
    color: #757575;
    line-height: 45px;
    font-size: 12px;
    background: url("//img.echosting.cafe24.com/skin/base/common/ico_bar.gif") no-repeat 0 17px;
}

.xans-layout-multishoplist.list .toggle span {
    padding: 0 25px 0 0;
    background: url("//img.echosting.cafe24.com/skin/base/layout/ico_multishop1.png") no-repeat 100% 4px;
}

.xans-layout-multishoplist.list .toggle span > img {
    vertical-align: middle
}

.xans-layout-multishoplist.list > ul {
    display: none;
    position: absolute;
    right: 0;
    top: 44px;
    overflow: auto;
    width: 248px;
    height: 155px;
    border: 1px solid #d5d5d5;
    background: #fff;
}

.xans-layout-multishoplist.list > ul li {
    position: relative;
    height: 39px;
    margin: -1px 0 0;
    border-top: 1px solid #d5d5d5;
    line-height: 39px;
}

.xans-layout-multishoplist.list > ul li a {
    display: block;
    overflow: hidden;
    padding: 0 62px 0 48px;
    color: #353535;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    background: url("//img.echosting.cafe24.com/skin/base/layout/ico_multishop2.png") no-repeat 100% -24px;
}

.xans-layout-multishoplist.list > ul li.selected a {
    background: #f3f3f3 url("//img.echosting.cafe24.com/skin/base/layout/ico_multishop2.png") no-repeat 100% 16px;
}

.xans-layout-multishoplist.list > ul li a img {
    position: absolute;
    left: 10px;
    top: 9px;
}

.xans-layout-multishoplist.list > ul li a .name strong {
    font-weight: normal;
}

.xans-layout-multishoplist.list > ul li a .unit {
    position: absolute;
    right: 38px;
    top: 0;
    font-size: 11px;
    color: #757575;
}

.xans-layout-multishoplist.list.show > ul {
    display: block;
}

.xans-layout-multishoplist.thumb {
    position: absolute;
    left: 0;
    top: 45px;
}

.xans-layout-multishoplist.thumb > ul {
    overflow: hidden;
}

.xans-layout-multishoplist.thumb > ul li {
    float: left;
    width: 32px;
    margin: 0 4px 0 0;
}

.xans-layout-multishoplist.thumb > ul li a {
    text-decoration: none;
}

.xans-layout-multishoplist .multiOption a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #666;
}

.xans-layout-multishoplist .multiOption a:hover {
    text-decoration: none;
}

.xans-layout-multishoplist .multiOption .ship,.xans-layout-multishoplist .multiOption .language {
    margin: 0 15px 0 0;
}

.xans-layout-multishoplist .multiOption .language img {
    margin: 0 6px 0 1px;
}

.xans-layout-logobottom {
    float: left;
    width: 189px;
    padding: 64px 0 0 15px;
}

.xans-layout-logobottom img {
    max-width: 180px;
}

.xans-layout-footer {
    float: left;
    height: 180px;
}

.xans-layout-footer .utilMenu {
    clear: both;
    margin: 20px 0 0 0;
}

.xans-layout-footer .utilMenu li {
    float: left;
    padding-right: 15px;
}

.xans-layout-footer .utilMenu li.home {
    padding-left: 0;
    background: none;
}

.xans-layout-footer .utilMenu li a {
    color: #353535;
}

.xans-layout-footer .address {
    clear: both;
    padding: 33px 0 0;
    color: #a6a6a6;
    line-height: 18px;
}

.xans-layout-footer .address span {
    padding: 0 25px 0 0;
    font-size: 11px;
}

.xans-layout-footer .address span a {
    color: #a6a6a6;
}

.xans-layout-footer .copyright {
    color: #a6a6a6;
}

.xans-layout-footer .pageTop {
    position: absolute;
    right: 0;
    top: 10px;
}

.xans-layout-footer .hosting {
    position: absolute;
    right: 0;
    top: 77px;
}

.xans-layout-productrecent {
}

.xans-layout-productrecent h2 a {
    display: block;
}

.xans-layout-productrecent ul {
    width: 55px;
    margin: 0 auto;
}

.xans-layout-productrecent li a {
    color: #2e2e2e;
    font-size: 11px;
}

.xans-layout-productrecent li img {
    max-width: 53px;
    margin-bottom: 3px;
    border: 1px solid #e4e4e4;
}

.xans-layout-productrecent li span {
    display: block;
    padding: 2px 0;
    line-height: 16px;
}

.xans-layout-productrecent .player {
    text-align: center;
}

.xans-layout-productrecent .player img {
}

.xans-layout-orderbasketcount {
    overflow: hidden;
    *zoom:1;}

.xans-layout-orderbasketcount strong {
    float: left;
    font-weight: normal;
}

.xans-layout-orderbasketcount span {
    float: right;
}

.xans-layout-orderbasketcount span a {
    color: #fff;
    font-weight: bold;
}

li {
    list-style: none;
}

table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

caption {
    display: none;
}

h1,h3 {
    margin: 0;
}

.ec-base-layer {
    position: absolute;
    z-index: 100;
    border: 1px solid #757575;
    background: #fff;
}

.ec-base-layer .header {
    padding: 7px 35px 7px 19px;
    color: #fff;
    background: #495164;
}

.ec-base-layer .header > h1,.ec-base-layer .header > h3 {
    font-size: 14px;
    line-height: 1.5;
}

.ec-base-layer .content {
    padding: 20px;
    font-size: 12px;
}

.ec-base-layer div.ec-base-help {
    margin-top: 0;
}

.ec-base-layer .ec-base-button {
    padding: 9px;
    border-top: 1px solid #d7d5d5;
    text-align: center;
    background: #fbfafa;
}

.ec-base-layer .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px 20px;
    cursor: pointer;
}

#popup .ec-base-layer {
    position: relative;
    border: 0;
}

#popup .ec-base-layer .header {
    padding: 12px 35px 12px 19px;
}

#popup .ec-base-layer .close {
    top: 5px;
}

.ec-base-layer .content > .ec-base-table table:first-child {
    margin-top: 0;
}

.ec-base-layer .ec-base-table table {
    line-height: 1.4;
}

.ec-base-layer .ec-base-table thead th {
    padding: 9px 0 8px;
}

.ec-base-layer .ec-base-table tbody th {
    padding: 9px 0 8px 10px;
}

.ec-base-layer .ec-base-table td {
    padding: 9px 10px 8px;
}

.ec-base-layer .ec-base-table.typeWrite td {
    padding: 5px 10px 4px;
}

.ec-base-layer .ec-base-table.typeList tfoot td {
    padding: 10px 10px 12px;
}

.ec-base-layer .ec-base-table.typeBorder tfoot td {
    padding: 10px 10px 12px;
}

.xans-layout-multishopshipping {
    display: none;
}

.xans-layout-multishopshipping .worldshipLayer {
    top: 303px;
    left: 50%;
    width: 448px;
    margin: 0 0 0 -225px;
}

.xans-layout-multishopshipping .worldshipLayer .content {
    padding: 153px 20px 30px;
    line-height: 1.8;
    background: url("//img.echosting.cafe24.com/skin/base/link/bg_worldship.gif") center 21px no-repeat;
}

.xans-layout-multishopshipping .worldshipLayer .content .desc {
    display: block;
    margin: 4px 0 14px;
}

.xans-layout-multishopshipping .worldshipLayer .select {
    margin: 10px 0 0;
}

.xans-layout-multishopshipping .worldshipLayer .select select {
    width: 100%;
}

.xans-layout-conversionpc {
    background: #fff;
    padding: 45px;
    text-align: center;
}

.xans-layout-conversionpc a {
    margin: 20px;
    padding: 20px 40px 20px 110px;
    font-size: 68px;
    color: #63666e;
    text-decoration: none;
    text-align: center;
    border: 4px solid #9d9db0;
    border-radius: 10px;
    background: url("//img.echosting.cafe24.com/skin/base/layout/ico_mobile.png") no-repeat 40px 50%;
}

.xans-member-join > h3 {
    padding: 50px 0 10px;
    font-size: 16px;
    color: #2e2e2e;
}

.xans-member-join ul.grid li {
    margin: 5px 0 0;
}

.xans-member-join p.txtDesc,.xans-member-join ul.txtDesc li {
    position: relative;
    padding: 0 0 0 9px;
    margin: 3px 0 0;
    line-height: 1.4;
}

.xans-member-join p.txtDesc:before,.xans-member-join ul.txtDesc li:before {
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    content: "";
    width: 4px;
    height: 1px;
    background: currentColor;
}

.xans-member-join .required {
    margin: -25px 0 10px;
    color: #353535;
    text-align: right;
}

.xans-member-join .required img {
    vertical-align: middle;
}

.xans-member-join .displaynone + .required {
    margin-top: 0;
}

.xans-member-join .ec-base-table .interest {
    line-height: 25px;
}

.xans-member-join .ec-base-table .interest label {
    padding: 0 15px 0 2px;
}

.xans-member-join .ec-base-box.gStrong {
    position: relative;
    z-index: 2;
}

.xans-member-join .ec-base-box.gStrong p {
    font-size: 14px;
    color: #353535;
    line-height: 22px;
}

.xans-member-join .ec-base-box + .ec-base-box {
    margin-top: -1px;
}

.xans-member-join .agreeArea {
    color: #747474;
    line-height: 20px;
}

.xans-member-join .agreeArea h3 {
    margin: 0 0 10px;
    font-size: 12px;
    color: #353535;
}

.xans-member-join .agreeArea .content {
    overflow: auto;
    height: 110px;
    padding: 20px;
    border: 1px solid #d5d5d5;
    background: #fff;
}

.xans-member-join .agreeArea .content p {
    padding: 0 0 17px;
}

.xans-member-join .agreeArea .check {
    padding: 7px 0 0 0;
    color: #202020;
    font-size: 12px;
}

.xans-member-join .agreeArea .check li span {
    display: inline-block;
    min-width: 170px;
}

.xans-member-join .agreeArea input.ec-base-chk {
    vertical-align: middle;
}

.xans-member-join #hint_answer {
    width: 500px;
}

.xans-member-join #postcode1,.xans-member-join #postcode2 {
    width: 50px;
    text-align: center;
}

.xans-member-join #addr1,.xans-member-join #addr2 {
    width: 280px;
    margin: 5px 0 0;
}

.xans-member-join #phone1,.xans-member-join #mobile1 {
    width: 60px;
    margin: 0 4px 0 0;
}

.xans-member-join #phone2,.xans-member-join #phone3,.xans-member-join #mobile2,.xans-member-join #mobile3 {
    width: 50px;
    margin: 0 4px;
}

.xans-member-join #email1 {
    margin-right: 4px;
}

.xans-member-join #email2 {
    margin: 0 4px;
}

.xans-member-join #birth_year,.xans-member-join #marry_year,.xans-member-join #partner_year {
    width: 60px;
    margin: 0 4px 0 0;
}

.xans-member-join #birth_month,.xans-member-join #marry_month,.xans-member-join #partner_month,.xans-member-join #birth_day,.xans-member-join #marry_day,.xans-member-join #partner_day {
    width: 30px;
    margin: 0 4px 0 0;
}

.xans-member-join #bank_code {
    width: 240px;
}

.xans-member-join #c_bank_account_no {
    width: 230px;
}

.xans-member-join #job,.xans-member-join #job_class,.xans-member-join #school,.xans-member-join #region,.xans-member-join #internet,.xans-member-join #child,.xans-member-join #car,.xans-member-join #earning {
    width: 200px;
}

.xans-member-join #add1,.xans-member-join #add2,.xans-member-join #add3,.xans-member-join #add4,.xans-member-join #add5,.xans-member-join #add6,.xans-member-join #add7,.xans-member-join #add8,.xans-member-join #add9 {
    width: 500px;
}