@charset "utf-8";/* SIR 지운아빠 */

/* aside:gnb */
#gnb { margin: 0 0 5px; padding: 0 0 10px; border: 1px solid #d5d5d5; background: #f2f5f9}
#gnb h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.gnb_1dli { position: relative; word-wrap: break-word; } 
.gnb_1dli_on { color: #fff; text-decoration: none}
.gnb_1da { display: block; padding: 7px 10px; border-bottom: 1px solid #f4f4f4; background-color: #fff; font-weight: bold; text-decoration: none}
.gnb_1dam { background: url('img/gnb_bg00.gif') #fff center right no-repeat}
.gnb_1dli_on .gnb_1da { background-color: #626870; color: #fff; text-decoration: none}
.gnb_1dli_on .gnb_1dam { background: url('img/gnb_bg01.gif') #626870 center right no-repeat; color: #fff; text-decoration: none}
.gnb_2dul { display: none; z-index: 1000; position: absolute; border: 1px solid #787f89}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul { display: block; top: 0; left: 127px; width: 130px; background: #fff}
.gnb_2da { display: none}
.gnb_1dli_over .gnb_2da { display: block; padding: 10px; border-bottom: 1px solid #e9e9e9}
.gnb_2da:focus, .gnb_2da:hover { background: #f2f5f9; text-decoration: none}

/* 오늘 본 상품 */
#stv { z-index: 1001; width: 110px; } 
#stv_list { width: 110px; } 
#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: 64px; border: 0; border-top: 1px solid #ddd; background: #fff; text-align: center}
#stv_ul { margin: 5px 0 10px; padding: 0; list-style: none}

#stv1 { z-index: 1001; position: relative; float: right; width: 110px; right: -120px; } 
#stv1_list { position: absolute; width: 110px; } 
#stv1_list h2 { padding: 10px 0 8px; background: #f2f5f9; text-align: center; letter-spacing: -0.1em}
#stv1_pg { display: block; margin: 5px 0 0}
#stv1_list p { padding: 20px 0; text-align: center}
#stv1_btn { text-align: center; zoom: 1}
#stv1_btn:after { display: block; visibility: hidden; clear: both; content: ""}
#stv1_btn button { float: left; margin: 0; padding: 5px 0 4px; width: 44px; border: 0; background: #555; color: #fff; text-align: center}
#stv1_ul { margin: 5px 0 10px; padding: 0; list-style: none}

#stv2 { z-index: 1001; position: relative; float: left; width: 110px; left: -120px; } 
#stv2_list { position: absolute; width: 110px; } 
#stv2_list h2 { padding: 10px 0 8px; background: #f2f5f9; text-align: center; letter-spacing: -0.1em}
#stv2_pg { display: block; margin: 5px 0 0}
#stv2_list p { padding: 20px 0; text-align: center}
#stv2_btn { text-align: center; zoom: 1}
#stv2_btn:after { display: block; visibility: hidden; clear: both; content: ""}
#stv2_btn button { float: left; margin: 0; padding: 5px 0 4px; width: 44px; border: 0; background: #555; color: #fff; text-align: center}
#stv2_ul { margin: 5px 0 10px; padding: 0; list-style: none}

#stv3 { z-index: 9; position: relative; float: left; width: 130px; left: -140px; } 
#stv3_list { position: absolute; width: 130px; overflow: hidden; } 
#stv3_list li img { width: 130px; } 
#stv3_list h2 { padding: 10px 0 8px; background: #f2f5f9; text-align: center; letter-spacing: -0.1em}
#stv3_pg { display: block; margin: 5px 0 0}
#stv3_list p { padding: 20px 0; text-align: center}
#stv3_btn { text-align: center; zoom: 1}
#stv3_btn:after { display: block; visibility: hidden; clear: both; content: ""}
#stv3_btn button { float: left; margin: 0; padding: 5px 0 4px; width: 44px; border: 0; background: #555; color: #fff; text-align: center}
#stv3_ul { margin: 5px 0 10px; padding: 0; list-style: none}

#stv4 { z-index: 9; position: relative; float: right; width: 130px; right: -139px; } 
#stv4_list { position: absolute; width: 130px; overflow: hidden; } 
#stv4_list .stv4_list_banner img { width: 130px; } 
#stv4_list h2 { padding: 10px 0 8px; background: #436C95; color: #fff; text-align: center; letter-spacing: -0.1em}
#stv4_pg { display: block; margin: 5px 0 0}
#stv4_list p { padding: 20px 0; text-align: center}
#stv4_btn { text-align: center; zoom: 1}
#stv4_btn:after { display: block; visibility: hidden; clear: both; content: ""}
#stv4_btn button { float: left; margin: 0; padding: 5px 0 4px; width: 44px; border: 0; background: #555; color: #fff; text-align: center}
#stv4_ul { margin: 5px 0 10px; padding: 0; list-style: none}
.sbn4h ul { margin: 0; padding: 0; list-style: none}
.sbn4h { margin: 0 0 20px 0; } 
.stv4_daim { display: block; font-family: 'Gulim', sans-serif; font-size: 12px; color: #fff !important; text-align: center; font-weight: bold; width: 130px; height: 60px; background: url('/img/stv4_daim_bg.png') center center / 100% auto no-repeat; line-height: 18px; padding: 13px 0; box-sizing: border-box; margin-top: 5px; } 

.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_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:배너 */
.topsbn { margin: 0 0 5px}
.topsbn h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.topsbn ul { margin: 0; padding: 0; border: 0; list-style: none}
.topsbn li { float: left; margin: 0 5px}
.topsbn .sbn_border { border: 1px solid #d5d5d5}
/* 인덱스 배너도 함께 사용 */

.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}
/* 인덱스 배너도 함께 사용 */

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

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

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

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

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

.mbn20 { margin: 0 -1% 5px 0}
.mbn20 h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.mbn20 ul { margin: 0; padding: 0; border: 0; list-style: none}
.mbn20 li { float: left; margin: 0 1% 10px 0; width: 24%; } 
.mbn20 li img { width: 100%; } 
.mbn20 .sbn_border { border: 1px solid #d5d5d5}
/* 인덱스 배너도 함께 사용 */

.mbn30 { margin: 0 -1% 5px 0}
.mbn30 h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.mbn30 ul { margin: 0; padding: 0; border: 0; list-style: none}
.mbn30 li { float: left; margin: 0 4px 10px 0; width: 227px; } 
.mbn30 li a img:focus, .mbn30 li a img:hover { border: 2px solid #1b51ab}
.mbn30 li a:hover img { margin: -2px; } 
.mbn30 .sbn_border { outline: 1px solid #d5d5d5}
/* 인덱스 배너도 함께 사용 */

.mbn40 { margin: 0 -1% 5px 0}
.mbn40 h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.mbn40 ul { margin: 0; padding: 0; border: 0; list-style: none}
.mbn40 li { float: left; margin: 0 16px 15px 0; width: 275px; } 
.mbn40 li a img:focus, .mbn40 li a img:hover { border: 2px solid #1b51ab}
.mbn40 li a:hover img { margin: -2px; } 
.mbn40 .sbn_border { outline: 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}

#sbn2_idx { position: relative; margin: 0 0 30px}
#sbn2_idx .sbn_btn { z-index: 100; position: absolute; top: 50%}
#sbn2_idx .sbn_btn button { position: relative; top: -35px; margin: 0; padding: 0; width: 70px; height: 70px; border: 0; background: transparent; overflow: hidden}
#sbn2_idx .sbn_btn span { display: block; width: 100%; height: 100%; background: url('img/sbn_btn.png')}
#sbn2_idx #sbn_btn_p { left: 25px}
#sbn2_idx .sbn_btn #sbn_btn_prev span { background-position: 0 0}
#sbn2_idx #sbn_btn_n { right: 25px}
#sbn2_idx .sbn_btn #sbn_btn_next span { background-position: -70px 0}
#sbn2_idx ul { position: relative; overflow: hidden}
#sbn2_idx ul li { position: absolute; display: none; top: 0; left: 0}
#sbn2_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 14px 0px 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 { position: relative; margin: 0 0 5px 0}
.sct_10 .sct_txt { margin: 0 0 5px; text-align: center; font-weight: 700; } 
.sct_10 .sct_txt2 { margin: 0 0 5px; text-align: center; } 
.sct_10 .caption { position: absolute; margin: -36px 0 5px 0; height: 31px; vertical-align: middle; overflow: hidden; text-align: center; width: 170px; font-weight: 500; background: #000; color: #fff; z-index: 9999; display: none; } 
.sct_10 .caption a { text-decoration: none; color: #fff; display: block; } 
.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}

/*renewal 추가*/

.sct_10 .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); padding: 0; box-sizing: border-box; opacity: 0; } 
.sct_10 .dim a { text-align: center; color: #ffffff; float: left; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.sct_10 .dim a .lnk-wr { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); } 
.sct_10 .dim span { text-align: center; color: #ffffff; display: block; position: relative; top: 50%; transform: translateY(-50%); float: right; cursor: pointer; right: 30px; } 
.sct_10 .dim a p, .sct_10 .dim span p { font-size: 12px; padding: 5px 0; } 
.sct_10 .dim img { height: 24px; } 
.sct_10 .sct_li:hover .dim { opacity: 1; } 

/* 상품 목록 스킨 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_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}

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

.smt_11 .sct_li { position: relative; float: left; margin: 0 13px 0 0; border: 1px solid #dddddd; border-top: 0; background-color: #FFFFFF; } 
.smt_11 .sct_last { margin: 0 0 15px !important}
.smt_11 .sct_clear { clear: both}
.smt_11 .sct_a { display: inline-block; position: relative; text-decoration: none}
.smt_11 .sct_a:focus, .smt_11 .sct_a:hover { text-decoration: none}
.smt_11 .sct_img { margin: 0 0 5px}
.smt_11 .sct_txt { margin: 0 0 10px; text-align: center; font-weight: 700; } 
.smt_11 .sct_txt2 { margin: 0 0 5px; text-align: center; } 
.smt_11 .sct_icon { margin: 0 0 10px}
.smt_11 .sct_id { display: block; margin: 0 0 5px}
.smt_11 .sct_basic { margin: 0 0 10px}
.smt_11 .sct_cost { display: block; margin: 0 0 10px; font-weight: bold}
.smt_11 .sct_cost strike { display: block; margin: 0 0 5px; color: #999; font-weight: normal}

.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}

/* 메인 상품 목록 스킨 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}

/* 메인 상품 목록 스킨 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}

/* 메인 상품 목록 스킨 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}

/* 관련상품 목록 스킨 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, .smt_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}

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

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

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

/* 상품 목록 카테고리 목록 */
.sct_ct { position: absolute; top: -55px; width: 100vw; left: 50%; transform: translateX(-50%); } 
.sct_ct h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.sct_ct ul { max-width: 1090px; margin: 0 auto; line-height: 1; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; list-style: none; height: 40px; padding: 0; } 
.sct_ct ul:after { display: block; visibility: hidden; clear: both; content: ""}
.sct_ct a { text-decoration: none; font-weight: bold; padding: 2px 9px; display: block; } 
.sct_ct_parent { font-weight: bold}
.sct_ct_here { color: #ff3600 !important}

.sct_ct4 h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.sct_ct4 ul { margin: 0 0 10px; padding: 10px; list-style: none; zoom: 1}
.sct_ct4 ul:after { display: block; visibility: hidden; clear: both; content: ""}
.sct_ct4 a { text-decoration: none}

#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_ct_4 li { float: left; margin: 0 10px 10px 0; width: 120px}

/* 상품 정렬 리스트 스타일 선택 공통 */
#sct_sortlst { border: 1px solid #dddddd; border-bottom: 0; height: 35px; line-height: 35px; padding: 0 10px; background: #f9f9f9; zoom: 1; color: #dddddd; } 
#sct_sortlst:after { display: block; visibility: hidden; clear: both; content: ""}

/* 상품 정렬 */
#sct_sort { float: left; margin: 0 0px; 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: 0 5px 0 0}

/* 상품 리스트 스타일 선택 */
#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}

/* 상품 상세보기 */
#sit { margin: 10px 0; } 
.sit_admin { position: absolute; top: 0; right: 0; text-align: right}
.sit_empty { padding: 20px 0; text-align: center}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap { margin: 0 0 20px; border: 1px solid #dddddd; border-top: 1px solid #7f7f7f; zoom: 1}
#sit_ov_wrap:after { display: block; visibility: hidden; clear: both; content: ""}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi { float: left; padding: 52px 36px; width: 430px; text-align: center; } 
#sit_pvi_big { margin: 0 0 10px; text-align: center; float: right; } 
#sit_pvi_big a { display: none; position: relative; } 
#sit_pvi_big a.visible { display: block}
#sit_pvi_big a .watermark { position: absolute; top: 0; left: 0; } 
#sit_pvi_thumb { margin: 0; padding: 0; list-style: none; zoom: 1; display: inline-block; min-height: 380px; } 
#sit_pvi_thumb:after { display: block; visibility: hidden; clear: both; content: ""}
#sit_pvi_thumb li { /*display: inline-block; */
 margin: 0 10px 10px 0}
/*#sit_pvi_thumb .li_last { margin:0 !important } */

#sit_pvi .btn_wrap { margin-left: 110px; width: calc(100% - 110px); overflow: hidden; } 
#sit_pvi .btn_wrap>a { display: block; width: 48%; border-radius: 5px; border: 1px solid #e0e0e0; font-size: 15px; font-weight: 600; color: #333333; padding: 9px 0; float: left; } 
#sit_pvi .btn_wrap>a+a { margin-left: 2%; } 
#sit_pvi .btn_wrap>a:before { content: ""; display: inline-block; width: 24px; height: 21px; background: center center / 100% auto no-repeat; vertical-align: middle; margin-right: 8px; } 
#sit_pvi .btn_wrap>a:first-child:before { background-image: url('/img/icon-item-link01.png'); } 
#sit_pvi .btn_wrap>a:last-child:before { background-image: url('/img/icon-item-link02.png'); } 

#sit_pvi_nwbig { padding: 10px 0; text-align: center}
#sit_pvi_nwbig span { display: none; position: relative; } 
#sit_pvi_nwbig span.visible { display: block; } 
#sit_pvi_nwbig span .watermark { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
#sit_pvi_nwbig span .watermark img { width: 517px; height: 517px; } 
#sit_pvi_nw ul { margin: 0 0 20px; padding: 0 10px; list-style: none; zoom: 1}
#sit_pvi_nw ul:after { display: block; visibility: hidden; clear: both; content: ""}
#sit_pvi_nw li { float: left; margin: 0 0 1px 1px}
#sit_pvi_nw li img { width: 60px; height: 60px}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov { position: relative; float: right; padding: 50px 35px 15px 100px; width: 450px; height: auto !important; height: 355px; min-height: 420px; border-left: 1px solid #dddddd; } 
#sit_ov h3 { margin: 0 0 10px}

#sit_title { margin: 0 0 5px; font-size: 24px}
#sit_desc { margin: 0 0 5px; padding: 0; color: #999}
#sit_opt_info { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden}

#sit_star_sns { position: absolute; top: 15px; right: 15px; color: #b8afa2; font-size: 0.95em; letter-spacing: -0.1em}
#sit_star_sns span { display: inline-block; margin: 0 5px 0 0; color: #666; letter-spacing: 0}
#sit_star_sns .sit_star { position: relative; top: -2px; margin: 0 5px 0 0}
#sit_star_sns a { display: inline-block; vertical-align: middle}

.sit_ov_tbl { margin-bottom: 10px; width: 100%; border: 0; border-collapse: collapse}
.sit_ov_tbl th { border-top: 0px solid #e9e9e9; border-bottom: 0px solid #e9e9e9; font-weight: 700; text-align: left}
.sit_ov_tbl td { padding: 7px 0; border-top: 0px solid #e9e9e9; border-bottom: 0px solid #e9e9e9; height: 30px; box-sizing: border-box; } 
.sit_ov_ro { padding: 2px 2px 3px; border: 0; background: transparent; text-align: right; vertical-align: middle}
.sit_ov_opt { padding: 2px 2px 3px; border: 0; background: transparent; vertical-align: middle}
.sit_ov_input { margin: 0 1px 0 0; padding: 2px 2px 3px; border: 1px solid #b8c9c2; background: transparent; vertical-align: middle}
#sit_ov_tbl button { margin: 0 1px 0 0}

.sit_sel_btn { position: relative}
/* 선택옵션용 추가 버튼 */
.sit_sel_btn button { position: absolute; top: -51px; right: 0 !important; right: 15px}

#sit_sel_option h3 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}

#sit_tot_price { margin: 20px 0; font-size: 1.3em; font-weight: bold}

#sit_ov_soldout { margin: 0 0 20px; color: #ff3061; font-weight: bold; text-align: center}

#sit_ov_btn { text-align: right; letter-spacing: -3px}
#sit_ov_btn a { display: inline-block; width: 80px; height: 30px; border: 0; font-size: 0.95em; vertical-align: middle; text-align: center; text-decoration: none; letter-spacing: -0.1em; line-height: 2.8em; cursor: pointer}
#sit_ov_btn input { display: inline-block; width: 80px; height: 30px; border: 0; font-size: 0.95em; text-align: center; text-decoration: none; letter-spacing: -0.1em; cursor: pointer}
#sit_btn_buy { background: #ff5b89; color: #fff}
#sit_btn_cart, #sit_btn_wish { background: #555; color: #fff}
#sit_btn_rec { background: #888; color: #fff}

/* 상품 재입고 알림 (SMS) */
#sit_sms_new #sms_agree { padding: 10px 0; text-align: right}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings { clear: both; margin: 0 0 20px; padding: 0 0 10px; text-align: center}
#sit_siblings:after { display: block; visibility: hidden; clear: both; content: ""}
#sit_siblings h2 { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden}
#sit_siblings a { display: inline-block; padding: 8px 12px; border: 1px solid #e9e9e9; background: #fff}
#sit_siblings a#siblings_prev { float: left; margin: 0 0 0 15px}
#sit_siblings a#siblings_next { float: right; margin: 0 15px 0 0}
#sit_siblings a span { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden}

/* 상품 상세보기 - 상품정보 */
#sit_inf { margin: 0 0 10px; padding: 10px 10px 20px; border-bottom: 1px solid #e9e9e9}
#sit_inf h2 { margin: 0 0 10px}
#sit_inf h3 { position: absolute; font-size: 0; line-height: 0; content: ""}

#sit_inf_basic { margin: 0 0 10px}
#sit_inf_explan { margin: 0 0 10px; width: auto !important; width: 718px; overflow: hidden}
/* ie6 미대응시 #sit_inf_explan { margin:0 0 10px } 만으로 충분 */
#sit_inf_explan img { max-width: 100%; height: auto}

#sit_inf_open { width: 100%; border: 0; border-collapse: collapse}
#sit_inf_open th { padding: 7px 10px; border: 1px solid #fff; background: #f2f5f9; vertical-align: top; text-align: left}
#sit_inf_open td { padding: 7px 10px; border: 1px solid #fff; background: #f2f5f9; vertical-align: top}

/* 상품 상세보기 - 사용후기 */
#sit_use { margin: 0 0 10px; padding: 10px 10px 20px; border-bottom: 1px solid #e9e9e9}
#sit_use h2 { margin: 0 0 10px}
#sit_use h3 { margin: 0 0 10px}

#sit_use_ol { margin: 0 0 5px; padding: 0; border-top: 1px solid #e9e9e9; list-style: none}
.sit_use_li { position: relative; padding: 0 0 10px; border-bottom: 1px solid #e9e9e9; background: #f2f5f9}
.sit_use_li_title { display: block; margin: 0; padding: 10px; width: 100%; border: 0; background: transparent; text-align: left; cursor: pointer}

.sit_use_dl { margin: 0; padding: 0 10px; zoom: 1}
.sit_use_dl:after { display: block; visibility: hidden; clear: both; content: ""}
.sit_use_dl dt { float: left; margin: 2px 0 0}
.sit_use_dl dd { float: left; margin: 2px 20px 0 5px}
.sit_use_star { margin: 0 !important; padding: 0 0 0 5px}

.sit_use_con { display: none; padding: 10px 10px 0}
.sit_use_p { margin: 0 0 10px; padding: 10px; border: 1px solid #e9e9e9; background: #fff}
.sit_use_cmd { text-align: right}

#sit_use_wbtn { margin: 0 0 5px; text-align: right}

#sit_use_write #is_subject { width: 100%}
#sit_use_write ul { margin: 5px 0 0}
#sit_use_write li { margin: 0 0 5px}
#sit_use_write li label { display: inline-block; width: 80px}
#sit_use_write_star { margin: 0; padding: 0; list-style: none}

/* 상품 상세보기 - 상품문의 */
#sit_qa { margin: 0 0 10px; padding: 10px 10px 20px; border-bottom: 1px solid #e9e9e9}
#sit_qa h2 { margin: 0 0 10px}
#sit_qa h3 { margin: 0 0 10px}

#sit_qa_ol { margin: 0 0 5px; padding: 0; border-top: 1px solid #e9e9e9; list-style: none}
.sit_qa_li { position: relative; padding: 0 0 10px; border-bottom: 1px solid #e9e9e9; background: #f2f5f9}
.sit_qa_li_title { display: block; margin: 0; padding: 10px; width: 100%; border: 0; background: transparent; text-align: left; cursor: pointer}

.sit_qa_dl { margin: 0; padding: 0 10px; zoom: 1}
.sit_qa_dl:after { display: block; visibility: hidden; clear: both; content: ""}
.sit_qa_dl dt { float: left}
.sit_qa_dl dd { float: left; margin: 0 20px 0 5px}
.sit_qaa_done { color: #ff3061}
.sit_qaa_yet { color: #999}

.sit_qa_con { display: none; padding: 10px 10px 0}
.sit_qa_p { margin: 0 0 10px; padding: 10px; border: 1px solid #e9e9e9; background: #fff}
.sit_qa_p strong { display: inline-block; margin: 0 0 10px}
.sit_qa_qaq { margin: 0 0 20px}
.sit_qa_con textarea { display: none}
.sit_qa_cmd { text-align: right}

.sit_qa_pw { display: none; position: absolute; top: 30px; left: 175px; padding: 10px; width: 348px; border: 1px solid #000; background: #fff; text-align: center}
.sit_qa_pw span { display: block; margin: 0 0 5px}

#sit_qa_wbtn { margin: 0 0 5px; text-align: right}

#sit_qa_write #iq_subject { width: 100%}

/* 상품 상세보기 - 배송정보 */
#sit_dvr { margin: 0 0 10px; padding: 10px 10px 20px; border-bottom: 1px solid #e9e9e9}
#sit_dvr h2 { margin: 0 0 10px}

/* 상품 상세보기 - 교환정보 */
#sit_ex { margin: 0 0 10px; padding: 10px 10px 20px; border-bottom: 1px solid #e9e9e9}
#sit_ex h2 { margin: 0 0 10px}

/* 상품 상세보기 - 관련상품 */
#sit_rel { margin: 0 0 10px; padding: 10px 10px 0}
#sit_rel h2 { margin: 0 0 10px}
#sit_rel .sct_wrap li { margin: 0 10px 0 0}
#sit_rel .sct_last { margin: 0 !important}

/* 사용후기 모음 */
#sps_sch { margin: 0 0 10px}
#sps_sch a { display: inline-block; padding: 0 8px; height: 21px; background: #333; color: #fff; text-decoration: none; vertical-align: middle; line-height: 1.9em}
#sps_sch .btn_submit { padding: 0 8px; height: 24px; vertical-align: middle}

#sps { zoom: 1}
#sps ol { margin: 0; padding: 0; border-top: 1px solid #e9e9e9; list-style: none}
#sps li { position: relative; padding: 10px; border-bottom: 1px solid #e9e9e9}
#sps li:after { display: block; visibility: hidden; clear: both; content: ""}

.sps_img { float: left; margin: 0 10px 0 0; width: 80px}
.sps_img span { position: absolute; font-size: 0; line-height: 0; overflow: hidden}

#sps dl { margin: 5px 0 10px; zoom: 1}
#sps dl:after { display: block; visibility: hidden; clear: both; content: ""}
#sps dt { float: left}
#sps dd { float: left; margin: 0 20px 0 5px}
#sps dd img { position: relative; top: -2px}

.sps_section { float: left; width: 630px}
.sps_section p { padding: 0; width: 100%}
.sps_con_full { padding: 0; height: auto !important}
.sps_con_btn { margin: 5px 0 0; text-align: right}
.sps_con_btn button { margin: 0; padding: 5px; border: 0; background: #565e60; color: #fff}

/* 상품문의 모음 */
#sqa_sch { margin: 0 0 10px}
#sqa_sch a { display: inline-block; padding: 0 8px; height: 21px; background: #333; color: #fff; text-decoration: none; vertical-align: middle; line-height: 1.9em}
#sqa_sch .btn_submit { padding: 0 8px; height: 24px; vertical-align: middle}

#sqa { zoom: 1}
#sqa ol { margin: 0; padding: 0; border-top: 1px solid #e9e9e9; list-style: none}
#sqa li { position: relative; padding: 10px; border-bottom: 1px solid #e9e9e9}
#sqa li:after { display: block; visibility: hidden; clear: both; content: ""}

.sqa_img { float: left; margin: 0 10px 0 0; width: 80px}
.sqa_img span { position: absolute; font-size: 0; line-height: 0}

#sqa dl { margin: 5px 0 10px; zoom: 1}
#sqa dl:after { display: block; visibility: hidden; clear: both; content: ""}
#sqa dt { float: left}
#sqa dd { float: left; margin: 0 20px 0 5px}
#sqa dd img { position: relative; top: -2px}

.sqa_section { float: left; width: 630px}
.sqa_section .sqa_con { padding: 10px; background: #f2f5f9; line-height: 1.7em}
.sqa_section p { padding: 0; width: 100%}
.sqa_con_full { padding: 0; height: auto !important}
.sqa_con_btn { margin: 5px 0 0; text-align: right}
.sqa_con_btn button { margin: 0; padding: 5px; border: 0; background: #565e60; color: #fff}

.mlg { margin: 0 0 20px 0; border: 1px solid #dddddd; height: 35px; line-height: 35px; padding: 0 0 0 10px; color: #dddddd; } 
.mlg ul { margin: 0 0 10px 0; padding: 0; list-style: none; } 
.mlg li { display: inline; margin: 0 5px 0 0; } 

/*RENEWAL*/
.mbn_gold { margin-top: 12px; width: 100%; } 
.mbn_gold h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.mbn_gold ul {margin: 0;padding: 0;border: 0;list-style: none;display: flex;flex-wrap: wrap;gap: 16px;}
.mbn_gold li {float: left;height: 230px;box-sizing: border-box;position: relative;width: calc(25% - 13px);} 
.mbn_gold li:nth-child(4n) { margin-right: 0; } 
.mbn_gold li a {transition: all .2s ease-out;left: 0;top: 0;position:absolute;width:100%;height:100%;border: 1px solid #d1d1d1;}
.mbn_gold li:focus a, .mbn_gold li:hover a {border: 2px solid #1b51ab;width: 100%;margin-left: -1px;margin-top: -1px;box-shadow: 0 5px 10px 0 rgb(6 0 1 / 38%);z-index: 999;transform: scale(1.09);}
.mbn_gold li:focus a img, .mbn_gold li:hover a img {display:block;width:100%;}
.mbn_gold pre.desc {width: 100%;height: 40px;overflow: hidden;margin: 0;font-size: 12px;color: #7a7a7a;padding-left: 17px;box-sizing: border-box;letter-spacing: -0.4px;font-family: 'dotum', sans-serif;text-decoration: none;} 

.mbn_gold .comIntro { display:none; } 
.mbn_gold .comIntro h3 { font-size: 20px; font-weight: bold; font-family: 'Malgun-Gothic-Bold_29380', 'MalgunGothicBold', sans-serif; margin-top: 10px; margin-bottom: 20px; } 
.mbn_gold .comIntro span { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.3em; height: 70px; font-family: 'MalgunGothic', sans-serif; font-size: 13px; } 
.mbn_gold li:after { display:none; } 

.mbn_silver { margin-top: 12px; width: 100%; overflow: hidden; } 
.mbn_silver h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.mbn_silver ul { margin: 0; padding: 0; border: 0; list-style: none}
.mbn_silver li { float: left; margin: 0 4px 5px 0; width: 226px; height: 200px; border: 1px solid #d1d1d1; box-sizing: border-box; overflow: hidden; position: relative; } 
.mbn_silver li:focus, .mbn_silver li:hover { border: 2px solid #1b51ab}
.mbn_silver li:nth-child(5n) { margin-right: 0; } 
.mbn_silver pre.desc { position: absolute; width: 226px; height: 50px; bottom: 0; background: #ffffff; overflow: hidden; margin: 0; font-size: 12px; color: #7a7a7a; padding-left: 12px; box-sizing: border-box; letter-spacing: -0.5px; font-family: 'dotum', sans-serif; line-height: 15px; z-index: 9; } 
.mbn_silver li:hover img { margin-left: -1px; margin-top: -1px; } 
.mbn_silver li:hover pre.desc { left: -1px; bottom: -1px; } 

.mbn_silver .comIntro { width: 226px; height: 75%; position: absolute; top: 75%; left: 0; padding: 15px 20px; background: #D90E0E; color: rgba(255, 255, 255, 1); transition: all 0.5s ease-in-out; -moz-transition: all 0.4s; box-sizing: border-box; color: #ffffff; background: rgba(52, 52, 52, 0.7); } 
.mbn_silver li:hover .comIntro { display: block !important; left: -1px; top: 0; } 
.mbn_silver .comIntro h3 { font-size: 15px; font-weight: bold; font-family: 'Malgun-Gothic-Bold_29380', 'MalgunGothicBold', sans-serif; padding-bottom: 8px; border-bottom: 2px solid #ffffff; } 
.mbn_silver .comIntro span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.3em; height: 6.2em; font-family: 'MalgunGothic', sans-serif; font-size: 12px; padding-top: 8px; } 

.mbn_oem { width: 100%; overflow: hidden; } 
.mbn_oem h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden}
.mbn_oem ul { margin: 0; padding: 0; border: 0; list-style: none}
.mbn_oem li { float: left; margin: 0 14.5px 14.5px 0; width: 179px; height: 179px; border: 1px solid #dddddd; box-sizing: border-box; overflow: hidden; position: relative; } 
.mbn_oem li:nth-child(6n) { margin-right: 0; } 
.mbn_oem li .comIntro { color: #ffffff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Malgun-Gothic-Bold_29380', 'MalgunGothicBold', sans-serif; z-index: 1; opacity: 0; width: 170px; } 
.mbn_oem li .comIntro h3 { font-size: 17px; letter-spacing: -0.5px; } 
.mbn_oem li .comIntro pre.desc { font-size: 12px; letter-spacing: -0.5px; margin-top: 10px; font-family: 'dotum', sans-serif; overflow: hidden; } 
.mbn_oem li a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; } 
.mbn_oem li:hover a:after, .mbn_oem li:hover .comIntro { opacity: 1; } 

/* 상품 목록 스킨 RENEWAL*/
.smt_renewal { margin-top: 14px; } 
.smt_renewal .sct_li { position: relative; float: left; margin: 0 13px 0px 0; box-sizing: border-box; border: 1px solid #eaeaea; overflow: hidden; } 
.smt_renewal .sct_last { margin: 0 0 15px !important}
.smt_renewal .sct_clear { clear: both}
.smt_renewal .sct_a { display: inline-block; position: relative; text-decoration: none}
.smt_renewal .sct_a:focus, .smt_10 .sct_a:hover { text-decoration: none}
.smt_renewal .sct_img { margin: 0 0 0px}
.smt_renewal .sct_img img { display: block; object-fit: cover; object-position: center; width: 100%; } 
.smt_renewal .sct_txt { margin: 0 0 5px; text-align: center; font-weight: 700; } 
.smt_renewal .sct_icon { margin: 0 0 10px}
.smt_renewal .sct_id { display: block; margin: 0 0 5px}
.smt_renewal .sct_basic { margin: 0 0 10px}
.smt_renewal .sct_cost { display: block; margin: 0 0 10px; font-weight: bold}
.smt_renewal .sct_cost strike { display: block; margin: 0 0 5px; color: #999; font-weight: normal}
.smt_renewal .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); padding: 0; box-sizing: border-box; opacity: 0; } 
.smt_renewal .dim a { text-align: center; color: #ffffff; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.smt_renewal .dim a .lnk-wr { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); } 
.smt_renewal .dim span { text-align: center; color: #ffffff; display: block; position: relative; top: 50%; transform: translateY(-50%); float: right; cursor: pointer; z-index: 1; right: 30px; } 
.smt_renewal .dim a p, .smt_renewal .dim span p { font-size: 12px; padding: 5px 0; } 
.smt_renewal .dim img { height: 24px; } 
.smt_renewal .sct_li:hover .dim { opacity: 1; }