@charset "utf-8";

.skip-nav {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.skip-nav:focus {
	left: 0;
	top: 0;
	z-index: 2000;
	width: auto;
	height: auto;
	padding: 10px 16px;
	background: #1a1a1a;
	color: #fff;
	white-space: nowrap;
}

/* #wrap 은 partials/header.html 에서 열리고 partials/footer.html 에서 닫힌다 — 한 요소가
 * 두 파티션에 걸쳐 있다. 빌더 편집기는 SSI 를 전개하면서 각 파티션을 독립 프래그먼트로
 * 파싱하므로(전개된 노드마다 data-hid="partials/header.html:5" 로 출처가 붙는다)
 * header.html 끝에서 미닫힌 #wrap 이 자동으로 닫히고 footer.html 의 </div> 는 버려진다.
 * 그 결과 편집기에서는 #wrap 이 헤더만 감싸(흐름 콘텐츠 230px) 원본 스킨의
 * min-height:550px 가 드러나면서 GNB 아래로 320px 흰 밴드가 생긴다.
 *
 * 발행본에서는 #wrap 이 문서 전체를 감싸고, 모든 페이지가 header/footer 를 함께
 * include 하므로 내용 높이가 항상 헤더 230px + 푸터 535px 이상이다. 즉 min-height:550px
 * 는 발행본에서 결코 걸리지 않는 죽은 규칙이어서, 무력화해도 발행본 렌더링은 바뀌지 않는다. */
#wrap { min-height: 0; }

body.is-header-fixed #container { margin-top: 230px; }
@media all and (max-width: 1024px) {
	body.is-header-fixed #container { margin-top: 65px; }
}

body.searchExpand .xans-layout-searchheader { display: block; }

.smart-banner-bx-wrapper .bx-viewport { position: relative; overflow: hidden; }
.smart-banner-bx-wrapper ul.smart-banner-bxslider { display: grid; margin: 0; padding: 0; list-style: none; }
.smart-banner-bx-wrapper ul.smart-banner-bxslider > li {
	grid-area: 1 / 1 / 2 / 2;
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease;
}
.smart-banner-bx-wrapper ul.smart-banner-bxslider > li.is-active { opacity: 1; visibility: visible; }
.smart-banner-bx-wrapper .bx-controls-direction a,
.smart-banner-bx-wrapper .bx-pager-link { cursor: pointer; }

.swiper-wrapper { transition-duration: .35s; }
.swiper-prev,
.swiper-next,
.swiper-pagination-bullet { cursor: pointer; }
.swiper-prev.is-disabled,
.swiper-next.is-disabled { opacity: .2; cursor: default; }

.smart-banner-bx-wrapper .bx-viewport,
.swiper-container { touch-action: pan-y; }

/* ── 반입 원본 CSS 의 자산 경로 로컬화(R7 / R10 / R11 / R12③) ────────────────
 * 원본 CSS(css/ec-* · css/skin-*)는 R5 대로 한 글자도 고치지 않으므로 그 url() 은
 * 원본 서버 경로를 그대로 담고 있다. 산출물 자산은 R10 평탄화로
 * /uploads/mig_site/img/ 루트에 있어, 그 상태로는 배경이미지가 전역 404 다. 여기서
 * 같은 선택자에 background-image 한 속성만 로컬 경로로 다시 지정해 캐스케이드로
 * 이긴다 — 값 재저작(위치/반복/크기/색)이 없으므로 원본 단축 선언의 나머지 성분은
 * 그대로 살아 있다.
 *
 * 주의: 이 주석 안에 `ec-*` 와 `skin-*` 를 슬래시로 붙여 쓰지 말 것. 붙이면 `*` + `/`
 * 가 주석 종료로 읽혀 블록이 여기서 끊기고, 뒤따르는 첫 규칙
 * (.sub_cate01 li:after 화살표)이 잘못된 selector prelude 에 삼켜져 사라진다.
 *
 * 생성 근거: 각 페이지 실로드 CSS 를 문서 순서대로 훑어 url() 중
 *   img/ 에 실재하는 자산(=used-assets 로 반입된 것)만 대상. 로컬 사본이 없는 항목
 *   (echosting CDN 의 미반입 아이콘 등)은 R11 상 반입 대상이 아니어서 손대지 않는다.
 * 순서 주의: #store_img2 article:nth-child(5) 는 원본 skin CSS 에 b1→b6→b7 3중
 *   선언이 있고 최종 적용은 b7 이다(원본 순서를 그대로 보존).
 * ==========================================================================*/
#header .inner .top_nav_box .top_category .sub_cate01 li:after,
#header .inner .top_nav_box .top_category .sub-category li:after { background-image: url('/uploads/mig_site/img/arrow.png'); }
select { background-image: url('/uploads/mig_site/img/ico_select.png'); }
input[type="radio"] { background-image: url('/uploads/mig_site/img/bg_radio.png'); }
input[type="radio"]:checked { background-image: url('/uploads/mig_site/img/bg_radio_checked.png'); }
.xans-member-login .wrap_find div:nth-child(2) { background-image: url('/uploads/mig_site/img/line2.png'); }
.xans-member-login .login__sns .btnKakao { background-image: url('/uploads/mig_site/img/icon_sns_kakao.svg'); }
.xans-member-login .login__sns .btnNaver { background-image: url('/uploads/mig_site/img/icon_sns_naver.svg'); }
.xans-member-login .login__sns .btnFacebook { background-image: url('/uploads/mig_site/img/icon_sns_facebook.svg'); }
.xans-member-login .login__sns .btnLine { background-image: url('/uploads/mig_site/img/icon_sns_line.svg'); }
.xans-member-login .login__sns .btnGoogle { background-image: url('/uploads/mig_site/img/icon_sns_google.svg'); }
.xans-member-login .login__sns .btnApple { background-image: url('/uploads/mig_site/img/icon_sns_apple.svg'); }
.xans-member-login .login__sns .yahoojp { background-image: url('/uploads/mig_site/img/icon_sns_yahoo.png'); }
.xans-order-basketpackage .ec-base-prdInfo .optionGroup .name:before { background-image: url('/uploads/mig_site/img/ico_option_modify.svg'); }
.ec-base-paginate.typeList > a { background-image: url('/uploads/mig_site/img/btn_page_next.png'); }
.ec-base-paginate.typeList > a:first-child,
.ec-base-paginate.typeList > a:first-child + a { background-image: url('/uploads/mig_site/img/btn_page_prev.png'); }
.ec-base-paginate.typeList > a.first { background-image: url('/uploads/mig_site/img/btn_page_first.png'); }
.ec-base-paginate.typeList > a.last { background-image: url('/uploads/mig_site/img/btn_page_last.png'); }
input[type="checkbox"] { background-image: url('/uploads/mig_site/img/checkbox_off.svg'); }
input[type="checkbox"]:checked { background-image: url('/uploads/mig_site/img/checkbox_on.svg'); }
input[type="checkbox"]::-ms-check { background-image: url('/uploads/mig_site/img/checkbox_off.svg'); }
input[type="checkbox"]:checked::-ms-check { background-image: url('/uploads/mig_site/img/checkbox_on.svg'); }
.relation .swiper-prev-relation { background-image: url('/uploads/mig_site/img/slide_ar_l.svg'); }
.relation .swiper-next-relation { background-image: url('/uploads/mig_site/img/slide_ar_r.svg'); }
#container #contents > .main_text { background-image: url('/uploads/mig_site/img/y_jazz.jpg'); }
.main_product_slide .swiper-prev-highlight_product { background-image: url('/uploads/mig_site/img/slide_ar_l.svg'); }
.main_product_slide .swiper-next-highlight_product { background-image: url('/uploads/mig_site/img/slide_ar_r.svg'); }
figure.effect-winston figcaption::before { background-image: url('/uploads/mig_site/img/triangle.svg'); }
#store_table .store_thumb1 { background-image: url('/uploads/mig_site/img/dongdaemun__thumb.jpg'); }
#store_table .store_thumb2 { background-image: url('/uploads/mig_site/img/apgujeong_thumb.jpg'); }
#store_table .store_thumb3 { background-image: url('/uploads/mig_site/img/shabu_thumb.jpg'); }
#store_img1 article:nth-child(1) { background-image: url('/uploads/mig_site/img/d1.jpg'); }
#store_img1 article:nth-child(2) { background-image: url('/uploads/mig_site/img/d7.jpg'); }
#store_img1 article:nth-child(3) { background-image: url('/uploads/mig_site/img/d8.jpg'); }
#store_img1 article:nth-child(4) { background-image: url('/uploads/mig_site/img/d4.jpg'); }
#store_img1 article:nth-child(5) { background-image: url('/uploads/mig_site/img/d5.jpg'); }
#store_img1 article:nth-child(6) { background-image: url('/uploads/mig_site/img/d6.jpg'); }
#store_img2 article:nth-child(1) { background-image: url('/uploads/mig_site/img/b4.jpg'); }
#store_img2 article:nth-child(2) { background-image: url('/uploads/mig_site/img/b5.jpg'); }
#store_img2 article:nth-child(3) { background-image: url('/uploads/mig_site/img/b3.jpg'); }
#store_img2 article:nth-child(4) { background-image: url('/uploads/mig_site/img/b2.jpg'); }
#store_img2 article:nth-child(5) { background-image: url('/uploads/mig_site/img/b1.jpg'); }
#store_img2 article:nth-child(5) { background-image: url('/uploads/mig_site/img/b6.jpg'); }
#store_img2 article:nth-child(5) { background-image: url('/uploads/mig_site/img/b7.jpg'); }
#store_img3 article:nth-child(1) { background-image: url('/uploads/mig_site/img/sha_1.jpg'); }
#store_img3 article:nth-child(2) { background-image: url('/uploads/mig_site/img/sha_2.jpg'); }
#store_img3 article:nth-child(3) { background-image: url('/uploads/mig_site/img/sha_3.jpg'); }
#store_img3 article:nth-child(4) { background-image: url('/uploads/mig_site/img/sha_4.jpg'); }
#store_img3 article:nth-child(5) { background-image: url('/uploads/mig_site/img/sha_5.jpg'); }
#store_img3 article:nth-child(6) { background-image: url('/uploads/mig_site/img/sha_6.jpg'); }
.xans-board-read .ec-base-table .attach a:first-child { background-image: url('/uploads/mig_site/img/icon-file.svg'); }

@media (max-width: 768px) {
	.highlight_slide > ul.grid4_slide > li.swiper-slide { margin-right: 10px !important; }
}
@media (max-width: 1024px) {
	.swiper03 > ul.grid3_slide > li.swiper-slide { margin-right: 10px !important; }
}

.textnode { margin: 0 !important; padding: 0 !important; }

li.textnode { font-size: inherit !important; list-style: none; }

#right_quick > div:first-child a,
.theme02 #right_quick > div:first-child a,
.theme03 #right_quick > div:first-child a { width: auto; height: auto; background: none; border-radius: 0; }
#right_quick > div:first-child img { width: 65px; height: auto; }

@media all and (max-width: 767px) { #right_quick > div:first-child img { width: 50px; } }