@charset "utf-8";

body {width:100%;height: 100%;background-color: #fff;margin: 0;padding: 0;font-family: "나눔고딕", "NanumGothic", "Malgun Gothic", "Gulim", "dotum" !important;}
ul,li {list-style: none;margin: 0;padding: 0;}
a, a:hover, a:link, a:active {text-decoration:none; color:inherit;}
a.white, a.white:hover, a.white:link, a.white:active {text-decoration:none; color:white;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.blue {color: #447ecd;}
.red {color: #ff4646;}
.bg_red {background: #ff4646 !important;}
.bold {font-weight: 600;}
.mt20 {margin-top: 20px;}
.mt10 {margin-top: 10px;}
.ml0 {margin-left: 0 !important;}
.pl10 {padding-left: 10px !important;}
.pr10 {padding-right: 10px !important;}
.border_r0 {border-right: 0 !important;}
select {padding: 5px 10px;border-radius: 3px;}
.clear {clear: both;}
.inline-block {display: inline-block;}
input {border-radius: 3px;box-shadow: none;border: 1px solid #bbb;padding: 6px;margin: 2px 5px;}
textarea {width: 100%;min-height: 150px;}
hr {border-color: #ccc;}

.container {position:relative;width:100%;min-height:500px;margin:0;padding: 0;margin-bottom: 60px;}
.wrap {position: relative;;width: 1000px;margin: 0 auto;}
.hd_menu {background: #f2f2f2;}
.gnb {text-align: right;}
.gnb li{display: inline-block;}
.gnb li a {display: inline-block;padding: 7px 10px;font-size: 0.85em;color: #666;}
.hd_logo {width: 100%;text-align: center;}
.hd_logo .wrap >div {display: inline-block;}
.hd_logo .wrap .left {float: left;padding: 11px 0;}
.hd_logo .wrap .right {float: right;padding: 13px 0;}
.hd_logo .logo {text-align: center;padding: 7px 0 5px 0;}

.main_visual {width: 100%;height: 255px;background:url("/cn/theme/wassane/images/main_visual1.jpg") repeat-x center;background-color: #0a161e;text-align: center;border-bottom: 5px solid #062637;}
.m_box0 {position: relative;width: 100%;margin-top: 15px;}
.m_box0 .wrap >ul {text-align: center;}
.m_box0 .wrap >ul >li{width: 15%;display: inline-block;margin:0;font-size: 1.15em;border: 1px solid #ddd;margin-left: -5px;}
.m_box0 .wrap >ul >li a {padding: 10px 10px;background: #fff;display: block;color: #666;cursor: hand;}
.m_box0 .wrap >ul >li.active a {background: #25649e;color: #fff;}
.m_box1 .wrap >ul {display: flex;}
.m_box1 .wrap >ul >li {display: inline-block;width: 38%;padding: 10px 5px;box-sizing: border-box;}
.m_box1 .wrap >ul >li.m_cs {width: 23%;}
.m_box1 .wrap >ul >li >div {position:relative;;border-top:2px solid #666;border: 1px solid #ddd;box-sizing: border-box;min-height:209px;}
.m_box1 .wrap >ul >li >div h3 {margin:0;padding: 13px 15px;font-size: 1.2em;font-weight: 600;background: #fff;width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;color: #4b95eb;}
.m_box1 .wrap .m_cs h3 {background: #263037;color: #fff;text-align: center;border: 0;}
.m_box1 .wrap .m_cs div {background: #0b8dda;text-align: center;border: 0;}
.m_box1 .wrap .m_cs div p {padding: 40px 0;color: #ddd;}
.m_box1 .wrap .m_cs div strong {font-size: 1.9em;font-weight: 600;color: #fff;margin-bottom: 20px;}

.m_box2 {clear: both;}
.m_box2 h3 {font-size: 2em;}
.m_box2 h3 span {margin-left: 15px;color: #888;font-weight: normal;font-size: 0.6em;}

.m_box3 {background: #f2f2f2;width: 100%;position: relative;border-top: 3px solid #ddd;height: 170px;}
.m_box3 .wrap {height: 100%;}
.m_box3 .wrap >ul {display: block;margin-top: -3px;height: 100%;}
.m_box3 .wrap >ul >li {display: inline-block;width: 25%;padding: 15px 15px;margin-left: 0px;box-sizing: border-box;float: left;height: 100%;}
.m_box3 .wrap >ul >li:first-child {margin-left: 0;width: 50%;border-top:3px solid #aaa;}
.m_box3 .wrap >ul >li.m_notice {position: relative;padding: 15px 20px;background: #f9f9f9;}
.m_box3 .wrap >ul >li.bank_info {background: #e5e5e5;border-top:3px solid #2171de;}
.m_box3 .wrap >ul >li.bank_info h4 {color: #2171de;}
.m_box3 .wrap >ul >li.cs_info {background: #fff;border-top:3px solid #193968;}
.m_box3 .wrap >ul >li.cs_info h4 {color: #193968;}
.m_box3 .wrap >ul >li >ul {padding: 5px 0;line-height: 1.6em;}
.m_box3 .wrap >ul >li >ul li span {float: right;font-size: 0.9em;color: #666;}
.sub_visual {width: 100%;height: 80px;background: #eee;}
.sub_history {width: 100%;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;text-align: right;}
.sub_history .hist_depth1 >li {display: inline-block;padding-left: 25px;margin-left:15px;color: #666;background: url("/cn/theme/wassane/images/arrow_btn.png") 100% no-repeat;background-position:left center;}
.sub_history .hist_depth1 >li:first-child {margin-left: 0;padding-left: 0;background: none;}
.sub_history .hist_depth1 >li a {padding: 10px 0;display: block;}
.sub_history .hist_depth1 .active {font-weight: 600;color: #444;position: relative;}
.sub_history .hist_depth1 .active:hover {color: #25649e;}
.sub_history .hist_depth1 .active:hover .hist_depth2 {display: block;}
.sub_history .hist_depth2 {display:none;position: absolute;top:40px;right: 0;width: 130px;text-align: center;z-index: 99;border: 1px solid #ddd;font-size: 0.95em;}
.sub_history .hist_depth2 li a {display: block;padding: 8px 10px;background: #fff;color:#333;font-weight: normal;border-bottom: 1px solid #ddd;}
.sub_history .hist_depth2 li a:hover {background: #eee;}
.sub_history .hist_depth2 li:last-child a {border: 0;}
.container p {color: #444;}
.title_type1 {font-size: 2em;color: #333;margin:40px 0 25px 0;padding: 0 0 10px 0;border-bottom: 1px solid #aaa;}
.title_type1 span {}
.title_type2 {font-size: 1.4em;color: #333;margin:40px 0 10px 0;padding: 7px 0 5px 40px;background: url("/cn/theme/wassane/images/bullet1.png") no-repeat left 1px;clear: both;}
.title_type3 {font-size: 1.2em;font-weight: 600;color: #333;margin:20px 0 10px 0;}
.cont_type1 {margin: 15px 0;}
.cont_type2 {margin-left:40px;box-sizing: border-box;text-align: justify;}
.cont_type2 p {text-align: justify;}
.btn_type1 {position:relative;display: inline-block;padding: 8px 20px;background: #fff;border: 1px solid #ccc !important;text-align: center;width: auto;font-size: 1.15em;}
.btn_blue {background: #2677bc !important;color: #fff !important;}
.btn_blue:hover {color: #fff;}
.btn_red {background: #ff4646;color: #fff !important;}
.btn_red:hover {color: #fff;background: #e84040;}
.btn_black {background: #444;color: #fff !important;}
.btn_black:hover {color: #fff;background: #333;}
.btn_sm {font-size: 1em;padding: 5px 10px;}
.list_type1 li {margin-bottom: 15px;background: url("/cn/theme/wassane/images/bullet2.png") no-repeat left 8px;padding-left: 10px;}
.list_type2 {width: 100%;}
.list_type2 li p {display: inline-block;width: 15%;text-align: right;padding: 10px 20px;box-sizing: border-box;background: #4b95eb;color: #fff;float: left;border: 1px solid #fff;margin: 0;font-weight: 600;}
.list_type2 li strong {display: inline-block;width: 85%;text-align: left;padding: 10px 20px;box-sizing: border-box;background: #f2f2f2;color: #333;border: 1px solid #fff;font-weight: 600;}
.img_type1 {text-align: center;}

.wating_img {width: 100%;text-align: center;padding: 75px 0;border: 1px solid #ddd;}
.copyright {position: relative;width: 100%;background: #333;color: #888;padding: 20px 0;clear: both;}
.copyright p {margin: 0;padding: 5px 0;font-size: 0.9em;line-height: 1.7em;}
.ctt_admin, .sct_admin, .sit_admin {margin-top: 5px !important;text-align: right;}
.ctt_admin a, .sct_admin a, .sit_admin a {border: 1px solid #ddd;padding: 5px 10px;display: inline-block;background: #ff4646;color: #fff;}

/* 테이블 */
table {width: 100%;font-size: 0.9em;color: #666;border: 0;border-top: 2px solid #2171de;border-spacing: 0;margin-top: 10px;}
table th {border: 0;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 12px;box-sizing: border-box;background: #f2f2f2;text-align: center;}
table td {border: 0;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 12px;box-sizing: border-box;}
caption {font-size: 0;height: 0;}

.table_type1 {font-size: 1em;border-top:1px dotted #333;border-bottom:1px dotted #333;}
.table_type1 tr:last-child td {border-bottom: 0;}
.table_type1 th {font-weight: 600;background: #444;color: #fff;}

/* 도움말 */
.help_block1 {background: #eaf2f5;padding: 7px 17px;box-sizing: border-box;margin-top: 15px;color: #666;border: 1px solid #d5e7ec
}

/* 정의목록 */
.dl_type2 {width: 100%;}
.dl_type2 dt {display: inline-block;width: 25%;text-align: right;padding: 10px 20px;box-sizing: border-box;background: #4b95eb;color: #fff;float: left;border: 1px solid #fff;}
.dl_type2 dd {display: inline-block;width: 75%;text-align: left;padding: 10px 20px;box-sizing: border-box;background: #f2f2f2;color: #333;border: 1px solid #fff;font-weight: 600;}
.dl_type2 dd a {color: #2171de;text-decoration: underline;}

    /* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

.popup_type1 {padding:10px 30px;box-sizing: border-box;}
.popup_type1 .title_type2 {margin-top: 10px;}
.popup_type1 .captcha span {display: block;}
.popup_type1 .btn_type1 {font-size: 1em;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #ccc;background:#434343;color:#fff;text-decoration:none;vertical-align:middle}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px; border:0;background: #337ab7;color:#fff;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 오늘 본 상품 */
#stv {z-index:1001;position:relative;float:right;width:88px}
#stv_list {position:absolute;width:88px;border:1px solid #e9e9e9;background:#fff}
#stv_list h2 {padding:10px 0 8px;background:#f2f5f9;text-align:center;letter-spacing:-0.1em}
#stv_pg {display:block;margin:5px 0 0}
#stv_list p {padding:20px 0;text-align:center}
#stv_btn {text-align:center;zoom:1}
#stv_btn:after {display:block;visibility:hidden;clear:both;content:""}
#stv_btn button {float:left;margin:0;padding:5px 0 4px;width:44px;border:0;background:#555;color:#fff;text-align:center}
#stv_ul {margin:5px 0 10px;padding:0;list-style:none}
.stv_item {display:none;padding:0 9px;text-align:center;word-break:break-all}
.stv_item img {margin:5px 0}

#stv_nb {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#stv_nb li {text-align:center}
#stv_nb a {display:block}

/* aside:이벤트 링크 */
#sev {margin:0 0 5px;padding:0 0 10px;border:1px solid #ecc9d6;background:#fff8fb}
#sev h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sev ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#sev .sev_img {display:block;border-bottom:1px solid #faedf2}
#sev .sev_text {display:block;padding:7px 10px 6px;border-bottom:1px solid #faedf2;text-decoration:none}
#sev .sev_text:focus, #sev .sev_text:hover {background:#fffafc}
#sev strong {}
#sev_empty {padding:15px 0;text-align:center}

/* aside:커뮤니티 링크 */
#scomm {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f2f5f9}
#scomm h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#scomm ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#scomm a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none}
#scomm a:focus, #scomm a:hover {background:#f9f9f9}
#scomm_empty {padding:15px 0;text-align:center}

/* aside:배너 */
.sbn {margin:0 0 5px}
.sbn h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sbn ul {margin:0;padding:0;border:0;list-style:none}
.sbn li {margin:0 0 1px}
.sbn .sbn_border {border:1px solid #d5d5d5} /* 인덱스 배너도 함께 사용 */

#sbn_idx {position:relative;margin:0 0 30px}
#sbn_idx .sbn_btn {z-index:100;position:absolute;top:50%}
#sbn_idx .sbn_btn button {position:relative;top:-35px;margin:0;padding:0;width:70px;height:70px;border:0;background:transparent;overflow:hidden}
#sbn_idx .sbn_btn span {display:block;width:100%;height:100%;background:url('img/sbn_btn.png')}
#sbn_idx #sbn_btn_p {left:25px}
#sbn_idx .sbn_btn #sbn_btn_prev span {background-position:0 0}
#sbn_idx #sbn_btn_n {right:25px}
#sbn_idx .sbn_btn #sbn_btn_next span {background-position:-70px 0}
#sbn_idx ul {position:relative;overflow:hidden}
#sbn_idx ul li {position:absolute;display:none;top:0;left:0}
#sbn_idx ul li.sbn_first{display:block}

/* aside:장바구니 */
#sbsk {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f2f5f9}
#sbsk h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbsk ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#sbsk a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none}
#sbsk a:focus, #sbsk a:hover {background:#f9f9f9}
#sbsk_empty {padding:15px 0;text-align:center}

/* aside:위시리스트 */
#swish {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#f2f5f9}
#swish h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#swish ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#swish a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none}
#swish a:focus, #swish a:hover {background:#f9f9f9}
#swish_empty {padding:15px 0;text-align:center}

/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {position:relative;margin:0 0 30px;zoom:1}
.sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap header {margin:0 0 20px;zoom:1}
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {float:left;margin:0 20px 0 0;padding:0;line-height:1em}
.sct_wrap h2 a {text-decoration:none}
.sct_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}

#sct {clear:both}

.sct {clear:both;margin:0;padding:0;list-style:none;zoom:1}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center}
.sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
.sct_icon img {margin:0 1px 0 0}
.sct_sns a {display:inline-block;margin:0 4px 0 0}

/* 재생/정지/이전/다음 버튼 */
.sctrl {margin:0;padding:0;list-style:none;zoom:1}
.sctrl:after {display:block;visibility:hidden;clear:both;content:""}
.sctrl li {position:relative;float:left;margin:0 0 0 -1px}
.sctrl button {position:relative;margin:0;padding:0;width:21px;height:21px;border:0;cursor:pointer;overflow:hidden}
.sctrl button span {position:absolute;top:0;left:0;width:19px;height:19px;border:1px solid #ccc;background:url('img/is_button.gif')}
.sctrl button.sctrl_play span {background-position:-60px 0}
.sctrl button.sctrl_play span.sctrl_on {background-position:-60px -30px}
.sctrl button.sctrl_stop span {background-position:-90px 0}
.sctrl button.sctrl_stop span.sctrl_on {background-position:-90px -30px}
.sctrl button.sctrl_prev span {background-position:-120px 0}
.sctrl button.sctrl_prev span.sctrl_on {background-position:-120px -30px}
.sctrl button.sctrl_next span {background-position:-150px 0}
.sctrl button.sctrl_next span.sctrl_on {background-position:-150px -30px}

/* 상품 목록 스킨 10 */
.sct_10 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_10 .sct_last {margin:0 0 15px !important}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {display:inline-block;position:relative;text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_10 .sct_img {margin:0 0 10px}
.sct_10 .sct_txt {margin:0 0 5px}
.sct_10 .sct_icon {margin:0 0 10px}
.sct_10 .sct_id {display:block;margin:0 0 5px}
.sct_10 .sct_basic {margin:0 0 10px}
.sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_10 .sct_sns {}

/* 상품 목록 스킨 20 */
.sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_20 .sct_last {margin:0 0 15px !important}
.sct_20 .sct_clear {clear:both}
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
.sct_20 .sct_img {}
.sct_20 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
.sct_20 .sct_icon img {display:block;margin:0 0 3px}
.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
.sct_20 .sct_txt {padding:10px;background:#f2f5f9}
.sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em}
.sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:bold}
.sct_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}

/* 상품 목록 스킨 30 */
.sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa}
.sct_30 .sct_last {margin:0 0 15px !important}
.sct_30 .sct_clear {clear:both}
.sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('img/icon_arw_toleft.gif') no-repeat}
.sct_30 .sct_a {text-decoration:none}
.sct_30 .sct_img img {position:absolute;top:0;left:0}
.sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_30 .sct_icon img {display:block;margin:0 0 3px}
.sct_30 .sct_txt {display:inline-block;margin:0 0 20px}
.sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_30 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_30 .sct_sns {position:absolute;bottom:20px;right:10px}

/* 상품 목록 스킨 40 */
.sct_40 .sct_li {position:relative;margin:0 0 16px 0;border:1px solid #e9e9e9;background:#f5f6fa}
.sct_40 .sct_a {text-decoration:none}
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}
.sct_40 .sct_img {position:absolute;top:0;left:0}
.sct_40 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_40 .sct_icon img {display:block;margin:0 0 4px}
.sct_40 .sct_txt {display:inline-block;margin:0 0 20px}
.sct_40 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_40 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_40 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_40 .sct_rel {position:absolute;bottom:20px;right:20px}
.sct_40 .sct_rel_ul {margin:0;padding:0;list-style:none}
.sct_40 .sct_rel_li {float:left;margin:0 0 0 10px}
.sct_40 .sct_sns {padding:10px 0 0}

/* 개인결제 목록 */
.sct_pv .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none}
.sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none}
.sct_pv .sct_img {margin:0 0 10px}
.sct_pv .sct_txt {margin:0 0 5px}
.sct_pv .sct_icon {margin:0 0 10px}
.sct_pv .sct_id {display:block;margin:0 0 5px}
.sct_pv .sct_basic {margin:0 0 10px}
.sct_pv .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_pv .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_sns {}

/* 메인 상품 목록 스킨 20 */
.smt_20 {position:relative;overflow-y:hidden}
.smt_20 .sct_ul {position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_20 .sct_ul_first {display:block;top:0}
.smt_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.smt_20 .sct_last {margin:0 0 15px !important}
.smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
.smt_20 .sct_img {margin:0 0 10px}
.smt_20 .sct_txt {margin:0 0 5px}
.smt_20 .sct_icon {margin:0 0 10px}
.smt_20 .sct_id {display:block;margin:0 0 5px}
.smt_20 .sct_basic {margin:0 0 10px}
.smt_20 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_20 .sct_sns {}

/* 메인 상품 목록 스킨 30 */
.smt_30 {position:relative;overflow-x:hidden}
.smt_30 .sct_ul {position:absolute;top:0;left:765px;margin:0;padding:0;width:765px;list-style:none;zoom:1}
.smt_30 .sct_ul:after {display:block;visibility:hidden;clear:both;content:""}
.smt_30 .sct_ul_first {display:block;left:0}
.smt_30 .sct_li {position:relative;float:left;margin-right:25px}
.smt_30 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_30 .sct_a:focus, .smt_30 .sct_a:hover {text-decoration:none}
.smt_30 .sct_img {margin:0 0 10px}
.smt_30 .sct_txt {margin:0 0 5px}
.smt_30 .sct_icon {margin:0 0 10px}
.smt_30 .sct_id {display:block;margin:0 0 5px}
.smt_30 .sct_basic {margin:0 0 10px}
.smt_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_30 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_30 .sct_sns {}

/* 메인 상품 목록 스킨 40 */
.smt_40 {clear:both;position:relative}
.smt_40 .sct_ul {display:none;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_40 .sct_ul_first {display:block}
.smt_40 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.smt_40 .sct_last {margin:0 0 15px !important}
.smt_40 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_40 .sct_a:focus, .smt_40 .sct_a:hover {text-decoration:none}
.smt_40 .sct_img {margin:0 0 10px}
.smt_40 .sct_txt {margin:0 0 5px}
.smt_40 .sct_icon {margin:0 0 10px}
.smt_40 .sct_id {display:block;margin:0 0 5px}
.smt_40 .sct_basic {margin:0 0 10px}
.smt_40 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_40 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_40 .sct_sns {}

/* 메인 상품 목록 스킨 50 */
.smt_50 {position:relative}
.smt_50 .sct_ul {display:none;position:absolute;top:0;left:0;height:306px;margin:0;padding:0;list-style:none;overflow-y:hidden}
.smt_50 .sct_ul_first {display:block}
.smt_50 .sct_li {position:relative;float:left;position:relative;top:-306px;margin:0 25px 15px 0}
.smt_50 .sct_last {margin:0 0 15px}
.smt_50 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_50 .sct_a:focus, .smt_50 .sct_a:hover {text-decoration:none}
.smt_50 .sct_img {margin:0 0 10px}
.smt_50 .sct_txt {margin:0 0 5px}
.smt_50 .sct_icon {margin:0 0 10px}
.smt_50 .sct_id {display:block;margin:0 0 5px}
.smt_50 .sct_basic {margin:0 0 10px}
.smt_50 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_50 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_50 .sct_sns {}

/* 관련상품 목록 스킨 10 */
.scr_10 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.scr_10 .sct_last {margin:0 0 15px !important}
.scr_10 .sct_clear {clear:both}
.scr_10 .sct_a {display:inline-block;position:relative;text-decoration:none}
.scr_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.scr_10 .sct_img {margin:0 0 10px}
.scr_10 .sct_txt {margin:0 0 5px}
.scr_10 .sct_icon {margin:0 0 10px}
.scr_10 .sct_id {display:block;margin:0 0 5px}
.scr_10 .sct_basic {margin:0 0 10px}
.scr_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.scr_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.scr_10 .sct_sns {}

/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct {}
.sct_admin {margin:0 0 10px;text-align:right}

/* 상품 목록 현재 위치 */
#sct_location {margin:0 0 10px;border:1px solid #e9e9e9;background:#f2f5f9;letter-spacing:-4px; display:none;}
#sct_location a {display:inline-block;padding:10px 10px 8px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 11px no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct {display:none;}
.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sct_ct ul {margin:0 0 10px;padding:10px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct a {text-decoration:none}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}

#sct_ct_1 li {float:left;margin:0 10px 10px 0;width:120px;}
#sct_ct_2 li {margin:0 0 10px}
#sct_ct_2 a {display:inline-block;width:120px}
#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}

/* 상품 정렬 리스트 스타일 선택 공통 */
#sct_sortlst {zoom:1}
#sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 정렬 */
#sct_sort {float:left;margin:0 0 10px;width:80%;zoom:1}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sct_sort ul {margin:0;padding:0 0 0 1px;list-style:none;zoom:1}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort li {float:left;position:relative;margin-left:-1px}

/* 상품 리스트 스타일 선택 */
#sct_lst {float:right;margin:0 0 10px;padding:0;list-style:none;zoom:1}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left;margin:0 0 0 -1px}
#sct_lst button {position:relative;margin:0;padding:0;width:25px;height:25px;border:0;cursor:pointer;overflow:hidden}
#sct_lst button span {position:absolute;top:0;left:0;width:23px;height:23px;border:1px solid #ccc;background:url('img/is_button.gif')}
#sct_lst button.sct_lst_list span {background-position:0 0}
#sct_lst button.sct_lst_list span.sct_lst_on {background-position:0 -30px}
#sct_lst button.sct_lst_gallery span {background-position:-30px 0}
#sct_lst button.sct_lst_gallery span.sct_lst_on {background-position:-30px -30px}

/* 서브 카테고리 */
.sub_cate2 {position: relative;width: 100%;margin-top: 20px;margin-bottom: 20px;padding-bottom:20px;border-bottom: 2px dotted #ddd;text-align: center;}
.sub_cate2 li:first-child {margin-left: 0;}
.sub_cate2 li {display: inline-block;margin-left:4px;text-align: center;}
.sub_cate2 li a {padding: 7px 15px;display: block;background: #f9f9f9;border:1px solid #ddd;border-radius: 3px;font-size: 0.95em;}
.sub_cate2 li a:hover {background: #f2f2f2;}
.sub_cate2 li.active a {color: #fff;font-weight: 600;box-sizing: border-box;background: #25649e;}

.cate_area {position: relative;margin: 30px 0;display: block;}
#touchSlider4 { width:90%; height:150px; margin:0 auto; background:#fff; position:relative; overflow:hidden; z-index: 100; border: 1px solid #ddd;}
#touchSlider4 ul { width:99999px; height:150px; position:absolute; top:0; left:0; overflow:hidden;}
#touchSlider4 ul li {text-align: center;background: #fff;border-right: 1px solid #ddd;}
#touchSlider4 ul li a {padding: 10px;box-sizing: border-box;display: inline-block;width: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#touchSlider4 ul li a:hover {color: #2171de;}
#touchSlider4 ul li.active {background:#2171de;color: #fff;}
#touchSlider4 ul li.active a {color: #fff;}
.btn_area { background:#fff; text-align:center; overflow:hidden;position: absolute;z-index: 99;width: 100%;top: 0;padding: 5px 0;box-sizing: border-box;}
.btn_area button { display:block; }
.btn_area button.btn_prev { float:left; }
.btn_area button.btn_next { float:right; }