@charset "utf-8";

/**
 * [common.css Writing Rules]
 * !!! Fill out only if any of the conditions apply !!!
 *
 * 1. Layout
 * 2. Buttons
 * 3. Form
 *
 */

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url('../font/Pretendard-Regular.subset.woff2') format('woff2'),url('../font/Pretendard-Regular.subset.woff') format('woff')
}

@font-face {
    font-family: 'PretendardMedium';
    font-style: normal;
    font-weight: 500;
    src: url('../font/Pretendard-Medium.subset.woff2') format('woff2'),url('../font/Pretendard-Medium.subset.woff') format('woff')
}

@font-face {
    font-family: 'PretendardBold';
    font-style: normal;
    font-weight: 700;
    src: url('../font/Pretendard-Bold.subset.woff2') format('woff2'),url('../font/Pretendard-Bold.subset.woff') format('woff')
}

/* reset element */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0; padding:0;
 }
 html, body {width:100%; font-size:14px; font-family:'Pretendard','Microsoft YaHei',verdana,AppleGothic,sans-serif; color:#222; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:transparent; word-break:keep-all; line-height:1.2;}
 h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:inherit; }

 /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }

/* align, border, input */
img, fieldset, a { border:none; }
img { vertical-align:top; }
table {width:100%;}
table, thead, tbody, tfoot { border-collapse:collapse; border-spacing:0; border:0; word-break: break-word;}
table th, table td { word-break: break-word;}
fieldset {min-width:0;}
ul, ol, li { list-style:none; word-break: break-word;}
address, em { font-style:normal; }
input, select, textarea, button, form img { vertical-align:middle; }
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0; border-radius:0}
button::-moz-focus-inner { border:0 none; padding:0; }
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer; -webkit-appearance:none; background:none; border:0}
input {-webkit-border-radius:0; -webkit-appearance:none;}
input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"] , input[type="email"], input[type="date"]{ box-sizing:border-box; border:1px solid #ccc; padding:6px 5px; height:32px; line-height:20px; color:#242424; font-size:13px; border-radius:2px; font-family:'Pretendard','Microsoft YaHei',verdana,AppleGothic,sans-serif; -webkit-appearance:none; }
input[type="date"] {letter-spacing:-1px;}
input:focus, button:focus, select:focus, textarea:focus { outline:0; }
input:disabled {opacity:1;}
::-webkit-input-placeholder {color:#aaa; }
::-moz-placeholder {color:#aaa; }
:-ms-input-placeholder {color:#aaa; }
:-moz-placeholder {color:#aaa }
::-ms-clear, ::-ms-reveal {display: none}
select, textarea, button {font-family:'Pretendard','Microsoft YaHei',verdana,AppleGothic,sans-serif; /*-webkit-appearance: none;*/ border-radius:0}
textarea { box-sizing:border-box; width:100%; height:195px; padding:8px 10px; border:1px solid #ccc; -webkit-appearance:none; font-size:11px; line-height:18px; overflow-y:auto; resize:none; color:#242424; border-radius:2px; }

/* anchor */
a { text-decoration:none; }
a:link { color:#222; }
a:visited { color:#222; }
a:hover { color:#222; }
a:focus { color:#222; }

/* common */
legend, caption {overflow:hidden; position:absolute; width:1px; height:1px; border:none; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); }
caption {position:static; height:0; }
hr {display:none; }
.blind { overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; }
.lockBody {overflow:hidden; height:100%;}

/* 버튼 */
/* -------- button -------- */
/* Basic */
a > i {font-style:normal;}
button{color:#222;}
button > i {position:relative; top:0; font-style: normal;}
button:disabled {-webkit-tap-highlight-color:transparent !important;}
[class^="btn-grade"]{display:inline-block; text-align:center; padding:0 8px;box-sizing:border-box;}
[class^="btn-grade"]:first-child{margin-left:0;}
[class^="btn-grade"].type1 {background-color:#222; color:#fff;}
[class^="btn-grade"].type2 {background-color:#de3831; color:#fff;}
[class^="btn-grade"].type3 {background-color:#fff; color:#222; border:1px solid #222}
[class^="btn-grade"].type4 {border:1px solid #DE3831; background:#fff; color:#DE3831;}
[class^="btn-grade"].type5 {background-color:#666; color:#fff;}
[class^="btn-grade"].st1 {width:100%;}
[class^="btn-grade"].st2 {display:flex; justify-content: space-between; align-items: center; padding:0 20px}
[class^="btn-grade"].st2 i{margin-right:0;}
[class^="btn-grade"].st4 {padding:0 10px;}
[class^="btn-grade"]:disabled,
[class^="btn-grade"][disabled] {background-color:#eee; color:#fff;}
.btn-grade1 {height:48px; font-size:16px; line-height:48px;}
.btn-grade2 {height:45px; font-size:16px; line-height:45px;}
.btn-grade3 {height:40px; font-size:15px; line-height:40px;}
.btn-grade4 {height:34px; font-size:11px; line-height:34px;}

/* 2024-01-03 : CN몰 개선(목록/검색) */
[class^="btn-grade"].type1:disabled,
[class^="btn-grade"].type1[disabled],
[class^="btn-grade"].type5:disabled,
[class^="btn-grade"].type5[disabled] {background:#eee; color:#fff;}
[class^="btn-grade"].type2:disabled,
[class^="btn-grade"].type2[disabled] {background:#FCE0DF; color:#fff;}
[class^="btn-grade"].type3:disabled,
[class^="btn-grade"].type3[disabled] {border-color:#eee; background:#fff; color:#eee;}
[class^="btn-grade"].type4:disabled,
[class^="btn-grade"].type4[disabled] {border-color:#FCE0DF; background:#fff; color:#FCE0DF;}

/* Button Wrap + Align */
.btn-wrap {display:flex; justify-content:center; align-items:center;}
.btn-wrap > [class^="btn-grade"] {flex:1; margin-left:5px; box-sizing:border-box;}
.btn-wrap > [class^="btn-grade"]:first-child {margin-left:0;}
.btn-wrap > [class^="btn-grade"].size {flex-grow:2;}
.btn-wrap.type1 {flex-direction:column;}
.btn-wrap.type1 [class^="btn-grade"] {flex-basis:auto; margin:0;}
.btn-wrap.type2 {justify-content:flex-end;}
.btn-wrap.type2 [class^="btn-grade"] {flex:none;}
.btn-wrap.type3 {justify-content:space-between; align-items:center}
.btn-wrap.type3 > [class^="btn-grade"] {flex:none;}
.btn-wrap.type4 {justify-content:center;}
.btn-wrap.type4 > [class^="btn-grade"] {flex:none}

/* Button : Border, Icon */
.btn-border {display:inline-flex; align-items:center; height:30px; border-radius:4px; border:1px solid #e0e0e0; padding:0 10px; box-sizing:border-box; line-height:30px; font-size:12px; color:#333;}
.btn-icon i {font-size:0;}

/* Button : Text *//* 24-01-22 주문결제 */
[class^="btn-txt"] {display:inline-block; position:relative; box-sizing: border-box;}
[class^="btn-txt"] > i {position:relative; padding-right:16px;}
[class^="btn-txt"] > i::after {display:block; content:""; position:absolute; top:50%; right:0; background:0 0 no-repeat; transform:translateY(-50%);}
[class^="btn-txt"].uline{border-bottom:1px solid #222;}
[class^="btn-txt"].st1{font-size:12px;}
[class^="btn-txt"].st2 {border-color:#666; font-size:12px; color:#666; line-height:14px;}
/* btn-txt(숫자) > i : 아이콘 있을 때 */
.btn-txt1 > i::after{width:16px; height:16px; background-image: url('../images/ico_chevron_right1.png'); background-size: 100% auto;}
.btn-txt2 > i::after{width:16px; height:16px; background-image: url('../images/ico_chevron_down1.png'); background-size: 100% auto;}
.btn-txt2.on > i::after{background-image: url('../images/ico_chevron_up1.png'); background-size: 100% auto;}
/* 더보기/닫기 */
[class^="btn-txt"] .tg-total{display:inline-block; margin-right:4px}
[class^="btn-txt"] .tg-txt2{display:none}
[class^="btn-txt"].on .tg-txt2{display:inline-block;}
[class^="btn-txt"].on .tg-txt1{display:none}

/* Button : etc *//* 24-01-22 주문결제 */
.btn-link {position:relative; display:inline-block; border-bottom:1px solid #222; padding-bottom:2px; color:#222; font-size:13px;}
.binr-pay{font-size:16px; color:#fff;}
.binr-pay em{display:inline-block; font-size:12px; color:rgba(255,255,255,.6); margin-left:10px}

/* Icon Button */
span[class^="btn-ico"], a[class^="btn-ico"] {position:relative; display:inline-block; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: top;}
span[class^="btn-ico"] input, a[class^="btn-ico"] input {position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
span[class^="btn-ico"] label, a[class^="btn-ico"] label{text-indent: -9999px;}
span[class^="btn-ico"] > i, a[class^="btn-ico"] > i,
span[class^="btn-ico"] > span, a[class^="btn-ico"] > span {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
span.btn-ico1, a.btn-ico1{width:44px; height:44px;}
span.btn-ico2, a.btn-ico2{width:34px; height:34px;}
span.btn-ico3, a.btn-ico3{width:12px; height:12px;}

/* Icon Type */
.btn-wrap i[class^="ico-"]{margin-right:5px}
i[class^="ico-"] {position:relative; display:inline-block; background:no-repeat center center /100% 100%; font-size:0; vertical-align:middle;}
i.ico-wish{width:24px; height:24px; background-image:url('../images/ico_wish_v2.png');}/* 관심상품 */
i.ico-noti{width:24px; height:24px; background-image:url('../images/ico_noti.png');}/* 알림 */
i.ico-noti2{width:20px; height:20px; background-image:url('../images/ico_noti02.png');}/* 알림 */
i.ico-share{width:24px; height:24px; background-image:url('../images/ico_share.png');}/* 공유하기 */
i.ico-search{width:24px; height:24px; background-image:url('../images/ico_search_bk.png');}/* 검색 */
i.ico-search2{width:18px; height:17px; background-image:url('../images/ico_search.png');}/* 검색2 */
i.ico-setup{width:24px; height:24px; background-image:url('../images/ico_setting.png');}/* 설정 */
i.ico-back{width:24px; height:24px; background-image:url('../images/ico_arrow_back.png');}/* 뒤로가기 */
i.ico-top {width:19.5px; height:16px; background-image:url('../images/ico_top.png');}/* TOP */
i.ico-popup {width:45px; height:45px; background-image:url('../images/ico_popup.png');}/* POPUP */
i.ico-home {width:24px; height:24px; background-image:url('../images/fnb_home.png');}/* 홈 */
i.ico-category {width:24px; height:24px; background-image:url('../images/fnb_category.png');}/* 카테고리 */
i.ico-history {width:24px; height:24px; background-image:url('../images/fnb_history.png');}/** 히스토리 */
i.ico-cart {width:24px; height:24px; background-image:url('../images/fnb_cart.png');}/* 장바구니 */
i.ico-cart2 {width:20px; height:20px; background-image:url('../images/ico_cart.png');}/* 장바구니 */
i.ico-cart3 {width:15.5px; height:13.5px; background-image:url('../images/ico_cart02.png');}/* 장바구니 */
i.ico-my {width:24px; height:24px; background-image:url('../images/fnb_my.png');}/* 마이신라 */
i.ico-arrow {width:13.5px; height:7.5px; background-image:url('../images/ico_arrow.png');}/* 닫힘 */
i.ico-awon {width:13.5px; height:7.5px; background-image:url('../images/ico_arrow_on.png');}/* 펼침 */
i.ico-del {width:8px; height:8px; background-image:url('../images/ico_del.png');}/* 삭제 */
i.ico-del2 {width:18px; height:18px; background-image:url('../images/ico_del02.png');}/* 삭제 */
i.ico-close {width:9px; height:9px; background-image:url('../images/ico_close02.png');}/* 닫힘 */
i.ico-close2 {width:24px; height:24px; background-image:url('../images/ico_close03.png');}/* 닫힘 */
i.ico-close3 {width:20px; height:20px; background-image:url('../images/ico_close04.png');}/* 닫힘 */
i.ico-tip{width:20px; height:20px; background-image: url('../images/ico_question3.png');}/* 툴팁 */
i.ico-no-result {width:90px; height:90px; background:url('../images/ico_no_result.png') no-repeat 0 0 /100% auto;}/* 결과 없음 */
i.ico-end-check{width:90px; height:90px; background-image:url('../images/ico_circle_end.png');}
i.ico-check{width:18px; height:18px; background-image: url('../images/ico_checkbox_type2.png');}/* 체크 */
.new i[class^="ico-"]:before{content:''; position:absolute; top:-1px; right:-2px; width:3px; height:3px; background:#de3831;}
span[class^="btn-ico"].on i.ico-arrow, a[class^="btn-ico"].on i.ico-arrow {background-image:url('../images/ico_arrow_on.png');}
.btn-ico3 i.ico-arrow{width:10px; height:6px;}

/* 메인 알림 아이콘 (서브 아이콘 제외) */
.btn-noti {position:relative;}
.btn-noti.new:before {display:block; content:""; position:absolute; top:0; right:0; width:3px; height:3px; background:#de3831;}

/* SUB 작업하면서 기존 공통과 달라짐 / 최종 아이콘 버튼 룰 */
[class^="btn-"] i.blind {position:static; height:100%; font-size:0;}

/* Form Default */
.blind-event {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0;}
.fm-text:has(.blind-event) > input {pointer-events:none;}
.fm-text:has(.blind-event:focus) > input:read-only {border-color:#222;}

/* Form : Input */
.fm-text {display:inline-block; position:relative; width:100%; box-sizing: border-box;}
.fm-text > input {width:100%; height:34px; border-radius:2px; background-color:#fff; border:1px solid #bbb; padding:0 10px; box-sizing:border-box; font-size:12px; line-height:auto; color:#222;}
.fm-text > input:read-only{color:#777}
.fm-text > input:disabled{border-color:#f5f5f5; background-color: #f5f5f5; color:#bbb}
.fm-text .btn-icon {position:absolute; top:50%; right:0; transform:translateY(-50%); height:100%; box-sizing:content-box;}
.fm-text .btn-del {display:none; width:16px; padding:0 10px; background:url('../images/ico_dismiss1.png') no-repeat center center /12px auto;}
.fm-text .btn-search {width:20px; padding:0 15px; background:url('../images/ico_search1.png') no-repeat center center /20px auto;}
.fm-text.del > input {padding-right:36px;}
.fm-text.del .btn-del {display:block;}
.fm-text:has(.btn-search) > input {padding-right:48px;}
.fm-text:has(.btn-search).del > input {padding-right:72px;}
.fm-text:has(.btn-search).del .btn-del {right:36px;}
.fm-text.type1 > input {height:40px; border:0; background:#fafafa; padding:0 15px; font-size:14px;}
.fm-text.type1 .btn-del {background-image: url('../images/ico_dismiss1.png');}
.fm-text.st1 > input {border-color:#f5f5f5; background-color: #f5f5f5;}
.fm-text .time {position:absolute; top:50%; right:10px; font-size:12px; line-height:18px; color:#de3831; transform:translateY(-50%);}
.fm-text.del .time {right:28px;}
.fm-text:has( > input:disabled) .time {display:none;}

/* 달력 */
.fm-text.cal > input,
.fm-text.cal > input:read-only{background: url('../images/ico_calendar.png') calc(100% - 10px) 50% no-repeat; background-size: 16px 16px; padding-right:30px;} /* 2025-03-19 재입고알림 개선 */

/* Select */
.fm-select {position:relative; --select-height:34px; --select-padding:0 31px 0 10px; box-sizing: border-box;}
.fm-select > button,
.fm-select > select {position:relative; width:100%; height:var(--select-height, 34px); padding:var(--select-padding, 0 20px); border:1px solid #bbb; background:url('../images/ico_chevron_down1.png') no-repeat right 10px center /16px auto #fff; box-sizing:border-box; font-size:12px; color:#222; text-align:left; line-height:var(--select-height); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.fm-select > button.on {background-image:url('../images/ico_chevron_up1.png');}
.fm-select > button:disabled,
.fm-select > select:disabled {border-color:#e0e0e0; color:#bbb; opacity:1;}
.fm-select > select {appearance:none; -webkit-appearance:none;}
.fm-select .fix {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; padding:var(--select-padding); padding-top:1px; padding-bottom:1px; pointer-events:none; box-sizing:border-box;}
.fm-select .fix-inner {display:inline-flex; align-items:center; width:100%; height:100%; background:#fff;}
.fm-select .fix-inner span {overflow:hidden; font-size:12px; color:#222; white-space:nowrap; text-overflow:ellipsis;}
.fm-select:has(> select:disabled) .fix span {opacity:0.25;}
.fm-select.st1 {--select-height:26px; --select-padding:0 24px 0 8px;}
.fm-select.st1 > button,
.fm-select.st1 > select {border:1px solid #bbb; background-position:right 3px center;}
.fm-select.st1 .fix {padding:1px 24px 1px 8px;}
.fm-select.st2 select:disabled {border-color:#f5f5f5; background:#f5f5f5; color:#bbb;}
.fm-select.st2:has(select:disabled):after {display:block; content:""; position:absolute; top:50%; right:10px; width:16px; height:16px; background:url('../images/ico_chevron_down1.png') no-repeat 0 0 /100% auto; opacity:.3; transform:translateY(-50%);}
.fm-select.type2 {--select-height:20px; --select-padding:0 20px 0 0;}
.fm-select.type2 > button,
.fm-select.type2 > select {border:0; background-position:right center;}

/* From : Checkbox, Radio */
.fm-choice {display:inline-block; position:relative; font-size:0;}
.fm-choice > input {position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.fm-choice > label {display:inline-flex; align-items:center; min-width:0; min-height:20px; cursor:pointer; box-sizing:border-box; text-align:left; font-size:12px; color:#222; line-height:12px;}
.fm-choice > label i {flex:1; font-style:normal; word-break:break-all;}
.fm-choice > label:before {align-self:flex-start;}
.fm-choice > input:disabled + label {opacity:0.25;}
.fm-choice.type1 > label i:not(.blind) {margin-left:10px;}
.fm-choice.type1 > label:before {display:inline-block; content:""; width:20px; height:20px; background:url('../images/ico_checkbox01.png') no-repeat left center /100% auto;}
.fm-choice.type1 > input:checked + label:before {background-image:url('../images/ico_checkbox01_on.png');}
.fm-choice.type1.st1 > label {min-height:18px;}
.fm-choice.type1.st1 > label i:not(.blind) {margin-left:5px;}
.fm-choice.type1.st1 > label:before {width:18px; height:18px; background-image:url('../images/ico_checkbox05.png');}
.fm-choice.type1.st1 > input:checked + label {font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
.fm-choice.type1.st1 > input:checked + label:before {background-image:url('../images/ico_checkbox05_on.png');}

.fm-choice[class*="type2-"] > label {min-height:0;}
.fm-choice.type2-1 > label i {margin-left:4px; font-size:12px}
.fm-choice.type2-2 > label i {margin-left:6px; font-size:14px}
.fm-choice[class*="type2-"] > label:before{display:inline-block; content:""; background:url('../images/ico_checkbox_type1.png') no-repeat left center /100% auto;}
.fm-choice[class*="type2-"].st3 > label:before,
.fm-choice[class*="type2-"].st4 > label:before{background-image: url('../images/ico_checkbox_type2.png');}
.fm-choice.type2-1 > label:before{width:18px; height:18px;}
.fm-choice.type2-2 > label:before{width:20px; height:20px;}
.fm-choice[class*="type2-"].st1 > input:checked + label:before{background-image:url('../images/ico_checkbox_type1_1.png');}
.fm-choice[class*="type2-"].st2 > input:checked + label:before{background-image:url('../images/ico_checkbox_type1_2.png');}
.fm-choice[class*="type2-"].st3 > input:checked + label:before{background-image:url('../images/ico_checkbox_type2_1.png');}
.fm-choice[class*="type2-"].st4 > input:checked + label:before{background-image:url('../images/ico_checkbox_type2_2.png');}
.fm-choice[class*="type2-"] > input:disabled + label:before,
.fm-choice[class*="type2-"] > input:disabled:checked + label:before{background:url('../images/ico_checkbox_type1_3.png') no-repeat 0 0 /100% auto;}
.fm-choice[class*="type2-"].st3 > input:disabled + label:before,
.fm-choice[class*="type2-"].st3 > input:disabled:checked + label:before,
.fm-choice[class*="type2-"].st4 > input:disabled + label:before,
.fm-choice[class*="type2-"].st4 > input:disabled:checked + label:before{background:url('../images/ico_checkbox_type2_3.png') no-repeat 0 0 /100% auto;}
.fm-choice[class*="type2-"] > input:disabled + label{opacity:1; color:#bbb}
/* 우측 정렬 */
.fm-choice[class*="type2-"].ar > label{justify-content: space-between; flex-direction: row-reverse;}
.fm-choice[class*="type2-"].ar > label i{margin-left:0;}
.fm-choice.type2-1.ar > label i {margin-right:4px;}
.fm-choice.type2-2.ar > label i {margin-right:6px;}

.fm-choice.type5 > label {height:40px; padding:0 10px; border:1px solid #e0e0e0; box-sizing:border-box; font-size:14px; color:#bbb; line-height:40px;}
.fm-choice.type5 > label i {overflow:hidden; isolation:isolate; text-overflow:ellipsis; white-space:nowrap;}
.fm-choice.type5 > input:checked + label {border-color:#222; background:#222; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; color:#fff;}
.fm-choice.type6 > label {min-height:30px; border:1px solid #eee; padding:0 8px 0 31px; background:url('../images/ico_checkbox02.png') no-repeat left 8px center /18px auto; color:#666;}
.fm-choice.type6 > input:checked + label {border-color:#DE3831; background-image:url('../images/ico_checkbox02_on.png'); color:#de3831;}
.fm-choice.type6.st1 > label {padding:0 29px 0 8px; background:url('../images/ico_checkbox03.png') no-repeat right 8px center /16px auto;}
.fm-choice.type6.st1 > input:checked + label {background-image:url('../images/ico_checkbox03_on.png');}
.fm-choice.type6.st2 > label {width:100%; min-height:30px; padding:0 8px 0 7px; border:1px solid #eee; background:none; font-size:12px; color:#666; line-height:20px;}
.fm-choice.type6.st2 > input:checked + label {border-color:#222; background:none; color:#222;}

.fm-switch{position:relative; overflow: hidden;}
.fm-switch > label {position:relative; display:inline-block; font-size:14px; line-height:20px}
.fm-switch > label:before {content:''; display:inline-block; vertical-align:top; width:34px; height:20px; background:#e0e0e0; border-radius:17px;  transition:background .3s ease;}
.fm-switch > label:after {content: ''; display:inline-block; position: absolute; top:50%; left:2px; width:16px; height:16px; margin-top:-8px; vertical-align:top; border-radius:50%; background-color:#fff; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.fm-switch > input {position:absolute; left:0; top:0; width:0; height:0; opacity:0; }
.fm-switch > input:checked + label:before {background-color:#de3831}
.fm-switch > input:checked + label:after {left:16px}

.fm-switch.st1 > label {line-height:24px}
.fm-switch.st1 > label:before {width:40px; height:24px;}
.fm-switch.st1 > label:after {width:20px; height:20px; margin-top:0; transform:translateY(-50%);}
.fm-switch.st1 > input:checked + label:after {left:18px}

/* Form Layout */
.fm-block {position:relative; display:flex; align-items:flex-start; width:100%; flex-wrap: wrap;}
.fm-block [class^="fm-text"],
.fm-block .fm-select {flex:1;}
.fm-block .fm-text + .fm-text {margin-left:5px;}
.fm-block .dash {align-self: center; display:inline-block; width:10px; height:1px; min-width:0; margin:0 10px; background:#999; line-height:100%;}
.fm-block .btn-box {align-self: center; margin-left:5px;}
.fm-block:has(.fm-text.type1) .btn-box {margin-left:11px;}
.fm-list ul {font-size:0;}
.fm-list .title {margin-bottom:20px; font-size:13px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
.fm-list:not(.vertical) ul {margin-bottom:-10px; font-size:0;}
.fm-list:not(.vertical) ul li {display:inline-block; margin:0 10px 10px 0;}
.fm-list.vertical li + li {margin:20px 0 0 0;}
/* 다중 라인 - 세로형 */
.fm-wrap .fm-block + .fm-block{margin-top:5px;}

/* 다중 라인 - 가로형 */
.fm-wrap.type1 {display:flex; flex-wrap:wrap;}
.fm-wrap.type1 .fm-block {flex:1;}
.fm-wrap.type1 .fm-block + .fm-block {margin:0 0 0 5px;}
:where(.fm-wrap.type1) > .fm-error {display:none; width:100%; flex:none;}
.fm-wrap.type1.error .fm-block:not(.error) .fm-error {display:none;}

/* 휴대폰 */
.fm-block.phone .fm-select{position:relative; flex:0 0 96px; margin-right:5px}/* 24-06-11 */
.fm-block.phone .fm-select select:disabled {border:0; background:#f5f5f5; color:#bbb;}
.fm-block.phone .fm-select:has(select:disabled):after {display:block; content:""; position:absolute; top:50%; right:10px; width:16px; height:16px; background:url('../images/ico_chevron_down1.png') no-repeat 0 0 /100% auto; transform:translateY(-50%); opacity:.3;}

/* fm-text 2줄 일 때 */
.fm-block .fm-text-group .fm-text + .fm-text {margin-left:0; margin-top:5px}
.fm-block .fm-text-group ~ .btn-box{align-self:unset;}

/* Form Error */
.fm-error{margin-top:10px; text-align:left;}
.fm-error span{display: inline-block; box-sizing: border-box; background: url('../images/ico_info6.png') 0 0 no-repeat; background-size: 16px 16px; padding-left:17px; font-size:12px; color:#de3831; line-height: 18px; word-break: break-all;}
.fm-error.st1 span{background-image: url('../images/ico_info4.png'); color:#999}
.fm-block .fm-error{display:none; flex:none; width:100%; margin-top:5px; box-sizing:border-box;}
.error .fm-error{display:block;}
.error:not(.fm-wrap.type1) .fm-text > input,
.error:not(.fm-wrap.type1) .fm-select > select{border-color: #de3831;}

/* 활성화 */
.fm-text input:focus,
.fm-select select:focus{border-color:#222;}

/* 휴대폰 + 인증번호 */
.fm-wrap .fm-block > * + *:not(.fm-error) {margin-left:5px;}
.fm-wrap .fm-block.local .fm-select {width:96px; flex:none;}
.fm-wrap.auth .btn-box [class^="btn-grade"] {width:79px;}

/* 2023-05-17 : CN몰 공통영역 변경 */
/* Header */
#header.header{position:sticky; position:-webkit-sticky; z-index:101; width:100%; background:#fff; transition:all ease-in-out 0.5s;}
#header .header-area {padding:20px 20px 0;}
#header .header-area .inner {position:relative; height:32px; padding-top:38px; transition:padding .2s cubic-bezier(0.42, 0, 0.38, 0.99); will-change:padding;}
#header .header-area .inner .logo {position:absolute; top:0; left:0; z-index:1; width:64px; height:28px; background:#fff; font-size:0; transition:all .3s cubic-bezier(0.42, 0, 0.38, 0.99);}
#header .header-area .inner .logo a {display:inline-block; height:100%;}
#header .header-area .inner .logo img {width:auto; height:100%;}
#header .header-area .inner .search {position:relative; z-index:2; width:100%; box-sizing:border-box; background:#fff;}
#header .header-area .inner .search-in {position:relative;}
#header .header-area .inner .search-in .inp-search {overflow:hidden; width:100%; padding-right:30px; box-sizing:border-box; font-size:16px; color:#888; white-space:nowrap; text-overflow:ellipsis;}
#header .header-area .inner .search-in .inp-search::placeholder {position:relative; top:-1px; font-size:11px;}
#header .header-area .inner .search-in .btn-search {display:flex; align-items:center; justify-content:flex-end; position:absolute; top:0; right:0; width:30px; height:100%; padding-right:10px; box-sizing:border-box;}
#header .header-area .inner .utillity {display:flex; align-items:center; position:absolute; top:6px; right:0; z-index:1; transition:all .3s cubic-bezier(0.42, 0, 0.38, 0.99);}
#header .header-area .inner .utillity > * {position:relative; width:24px; height:24px;}
#header .header-area .inner .utillity > * + * {margin-left:15px;}
#header .header-area .inner .utillity img {width:100%; height:100%;}
#header .header-gnb ul {overflow:visible; overflow-x:auto; padding:0 12.5px; white-space:nowrap; font-size:0;}
#header .header-gnb ul::-webkit-scrollbar {display:none;}
#header .header-gnb ul li {display:inline-block; position:relative;}
#header .header-gnb ul li a {display:inline-block; padding:0 7.5px;}
#header .header-gnb ul li a span {display:inline-block; position:relative; line-height:40px; font-size:14px; color:#222222;}
#header .header-gnb ul li.on a span {font-weight:bold; color:#de3831;}
#header .header-gnb ul li.on a span:before {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#de3831;}
#header .header-gnb ul li.new a span:after {display:block; content:""; position:absolute; top:8px; right:-5px; width:4px; height:4px; border-radius:50%; background:#de3831;}
#header .header-banner {position:relative;}
#header.adjoin .header-area .inner {padding:0;}
#header.adjoin .header-area .inner .logo {opacity:0; visibility:hidden; pointer-events:none;}
#header.adjoin .header-area .inner .utillity {opacity:0; visibility:hidden; pointer-events:none;}
/* .isGnb #header.adjoin:after {display:block; content:""; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:url('../images/bg_shadow.png') repeat-x 0 0 /auto 100%; transform:rotate(180deg);} */

/* 23-05-26 CN몰 개편 서브화면 타이틀바 CTA */
#header.header.search{border-bottom:2px solid #222}
#header .header-sub{box-sizing:border-box; display:flex; align-items: center; background-color:#fff; font-size:0; padding:11px 15px 11px 7px;}
#header .hsub-back{box-sizing:border-box;}
#header h2{margin:0;}
#header .hsub-tit{position:relative; flex:1; display:flex; align-items: center; height:34px; font-size:18px; color:#222; overflow: hidden;}
#header .hsub-tit .htit-wrap{display:flex; align-items: center; overflow: hidden;}
#header .hsub-tit .htit{position:relative; flex:1; box-sizing: border-box; line-height:21px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#header .hsub-tit .htit > input{width:100%; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; font-size:18px; border:0; color:#222; padding-left:0; padding-right:0; padding-top:4px}
#header .hsub-tit .htit > input::placeholder {color:#6d6d6d; font-weight:normal;}
#header .hsub-tit .htit > input.top_search{margin-top:0;}
#header .hsub-tit .fin{font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
#header .hsub-tit span[class^="btn-ico"]{margin-left:10px}
#header .hsub-tit .btn-del{display:none; position:absolute; top:50%; right:0; width:20px; text-align: right; transform: translateY(-50%);}
#header .hsub-tit.del .btn-del{display:block;}
#header .hsub-tit.del .htit > input{padding-right:20px}
#header .hsub-util{display:flex; margin-left:5px}
#header .hsub-util span[class^="btn-ico"], #header .hsub-util a[class^="btn-ico"]{margin-left:5px}

#header .header-nav {position:relative;}
#header .header-nav:after {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e0e0e0;}
#header .header-nav ul.ui-scroll {padding:0 10px;}
#header .header-nav ul li a {display:block; height:38px; padding:0 10px; font-size:14px; color:#666;}
#header .header-nav ul li a span {display:inline-flex; align-items:center; justify-content:center; position:relative; height:100%;}
#header .header-nav ul li.on a {font-weight:bold; color:#222;}
#header .header-nav ul li.on a span:after {display:block; content:""; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:2px; background:#000;}

/* Footer */
#footer {padding-bottom:calc(constant(safe-area-inset-bottom) - -68px); padding-bottom:calc(env(safe-area-inset-bottom) - -68px); background:#fafafa;}
#footer .footer-header {display:flex; justify-content:space-between; align-items:center; height:47px; padding:0 20px; background:#f5f5f5;}
#footer .footer-header .nav ul {font-size:0;}
#footer .footer-header .nav ul li {display:inline-block; position:relative; margin-left:15px; padding-left:15px; font-size:12px; color:#222; vertical-align:top;}
#footer .footer-header .nav ul li:before {display:block; content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:8px; background:#999;}
#footer .footer-header .nav ul li:first-child {margin-left:0; padding-left:0;}
#footer .footer-header .nav ul li:first-child:before {display:none;}
#footer .footer-header .exchange {font-size:12px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; color:#222;}
#footer .footer-cont {padding:20px; background:#fafafa;}
#footer .footer-cont .basic-info .anchor {display:inline-block; padding-right:24px; background:url('../images/ico_arrow07.png') no-repeat right center /12px auto; font-size:13px; color:#222;}
#footer .footer-cont .basic-info .panel {display:none;}
#footer .footer-cont .basic-info .panel dl {display:flex; flex-wrap:wrap; align-items:flex-start; margin-top:13px;}
#footer .footer-cont .basic-info .panel dl * {font-size:11px; color:#666; line-height:19px;}
#footer .footer-cont .basic-info .panel dl dt {width:137px;}
#footer .footer-cont .basic-info .panel dl dd {width:calc(100% - 137px);}
#footer .footer-cont .basic-info.on .anchor {background-image:url('../images/ico_arrow_on.png');}
#footer .footer-cont .basic-info.on .panel {display:block;}
#footer .footer-cont .shortcuts {display:flex; align-items:center; margin-bottom:20px;}
#footer .footer-cont .shortcuts .link ul {font-size:0;}
#footer .footer-cont .shortcuts .link ul li {display:inline-block; position:relative; margin-left:15px; padding-left:15px; font-family:'PretendardMedium','Microsoft YaHei'; font-weight:bold; font-size:12px; color:#222; line-height:14px; vertical-align:top;}
#footer .footer-cont .shortcuts .link ul li:before {display:block; content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:8px; background:#999;}
#footer .footer-cont .shortcuts .link ul li:first-child {margin-left:0; padding-left:0;}
#footer .footer-cont .shortcuts .link ul li:first-child:before {display:none;}
#footer .footer-cont .shortcuts .language {display:inline-block; position:relative; margin-left:auto; font-size:0;}
#footer .footer-cont .shortcuts .language .btn-language {display:inline-block; position:relative; z-index:11; padding-right:14px; background:url('../images/ico_arrow06.png') no-repeat right 2px center /8px auto; line-height:14px;}
#footer .footer-cont .shortcuts .language .btn-language i {padding-left:14px; background:url('../images/ico_language.png') no-repeat 0 center /12px; font-size:12px; line-height:14px; color:#222;}
#footer .footer-cont .shortcuts .language .btn-language.on {background-image:url('../images/ico_arrow06_on.png');}
#footer .footer-cont .shortcuts .language > .inner {top:calc(100% - 24px); right:-10px; min-width:102px; padding:31px 0 10px; border-radius:5px; border:1px solid #BBBBBB; box-sizing:border-box; box-shadow:2px 2px 10px 0px #0000001A; background:#fff;}
#footer .footer-cont .shortcuts .language > .inner ul li {position:relative;}
#footer .footer-cont .shortcuts .language > .inner ul li a {display:block; padding:7px 0; font-size:12px; color:#222; text-align:center; white-space:nowrap;}
#footer .footer-cont .shortcuts .language > .inner ul li .ko {font-family:'돋움';}
#footer .footer-cont .policy ul {display:flex; align-items:center; margin-top:20px;}
#footer .footer-cont .policy ul li {position:relative; margin-left:15px; padding-left:15px; font-size:12px; color:#222;}
#footer .footer-cont .policy ul li:before {display:block; content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:11px; background:#222;}
#footer .footer-cont .policy ul li:first-child {margin-left:0; padding-left:0;}
#footer .footer-cont .policy ul li:first-child:before {display:none;}
#footer .footer-cont .policy ul li a.privacy {font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
#footer .footer-cont .copyright {margin-top:10px; font-size:11px; color:#222;}
#footer .footer-cont .certify ul {display:flex; align-items:center; margin-top:20px;}
#footer .footer-cont .certify ul li {position:relative; margin-left:14px;}
#footer .footer-cont .certify ul li:first-child {margin-left:0;}
#footer .footer-cont .certify ul li .kcsi {width:32px; height:21px;}
#footer .footer-cont .certify ul li .ccm {width:30px; height:20px;}/* 24-07-11 푸터 인증마크 변경 */
#footer .footer-cont .certify ul li .ismsp {width:32px; height:21px;}
#footer .footer-cont .certify ul li .ncsi{width:30px; height:20px}/* 24-07-11 푸터 인증마크 변경 */
#footer .footer-cont .sns ul {display:flex; align-items:center; justify-content:center; margin-top:20px;}
#footer .footer-cont .sns ul li {position:relative; margin-left:17px;}
#footer .footer-cont .sns ul li:first-child {margin-left:0;}
#footer .footer-cont .sns ul li a {display:inline-block; width:25px; height:25px; background:url('../images/sns_weibo.png') no-repeat 0 0 /100% auto; font-size:0; vertical-align:top;}
#footer .footer-cont .sns ul li .weibo {background-image:url('../images/sns_weibo.png');}
#footer .footer-cont .sns ul li .wechat {background-image:url('../images/sns_wechat.png');}
#footer .footer-cont .sns ul li .xiao {background-image:url('../images/sns_xiao.png');}

/* FNB */
#fnb {position:fixed; left:0; bottom:0; z-index:90; width:100%; padding:0 10px; padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom); box-sizing:border-box; background:#fff;}
#fnb:after {display:block; content:""; position:absolute; top:-2px; left:0; width:100%; height:2px; background:url('../images/bg_shadow.png') repeat-x 0 0 /auto 100%;}
#fnb ul {display:flex; margin-bottom:0;}
#fnb ul li {flex:1; width:20%;}
#fnb ul li a {display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; height:68px; padding:10px 0; box-sizing:border-box;}
#fnb ul li a .name {display:block; position:relative; padding-top:4px; color:#222; font-size:12px; text-align:center; line-height: 1.2;}
#fnb ul li a.on .name {color:#de3831;}
#fnb ul li a.on i.ico-home {background-image:url('../images/fnb_home_on.png');}
#fnb ul li a.on i.ico-category {background-image:url('../images/fnb_category_on.png');}
#fnb ul li a.on i.ico-history {background-image:url('../images/fnb_history_on.png');}
#fnb ul li a.on i.ico-cart {background-image:url('../images/fnb_cart_on.png');}
#fnb ul li a.on i.ico-my {background-image:url('../images/fnb_my_on.png');}

/* Quick Menu */
#quick {position:fixed; bottom:78px; right:10px; z-index:101; padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom); padding-right:constant(safe-area-inset-right); padding-left:constant(safe-area-inset-left); padding-right:env(safe-area-inset-right); padding-left:env(safe-area-inset-left); font-size:0; vertical-align:bottom;}
#quick > * {margin-top:10px;}
#quick button {position:relative; width:45px; height:45px; background:#fff; border-radius:50%; box-shadow:0px 5px 7px 0px rgba(0,0,0,0.1); font-size:0;}
#quick .btn-top {display:none;}
#quick.is-down .btn-top {display:block;}
#quick.is-down .btn-popup {display:none;}

/* 2023-05-12 CN MO 플로팅 팝업 UI 변경 */
.floating_popup {position:fixed; left:15px; right:15px; z-index:101; -webkit-transform:translateZ(0); bottom:calc(constant(safe-area-inset-bottom) - -78px); bottom:calc(env(safe-area-inset-bottom) - -78px); padding-right:constant(safe-area-inset-right); padding-left:constant(safe-area-inset-left); padding-right:env(safe-area-inset-right); padding-left:env(safe-area-inset-left);}
.floating_popup .pro_popup {position:absolute; bottom:0; width:60px; height:60px; z-index:5;}
.floating_popup .pro_popup .pro_link img {width:100%; height:100%}
.floating_popup .pro_popup .pro_link{ overflow:hidden; display:block; position:absolute; left:0; bottom:0; width:60px; height:60px; box-shadow:0 5px 10px 0px rgba(0,0,0,0.1); border-radius:10px;}
.floating_popup .pro_popup .close {position:absolute; bottom:-5px; right:-20px; width:20px; height:30px;}
.floating_popup .pro_popup .close:before {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:10px; height:10px; background:url('../images/ico_close05.png') no-repeat 0 0/10px auto;}
.floating_popup .pro_popup .pro_link .default,
.floating_popup .pro_popup .pro_link .expand { position:absolute; left:0; top:0; width:100%; overflow:hidden; border-radius:10px;}
/* default set */
.floating_popup .pro_popup .pro_link {transform:scale(1); border-radius:10px; transform-origin:left bottom; transition:.9s cubic-bezier(0.42, 0, 0.38, 0.99);}
.floating_popup .pro_popup .pro_link + .close {opacity: 1;transition:.6s;transition-delay: .4s;}
.floating_popup .pro_popup .pro_link .expand img {transform: scale(3.5); transform-origin:left bottom; transition:.9s cubic-bezier(0.42, 0, 0.38, 0.99);}
.floating_popup .pro_popup .pro_link .default {z-index:2; transform:scale(1); opacity:1; background-color:#000; transition:.4s cubic-bezier(0.42, 0, 0.38, 0.99); transition-delay:.35s;}
.floating_popup .pro_popup .pro_link .default img {opacity:1; transition-delay:.4s; transition:.5s; transition-delay:.5s;}
/* transition set */
.floating_popup .pro_popup .pro_link.animated {transform:scale(2); border-radius:10px;}
.floating_popup .pro_popup .pro_link.animated + .close {opacity:0; transition-delay:0s;}
.floating_popup .pro_popup .pro_link.animated .default {opacity:0; transition-delay:0s;}
.floating_popup .pro_popup .pro_link.animated .default img {opacity:0;}
.floating_popup .pro_popup .pro_link.animated .expand img {transform: scale(1);}

/* 2023-11-10 : 로딩바 추가 */
.pageloading_wrap,
.pageloading_wrap.onlyMain,
.loading-wrap {position:fixed; top:50%; left:50%; z-index:20; width:32px; height:32px; margin:0; transform:translate(-50%, -50%);}
.pageloading_wrap .loading,
.loading-wrap .loading {width:24px; height:24px; padding:4px; border-radius:50%; background:#fff;}
.pageloading_wrap .loading img,
.loading-wrap .loading img {width:100%; height:100%;}

/* 하단 여백 정의 / 공통 : 푸터 없음 */
#wrap.cont-btm1 {padding-bottom:132px;}/* 일반 상품 상세 / 신라 CTA 사용 마이크로사이트 : CTA + FNB */
#wrap.cont-btm1 #footer {padding-bottom:0;} /* footer가 노출되는 경우 하단 여백 삭제 */
#wrap.cont-btm1 #quick {bottom:138px;}
#wrap.cont-btm2 {padding-bottom:107px;}/* 주문결제 : CTA(가격) */
#wrap.cont-btm2 #quick {bottom:107px;}
#wrap.cont-btm3 {padding-bottom:68px;}/* CTA 없는 마이크로사이트 : FNB */
#wrap.cont-btm4 {padding-bottom:174px;}/* 역경매 : CTA(가격) + FNB */
#wrap.cont-btm4 #quick {bottom:167px;}
#wrap.cont-btm5 {padding-bottom:152px;}/* 장바구니/역직구 : CTA(가격) */
#wrap.cont-btm5 #quick {bottom:106px;}/* 장바구니/역직구 : CTA(가격) */
#wrap.cont-btm6 {padding-bottom:121px;}/* 자주구매 : CTA */
#wrap.cont-btm6 #quick {bottom:76px;}/* 자주구매 : CTA */

/* 23-05-26 CN몰 개편 서브화면 타이틀바 CTA *//* 24-01-22 주문결제 */
.content-bottom{display:flex; position:fixed; left:0; bottom:0; right:0; background-color:#fff; box-sizing: border-box; vertical-align: bottom; padding:10px 10px; z-index:10;}
.content-bottom .btn-wrap{flex:1;}
.content-bottom .btn-wrap > [class^="btn-grade"] {margin-left:2px;}
.content-bottom .btn-wrap > [class^="btn-grade"]:first-child{margin-left:0;}
.content-bottom .ico-wrap{display:flex; font-size:0; margin-right:10px;}
.content-bottom.type2{flex-direction: column;}
.content-bottom .ctatop-wrap{display:flex; align-items: center; margin-bottom:10px;}
.content-bottom .cta-tit{font-size:12px; color:#222;}
.content-bottom .cta-tit.type_ac{flex:1; text-align: center;}
.content-bottom .cta-cont{flex:1; display: flex; justify-content: flex-end; align-items: center; text-align: right;}
.content-bottom .cta-pay{font-size:16px; color:#de3831; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
.content-bottom .cta-rate{font-size:12px; color:#888; margin-left:10px}
.footer_nav.cta{bottom:68px}
.footer_nav .content-bottom{position:static;}

/* 가이드 */
.guide-example {display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:100%; min-height:60vh; background:#ebebeb; font-size:28px; font-family:'notoSansBold'; text-align:center;}
.guide-example a {display:inline-block; padding-top:10px; color:blue; font-weight:bold; font-size:15px; text-decoration:underline;}

/* 공통 딤 마크업 (이전 팝업 또는 로딩바에 사용됨) */
.dimmed {position:fixed; left:0; top:100%; width:100%; height:100%; background:#000; z-index:10; opacity:0; -webkit-transition:opacity ease-in-out 0.5s; transition:opacity ease-in-out 0.5s}
.dimmed.navOn {top:0; opacity:0.8;}
.dimmed.on {top:0; opacity:0.8; z-index:102;}
.dimmed.over {top:0; opacity:0.8; z-index:200;}

/* 25-12-30 푸터영역 정보보호 인증내역 기재 */
#footer .footer-cont .certify ul li .certify_r01{width:36px;}
#footer .footer-cont .certify ul li .certify_r02{width:31px;}
#footer .footer-cont .certify ul li .certify_r03{width:31px;}