/*common*/ .div {font-size:0;line-height:0;} .div > * {display:inline-block !important;vertical-align:top;white-space:nowrap;} .mdlX {position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);} .mdlY {position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);} .mdlXY {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .clr {clear:both;} .disnone {display:none !important;} .elp {text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important;} .orderStep {display:none !important;} hr {display:block;height:1px;border:0;} ::selection {background:#333;color:#fff;} ::-moz-selection {background:#333;color:#fff;} .path, span[id*='afile'] {display:none !important;} #capp-shop-new-product-optionselect-layer {box-shadow:0 3px 8px rgba(20,20,20,0.15);} /*마이샵 코드누락*/ .myshop_recommender .invite {margin:0;padding:50px 0;border-bottom:1px solid #e3e3e3;text-align:center;} .myshop_recommender .invite > div {display:block;padding:0 0 10px;color:#000;font-size:16px;} .myshop_recommender .invite p input {padding:4px;max-width:450px;width:100%;height:40px;border:1px solid #e3e3e3 !important;color:#111;} .myshop_recommender .invite ul {margin:15px 0 0;font-size:14px;line-height:1.5;color:#6a6a6a;} .myshop_recommender .invite .btnNormal {display:inline-block;height:40px;margin:0;padding:0 10px;font-size:14px;line-height:40px;color:#111;cursor:pointer;vertical-align:middle;border:1px solid #e3e3e3;-moz-box-sizing:border-box;box-sizing:border-box;} @media all and (max-width:1024px) { .myshop_recommender .invite {margin:0;padding:25px 0;border:0;border-bottom:1px solid #e3e3e3;width:108%;margin-left:-4%;} .myshop_recommender .invite > div {font-size:14px;} .myshop_recommender .invite p input {padding:4px;max-width:auto;width:60%;height:40px;border:1px solid #e3e3e3 !important;color:#111;} .myshop_recommender .invite ul {margin:10px 0 0;font-size:13px;} } /*스크롤*/ .sb::-webkit-scrollbar {width:12px;background-color:#f5f5f5;background-color:var(--idio-bg1-color);border-radius:6px;} .sb::-webkit-scrollbar-track {background-color:#f5f5f5;background-color:var(--idio-bg1-color);border-radius:6px;} .sb::-webkit-scrollbar-thumb {border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#bbb;border:3px solid #f5f5f5;} /*레이아웃*/ * {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;*zoom:1;word-break:keep-all;} html {-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;} body#main, body#layout {width:100%;min-width:320px;background-color:#fff !important;background-color:var(--idio-bg2-color) !important;} #wrap {width:100%;position:relative;} #header {width:100%;} #container {width:100%;} #footer {width:100%;} #layout #contents {padding-top:144px;padding-bottom:80px;} section {width:100%;margin-top:120px !important;margin-bottom:120px !important;overflow:hidden;} #main .inner, #header .inner, #footer .inner, #layout #container.inner, #layout.wide .inner {max-width:1920px;margin-left:auto;margin-right:auto;padding-left:70px;padding-right:70px;} .inner.wide {max-width:unset;} h1, h2, h3, h4, h5, h6 {font-weight:500;} @media all and (max-width:1280px) { #layout #contents {padding-bottom:40px;} section {margin-top:50px !important;margin-bottom:50px !important;} #main .inner, #header .inner, #footer .inner, #layout #container.inner, #layout.wide .inner {padding-left:70px;padding-right:70px;} } @media all and (max-width:1024px) { #main .inner, #header .inner, #footer .inner, #layout #container.inner, #layout.wide .inner {padding-left:35px;padding-right:35px;} } @media all and (max-width:680px) { #main .inner, #header .inner, #footer .inner, #layout #container.inner, #layout.wide .inner {padding-left:28px;padding-right:28px;} } @media all and (max-width:540px) { #layout #contents {padding-bottom:20px;} #main .inner, #header .inner, #footer .inner, #layout #container.inner, #layout.wide .inner {padding-left:18px;padding-right:18px;} } /*swiper*/ :root {--swiper-theme-color:#333 !important;} div[class*='swiper-button'] {opacity:0.8 !important;background:none;font-size:19px;background-color:#fff;background-color:var(--idio-bg1-color);box-shadow:0 0 6px rgba(30,30,30,.2);border-radius:50%;width:50px;height:50px;text-align:center;outline:0;transition:all 0.5s ease;} div[class*='swiper-button']:after {font-size:20px;line-height:50px;opacity:0.5;} div[class*='swiper-button']:hover {opacity:0.85 !important;box-shadow:0 2px 8px rgba(30,30,30,.25);} .swiper-button-disabled {pointer-events:unset !important;cursor:pointer !important;} .swiper-button-prev {left:0 !important;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);} .swiper-button-next {right:0 !important;-webkit-transform:translate(50%, 0);-ms-transform:translate(50%, 0);transform:translate(50%, 0);} .swiper-pagination-bullet {position:relative;background:none;outline:0;margin:0 6px !important;background:transparent !important;} .swiper-pagination-bullet:after {display:block;content:'';position:absolute;background-color:rgba(100,100,100,0.9);border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:6px;height:6px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;} .swiper-pagination-bullet-active:after {background-color:#000;background-color:var(--idio-theme-color);width:10px;height:10px;} .swiper-pagination-progressbar {background:rgba(0,0,0,.1) !important;top:unset !important;bottom:0;} .swiper-scrollbar-drag, .swiper-pagination-progressbar-fill {background:rgba(0,0,0,.5) !important;} .swiper .swiper-pagination-horizontal, .swiper .swiper-scrollbar-horizontal {width:100%;left:0 !important;height:3px;} div[class*='xans-product'] .swiper.prdList {width:100% !important;margin-left:0 !important;} div[class*='xans-product'] .swiper.prdList .prd-item {padding:0 !important;} @media all and (max-width:1480px) { div[class*='swiper-button'] {width:40px;height:40px;} div[class*='swiper-button']:after {font-size:14px;line-height:40px;} } @media all and (max-width:1024px) { div[class*='swiper-button'] {width:30px;height:30px;} div[class*='swiper-button']:after {font-size:11px;line-height:30px;} .swiper-button-prev {left:5px !important;} .swiper-button-next {right:5px !important;} } /* 스크롤 */ .sb::-webkit-scrollbar {width:8px;background-color:transparent;border-radius:0;} .sb::-webkit-scrollbar-track {background-color:#fff;background-color:var(--idio-bg2-color);border-radius:0;} .sb::-webkit-scrollbar-thumb {border-radius:4px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#bbb;border:2px solid #fff;} /*btn_arr*/ .btn_arr:after {content:"";overflow:hidden;display:inline-block;border-left:1px solid #333;border-bottom:1px solid #333;margin-left:8px;} .btn_arr.st_box:after {border-left:1px solid #fff;border-bottom:1px solid #fff;} .btn_arr.top:after {-webkit-transform:rotate(135deg);transform:rotate(135deg);} .btn_arr.bottom:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .btn_arr.left:after {-webkit-transform:rotate(45deg);transform:rotate(45deg);} .btn_arr.right:after {-webkit-transform:rotate(-135deg);transform:rotate(-135deg);} /* btn_more */ .btn_more.st_box {display:inline-block;position:relative;font-size:12px;line-height:3;width:130px;margin-top:40px;font-weight:500;color:#fff;text-align:center;background:#000;background:var(--idio-theme-color);} .btn_more.st_ul {display:inline-block;position:relative;font-size:13px;color:#000;color:var(--idio-theme-color);line-height:1.6;margin-top:25px;font-weight:700;} .btn_more.st_ul:after {content:"";position:absolute;display:block;left:0;bottom:0;width:100%;height:1px;background-color:#000;opacity:0.5;} @media all and (max-width:1024px) { .btn_more.st_box {font-size:11px;line-height:2.7;width:100px;} } @media all and (max-width:600px) { .btn_more.st_box {font-size:10px;line-height:2.5;width:90px;} } /* follow */ .follow a {display:inline-block;background-color:#ddd;background-color:var(--idio-bg5-color);text-align:center;border-radius:50%;transition:all 0.5s ease;opacity:0.5;} .follow a:hover {opacity:0.65;} .follow a img {width:auto;height:100%;} @media all and (max-width:1024px) { .follow a {width:30px;height:30px;margin:0 3px;padding:8px;} } @media all and (min-width:1025px) { .follow a {width:36px;height:36px;margin:0 5px;padding:10px;} } /* 상품 더보기 */ .more {text-align:center;margin:50px auto 0;position:relative;width:100%;} .more .btnMore {background-color:#fff;background-color:var(--idio-bg3-color);display:inline-block;min-width:auto;padding:20px 140px;border:0;text-align:center;transition:all 400ms;font-size:13px;font-weight:normal;} .more .btnMore:hover {background-color:#f0f0f0;background-color:var(--idio-bg4-color);color:#000;border:0;} @media all and (max-width:680px) { .more {margin:0 auto;} .more .btnMore {font-size:12px;width:100%;padding:15px 0;} } /*boardSort*/ .boardSort .btnSort {display:block;width:100%;text-align:center;font-size:0;line-height:0;white-space:normal;padding-bottom:30px;} .boardSort .btnSort > a {display:inline-block;color:#555;line-height:43px;background-color:#eee;background-color:var(--idio-bg4-color);font-size:14px;border-radius:6px;padding:0 22px;margin:4px;opacity:0.5;} .boardSort .btnSort > a:hover, .boardSort .btnSort > a.selected {opacity:1;} @media all and (max-width:1024px) { .boardSort .btnSort {padding-bottom:20px;} .boardSort .btnSort > a {line-height:36px;font-size:12px;border-radius:6px;padding:0 16px;margin:3px;} } /*슬라이드 내 페이드인*/ @-webkit-keyframes fadeIn { 0% {opacity:0;} 50% {opacity:0;} 100% {opacity:1;} } @keyframes fadeIn { 0% {opacity:0;} 50% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes slideInUp { 0% {transform:translateY(30px);} } @keyframes slideInUp { 0% {transform:translateY(30px);} } @-webkit-keyframes slideInRight { 0% {transform:translateX(-50px);} } @keyframes slideInRight { 0% {transform:translateX(-50px);} } @-webkit-keyframes slideInDown { 0% {transform:translateY(-30px);} } @keyframes slideInDown { 0% {transform:translateY(-30px);} } @-webkit-keyframes slideInLeft { 0% {transform:translateX(50px);} } @keyframes slideInLeft { 0% {transform:translateX(50px);} } [class*='swiper'] .swiper-slide-visible *[class*='fade'] {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} [class*='swiper'] *[class*='fadeSlideIn']:nth-child(2) {-webkit-animation-delay:0.3s;animation-delay:0.3s;} [class*='swiper'] *[class*='fadeSlideIn']:nth-child(3) {-webkit-animation-delay:0.6s;animation-delay:0.6s;} [class*='swiper'] *[class*='fadeSlideIn']:nth-child(4) {-webkit-animation-delay:0.9s;animation-delay:0.9s;} [class*='swiper'] *[class*='fadeSlideIn']:nth-child(5) {-webkit-animation-delay:1.2s;animation-delay:1.2s;} [class*='swiper'] *[class*='fadeSlideIn']:nth-child(6) {-webkit-animation-delay:1.5s;animation-delay:1.5s;} [class*='swiper'] .swiper-slide-visible .fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;} [class*='swiper'] .swiper-slide-visible .fadeSlideInUp {-webkit-animation-name:fadeIn, slideInUp;animation-name:fadeIn, slideInUp;} [class*='swiper'] .swiper-slide-visible .fadeSlideInRight {-webkit-animation-name:fadeIn, slideInRight;animation-name:fadeIn, slideInRight;} [class*='swiper'] .swiper-slide-visible .fadeSlideInDown {-webkit-animation-name:fadeIn, slideInDown;animation-name:fadeIn, slideInDown;} [class*='swiper'] .swiper-slide-visible .fadeSlideInLeft {-webkit-animation-name:fadeIn, slideInLeft;animation-name:fadeIn, slideInLeft;} /*transition*/ .mov03 {-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .mov07 {-webkit-transition:all 0.7s;-khtml-transition:all 0.7s ease;-moz-transition:all 0.7s;-ms-transition:all 0.7s;-o-transition:all 0.7s;transition:all 0.7s;} .mov10 {-webkit-transition:all 1.0s;-khtml-transition:all 1.0s ease;-moz-transition:all 1.0s;-ms-transition:all 1.0s;-o-transition:all 1.0s;transition:all 1.0s;} .mov30 {-webkit-transition:all 3.0s;-khtml-transition:all 3.0s ease;-moz-transition:all 3.0s;-ms-transition:all 3.0s;-o-transition:all 3.0s;transition:all 3.0s;} .mov50 {-webkit-transition:all 5.0s;-khtml-transition:all 5.0s ease;-moz-transition:all 5.0s;-ms-transition:all 5.0s;-o-transition:all 5.0s;transition:all 5.0s;} /*likeButton*/ .likeButton * {display:inline-block;vertical-align:middle;} .likeButton button {color:#000;background:none;font-size:0;line-height:0;} .likeButton button img {display:inline-block;margin-right:4px;width:12px;height:auto;vertical-align:-4px;} .likeButton button strong {font-size:11px;line-height:12px;font-weight:normal;} .likeButton.selected button {color:#000;} /* 메인 타이틀 */ .main_title {position:relative;} .main_title > * {text-align:center;} .main_title h3 {font-weight:500;color:#000;color:var(--idio-theme-color);line-height:1.1;} .main_title p {font-weight:normal;color:#777;line-height:1.4;} .main_title.left {display:flex;justify-content:space-between;} @media all and (min-width:1181px) { .main_title {padding-bottom:40px;} .main_title h3 {font-size:27px;margin-bottom:8px;} .main_title p {font-size:14px;} } @media all and (max-width:1180px) { .main_title {padding-bottom:28px;} .main_title h3 {font-size:24px;margin-bottom:7px;} .main_title p {font-size:13px;} } @media all and (max-width:680px) { .main_title {padding-bottom:20px;} .main_title h3 {font-size:20px;margin-bottom:6px;} .main_title p {font-size:12px;} } @media all and (max-width:320px) { .main_title {padding-bottom:20px;} .main_title h3 {font-size:17px;margin-bottom:4px;} .main_title p {font-size:11px;} } /* 서브 타이틀 공통 */ #contents > .titleArea, .xans-board-title > .titleArea {padding:110px 0 50px;text-align:center;line-height:1.4;} #contents > .titleArea h2, .xans-board-title > .titleArea h2, #contents > .titleArea p, .xans-board-title > .titleArea p {display:block;line-height:1.5;margin:0 0 6px;} #contents > .titleArea h2, .xans-board-title > .titleArea h2, #contents > .titleArea h2 font, .xans-board-title > .titleArea h2 font {font-size:33px;font-weight:normal;color:#000;color:var(--idio-theme-color);} #contents > .titleArea p, .xans-board-title > .titleArea p, #contents > .titleArea .desc, .xans-board-title > .titleArea .desc {font-size:15px;color:#6d6d6d;} #contents > .titleArea .likeButton {display:inline-block;margin-left:12px;} @media all and (max-width:1024px) { #contents > .titleArea, .xans-board-title > .titleArea {padding:70px 0 20px;} #contents > .titleArea h2, .xans-board-title > .titleArea h2, #contents > .titleArea h2 font, .xans-board-title > .titleArea h2 font {font-size:25px;} #contents > .titleArea p, .xans-board-title > .titleArea p, #contents > .titleArea .desc, .xans-board-title > .titleArea .desc {font-size:12px;} } @media all and (max-width:680px) { #contents > .titleArea, .xans-board-title > .titleArea {padding:50px 0 20px;} #contents > .titleArea h2, .xans-board-title > .titleArea h2, #contents > .titleArea h2 font, .xans-board-title > .titleArea h2 font {font-size:22px;} } /* 목록 상단 고정 타이틀 */ .listpage_title {width:100%;text-align:center;margin:0 0 45px;} .listpage_title div {position:relative;margin:0;padding-top:20px;font-size:22px;font-weight:normal;line-height:1;color:#000;color:var(--idio-theme-color);} .listpage_title div:after {content:"";position:absolute;top:0;left:0;right:0;margin:0 auto;width:10px;height:2px;background:#ddd;} @media all and (max-width:1024px) { .listpage_title {margin:0 0 23px;} .listpage_title div {font-size:17px;padding-top:15px;} } /* 마이샵 */ .myshopArea .titleArea h2 {font-weight:500;} .myshopArea p.message {text-align:center;} .couponSerial .txtInfo {margin-top:10px;line-height:1.5;} @media all and (max-width:1024px) { .myshopArea .titleArea {margin:0;padding:30px 0 20px;} .myshopArea .titleArea h2 {font-size:18px;} .xans-myshop-orderhistorytab .menu li a {padding-left:0 !important;padding-right:0 !important;} } @media all and (min-width:1025px) { .myshopArea {min-height:700px;} .myshopArea .titleArea {margin:0;padding:0 0 20px;} .myshopArea .titleArea--middle {margin:0;padding:40px 0 20px;} .myshopArea .titleArea h2 {font-size:20px;} } /*게시판 전체선택*/ .boardSort {position:relative;} .boardSort .chk_all {position:absolute;bottom:0;right:0;height:40px;padding-top:12px;} .boardSort .chk_all input {margin-left:3px;} .boardSort .chk_all input:before {position:absolute;right:20px;top:0;content:'전체선택';display:inline-block;line-height:15px;} * {font-family:'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:-0.025em;} .eng, .eng * {font-family:'Rokkitt', 'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:0;} .upper, .upper * {text-transform:uppercase;} i {font-family:Font Awesome\ 5 Free !important;} .fab {font-family:Font Awesome\ 5 Brands !important;} /*커스텀*/ #topMenu .d1 > a, .mainBnr .t0, .mainBnr .btn_more, .main_title h3, .prdList .eng_name span, .ec-base-product .spec > li.price span, .titleArea h2, .titleArea h2 font, .listpage_title div, .ec-base-product .spec > li.rvw span, .xans-product-additional .board_title h2, .nav #leftMenu .d1 > a, .more .btnMore, .xans-product-detail .headingArea .prc *, #totalPrice, #totalPrice .total strong em, .xans-product-detail .headingArea .eng_name, .action_button *[class^='btn'], .action_button *[class^='btn'] span, .bnrArea1 .btn_more, #footer .tit, .bt_copyright, .vodArea1 .btn_more {font-family:'Rokkitt', 'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:0;} /* ※ 각 컬러별 용도입니다. idio-theme-color : [중요★]메인 포인트 컬러(상단바, 메인 폰트, 타이틀, 주요 버튼, 어두운 배경 등) idio-hover-color : 주요 버튼의 마우스 오버 시 컬러(메인 컬러에서 약간 어두운 컬러) idio-border-color : 테이블이나 영역 구분 용도의 옅은 선 컬러 idio-bg1-color : 밝은 톤 배경용 idio-bg2-color : [중요★]전체 배경용 idio-bg3-color : 약간 어두운 배경용 idio-bg4-color : 더 약간 어두운 배경용 idio-bg5-color : 조금 더 약간 어두운 배경용 ※ 아래 '#○○○○○○' 자리에 '#'으로 시작하는 6자리 HEX 컬러코드를 입력하세요! ※ 참고페이지 : https://g.co/kgs/mQeAsn */ :root { --idio-theme-color:#48413d; --idio-hover-color:#332e2b; --idio-border-color:#dedcd9; --idio-bg1-color:#f8f6f4; --idio-bg2-color:#f6f4f1; --idio-bg3-color:#f0ede9; --idio-bg4-color:#e9e6e2; --idio-bg5-color:#dfdcd8; } /* 전체 공통 */ #iReview {position:relative;} #iReview .point {font-size:0;line-height:0;} #iReview .point img {display:block;width:auto;height:13px;} #iReview .rvsbj {font-size:15px;font-weight:500;line-height:1.45;color:#000;word-break:keep-all;cursor:pointer;} #iReview .rvsbj .ec-common-rwd-image {margin-right:3px;vertical-align:-2px;max-height:21px;} #iReview .rvcont {overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;} #iReview .rvcont, #iReview .rvcont p, #iReview .fr-view, #iReview .fr-view p {font-size:14px;color:#545454;line-height:1.6;word-break:keep-all;} #iReview .badge {font-size:0;line-height:0;vertical-align:1px;} #iReview .badge em {display:inline-block;font-size:10px;line-height:15px;padding:0 4px;color:#fff;border-radius:2px;background-color:#000;background-color:var(--idio-theme-color);vertical-align:1px;margin-right:6px;font-style:normal;} #iReview .badge img {margin-right:7px;} #iReview .rvname {font-size:12px;color:#545454;font-weight:normal;line-height:15px;} #iReview .date {font-size:11px;line-height:15px;color:#777;letter-spacing:0;font-weight:normal;} #iReview .chk input {position:absolute;z-index:3;top:28px;left:28px;right:unset;bottom:unset;} #iReview .rvlist.re .imgbox {background-image:none !important;} #iReview .rvlist.re .point, #iReview .rvlist.re .prd {display:none;} #iReview .ico_re {margin-left:-9px;} #iReview .boardComment {padding-top:16px;background-color:transparent;} #iReview .boardComment > li {margin-top:12px;border:0;background-color:#f8f8f8;background-color:var(--idio-bg3-color);} #iReview .boardComment > li:before {display:none;} #iReview .boardComment > li div.commentTop {overflow:hidden;padding:0;} #iReview .boardComment > li div.commentTop > * {display:inline-block;line-height:21px;vertical-align:bottom;} #iReview .boardComment > li .name, #iReview .boardComment > li .name a {color:#333;font-weight:500;} #iReview .boardComment > li .date {color:#777;} #iReview .boardComment > li .comment {display:block;word-break:break-all;color:#545454;margin-top:10px;} .xans-product-additional #iReview {width:100%;max-width:1180px;margin:0 auto;} @media all and (max-width:1024px) { #iReview .point img {height:11px;} #iReview .rvname, #iReview .prd_name, #iReview .date {font-size:11px;} #iReview .rvsbj {font-size:13px;} #iReview .rvsbj .ec-common-rwd-image {max-height:14px;} #iReview .badge em {line-height:13px;vertical-align:0;margin-right:4px;} #iReview .txtWarn {font-size:10px;margin-left:5px;} #iReview .rvcont, #iReview .rvcont p, #iReview .fr-view, #iReview .fr-view p {font-size:12px;} #iReview .no em {padding:0 4px;vertical-align:0;margin-right:5px;} #iReview .no img {margin-right:5px;} #iReview .img {right:0;width:76px;height:76px;} #iReview .boardComment > li {padding:30px 35px 10px;} #iReview .boardComment > li .name, #iReview .boardComment > li .name a {font-size:11px;} #iReview .boardComment > li .date {margin:0 10px;font-size:11px;} #iReview .boardComment > li .comment {font-size:12px;margin:7px 0 0;} } @media all and (max-width:420px) { #iReview .point img {height:10px;} #iReview .prd_name {text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} #iReview .rvname, #iReview .prd_name, #iReview .date {font-size:10px;} #iReview .badge em {font-size:9px;line-height:13px;padding:0 3px;vertical-align:0;margin-right:4px;} } /* 썸네일타입 */ #iReview .tmbType.xans-board-list {display:flex;flex-wrap:wrap;justify-content:flex-start;} #iReview .tmbType .swiper {margin-top:-10px;} #iReview .tmbType > .slide, #iReview .tmbType .swiper-slide {position:relative;} #iReview .tmbType > .slide {margin:-1px -1px 0 0;} #iReview .tmbType .swiper-slide {margin:10px 0;} #iReview .tmbType .rvlist {border:1px solid #ccc;border:1px solid var(--idio-border-color);padding:14px;transition:all 0.5s ease;} #iReview .tmbType .rvlist:hover {border:1px solid var(--idio-bg1-color);box-shadow:0 3px 12px rgba(0,0,0,0.15);background-color:var(--idio-bg1-color);} #iReview .tmbType .imgbox {width:100%;padding-bottom:100%;cursor:pointer;position:relative;background-position:center center;background-size:cover;-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} #iReview .tmbType .imgbox img {position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;cursor:pointer;object-fit:cover;object-position:center;} #iReview .tmbType .rvlist:hover .imgbox {filter:brightness(97%);} #iReview .tmbType .txtbox {width:100%;padding:25px 18px;height:260px;} #iReview .tmbType .point img {margin-bottom:14px;} #iReview .tmbType .no {position:absolute;top:8px;left:8px;z-index:2;} #iReview .tmbType .rvsbj {overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5;cursor:pointer;} #iReview .tmbType .rvsbj > * {display:inline-block;} #iReview .tmbType .rvcont {-webkit-line-clamp:2;margin-top:3px;cursor:pointer;} #iReview .tmbType .rvcont, #iReview .tmbType .rvcont p, #iReview .tmbType .fr-view, #iReview .tmbType .fr-view p {line-height:1.5;} #iReview .tmbType .wrt {margin-top:12px;} #iReview .tmbType .rvname {font-weight:normal;margin-right:6px;} #iReview .tmbType .prd {display:block;width:100%;position:absolute;bottom:1px;left:0;padding:0 35px;margin-bottom:0;} #iReview .tmbType .prd .border {position:relative;display:block;padding:16px 0;height:72px;text-align:left;font-size:0;line-height:0;border-top:1px solid #ccc;border-top:1px solid var(--idio-border-color);} #iReview .tmbType .prd .border > a {display:block;width:100%;vertical-align:middle;font-size:12px;color:#777;line-height:38px;font-weight:400;padding-left:48px;} #iReview .tmbType .prd .border > a > span {position:absolute;display:block;top:16px;left:0;width:38px;height:38px;background-position:center center;background-size:cover;border-radius:50%;border:1px solid #ccc;border:1px solid var(--idio-bg4-color);} #iReview .tmbType .swiper-slide .prd {bottom:0;} /*모바일*/ @media all and (max-width:1024px) { #iReview .tmbType .rvlist {padding:10px;} #iReview .tmbType .rvlist:hover {border:1px solid var(--idio-bg1-color);box-shadow:0 3px 8px rgba(0,0,0,0.15);} #iReview .tmbType .txtbox {padding:16px 10px;height:200px;} #iReview .tmbType .point img {margin-bottom:10px;} #iReview .tmbType .rvcont {margin-top:2px;} #iReview .tmbType .wrt {margin-top:8px;} #iReview .tmbType .date {display:none;} #iReview .tmbType .prd {padding:0 28px;bottom:1px;} #iReview .tmbType .prd .border {padding:12px 0;height:54px;} #iReview .tmbType .prd .border > a {font-size:11px;line-height:28px;padding-left:38px;} #iReview .tmbType .prd .border > a > span {top:12px;width:28px;height:28px;} } @media all and (max-width:420px) { #iReview .tmbType .txtbox {padding:14px 10px;height:182px;} #iReview .tmbType .point img {margin-bottom:9px;} #iReview .tmbType .wrt {margin-top:7px;} #iReview .tmbType .prd {padding:0 23px;bottom:9px;} #iReview .tmbType .prd .border {padding:10px 0;height:44px;} #iReview .tmbType .prd .border > a {font-size:10px;line-height:24px;padding-left:30px;} #iReview .tmbType .prd .border > a > span {top:10px;width:24px;height:24px;} } /*tmbType grid*/ @media all and (max-width:320px) { #iReview .tmbType > .slide {flex-basis:100%;} } @media all and (min-width:321px) and (max-width:840px) { #iReview .tmbType > .slide {flex-basis:50%;} } @media all and (min-width:841px) and (max-width:1280px) { #iReview .tmbType > .slide {flex-basis:33.333%;} } @media all and (min-width:1281px) and (max-width:1640px) { #iReview .tmbType > .slide {flex-basis:25%;} } @media all and (min-width:1640px) { #iReview .tmbType > .slide {flex-basis:20%;} } /* 리스트타입 */ #iReview .listType .prdReview_wrapper {width:100%;max-width:1180px;margin:0 auto;} #iReview .listType .subject {position:relative;} #iReview .listType .subject > * {display:block;} #iReview .listType .rvcont {margin-top:6px;display:block;-webkit-line-clamp:unset;} #iReview .listType .rvcont.of {overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;} #iReview .listType .rvcont-wrapper.opened .rvcont.of {display:block;overflow:visible;-webkit-line-clamp:unset;} #iReview .listType .rvsbj {line-height:1.55;} #iReview .listType .btn_rvread {font-size:11px;color:#aaa;margin-top:7px;text-decoration:underline;text-align:left;letter-spacing:-0.2px;} #iReview .listType .btn_rvread i {display:inline;font-size:9px;} #iReview .listType .btn_rvread i.fa-chevron-up {display:none;} #iReview .listType .btn_rvread i.fa-chevron-down {display:inline;} #iReview .listType .rvcont-wrapper.opened .btn_rvread i.fa-chevron-up {display:inline;} #iReview .listType .rvcont-wrapper.opened .btn_rvread i.fa-chevron-down {display:none;} #iReview .listType .attach {cursor:pointer;} #iReview .listType .attach img {display:inline-block;width:90px;height:90px;object-fit:cover;object-position:center;margin:24px 6px 0 0;} #iReview .listType .attach br {display:none;} #iReview .listType .ec-ucc-media-box {display:none;} #iReview .listType .ec-base-button {margin:0;text-align:left;} #iReview .listType .ec-base-button a[class^='btn'] {margin-top:24px;} #iReview .listType .memoCont {padding:30px;margin:15px 0 0;border:0;background-color:#f9f9f9;background-color:var(--idio-bg3-color);} #iReview .listType .writeForm:before {display:none;} #iReview .listType .rvlist.opened {background-color:#fcfcfc;background-color:var(--idio-bg3-color);} #iReview .listType .rvlist.opened .rvcont {overflow:visible;display:block;} #iReview .listType .rvlist.opened .attach {margin-bottom:12px;} #iReview .listType .rvlist.opened .attach img {display:block;width:100%;max-width:500px;height:auto;margin:24px 0 -12px 0;} #iReview .listType .rvlist.opened .btn_rvread i.fa-chevron-up {display:inline;} #iReview .listType .rvlist.opened .btn_rvread i.fa-chevron-down {display:none;} #iReview .listType .view_wrapper#imgBox > div > *:not(.view), #iReview .listType .view_wrapper#imgBox .view .ec-base-button {display:none;} #iReview .listType .view_wrapper#cmtBox #commentWriteForm_4, #iReview .listType .view_wrapper#cmtBox #commentSecretForm_4, #iReview .listType .view_wrapper#cmtBox .view .attach {display:none;} #iReview .listType .imgbox {display:none;} /*모바일*/ @media all and (max-width:1024px) { #iReview .listType .info {margin-bottom:11px;} #iReview .listType .info p {display:inline-block;vertical-align:middle;} #iReview .listType .point {margin-right:8px;} #iReview .listType .rvlist td.subject {padding:7px !important;} #iReview .listType .rvlist.re td.subject {padding:7px 7px 7px 30px !important;} #iReview .listType .rvcont {margin-top:3px;} #iReview .listType .date {margin-left:7px;} #iReview .listType .info_hr {display:none;} #iReview .listType .attach img {display:inline-block;width:60px;height:60px;margin:16px 5px 0 0;} #iReview .listType .btn_rvread {font-size:10px;margin-top:4px;} #iReview .listType .boardComment > li {padding:20px 30px;} } @media all and (max-width:420px) { #iReview .listType .info {font-size:0;line-height:0;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal !important;height:unset;margin-bottom:8px;} #iReview .listType .attach img {width:45px;height:45px;} } /*PC*/ @media all and (min-width:1025px) { #iReview .listType .point img {margin-bottom:16px;} #iReview .listType .subject {padding:40px !important;} #iReview .listType .info {position:absolute;left:0;top:0;width:250px;height:100%;padding:40px;margin-bottom:0;} #iReview .listType .info *:not(img) {display:block;width:100%;} #iReview .listType .rvname {font-size:13px;margin-bottom:6px;} #iReview .listType .rvlist td.subject {padding-left:290px !important;} #iReview .listType .rvlist.re td.subject {padding-left:330px !important;} #iReview .listType .info_hr {position:absolute;display:block;left:250px;top:40px;width:1px;height:calc(100% - 80px);background-color:#e8e8e8;} #iReview .listType .boardComment > li {padding:30px 40px;} #iReview .listType .boardComment > li .name, #iReview .listType .boardComment > li .name a {font-size:12px;} #iReview .listType .boardComment > li .date {margin:0 14px;font-size:11px;} #iReview .listType .boardComment > li .comment {font-size:14px;} } /* 상세페이지 상단 베스트 리뷰 */ #iReview.dtReview {display:block;width:100%;position:relative;margin-bottom:60px;} #iReview.dtReview .tit {display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:8px;padding-left:6px;} #iReview.dtReview .tit h4 {font-size:17px;} #iReview.dtReview .tit h4:after {display:inline-block;width:1px;height:12px;background-color:#e8e8e8;content:'';margin:0 12px 0 14px;vertical-align:-2px;} #iReview.dtReview .tit a {text-align:right;font-size:13px;margin-bottom:-1px;} #iReview.dtReview .tit a span {font-weight:600;margin-right:1px;} #iReview .fixedType {padding:10px 0;} #iReview .fixedType tr, #iReview .fixedType td {display:block;width:100%;} #iReview .fixedType .rvlist {display:block;border:1px solid #ccc;border:1px solid var(--idio-bg4-color);padding:19px 24px 21px;border-radius:15px;transition:all 0.5s ease;background-color:var(--idio-bg1-color);} #iReview .fixedType .subject {position:relative;padding:10px;} #iReview .fixedType .info {height:unset;margin-bottom:12px;font-size:0;line-height:0;} #iReview .fixedType .info > * {display:inline-block;vertical-align:middle;} #iReview .fixedType .info .rvname, #iReview .fixedType .info .point img {margin-right:7px;height:11px;} #iReview .fixedType .rvsbj {cursor:pointer;margin-top:10px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;} #iReview .fixedType .rvcont {-webkit-line-clamp:3;margin-top:3px;height:58px;} #iReview .fixedType .rvcont, #iReview .fixedType .rvcont p, #iReview .fixedType .fr-view, #iReview .fixedType .fr-view p {font-size:13px;} #iReview .fixedType .rvsbj, #iReview .fixedType .rvcont {padding-right:100px;} #iReview .fixedType .noimg .rvsbj, #iReview .fixedType .noimg .rvcont {padding-right:0;} #iReview .fixedType .imgbox {position:absolute;width:82px;height:82px;right:5px;bottom:10px;} #iReview .fixedType .imgbox img {width:100%;height:100%;cursor:pointer;object-fit:cover;object-position:center;} #iReview .fixedType div[class*='swiper-button'] {opacity:0 !important;transform:scale(0.7);} #iReview .fixedType:hover div[class*='swiper-button'] {opacity:1 !important;} #iReview .fixedType .swiper-button-prev {transform-origin:0% 50%;left:15px !important;} #iReview .fixedType .swiper-button-next {transform-origin:100% 50%;right:15px !important;} /*모바일*/ @media all and (max-width:1024px) { #iReview.dtReview {margin-bottom:30px;} #iReview.dtReview .tit {margin-bottom:6px;} #iReview.dtReview .tit h4 {font-size:14px;} #iReview.dtReview .tit h4:after {margin:0 9px 0 11px;} #iReview.dtReview .tit a {font-size:12px;} #iReview .fixedType .swiper-slide {padding:0;} #iReview .fixedType .rvlist {padding:10px 15px;} #iReview .fixedType .rvcont, #iReview .fixedType .rvcont p, #iReview .fixedType .fr-view, #iReview .fixedType .fr-view p {font-size:12px;} #iReview .fixedType .rvsbj, #iReview .fixedType .rvcont {padding-right:80px;} #iReview .fixedType .imgbox {position:absolute;width:72px;height:72px;bottom:15px;right:8px;} } /* 상품후기 게시판 */ .rvList .rvArea {position:relative;} .rvList .xans-board-list, .rvList .rvArea-wrapper {position:relative;width:calc(100% + 16px);margin-left:-8px;min-height:200px;} .rvList .xans-board-fixed {margin-bottom:50px;} .rvList .xans-board-fixed h3 {font-size:20px;font-weight:600;text-align:center;margin-bottom:20px;} .rvList .noticeArea {margin-bottom:10px;} .rvList .ec-base-table {border-top:0;} @media all and (max-width:1024px) { .rvList .rvArea-wrapper {width:calc(100% + 12px);margin-left:-6px;} .rvList .xans-board-fixed h3 {font-size:17px;margin-bottom:15px;} } /* 읽기 화면 모달 */ .ireview-modal {display:none;position:fixed;width:85%;max-width:1000px;height:80vh;max-height:700px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10006;box-shadow: 0 5px 20px rgba(0,0,0,0.35);background-color:#fff;background-color:var(--idio-bg2-color);} .ireview-modal iframe {width:100%;height:100%;border:0;overflow:auto;} .ireview-bg {display:none;position:fixed;width:100%;height:100vh;background-color:rgba(30,30,30,0.7);top:0;left:0;z-index:10005;} @media all and (max-width:740px) { .ireview-modal {height:70vh;} } @media all and (min-width:741px) { .ireview-modal.noimg {max-width:600px;} } /* 헤더 */ #header {position:absolute;left:0;top:44px;} #header .header-inner {position:relative;width:100%;min-width:320px;padding:0 70px;background-color:#fff;background-color:var(--idio-bg2-color);transition:all 0.3s ease;z-index:998;} #header .header-inner.fixed {position:fixed;top:0;left:0;} #header .header-wrapper {position:relative;width:100%;height:96px;-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} #header .header-wrapper > * {position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);z-index:1;} /* 햄버거 */ #header .hddrw {display:none;left:5px;} #header .btn_drw {position:relative;width:17px;height:14px;cursor:pointer;} #header .btn_drw .line {position:absolute;background-color:#000;background-color:var(--idio-theme-color);overflow:hidden;width:100%;height:1.3px;} #header .btn_drw .line:nth-child(1) {top:0;} #header .btn_drw .line:nth-child(2) {top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} #header .btn_drw .line:nth-child(3) {bottom:0;} /* 로고 */ #header .hdlogo {left:0;height:57px;cursor:pointer;} #header .hdlogo > * {position:absolute;display:block;height:100%;left:0;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);} #header .hdlogo img {height:100%;width:auto;max-width:none;} /* 아이콘 메뉴 */ #header .hdicons {right:0;} #header .top_mypage {display:flex;} #header .top_mypage > li {position:relative;cursor:pointer;} #header .top_mypage > li img {width:28px;} #header .top_mypage > li:nth-child(3) a {padding-right:0;} #header .top_mypage > li > a {padding:0 16px;display:flex;height:50px;align-items:center;position:relative;} #header .top_mypage > li > a svg {width:21px;height:21px;} #header .top_mypage .btn_sch svg > *, #header .top_mypage .btn_my svg > * {stroke:#000 !important;stroke:var(--idio-theme-color) !important;} #header .top_mypage .btn_cart svg > * {fill:#000 !important;fill:var(--idio-theme-color) !important;} #header .top_mypage > li > a.xans-layout-orderbasketcount .count {position:absolute;top:11px;right:-7px;min-width:17px;height:17px;border-radius:50%;background-color:#000;background-color:var(--idio-theme-color);color:#fff;text-align:center;line-height:17px;font-size:10px;display:flex;align-items:center;justify-content:center;} #header .toparea_state {display:none;position:absolute;z-index:-1;opacity:0;top:50px;background-color:#fff;background-color:var(--idio-bg1-color);padding:11px 14px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border-radius:7px;box-shadow:0 2px 7px rgba(0,0,0,0.1);} #header .toparea_state li {width:90px;margin:5px 0;text-align:center;} #header .toparea_state li a {font-size:13px;line-height:1.5;} #header .benefit {position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);bottom:-20px;cursor:default;} #header .benefit span {position:relative;display:block;color:#fff;border-radius:4px;font-size:12px;font-weight:400;line-height:22px;padding:0 8px;white-space:nowrap;background-color:#000;background-color:var(--idio-theme-color);letter-spacing:0.05em;} #header .benefit span:after {position:absolute;left:50%;display:block;width:10px;height:10px;top:-3px;background-color:#000;background-color:var(--idio-theme-color);content:'';-webkit-transform:translateX(-50%) rotate(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);transform: translateX(-50%) rotate(-45deg);z-index:-1;} #header .bounce {-webkit-animation-name:bounce;animation-name:bounce;animation-fill-mode:both;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:linear;} @-webkit-keyframes bounce { 0%, 100% { -webkit-transform:translateZ(0); transform:translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(0, -2px, 0); transform:translate3d(0, -2px, 0); } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(0, 2px, 0); transform:translate3d(0, 2px, 0); } } @keyframes bounce { 0%, 100% { -webkit-transform:translateZ(0); transform:translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(0, -2px, 0); transform:translate3d(0, -2px, 0); } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(0, 2px, 0); transform:translate3d(0, 2px, 0); } } /* 카테고리 */ #header .hdgnb {display:flex;flex-wrap:nowrap;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} #header .hdgnb a {cursor:pointer;} #topMenu .d1Box {display:flex;flex-wrap:nowrap;justify-content:center;} #topMenu .d1Box > ul {display:flex;flex-wrap:nowrap;position:relative;} #topMenu .d1 {position:relative;padding:0 14px;} #topMenu .d1 > a {font-family:'Roboto'; display:block;white-space:nowrap;line-height:50px;font-size:17px;font-weight:500;color:#000;color:var(--idio-theme-color);} #topMenu .d2Box {display:none;position:absolute;top:45px;background-color:#f0f0f0;background-color:var(--idio-bg1-color);padding:10px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:2;border-radius:7px;box-shadow:0 2px 9px rgba(0,0,0,0.2);} #topMenu .d2 {display:block;width:114px;text-align:center;margin:3px 0;} #topMenu .d2 > a {font-size:13px;line-height:1.5;word-wrap:break-word;} /* 좌측 네비게이션 */ .nav {position:fixed;top:0;left:0;height:100vh;z-index:10005;opacity:0;left:-300px;width:300px;max-width:80%;transform:translateX(-300px);transition:all 0.5s ease;} .nav.opened {background-color:#fff;background-color:var(--idio-bg2-color);opacity:1;transform:translateX(0);box-shadow:3px 0 5px rgba(0,0,0,0.1);left:0;} .nav_cover {display:none;background-color:rgba(0,0,0,0.5);width:100%;height:100vh;position:fixed;top:0;left:0;z-index:10004;transition:all 0.5s ease;} .nav_cover.on {display:block;} .nav .nav_wrapper {padding:20px 40px 20px 45px;height:100%;overflow-y:auto;} .nav .nav_wrapper > div {margin:25px 0;} .nav .navlogo img {height:50px;width:auto;} /* leftMenu */ .nav #leftMenu ul, .nav #leftMenu li {width:100%;} .nav #leftMenu a {display:block;text-align:left;position:relative;cursor:pointer;word-break:break-word;} .nav #leftMenu .d1 {position:relative;padding:7px 0;} .nav #leftMenu .d1 > a {font-size:15px;line-height:18px;font-family:'Roboto';} .nav #leftMenu .d1.opened > a {font-weight:normal;color:#000;color:var(--idio-theme-color);} .nav #leftMenu .d1.opened .arr i {color:#333;} .nav #leftMenu .d2Box {display:none;padding-top:4px;} .nav #leftMenu .d2 {position:relative;margin-top:3px;} .nav #leftMenu .d2 > a {font-size:13px;line-height:20px;padding-left:10px;opacity:0.8;} .nav #leftMenu .arr {position:absolute;display:block;right:0 !important;top:6px;width:22px;height:22px;text-align:right;cursor:pointer;} .nav #leftMenu .arr i {position:absolute;top:0;right:0;display:block;width:20px;height:20px;font-size:11px;line-height:22px;text-align:center;color:#000;color:var(--idio-theme-color);opacity:0.5;} .nav .opened .arr i {transform:rotate(-180deg);} .nav #leftMenu .comm .arr {width:100% !important;} .nav .util li a {font-size:12px;line-height:23px;font-weight:400;} .nav .copyright {font-size:10px;padding-top:13px;color:#888;line-height:1;font-weight:300;letter-spacing:0;} .nav .follow {padding-top:8px;} .nav .follow a {margin-left:0;} /* 검색영역 */ .schArea {position:fixed;display:none;top:0;bottom:0;width:100%;height:100%;z-index:100000;} .schArea.opened {display:block;} .schArea .sch_cover {position:absolute;top:0;bottom:0;width:100%;height:100%;background-color:#fff;background-color:var(--idio-bg2-color);opacity:0.95;} .schBox .tit {color:#000;color:var(--idio-theme-color);font-weight:normal;text-align:center;} .schBox {position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding-bottom:50px;} .schBox fieldset {position:relative;width:100%;border:3px solid rgba(100,100,100,0.2);border-radius:5px;} .schBox fieldset:hover, .schBox fieldset:focus {outline:0;} .schBox fieldset .inputTypeText {display:inline-block;width:100%;padding:0 100px;} .schBox #keyword {width:100%;border:0;background:transparent;text-align:center;} .schBox .schBtn {border:0;opacity:0.8;position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);outline:0;cursor:pointer;background-color:transparent;} .schBox .schBtn svg {transform:scale(1.3);opacity:0.3;} .schBox .btnDelete {font-size:0;background:url('//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png') no-repeat center center;position:absolute;top:51%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);outline:0;cursor:pointer;background-color:transparent;opacity:0.7;} .schBox .bestKeyword {width:100%;} .schBox .bestKeyword ul {text-align:center;} .schBox .bestKeyword li a {display:block;background-color:#f2f2f2;background-color:var(--idio-bg4-color);opacity:0.6;transition:all 0.3s ease;} .schBox .bestKeyword li a:hover {opacity:1;} .schBox .bestKeyword li a:before {content:"#";font-weight:400;margin-right:2px;} .schBox p.button {margin:10px 0 0;text-align:right;} .schBox p.button a {padding:0 17px 0 4px;text-decoration:none;background:url("//img.echosting.cafe24.com/skin/base/common/ico_circle_arrow.png") no-repeat right center;} @media all and (max-width:1024px) { #layout #contents {padding-top:108px;} .nav {display:block;} #header {top:38px;} #header .header-inner {padding:0 24px;} #header .header-wrapper {height:70px;} #header .fixed .header-wrapper {height:60px;} #header .hddrw {display:block;} #header .hdlogo {left:35px;height:54px;} #header .top_mypage > li > a {padding:0 8px;} #header .top_mypage > li > a svg {width:20px;height:20px;} #header .hdgnb {display:none;} .schBox .tit {font-size:20px;padding-bottom:30px;} .schBox {width:80%;max-width} .schBox fieldset .inputTypeText {font-size:16px;line-height:44px;padding:0 65px;} .schBox #keyword {height:44px;line-height:44px;font-size:16px;} .schBox .schBtn {height:26px;width:26px;right:7px;} .schBox .schBtn svg {transform:scale(0.8);} .schBox .btnDelete {width:20px;height:20px;background-size:18px auto;right:36px;} .schBox .bestKeyword {margin-top:15px;} .schBox .bestKeyword li {margin:3px;} .schBox .bestKeyword li a {display:block;font-size:13px;line-height:36px;border-radius:18px;padding:0 18px;} } @media all and (max-width:540px) { #header .header-inner {padding:0 14px;} } @media all and (min-width:1025px) { .nav {display:none;} #header .fixed .header-wrapper {height:78px;} #header .btn_my:hover .toparea_state {display:block;z-index:2;opacity:1;} .schBox .tit {font-size:23px;padding-bottom:40px;} .schBox {width:820px;} .schBox fieldset .inputTypeText {font-size:24px;line-height:70px;padding:0 100px;} .schBox #keyword {height:70px;line-height:70px;font-size:24px;} .schBox .schBtn {height:26px;width:26px;right:20px;} .schBox .schBtn svg {transform:scale(1.3);} .schBox .btnDelete {width:24px;height:24px;background-size:22px auto;right:56px;} .schBox .bestKeyword {margin-top:25px;} .schBox .bestKeyword li {margin:5px;} .schBox .bestKeyword li a {display:block;font-size:15px;line-height:42px;border-radius:21px;padding:0 20px;opacity:0.6;} } #topBnr {display:block;position:absolute;left:0;top:0;width:100%;overflow:hidden;} #topBnr .topBnr_wrapper {width:100%;position:relative;} #topBnr .cont {width:100%;overflow:hidden;position:relative;} #topBnr .swiper-slide {display:block;width:100%;background-color:#333;background-color:var(--idio-theme-color);} #topBnr .swiper-slide > a {display:block;width:100%;position:relative;background-color:#333;background-color:var(--idio-theme-color);cursor:pointer;} #topBnr .swiper-slide > a > span {width:100%;padding:0 30px;text-align:center;font-size:12px;line-height:1.4;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /*탑배너 높이 일괄 지정*/ #topBnr, #topBnr .swiper-slide > a {height:44px;} @media all and (max-width:1024px) { #topBnr, #topBnr .swiper-slide > a {height:38px;} #topBnr .swiper-slide > span {font-size:11px;} } #scrollTop {position:fixed;top:50%;right:25px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:48px;height:81px;background-color:#fff;background-color:var(--idio-bg1-color);border-radius:24px;box-shadow:0 3px 7px rgba(0,0,0,0.15);z-index:-1;transition:all 0.3s ease;opacity:0;} #scrollTop.on {z-index:10;opacity:0.7;} #scrollTop.on:hover {opacity:0.9;} #scrollTop > li {display:block;width:100%;margin:0;text-align:center;cursor:pointer;} #scrollTop > li:first-child {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} #scrollTop > li i {font-size:12px;color:#999;line-height:40px;} #btn_talk {position:fixed;right:20px;bottom:25px;width:58px;height:58px;border-radius:43%;text-align:center;cursor:pointer;background-color:#000;background-color:var(--idio-theme-color);box-shadow:0 3px 7px rgba(0,0,0,0.25);z-index:10;transition:all 0.5s ease;} #btn_talk a {display:block;} #btn_talk i {font-size:19px;color:#fff;line-height:58px;} @media all and (max-width:1024px) { #scrollTop {width:42px;height:69px;right:20px;bottom:20px;transition:all 0.3s ease;} #scrollTop > li i {line-height:34px;} #btn_talk {width:52px;height:52px;right:20px;bottom:20px;} #btn_talk.pb {margin-bottom:66px;} #btn_talk i {line-height:52px;} } @media all and (max-width:767px) { #scrollTop {width:38px;height:61px;right:12px;bottom:12px;} #scrollTop > li i {line-height:30px;} #btn_talk {width:48px;height:48px;right:12px;bottom:12px;} #btn_talk i {line-height:48px;} } @media all and (min-width:1025px) { #btn_talk:hover {bottom:35px;box-shadow:0 5px 10px rgba(0,0,0,0.35);} } /* 푸터 */ #footer {width:100%;background-color:#f9f9f9;background-color:var(--idio-bg3-color);} #footer .footer-wrapper {position:relative;} #footer .footer-wrapper > li {display:block;} #footer .tit {width:100%;font-size:14px;font-weight:500;color:#000;color:var(--idio-theme-color);margin-bottom:15px;opacity:0.6;} /* info */ .bt_logo {margin-bottom:26px;} .bt_logo img {display:block;transform-origin:0 50%;transform:scale(0.35);} .bt_util li {display:inline-block;margin-right:7px;} .bt_util li a {display:block;font-size:14px;font-weight:500;color:#000;color:var(--idio-theme-color);line-height:1;white-space:nowrap;} .bt_util li strong {font-weight:500;} .bt_info {color:#555;line-height:1.65;word-break:break-word;} .bt_info li {display:inline-block;} .bt_info li a {color:#555;} .bt_info span {color:#999;margin-right:4px;} .bt_info span:after {display:inline-block;content:'';background-color:#ccc;width:1px;vertical-align:0px;-webkit-transform: rotate(20deg);transform: rotate(20deg);} .bt_copyright {font-size:14px;padding-top:16px;font-weight:normal;color:#000;color:var(--idio-theme-color);line-height:1;letter-spacing:0;opacity:0.6;} /* cs */ .bt_cs .num {display:block;font-weight:500;letter-spacing:0.1px;color:#000;color:var(--idio-theme-color);cursor:text;margin-bottom:2px;} .bt_cs .time {color:#999;line-height:1.6;} .bt_cs .time br {display:none;} /* follow */ #footer .follow a {margin:0 5px 0 0;} /* 계좌정보 */ .bt_bank {margin:0 5px 0 0;} .bt_bank li {color:#555;} .bt_bank li.acc-holder {color:#999;margin-top:2px;} /* 멀티샵 */ .bt_mshop {position:relative;max-width:200px;} .bt_mshop .toggle {display:block;width:100%;height:100%;color:#757575;background-color:#eee;background-color:var(--idio-bg4-color);text-align:left;} .bt_mshop .toggle span {display:block;width:100%;height:100%;background:url('//img.echosting.cafe24.com/skin/base/layout/ico_multishop1.png') no-repeat 100% 50%;} .bt_mshop .toggle span > img {vertical-align:middle;} .bt_mshop ul {display:none;position:absolute;left:0;width:100%;background-color:#eee;background-color:var(--idio-bg4-color);text-align:left;z-index:9;} .bt_mshop ul li {position:relative;} .bt_mshop ul li a {display:block;overflow:hidden;color:#666;padding:0 60px 0 20px;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;} .bt_mshop ul li.selected a {background-color:#e8e8e8;background-color:var(--idio-bg5-color);} .bt_mshop ul li a img {position:absolute;} .bt_mshop ul li a .unit {position:absolute;top:0;right:20px;color:#757575;} .bt_mshop.show > ul {display:block;} /* 에스크로 */ .escrow {background-color:#f3f3f3;background-color:var(--idio-bg4-color);} .escrow-wrapper > * {margin-right:15px;} .escrow-wrapper p {font-size:13px;color:#999;line-height:1.65;} .escrow-wrapper .btn-escrow {font-size:11px;line-height:25px;color:#000;color:var(--idio-theme-color);display:inline-block;padding:0 10px;background-color:#fff;background-color:var(--idio-bg2-color);opacity:0.8;border-radius:5px;} .escrow-img {font-size:0;line-height:0;opacity:0.8;} .escrow-img img {display:none;} .escrow-img.allat .allat, .escrow-img.iniapy .iniapy, .escrow-img.kcp .kcp, .escrow-img.kicc .kicc, .escrow-img.ksnet .ksnet, .escrow-img.nice .nice, .escrow-img.toss .toss, .escrow-img.settle .settle, .escrow-img.smartro .smartro {display:block !important;} /*모바일*/ @media all and (max-width:1180px) { #footer {text-align:center;} #footer .footer-inner {padding-top:45px;padding-bottom:50px;} #footer .footer-wrapper {display:block;} #footer .footer-wrapper > li {display:block;padding-top:30px;} #footer .tit {font-size:12px;margin-bottom:8px;} .bt_logo {margin-bottom:-10px;} .bt_logo img {margin:0 auto;transform:scale(0.3);transform-origin:50% 50%;} .bt_info {margin:10px 0 0;font-size:13px;} .bt_info li {margin:0 4px;} .bt_info li a {font-size:13px;} .bt_cs .num {font-size:20px;} .bt_bank li {font-size:13px;line-height:21px;} .bt_bank li.acc-holder {font-size:12px;} .bt_mshop {display:block;width:140px;height:36px;margin:12px auto 0;} .bt_mshop .toggle {padding:0 10px 0 20px;line-height:36px;} .bt_mshop .toggle span {font-size:11px;padding:0 25px 0 0;} .bt_mshop > ul {top:36px;} .bt_mshop > ul li {height:36px;line-height:36px;} .bt_mshop > ul li a span {font-size:11px;} .bt_mshop > ul li a img {left:10px;top:9px;} .bt_mshop > ul li a .unit {font-size:10px;} #footer .bt_copyright {display:none;} #footer .escrow {padding:25px 0;} .escrow-wrapper {display:block !important;} .escrow-wrapper > * {margin:10px 0 0;} .escrow-wrapper p {font-size:11px;} .escrow-wrapper .btn-escrow {font-size:10px;} .escrow-img {margin:0;} .escrow-img img {margin:0 auto;} } /*PC*/ @media all and (min-width:1181px) { #footer .footer-inner {padding-top:60px;padding-bottom:70px;} #footer .footer-wrapper {display:flex;} #footer .footer-wrapper > li {flex:1;padding-right:70px;} #footer .footer-wrapper > li:first-child {flex:3;} #footer .footer-wrapper > li:last-child {padding-right:0;} .bt_info {margin:16px 0;font-size:14px;} .bt_info li {margin-right:10px;} .bt_info li a {font-size:14px;} .bt_cs .num {font-size:24px;} .bt_bank li {font-size:14px;line-height:23px;} .bt_bank li.acc-holder {font-size:13px;} .bt_mshop {margin-bottom:24px;} .bt_mshop .toggle {padding:0 10px 0 20px;line-height:41px;} .bt_mshop .toggle span {font-size:13px;padding:0 25px 0 0;} .bt_mshop > ul {top:41px;} .bt_mshop > ul li {height:41px;line-height:41px;} .bt_mshop > ul li a span {font-size:13px;} .bt_mshop > ul li a img {left:10px;top:9px;} .bt_mshop > ul li a .unit {font-size:11px;} #footer .escrow {padding:40px 0;} .escrow-wrapper {display:flex;align-items:center;} } @media all and (min-width:1181px) and (max-width:1340px) { #footer .footer-wrapper > li:first-child {flex:2;} } #popup_idio {position:fixed;z-index:10003;top:auto;left:auto;right:40px;bottom:0;} #popup_idio.opened {display:block !important;} #popup_idio .popup_wrapper {width:400px;position:relative;overflow:hidden;box-shadow:0 5px 12px rgba(0,0,0,0.3);background-color:#fff;background-color:var(--idio-bg2-color);border-radius:22px 22px 0 0;} #popup_idio .swiper-slide img, #popup_idio .swiper-slide a {display:block;width:100%;height:auto;} #popup_idio div[class*='swiper-button'] {opacity:0 !important;width:28px;height:36px;border-radius:0;} #popup_idio .swiper:hover div[class*='swiper-button'] {opacity:0.4 !important;} #popup_idio div[class*='swiper-button']:after {font-size:10px;line-height:36px;} #popup_idio .swiper-button-prev {left:14px !important;} #popup_idio .swiper-button-next {right:14px !important;} #popup_idio .cont {width:100%;height:auto;overflow:hidden;position:relative;} #popup_idio .footer {width:100%;height:46px;background-color:#000;position:relative;} #popup_idio .footer > * {position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);z-index:3;font-size:13px;color:#fff;line-height:23px;cursor:pointer;} #popup_idio .footer .cookieToday {left:20px;} #popup_idio .footer .cookieToday #chkday {opacity:0;width:0;height:0;} #popup_idio .footer #closeNow {right:20px;} @media all and (max-width:1024px) { #popup_idio .popup_wrapper {width:360px;} } @media all and (max-width:640px) { #popup_idio {left:50%;right:unset;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);} #popup_idio .popup_wrapper {width:340px;} #popup_idio .footer {height:44px;} #popup_idio .footer > * {font-size:12px;} } @media all and (max-width:380px) { #popup_idio, #popup_idio .popup_wrapper {width:100%;} #popup_idio .popup_wrapper {box-shadow:0 0 12px rgba(0,0,0,0.3);} } .mainBnr {width:100%;height:100vh;overflow:hidden;} .mainBnr .swiper-slide {height:100vh;font-size:0;line-height:0;} .mainBnr .swiper-slide > a, .mainBnr .swiper-slide > img {display:block;object-fit:cover;object-position:center;width:100%;height:100vh;} .mainBnr .swiper-slide-visible > img {-webkit-animation-name:transImg;animation-name:transImg;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;transition:0 cubic-bezier(.22,.61,.36,1);} .mainBnr div[class*='swiper-button'] {margin-top:30px;opacity:0 !important;background:none;font-size:19px;background-color:#000;border-radius:5px;width:34px;height:50px;} .mainBnr .swiper:hover div[class*='swiper-button'] {opacity:0.4 !important;} .mainBnr div[class*='swiper-button']:after {font-size:14px;line-height:50px;color:#fff;} .mainBnr div[class*='swiper-button']:hover {opacity:0.65 !important;} .mainBnr .swiper-button-prev {left:5% !important;} .mainBnr .swiper-button-next {right:5% !important;} .mainBnr .swiper-scrollbar {width:90%;max-width:800px;height:1px;left:50% !important;bottom:3vh;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);} .mainBnr .txt {width:100%;text-align:center;position:absolute;line-height:1.5;margin-top:35px;padding-left:5%;padding-right:5%;} .mainBnr .t0 {font-size:13px;font-weight:400;letter-spacing:0.05em;} .mainBnr .t0.kor {letter-spacing:-0.015em;} .mainBnr .line {display:block;margin:0 auto;width:6px;height:1px;background-color:#000;margin-top:12px;margin-bottom:-6px;opacity:0.5;} .mainBnr .t1 {font-size:35px;font-weight:300;line-height:1.4 !important;padding:20px 0;} .mainBnr .t1 b {font-weight:500;} .mainBnr .btn_more {padding:0 36px;width:unset !important;margin-top:0 !important;} /*컨텐츠 흰색으로*/ .mainBnr.white .txt {color:#fff;} .mainBnr.white .t0 {color:rgba(255,255,255,0.7);} .mainBnr.white .line {background-color:#fff;background-color:var(--idio-bg2-color);} .mainBnr.white .swiper-scrollbar {background-color:rgba(255,255,255,0.3);} .mainBnr.white .swiper-scrollbar-drag {background-color:#fff !important;} @media all and (max-width:1024px) { .mainBnr div[class*='swiper-button'] {opacity:0 !important;margin-top:34px;} .mainBnr .swiper-button-prev {left:30px !important;} .mainBnr .swiper-button-next {right:30px !important;} .mainBnr .t0 {font-size:12px;} .mainBnr .line {margin-top:10px;margin-bottom:-8px;opacity:0.5;} .mainBnr .t1 {font-size:calc(25px + (35 - 23) * ((100vw - 370px) / (1280 - 370)));padding:16px 40px;} .mainBnr .btn_more {font-size:10px;padding:0 25px;} } @media all and (max-width:420px) { .mainBnr .t1 {font-size:calc(22px + (35 - 23) * ((100vw - 370px) / (1280 - 370)));} .mainBnr .btn_more {padding:0 20px;} } .mainBnr *[class*='fadeSlideIn']:nth-child(1) {-webkit-animation-delay:0.6s;animation-delay:0.6s;} .mainBnr *[class*='fadeSlideIn']:nth-child(2) {-webkit-animation-delay:1.0s;animation-delay:1.0s;} .mainBnr *[class*='fadeSlideIn']:nth-child(3) {-webkit-animation-delay:1.4s;animation-delay:1.4s;} .mainBnr *[class*='fadeSlideIn']:nth-child(4) {-webkit-animation-delay:1.8s;animation-delay:1.8s;} .mainBnr *[class*='fadeSlideIn']:nth-child(5) {-webkit-animation-delay:2.0s;animation-delay:2.0s;} .mainBnr *[class*='fadeSlideIn']:nth-child(6) {-webkit-animation-delay:2.2s;animation-delay:2.2s;} /*fp-slider*/ @-webkit-keyframes transImg { 0% {transform:scale(1.12);} } @keyframes transImg { 0% {transform:scale(1.12);} } /*화면폭에 맞게 이미지 교체*/ .mainBnr .swiper-slide > img {display:none;} .mainBnr.pc .swiper-slide > img.pc {display:block;} .mainBnr.mo .swiper-slide > img.mo {display:block;} .bnrArea1 {margin-top:100px !important;} .bnrArea1 ul {width:100%;} .bnrArea1 li {padding:0 35px;border:1px solid #ccc;border:1px solid var(--idio-border-color);border-top:0;border-bottom:0;} .bnrArea1 li > a {display:block;width:100%;} .bnrArea1 .cmtbox {width:100%;text-align:center;font-size:14px;line-height:1.5;} .bnrArea1 .logobox > img {display:block;transform:scale(0.4);transform-origin:50% 50%;margin:15px auto 40px;} .bnrArea1 .txt {width:100%;text-align:left;margin-top:20px;padding:0 12px;} .bnrArea1 .tit {font-size:18px;font-weight:500;line-height:1.45;color:#000;color:var(--idio-theme-color);} .bnrArea1 p {font-size:14px;font-weight:normal;line-height:1.6;margin:12px 0;opacity:0.6;} .bnrArea1 .btn_more {font-size:12px;font-weight:500;margin:0;color:#000;color:var(--idio-theme-color);} .bnrArea1 .swiper-slide img {transition:all 0.3s ease;} .bnrArea1 .swiper-slide:hover img {filter:brightness(103%);} .bnrArea1 .swiper-button-prev {left:30px !important;} .bnrArea1 .swiper-button-next {right:30px !important;} @media all and (max-width:1024px) { .bnrArea1 {margin-top:80px !important;} .bnrArea1 li {padding:0 20px;} .bnrArea1 .cmtbox {font-size:13px;} .bnrArea1 .logobox > img {transform:scale(0.5);margin:0 auto 25px;} .bnrArea1 .txt {margin-top:14px;} .bnrArea1 .tit {font-size:16px;} .bnrArea1 p {font-size:13px;margin:8px 0;} .bnrArea1 .btn_more {font-size:11px;} } @media all and (max-width:600px) { .bnrArea1 {margin-top:50px !important;} .bnrArea1 li {padding:0;border:0;} .bnrArea1 .cmtbox {font-size:12px;} .bnrArea1 .logobox > img {transform:scale(0.4);margin:-5px auto 5px;} .bnrArea1 .swiper-button-prev {left:20px !important;} .bnrArea1 .swiper-button-next {right:20px !important;} } .vodArea1 {position:relative;padding:0;} .vodArea1 .bgBox {position:absolute;display:block;top:0;left:0;width:100%;height:80%;background-color:#f9f9f9;background-color:var(--idio-bg3-color);z-index:-1;} .vodArea1 .txtBox {text-align:center;} .vodArea1 .vodBox {max-width:1480px;width:100%;position:relative;margin:0 auto;} .vodArea1 .vodBox:before {display:block;content:'';width:100%;padding-bottom:56.4%;} .vodArea1 .vodBox iframe {position:absolute;width:100%;height:100%;margin:auto;top:0;left:0;} .vodArea1 .txt {text-align:center;line-height:1.6;} .vodArea1 .t0 {font-weight:300;padding-bottom:6px;} .vodArea1 .t1 {font-weight:500;line-height:1.5;color:#000;color:var(--idio-theme-color);margin-bottom:-0.2em;} .vodArea1 .t1.eng {line-height:1.1;} .vodArea1 .t2 {font-weight:300;line-height:1.6;} .vodArea1 .t2 strong {font-weight:500;} .vodArea1 .btn_more {margin:0 auto;} /*사이즈조정*/ @media all and (max-width:600px) { .vodArea1 .txtBox {padding:45px 0 30px;} .vodArea1 .t0 {font-size:12px;} .vodArea1 .t1 {font-size:18px;} .vodArea1 .t2 {font-size:12px;margin:12px 0;} } @media all and (min-width:601px) and (max-width:1024px) { .vodArea1 .txtBox {padding:50px 0 35px;} .vodArea1 .t0 {font-size:13px;} .vodArea1 .t1 {font-size:23px;} .vodArea1 .t2 {font-size:13px;margin:14px 0;} } @media all and (min-width:1025px) and (max-width:1480px) { .vodArea1 .txtBox {padding:65px 0 45px;} .vodArea1 .t0 {font-size:14px;} .vodArea1 .t1 {font-size:26px;} .vodArea1 .t2 {font-size:15px;margin:18px 0;} } @media all and (min-width:1481px) { .vodArea1 .txtBox {padding:80px 0 50px;} .vodArea1 .t0 {font-size:14px;} .vodArea1 .t1 {font-size:30px;} .vodArea1 .t2 {font-size:16px;margin:20px 0;} } .prdTab {position:relative;} .prdTab .main_title h3 {text-align:left;} .prdTab .swiper-slide {opacity:0 !important;margin-top:0 !important;} .prdTab .swiper-slide-active {opacity:1 !important;} .prdTab .swiper-pagination .swiper-pagination-bullet {display:inline-block;width:fit-content;height:auto;top:unset !important;left:unset !important;right:unset !important;bottom:unset !important;border-radius:0;background-color:transparent;opacity:1;transition:all 0.3s;} .prdTab .swiper-pagination .swiper-pagination-bullet span {position:relative;display:inline-block;font-weight:normal;color:#aaa;transition:all 0.3s;} .prdTab .swiper-pagination .swiper-pagination-bullet span:before {content:"#";margin-right:3px;} .prdTab .swiper-pagination .swiper-pagination-bullet span:after {position:absolute;left:52%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);content:"";display:block;width:0;height:1px;background-color:#333;bottom:5px;transition:all 0.3s;} .prdTab .swiper-pagination .swiper-pagination-bullet-active span {color:#000;color:var(--idio-theme-color);font-weight:500;background-color:transparent;} .prdTab .swiper-pagination .swiper-pagination-bullet-active span:after {width:100%;background-color:var(--idio-theme-color);} .prdTab .swiper-pagination .swiper-pagination-bullet-active {background-color:transparent;opacity:1;} .prdTab .swiper-pagination-bullet:after {display:none;} /*모바일*/ @media all and (max-width:1024px) { .prdTab .ec-base-product .prdList .prd-item {width:50% !important;} .prdTab .ec-base-product .prdList .prd-item:nth-child(1), .prdTab .ec-base-product .prdList .prd-item:nth-child(2) {margin-bottom:30px !important;} .prdTab .swiper-pagination {position:relative;text-align:left;margin-top:10px;} .prdTab .swiper-pagination .swiper-pagination-bullet {margin:0 10px -8px 0 !important;} .prdTab .swiper-pagination .swiper-pagination-bullet span {font-size:14px;line-height:32px;} } /*PC*/ @media all and (min-width:1025px) { .prdTab .ec-base-product .prdList .prd-item {width:25% !important;} .prdTab .swiper-pagination {top:0 !important;right:0 !important;text-align:right;} .prdTab .swiper-pagination .swiper-pagination-bullet span {font-size:16px;line-height:35px;} } @media all and (min-width:1480px) { .prdTab .swiper-pagination .swiper-pagination-bullet span {font-size:18px;line-height:40px;} } .rvArea .rvArea-wrapper {position:relative;width:calc(100% + 16px);margin-left:-8px;min-height:200px;} .rvArea .btn_arr {width:100%;text-align:right;margin-top:20px;} .rvArea .btn_arr:after {width:5px;height:5px;margin-bottom:2px;} @media all and (max-width:1024px) { .rvArea .rvArea-wrapper {width:calc(100% + 12px);margin-left:-6px;} } .insta section {width:100%;height:300px;position:relative;margin:-50px auto 0 !important;padding:0 0 40px;} .insta iframe {width:100%;height:100% !important;} #instagramWidget {display:none !important} /*모바일*/ @media all and (max-width:1024px) { .insta section {height:295px;margin:-30px auto 0 !important;padding:0 0 25px;} } @charset "utf-8"; /* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */ /* tag reset */ * {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;*zoom:1;word-break:keep-all;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {margin:0;padding:0;} html {width:100%;height:100%;} body,code {font-size:13px;color:#000;background-color:#fff;background-color:var(--idio-bg2-color);} body#popup {min-width:0;} li {list-style:none;} img,fieldset {border:none;vertical-align:top;} table {width:100%;border:0;border-spacing:0;border-collapse:collapse;} caption {display:none;} th,td {border:0;vertical-align:top;} input, select ,textarea {font-size:100%;color:#000;vertical-align:middle;border-radius:0;} button {overflow:visible;padding:0;margin:0;border:0;cursor:pointer;background:none;} hr.layout {display:none;} a {text-decoration:none;color:#000;} a:hover {text-decoration:underline;} a:active {text-decoration:none;} .objHidden {visibility:hidden;position:absolute;left:-1000px;top:-1000px;height:0;width:0;} #content_CONTAINER table, #bi_inquire_content_CONTAINER table {border:0;margin:0 0 -1px;} #content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before {display:none;} #content_CONTAINER td, #bi_inquire_content_CONTAINER td {width:auto !important;padding:0;} #progressPaybarBackground {position:absolute;z-index:99;left:0;top:0;width:100%;height:100%;filter:alpha(opacity=40);opacity:0.3;background-color:#000;background-color:var(--idio-theme-color);} #progressPaybarView {position:fixed;z-index:100;top:50%;left:0;right:0;transform:translateY(-50%);} #progressPaybarView h3 {font-size:32px;} #progressPaybarView .box {width:586px;margin:0 auto;padding:67px 0;text-align:center;background-color:#fff;background-color:var(--idio-bg2-color);} #progressPaybarView .box .txt {margin:8px 0 36px;font-size:15px;line-height:26px;color:#667084;} /* contents */ #skipNavigation {position:absolute;top:0;left:0;z-index:100;width:100%;height:0;} #skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;} #skipNavigation p a {position:absolute;left:0;top:0;display:block;overflow:hidden;width:1px;height:1px;margin-left:-1px;margin-bottom:-1px;text-align:center;color:#000;white-space:nowrap;} #skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%;height:auto;padding:10px 0;background:#c4122f;color:#fff;z-index:100;} .displaynone {display:none;} .dimmed {position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background-color:#fff;background-color:var(--idio-bg2-color);opacity:0.8;filter:alpha(opacity=80);} .blind {display:block;overflow:hidden;position:absolute;font-size:1px;line-height:0;color:transparent;text-indent:-150%;white-space:nowrap;} /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { body,code {font-size:12px;} } /* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */ @charset "utf-8"; .cboth {clear:both;*zoom:1} .cboth:after {content:" ";display:block;clear:both;} audio, canvas, img, svg, video {max-width:100%;height:auto;box-sizing:border-box;} button {border:0;outline:none;} img {-webkit-perspective:1;} a:hover {text-decoration:none;} .display_mobile_only {display:none;} .display_tablet_only {display:none;} .display_pc_only {display:block;} .layer_shadow {position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.3);z-index:10;opacity:0;visibility:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .layer_shadow.on {opacity:1;visibility:visible;} .not_scroll {height:100%;min-height:100%;overflow:hidden !important;touch-action:none;} /********************* Tablet *********************/ @media all and (max-width:1024px) { /* responsive class */ .RW {display:none !important;} .RTMB {display:block !important;} .RTMI {display:inline-block !important;} #capp-shop-new-product-optionselect-layer {position:fixed !important;top:0 !important;right:0 !important;left:auto !important;width:100% !important;height:100% !important;margin:0 !important;} .display_tablet_only {display:block !important;} .display_mobile_only {display:none !important;} .display_pc_only {display:none !important;} } /********************* Mobile *********************/ @media all and (max-width:767px) { /* responsive class */ .RTB {display:none !important;} .RMB {display:block !important;} .RMI {display:inline-block !important;} .display_mobile_only {display:block !important;} .display_pc_only {display:none !important;} } /********************* Tablet *********************/ @media all and (min-width:768px) and (max-width:1024px) { /* responsive class */ .RMB {display:none !important;} .RMI {display:none !important;} .RTB {display:block !important;} } /********************* PC *********************/ @media all and (min-width:1025px) { /* responsive class */ .RMB {display:none !important;} .RMI {display:none !important;} .RTB {display:none !important;} .RTMI {display:none !important;} .RTMB {display:none !important;} } /********************* PC *********************/ @media all and (max-width:1553px) { #quick {display:none;} } .dimmed {display:none;z-index:1000;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.3);} #modalBackpanel {display:none;position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%;background:#000;} #modalContainer {display:none;position:absolute;top:100px;left:100px;z-index:10001;width:975px;height:720px;border:1px solid #000;background-color:#fff;background-color:var(--idio-bg2-color);} #modalContainer #modalContent {width:100%;height:100%;} /* Font */ .txtInfo {color:#868686;font-size:12px;line-height:22px;} span.txtInfo {margin-left:10px;} p.txtInfo.typeDot, .txtInfo.typeDot li {position:relative;padding:0 0 0 14px;} p.txtInfo.typeDot:before, .txtInfo.typeDot li:before {content:"";position:absolute;top:8px;left:0;display:inline-block;width:4px;height:4px;border-radius:50%;background:#868686;} .txtList {color:#868686;font-size:13px;line-height:20px;} p.txtList, ul.txtList {margin:10px 0 0;} .txtWarn {color:var(--font-color-warn);} .txtEm {color:var(--font-color-primary);} .txtSecondary {color:var(--font-color-secondary);} .txtSuccess {color:var(--font-color-success);} .txtDel, .strike, .discount {text-decoration:line-through;font-weight:normal;} .strike strong, .discount strong {font-weight:normal;} .txtNormal {font-weight:normal;font-style:normal;} .txtNum {display:inline-block;font-size:11px;color:#939393;word-break:normal;} .txt11 {font-size:11px;} .txt12 {font-size:12px;} .txt13 {font-size:13px;} .txt14 {font-size:14px;} .txt16 {font-size:16px;} .txt18 {font-size:18px;letter-spacing:-1px;} .txtIcon {font-size:12px;font-style:normal;} .txtBreak {word-break:break-all;word-wrap:break-word;} /* JP, TW, CN */ html:lang(ja) .txt11, html:lang(zh) .txt11, html:lang(zh-tw) .txt11 {font-size:12px;} /* grid */ .gBlank5 {display:block;margin-top:5px;} .gBlank10 {display:block;margin-top:10px;} .gBlank15 {display:block;margin-top:15px;} .gBlank20 {display:block;margin-top:20px;} .gBlank30 {display:block;margin-top:30px;} .gIndent10 {margin-left:10px;} .gIndent20 {margin-left:20px;} .gSpace10 {margin-right:10px;} .gSpace20 {margin-right:20px;} .gMerge {position:relative;z-index:1;margin-top:-1px;} /* svg icon */ svg.icon {display:block;} /* css icon */ .icon.icoClose {display:block;position:relative;overflow:hidden;width:15px;height:15px;margin:0 auto;font-size:1px;line-height:0;color:transparent;white-space:nowrap;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .icon.icoClose:before {content:"";position:absolute;top:0;right:7px;width:1px;height:15px;background:#000;-webkit-transition:.3s ease-out;transition:.3s ease-out;} .icon.icoClose:after {content:"";position:absolute;top:7px;right:0;width:15px;height:1px;background:#000;-webkit-transition:.3s ease-out;transition:.3s ease-out;} .icon.icoClose.white:before, .icon.icoClose.white:after {background-color:#fff;background-color:var(--idio-bg2-color);} .icon[class*="icoArrow"] {display:inline-block;overflow:hidden;width:6px;height:6px;text-indent:120%;white-space:nowrap;border-left:1px solid #555;border-bottom:1px solid #555;-webkit-transition:.3s ease-out;transition:.3s ease-out;} .icon.icoArrowRight {-webkit-transform:rotate(-135deg);transform:rotate(-135deg);} .icon.icoArrowLeft {-webkit-transform:rotate(45deg);transform:rotate(45deg);} .icon.icoArrowTop {-webkit-transform:rotate(135deg);transform:rotate(135deg);} .icon.icoArrowBottom {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .icon[class*="icoArrow"].white {border-color:#fff;} .icon.icoNav {display:block;width:20px;height:2px;color:#000;background:currentColor;box-shadow:0 14px 0;margin:-8px auto 0;position:relative;} .icon.icoNav:before {content:"";position:absolute;top:7px;left:0;width:20px;height:2px;background:currentColor;} .icon.icoUser {overflow:hidden;display:inline-block;width:22px;height:22px;border-bottom:2px solid #000;box-sizing:border-box;} .icon.icoUser:before {content:"";display:block;width:6px;height:6px;margin:0 auto 1px;border-radius:50%;border:2px solid #000;} .icon.icoUser:after {content:"";display:block;width:18px;height:16px;border-radius:50%;border:2px solid #000;} /* Form */ input[type=text], input[type=password] {height:40px;line-height:40px;padding:2px 4px 2px 15px;color:#000;font-size:13px;outline:0;border-radius:0;} input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea, select {-moz-appearance:none;-webkit-appearance:none;appearance:none;} textarea {padding:10px 15px;line-height:1.5;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#c1c1c1;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#c1c1c1;} input::-moz-placeholder, textarea::-moz-placeholder {color:#c1c1c1;opacity:1;} input.gFull {width:100%;} /* file */ input[type="file"] {height:40px;line-height:1;font-size:13px;color:#7d7d7d;} input[type="file"]::file-selector-button, input[type="file"]::-webkit-file-upload-button {height:40px;padding:0 20px;font-size:13px;color:#000;border:1px solid #ccc;border:1px solid var(--idio-border-color);border-radius:0;background-color:#fff;background-color:var(--idio-bg2-color);-webkit-appearance:none;} /* select */ select {max-width:100%;height:40px;padding:0 32px 0 15px;font-size:12px;border:1px solid #ccc;border:1px solid var(--idio-border-color);background:#fff url("//img.echosting.cafe24.com/skin/skin/common/ico_select.png") no-repeat right 12px center;background-size:9px auto;border-radius:0;} select::-ms-expand {display:none;} /* common */ input, textarea, select {border:0;outline:0;} input:not(:disabled), textarea:not(:disabled), select:not(:disabled) {background-color:#f9f9f9;background-color:var(--idio-bg3-color);} /* focus */ input[type=text]:not(:disabled):focus, input[type=password]:not(:disabled):focus, input[type=text]:not(:disabled):hover, input[type=password]:not(:disabled):hover, select:not(:disabled):hover, select:not(:disabled):focus {border:0;outline:0;} /* radio */ input[type="radio"] {position:relative;opacity:1;width:18px;height:18px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;background:url("//img.echosting.cafe24.com/skin/skin/common/bg_radio.png") no-repeat 0 0;background-size:18px 18px;outline:0;} input[type="radio"]:checked {background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_radio_checked.png");-webkit-transition:.2s ease-out;transition:.2s ease-out;} input[type="radio"]::-ms-check {border:1px solid #000;background-color:#fff;background-color:var(--idio-bg2-color);} /* checkbox */ input[type="checkbox"] {position:relative;opacity:1;cursor:pointer;width:15px;height:15px;vertical-align:text-top;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #000;background-color:#fff;background-color:var(--idio-bg2-color);outline:0;} input[type="checkbox"]:checked {border:0;background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png");background-size:15px 15px;-webkit-transition:.2s ease-out;transition:.2s ease-out;} /* ie support */ input[type="checkbox"]::-ms-check {border:1px solid #ababab;background-color:#fff;background-color:var(--idio-bg2-color);} input[type="checkbox"]:checked::-ms-check {color:transparent;border:0;background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png");background-size:15px 15px;background-repeat:no-repeat;} label > input[type=radio], label > input[type=checkbox] {margin:0 10px 0 0;vertical-align:middle;} label + label {margin-left:15px;} input[type=radio] + label, input[type=checkbox] + label {margin:0 15px 0 10px;vertical-align:middle;} legend {visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;line-height:0;} table tr.radioType input, span.noBorder input {border:none !important;width:auto !important;height:auto !important;margin:0 3px 0 0 !important;vertical-align:middle !important;background:none !important;} .gLabel {display:inline-block;} .gLabel label {margin-right:20px;line-height:22px;} .fWidthFull input[type=text] {width:100%;height:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .fWidthFull textarea {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .fWidthFull select {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .fList.typeHor .gLabel {margin-right:20px;} .fList.typeVer .gLabel {display:block;} /* ec-base-chk */ .ec-base-chk {display:inline-block;position:relative;margin:0 8px 0 0;vertical-align:top;cursor:pointer;} /* path */ .path {overflow:hidden;margin:20px 0 0;height:30px;line-height:30px;} .path span {overflow:hidden;position:absolute;width:0;height:0;white-space:nowrap;text-indent:100%;} .path ol {float:right;} .path li {display:inline-block;} .path li:not(:first-child):before {content:"/";display:inline-block;margin:0 4px 0 2px;color:#7d7d7d;vertical-align:top;} .path li:first-child {background:none;} .path li a {font-size:12px;color:#7d7d7d;text-decoration:none;} .path li:last-child a, .path li strong, .path li strong a {color:#000;} /* ec-base-field */ .ec-base-field {display:-webkit-flex;display:-ms-flex;display:flex;} .ec-base-field input[type="text"], .ec-base-field input[type="password"] {-webkit-flex:1;-ms-flex:1;flex:1;} .ec-base-field input ~ [class*='btn'] {margin-left:5px;} .ec-base-field.code {margin:0 -9px;align-items:center;} .ec-base-field.code input[type="text"], .ec-base-field.code input[type="password"] {margin:0 9px;} /* ec-base-radio */ .ec-base-radio.typeDelivery .ec-base-label{display:block;} /* ec-base-qty */ .ec-base-qty {position:relative;display:inline-block;width:103px;padding:0 30px;vertical-align:top;box-sizing:border-box;} .ec-base-qty input[type="text"] {width:45px;height:30px;padding:0;line-height:28px;margin-left:-1px;border:1px solid #ccc;border:1px solid var(--idio-border-color);text-align:center;} .ec-base-qty input[type="text"]:focus, .ec-base-qty input[type="text"]:hover {border:1px solid #ccc;border:1px solid var(--idio-border-color);} .ec-base-qty img {position:absolute;top:0;left:0;opacity:.00001;width:100%;height:100%;z-index:10;} .ec-base-qty .up {position:absolute;right:0;top:0;} .ec-base-qty .down {position:absolute;left:0;top:0;} .ec-base-qty a {width:30px;height:30px;border:1px solid #ccc;border:1px solid var(--idio-border-color);box-sizing:border-box;overflow:hidden;white-space:nowrap;text-indent:150%;color:transparent;font-size:1px;line-height:1px;} .ec-base-qty a:before {content:'';position:absolute;left:10px;top:50%;width:9px;height:1px;background:#000;} .ec-base-qty .up:after {content:'';position:absolute;left:50%;top:50%;width:1px;height:9px;margin:-4px 0 0 0;background:#000;} .ec-base-qty .qtyUp {position:absolute;right:0;top:0;} .ec-base-qty .qtyDown {position:absolute;left:0;top:0;} .ec-base-qty .qtyUp .up {position:static;left:auto;top:auto;} .ec-base-qty .qtyDown .down {position:static;left:auto;top:auto;} /* ec-base-step */ .ec-base-step {margin:40px 0 50px;text-align:center;} .ec-base-step li {display:inline-block;font-size:14px;color:#939393;} .ec-base-step li:not(:last-child):after {content:"";display:inline-block;width:8px;height:8px;vertical-align:middle;border-left:1px solid #ccc;border-left:1px solid var(--idio-border-color);border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);} .ec-base-step .selected {font-weight:600;color:#000;} /********************* Mobile *********************/ @media all and (max-width:767px) { .gInnerMargin {margin:0 16px;} } /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { /* titleArea */ .titleArea--middle {margin:0;padding:27px 16px 12px;text-align:left;background-color:#f6f6f6;background-color:var(--idio-bg3-color);} .titleArea--middle h2 {display:inline-block;color:var(--font-color-heading);font-size:16px;} /* path */ .path {margin:0;opacity:0;overflow:hidden;width:1px;height:1px;font-size:1px;line-height:1px;white-space:nowrap;color:transparent;text-indent:150%;} .ec-base-step li:not(:last-child):after {margin:-2px 15px 0;} } /********************* Tablet *********************/ @media all and (min-width:768px) and (max-width:1024px) { .gInnerMargin {margin:0 24px;} .titleArea--middle {margin:0;} .path {margin:0 24px;} } /********************* PC *********************/ @media all and (min-width:1025px) { .titleArea--middle {margin:50px 0 20px;text-align:left;} .titleArea--middle h2 {color:#000;color:var(--font-color-heading);font-size:16px;font-weight:normal;} .titleArea.titleArea--myshop {margin:50px 0 20px;text-align:left;} .ec-base-step li:not(:last-child):after {margin:-2px 30px 0;} /* memberArea */ .memberArea {max-width:898px;margin:0 auto;} #capp-shop-new-product-optionselect-layer {position:fixed !important;top:0 !important;right:0 !important;left:auto !important;width:458px !important;height:100% !important;margin:0 !important;} #capp-shop-new-product-optionselect-layer > iframe {z-index:1111;position:relative;} #capp-shop-new-product-optionselect-layer:after {content:"";display:block;position:fixed;top:0;bottom:0;right:0;left:0;z-index:1;background:#00040;} #capp-shop-new-product-optionselect-backlayer {width:100% !important;background:#000;} #capp-shop-new-product-optionselect-backlayer + #capp-shop-new-product-optionselect-layer:after {display:none;} } /* button */ [class^='btn'], a[class^='btn'] {transition:.3s;display:inline-block;box-sizing:border-box;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;} [class^='btnNormal'], a[class^='btnNormal'] {padding:12px 20px;font-size:13px;line-height:1;color:#000;background-color:#fff;background-color:var(--idio-bg4-color);} [class^='btnSubmit'], a[class^='btnSubmit'] {padding:12px 20px;font-size:13px;border:1px solid transparent;line-height:1;font-weight:500;color:#fff;background-color:#000;background-color:var(--idio-theme-color);} [class^='btnEm'], a[class^='btnEm'] {padding:2px 8px;border:1px solid transparent;font-size:12px;line-height:18px;color:#fff;background-color:#737373;} [class^='btnBasic'], a[class^='btnBasic'] {padding:2px 8px;border:1px solid #ccc;border:1px solid var(--idio-border-color);font-size:12px;line-height:18px;color:#000;background-color:#f0f0f0;} [class^='btnNormal']:not(.disabled):hover, [class^='btnNormal']:not(.disabled).selected {background-color:#fff;background-color:var(--idio-bg5-color);} [class^='btnEm']:not(.disabled):hover {background-color:#777;} [class^='btnSubmit']:not(.disabled):hover {background-color:#000;background-color:var(--idio-hover-color);} [class^='btnBasic']:not(.disabled):hover {background-color:#e5e5e5;} [class^='btnNormal'].disabled {border-color:#ccc;border-color:var(--idio-border-color);color:#999;} [class^='btnSubmit'].disabled {background-color:#a4a4a4;color:#f0f0f0;} [class^='btnEm'].disabled {background-color:#b5b5b5;color:#f0f0f0;} [class^='btnBasic'].disabled {color:#999;} [class^='btn'] + [class^='btn'] {margin-left:4px;} /* sizeQty */ [class^='btn'].sizeQty {padding:9px 20px;height:30px;margin-left:6px;font-size:12px;line-height:12px;} /* btnText */ .btnText {display:inline-block;font-size:13px;line-height:18px;text-decoration:underline;} /* width full */ [class^='btn'].gFull {width:100%;} [class^='btn'].gFull + [class^='btn'].gFull {margin:10px 0 0;} /* btnMore */ .xans-product-listmore {text-align:center;} .btnMore {display:inline-block;min-width:220px;padding:15px 0;border:1px solid #000;text-align:center;transition:all 400ms;} .btnMore:hover{background:#000;border-color:#000;color:#fff;text-decoration:none;} .btnMore .icon{margin:-8px 0 0 10px;vertical-align:middle;} .btnMore:hover .icon{border-color:#fff;} /* ec-base-button */ .ec-base-button {margin:20px 0;text-align:center;} .ec-base-button.justify {position:relative;} .ec-base-button:after {display:block;content:"";clear:both;} .ec-base-button .gLeft {float:left;text-align:left;} .ec-base-button .gRight {float:right;text-align:right;} .ec-base-button.justify .gLeft {position:absolute;left:0;} .ec-base-button.justify .gRight {position:absolute;right:0;} .ec-base-button .text {margin:0 6px 0 10px;color:#000;line-height:24px;} /* type */ .ec-base-button.typeBorder {margin-top:-1px;padding:10px 20px;border:1px solid #ccc;border:1px solid var(--idio-border-color);} /* gBottom */ .ec-base-button.gBottom {margin:50px 0 0;} .ec-base-button.gBottom [class^='btn'] + [class^='btn'] {margin-left:8px;} /* gColumn */ .ec-base-button[class*="gColumn"] {margin:0 -5px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;} .ec-base-button[class*="gColumn"]:after {display:none;} .ec-base-button[class*="gColumn"] [class^='btn'] {margin:0 5px;padding-left:8px;padding-right:8px;word-break:keep-all;word-wrap:break-word;white-space:normal;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;} /* gFlex */ .ec-base-button[class*="gColumn"] .gFlex2 {-webkit-flex:2;-moz-flex:2;-ms-flex:2;flex:2;} .ec-base-button[class*="gColumn"] .gFlex3 {-webkit-flex:3;-moz-flex:3;-ms-flex:3;flex:3;} .ec-base-button[class*="gColumn"] .gFlex4 {-webkit-flex:4;-moz-flex:4;-ms-flex:4;flex:4;} /* gFixed */ .ec-base-button.gFixed {position:fixed;z-index:990;left:0;bottom:0;max-width:100%;width:100%;margin:0;box-sizing:border-box;background-color:#fff;background-color:var(--idio-bg2-color);} .ec-base-button.gFixed > .ec-base-button, .ec-base-button.gFixed > .ec-base-button[class*="gColumn"] {margin:10px 11px;} /********************* Mobile *********************/ @media all and (max-width:767px) { [class^='btnNormal'], a[class^='btnNormal'], [class^='btnSubmit'], a[class^='btnSubmit'], [class^='btnEm'], a[class^='btnEm'], [class^='btnBasic'], a[class^='btnBasic'] {font-size:11px;} .btnMore {display:block;} } /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { /* size */ [class^='btn'].sizeS {padding:10px 14px;font-size:12px;} [class^='btn'].sizeM {padding:14px 20px;font-size:13px;line-height:18px;} [class^='btn'].sizeL {padding:14px 26px;min-width:80px;font-size:14px;line-height:18px;font-weight:500;} /* width Fix */ [class^='btn'][class*='Fix'] {min-width:72px;word-break:keep-all;word-wrap:break-word;} [class^='btn'][class*='Fix'].sizeS {min-width:96px;} [class^='btn'][class*='Fix'].sizeM {min-width:135px;padding-left:15px;padding-right:15px;} [class^='btn'][class*='Fix'].sizeL {min-width:160px;padding-left:8px;padding-right:8px;} /* ec-base-button */ .ec-base-button {margin-left:16px;margin-right:16px;} .ec-base-button [class^='btn'] + [class^='btn'] {margin-left:6px;} /* gBottom */ .ec-base-button.gBottom {display:flex;margin-left:16px;margin-right:16px;} .ec-base-button.gBottom .gLeft, .ec-base-button.gBottom .gRight {display:flex;flex:1;} .ec-base-button.gBottom [class^='btn'] {flex:1;} .ec-base-button.gBottom [class^='btn'] + [class^='btn'] {margin-left:10px;} /* gBreak */ .ec-base-button.gBreak {flex-direction:column;} .ec-base-button.gBreak .gLeft + .gRight {margin:10px 0 0;} .ec-base-button.gBreak .gBreak {flex-direction:column;} .ec-base-button.gBreak > [class^='btn'] + [class^='btn'], .ec-base-button.gBreak .gBreak [class^='btn'] + [class^='btn'] {margin:10px 0 0;} .ec-base-button .ec-base-button[class*="gColumn"] {margin:0 -5px;} /* gColumnM (mobile only flex) */ .ec-base-button[class*="gMColumn"] {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;margin-left:11px;margin-right:11px;} .ec-base-button[class*="gMColumn"]:after {display:none;} .ec-base-button[class*="gMColumn"] [class^='btn'] {margin:0 5px;padding-left:8px;padding-right:8px;word-break:keep-all;word-wrap:break-word;white-space:normal;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;} .ec-base-button[class*="gMColumn"] .gLeft, .ec-base-button[class*="gMColumn"] .gRight {float:none;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;width:100%;} /* reset */ .gInnerMargin .ec-base-button, .gInnerMargin .ec-base-button.gBottom, .gInnerMargin.ec-base-button.gBottom {margin-left:0;margin-right:0;} } /********************* PC *********************/ @media all and (min-width:1025px) { /* size */ [class^='btn'].sizeS {padding:10px 14px;font-size:12px;} [class^='btn'].sizeM {padding:13px 20px;font-size:13px;} [class^='btn'].sizeL {padding:14px 26px;min-width:80px;font-size:14px;line-height:18px;font-weight:500;} /* width Fix */ [class^='btn'][class*='Fix'] {min-width:72px;word-break:keep-all;word-wrap:break-word;} [class^='btn'][class*='Fix'].sizeS {min-width:96px;} [class^='btn'][class*='Fix'].sizeM {min-width:135px;padding-left:15px;padding-right:15px;} [class^='btn'][class*='Fix'].sizeL {min-width:160px;padding-left:8px;padding-right:8px;} } .ec-base-tab {position:relative;} .ec-base-tab .menu {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .ec-base-tab .menu:after {content:"";display:block;clear:both;} .ec-base-tab .menu li a {display:inline-block;color:#6d6d6d;text-decoration:none;outline:0;text-align:center;} .ec-base-tab .menu li.selected a {position:relative;} .ec-base-tab > .right {position:absolute;top:8px;right:10px;line-height:24px;color:#909090;} /* typeNav */ .ec-base-tab.typeNav .menu {margin:0 0 20px;border-bottom:1px solid #868686;background-color:#fff;background-color:var(--idio-bg2-color);} .ec-base-tab.typeNav .menu li {background-color:#f6f6f6;background-color:var(--idio-bg3-color);} .ec-base-tab.typeNav .menu li a {border:1px solid #ccc;border:1px solid var(--idio-border-color);border-bottom:0;color:#545454;background-color:#f6f6f6;background-color:var(--idio-bg3-color);} .ec-base-tab.typeNav .menu li.selected a {position:relative;border-color:#868686;color:#000;font-weight:bold;background-color:#fff;background-color:var(--idio-bg2-color);} .ec-base-tab.typeNav .menu li.selected a:after {content:"";display:block;position:absolute;bottom:-1px;left:0;right:0;width:100%;height:1px;background-color:#fff;background-color:var(--idio-bg2-color);} /* typeMenu */ .ec-base-tab.typeMenu {display:flex;margin:10px 0;} .ec-base-tab.typeMenu ul {display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;} .ec-base-tab.typeMenu li {height:30px;white-space:nowrap;float:none;} .ec-base-tab.typeMenu li a {line-height:30px;color:#6d6d6d;} .ec-base-tab.typeMenu .button {display:inline-block;margin:0 30px 0 10px;padding-bottom:5px;} .ec-base-tab.typeMenu .button.active {position:relative;font-weight:bold;color:#000;} .ec-base-tab.typeMenu .button.active::after{content:'';position:absolute;right:0;left:0;bottom:0;height:1px;background:#000;} .ec-base-tab.typeMenu ul > li {position:relative;} .ec-base-tab.typeMenu ul > li .iconWrap {display:block;position:relative;} .ec-base-tab.typeMenu ul > li .iconWrap:after{content:"";position:absolute;top:-24px;right:15px;display:inline-block;width:7px;height:7px;border:1px solid #6d6d6d;border-left:0;border-bottom:0;transform:rotate(45deg) } .ec-base-tab.typeMenu ul > li > ul, .ec-base-tab.typeMenu ul > li > ul > li ul {position:absolute;top:35px;left:0;display:inline-block;border:1px solid #ccc;border:1px solid var(--idio-border-color);padding:15px 0 15px 20px;background-color:#fff;background-color:var(--idio-bg2-color);} .ec-base-tab.typeMenu ul > li > ul > li {position:static;padding-right:50px;} .ec-base-tab.typeMenu ul > li > ul > li .button {margin:0;} .ec-base-tab.typeMenu ul > li > ul > li .iconWrap:after{top:-19px;right:-30px;} .ec-base-tab.typeMenu ul > li > ul > li ul {top:-1px;left:100%;} .ec-base-tab.typeMenu ul > li > ul > li ul > li {padding-right:50px;} .ec-base-tab.typeMenu ul > li > ul {display:none;} .ec-base-tab.typeMenu ul > li > ul > li ul {display:none;} .ec-base-tab.typeMenu ul > li > ul.active {display:inline-block;} .ec-base-tab.typeMenu ul > li > ul > li ul.active {display:inline-block;} .ec-base-tab.typeMenu .icoOpen {display:none;} /* gScroll */ .ec-base-tab.gScroll{overflow-x:auto;overflow-y:hidden;box-sizing:border-box;} /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { /* typeNav */ .ec-base-tab.typeNav .menu {display:flex;border-bottom:1px solid #868686;} .ec-base-tab.typeNav .menu li {flex:1;} .ec-base-tab.typeNav .menu li a {height:100%;padding:16px 8px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;} .ec-base-tab.typeNav .menu li a .count {align-self:flex-end;padding-left:3px;} .ec-base-tab.typeMenu {position:relative;height:40px;z-index:1;} .ec-base-tab.typeMenu .menu {position:absolute;top:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;} } /********************* PC *********************/ @media all and (min-width:1025px) { /* typeNav */ .ec-base-tab.typeNav .menu {margin:0 0 20px;} .ec-base-tab.typeNav .menu li {float:left;margin-left:-1px;} .ec-base-tab.typeNav .menu li a {min-width:218px;padding:16px 20px;} } /* gFlex */ .ec-base-tab.gFlex .menu {display:flex;} .ec-base-tab.gFlex .menu > li {display:flex;align-items:center;float:none;flex:1;position:relative;margin-left:0;} .ec-base-tab.gFlex .menu > li a {width:100%;min-width:0;word-break:break-all;} /* Align */ .ec-base-table th[scope*="row"] {text-align:left;} .ec-base-table .left {text-align:left;} .ec-base-table .center {text-align:center;} .ec-base-table .right {text-align:right;} .ec-base-table td.left {text-align:left;} .ec-base-table td.center {text-align:center;} .ec-base-table td.right {text-align:right;} .ec-base-table .top th, .ec-base-table .top td, .ec-base-table th.top, .ec-base-table td.top {vertical-align:top;} .ec-base-table .middle th, .ec-base-table .middle td, .ec-base-table th.middle, .ec-base-table td.middle {vertical-align:middle;} .ec-base-table .bottom th, .ec-base-table .bottom td, .ec-base-table th.bottom, .ec-base-table td.bottom {vertical-align:bottom;} .ec-base-table td.subject a {font-weight:normal;} /* Table */ .ec-base-table {border-top:1px solid #000;} .ec-base-table tr {background-color:transparent !important;} .ec-base-table th, .ec-base-table td {font-size:13px;height:29px;padding:14px 20px;line-height:1.4;vertical-align:middle;} .ec-base-table th {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);background-color:#f9f9f9;background-color:var(--idio-bg3-color);background-color:var(--idio-bg3-color);font-weight:500;} .ec-base-table td {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} .ec-base-table th img.icon, .ec-base-table td img.icon {display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;} .ec-base-table td [class^="btn"], .ec-base-table td a[class^="btn"]{vertical-align:baseline;} /* gBorderClear */ .ec-base-table.gBorderClear {border-top:0;} .ec-base-table td.gBorderClear {border-bottom:0;} /* Table - Empty */ .ec-base-table .message {padding:56px 0;text-align:center;color:#6d6d6d;} /* Table - typeWrite */ .ec-base-table.typeWrite th, .ec-base-table.typeWrite td {height:auto;} .ec-base-table.typeWrite th {font-weight:normal;} .ec-base-table.typeWrite td [class^="btn"], .ec-base-table.typeWrite td a[class^="btn"] {vertical-align:middle;} /* formMultiple */ .ec-base-table.typeWrite .formMultiple dl, .ec-base-table.typeWrite .formMultiple ul {width:100%;} .ec-base-table.typeWrite .formMultiple dt {margin:0 0 2px 0;} .ec-base-table.typeWrite .formMultiple li, .ec-base-table.typeWrite .formMultiple dd {margin:0 0 10px 0;} .ec-base-table.typeWrite .formMultiple li:last-of-type, .ec-base-table.typeWrite .formMultiple dd:last-of-type {margin-bottom:0;} /* formGroup */ .ec-base-table.typeWrite .formGroup input[type="text"], .ec-base-table.typeWrite .formGroup input[type="password"], .ec-base-table.typeWrite .formGroup select, .ec-base-table.typeWrite .formGroup [class^="btn"] {min-width:0;margin:0 5px;} .ec-base-table.typeWrite .formGroup input[type="text"] + [class^="btn"] {margin-left:5px;} .ec-base-table.typeWrite .formGroup:not(td) {width:auto;margin-left:-5px;margin-right:-5px;} .ec-base-table.typeWrite .formGroup.code {font-size:20px;color:#7f7f7f;} /* txtInfo */ .ec-base-table.typeWrite td p.txtInfo, .ec-base-table.typeWrite td ul.txtInfo {width:100%;} /* form */ .ec-base-table.typeWrite td input[type="text"] + [class^='btn'], .ec-base-table.typeWrite td input[type="password"] + [class^='btn'], .ec-base-table.typeWrite td input[type="text"] + a[class^='btn'], .ec-base-table.typeWrite td input[type="password"] + a[class^='btn'] {margin-left:10px;} .ec-base-table.typeWrite td label {line-height:32px;} /* address */ .ec-base-table.typeWrite .ec-address {width:100%;} .ec-base-table.typeWrite .ec-address .btnBasic {display:inline-block;padding:12px 20px;height:40px;font-size:13px;box-sizing:border-box;border:1px solid #bcbcbc;line-height:1;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#000;background-color:#fff;background-color:var(--idio-bg2-color);} .ec-base-table.typeWrite .ec-address-area select {display:block;margin:10px 0 0;} .ec-base-table.typeWrite .ec-address-area select:first-of-type {margin-top:0;} /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { .ec-base-table th, .ec-base-table td {font-size:12px;} /* gFlow */ .ec-base-table .gFlow {display:inline-block;width:100%;margin-top:5px;} /* gBorderClear */ .ec-base-table tr.gBorderClear td {border-bottom:0;} .ec-base-table.typeList tr.gBorderClear {border-bottom:0;} /* Table - typeWrite */ .ec-base-table.typeWrite tr {display:block;} .ec-base-table.typeWrite th {display:block;padding:6px 15px 0;border-bottom:0;text-align:left;background-color:transparent;} .ec-base-table.typeWrite td {display:block;padding:2px 15px 10px;border-bottom:0;align-items:center;} /* formMultiple */ .ec-base-table.typeWrite .formMultiple {padding-top:10px;} /* formGroup */ .ec-base-table.typeWrite td.formGroup {padding-left:10px;padding-right:10px;} .ec-base-table.typeWrite td.formGroup.date {padding-left:10px;padding-right:15px;} .ec-base-table.typeWrite .formGroup {display:flex;flex-flow:wrap;box-sizing:border-box;align-items:center;} .ec-base-table.typeWrite .formGroup input[type="text"], .ec-base-table.typeWrite .formGroup input[type="password"], .ec-base-table.typeWrite .formGroup select {flex:1;} /* txtInfo */ .ec-base-table.typeWrite span.txtInfo {display:block;width:100%;margin:10px 0 0;} /* form */ .ec-base-table.typeWrite td input[type="text"], .ec-base-table.typeWrite td input[type="password"], .ec-base-table.typeWrite td select {width:100%;} /* address */ .ec-address .ec-address-zipcode {display:flex;flex-flow:wrap;} .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {flex:1;} .ec-base-table.typeWrite .ec-address .ec-address-zipcode .ec-base-label {display:block;width:100%;margin:5px 0 0;} /* Table - typeList */ .ec-base-table.typeList thead {display:none;} .ec-base-table.typeList table, .ec-base-table.typeList tbody {display:block;}.ec-base-table.typeList tr {display:block;position:relative;padding:15px 8px;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);text-align:left;} .ec-base-table.typeList tr:after {content:"";display:block;clear:both;} .ec-base-table.typeList td {height:auto;display:block;float:left;padding:3px 5px;border-bottom:0;text-align:left;color:#6d6d6d;}.ec-base-table.typeList td a {color:#6d6d6d;} .ec-base-table.typeList td.chk {box-sizing:border-box;padding:0;} .ec-base-table.typeList td.chk .boardChk {margin:1px 7px;} .ec-base-table.typeList td.subject {float:none;box-sizing:border-box;} .ec-base-table.typeList.gThumb td.thumb {overflow:hidden;position:absolute;top:24px;left:10px;width:65px;height:calc(100% - 45px);padding:0;} .ec-base-table.typeList.gThumb td.thumb a {display:block;height:100%;text-align:center;} .ec-base-table.typeList.gThumb td.thumb img {max-width:100%;max-height:100%;} .ec-base-table.typeList.gThumb tr {padding-left:85px;padding-right:10px;} .ec-base-table.typeList.gThumb td.chk {z-index:1;position:absolute;top:16px;right:16px;padding:0;} .ec-base-table.typeList.gThumb td.chk .boardChk {margin:0;} } /********************* PC *********************/ @media all and (min-width:1025px) { /* gFlow */ .ec-base-table .gFlow {width:100%;margin-left:20px;} /* gBorderClear */ .ec-base-table tr.gBorderClear td {border-bottom:0;} /* Table */ .ec-base-table th {padding:14px 30px;} /* Table - typeWrite */ .ec-base-table.typeWrite th {padding:10px 30px;} .ec-base-table.typeWrite th[scope*="row"] {padding-right:15px;} .ec-base-table.typeWrite td {padding:10px 20px;} /* formMultiple */ .ec-base-table.typeWrite .formMultiple {padding-top:22px;padding-bottom:22px;} /* formGroup */ .ec-base-table.typeWrite td.formGroup {padding-left:15px;padding-right:15px;} .ec-base-table.typeWrite .formGroup input[type="text"], .ec-base-table.typeWrite .formGroup select {width:190px;} /* form */ .ec-base-table.typeWrite td input[type="text"], .ec-base-table.typeWrite td input[type="password"], .ec-base-table.typeWrite td select {width:290px;} .ec-base-table.typeWrite td .ec-base-qty input[type="text"] {width:45px;} /* address */ .ec-base-table.typeWrite .ec-address input[type="text"], .ec-base-table.typeWrite .ec-address select {width:450px;} .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {width:200px;} .ec-base-table.typeWrite .ec-address .ec-address-zipcode .ec-base-label {margin:0 0 0 15px;line-height:40px;} /* Table - typeList */ .ec-base-table.typeList {border-top:0;} .ec-base-table.typeList th, .ec-base-table.typeList td {padding:24px 10px;} .ec-base-table.typeList th {border-bottom:0;} .ec-base-table.typeList td.subject {padding-left:20px;padding-right:20px;} } .ec-base-tooltip {display:none;z-index:999;position:absolute;top:inherit !important;left:0 !important;right:0 !important;padding:14px 28px 14px 14px;text-align:left;border:1px solid #ccc;border:1px solid var(--idio-border-color);border-radius:2px;letter-spacing:normal;box-sizing:border-box;background-color:#fff;background-color:var(--idio-bg2-color); -webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15); box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15); } .ec-base-tooltip .title {display:block;padding:0 20px 0 0;font-size:15px;color:#000;line-height:43px;background-color:#fff;background-color:var(--idio-bg2-color);} .ec-base-tooltip ul {color:#757575;} .ec-base-tooltip ul li {font-size:13px;} .ec-base-tooltip .content table + .title {margin-top:14px;} .ec-base-tooltip p {float:none;font-size:12px;text-align:left;} .ec-base-tooltip p strong {font-weight:normal;font-size:13px;} .ec-base-tooltip h3 {margin:0 0 8px;font-size:13px;border-bottom:0;} .ec-base-tooltip h3 + p {margin:0 5px 10px;} .ec-base-tooltip h4 {margin:15px 10px 8px 5px;font-size:12px;} .ec-base-tooltip h4:before {display:inline-block;content:"";margin:0 5px 0 0;width:3px;height:3px;background:#666;vertical-align:middle;} .ec-base-tooltip table th, .ec-base-tooltip table td {padding:8px 10px 7px 10px;border:1px solid #ccc;border:1px solid var(--idio-border-color);line-height:1.5em;} .ec-base-tooltip table th {padding-right:0;background:#fbf9fa;} .ec-base-tooltip table thead th {text-align:center;} .ec-base-tooltip table tbody th {text-align:left;} .ec-base-tooltip table .left {text-align:left;} .ec-base-tooltip table .center {text-align:center;} .ec-base-tooltip table .right {text-align:right;} .ec-base-tooltip table .info {padding:0;color:#757575;} .ec-base-tooltip table p.info:before, .ec-base-tooltip table ul.info li:before {display:inline-block;content:"";margin:0 3px 0 0;width:4px;height:1px;background:#757575;vertical-align:middle;} .ec-base-tooltip .info {padding:10px 10px 0;margin:5px 0 0;} .ec-base-tooltip p.bullet, .ec-base-tooltip ul.bullet {margin:8px 10px;} .ec-base-tooltip p.bullet:before, .ec-base-tooltip ul.bullet li:before {display:inline-block;content:"";margin:-3px 3px 0 0;width:0;height:0;border:solid transparent;border-left-color:#000;border-width:2px 0 2px 2px;vertical-align:middle;} .ec-base-tooltip ul.bullet li {line-height:1.5em;} .ec-base-tooltip .btnClose {position:absolute;right:14px;top:14px;padding:10px;cursor:pointer;display:block;overflow:hidden;width:17px;height:17px;box-sizing:border-box;font-size:1px;line-height:0;text-indent:150%;color:transparent;white-space:nowrap;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .ec-base-tooltip .btnClose:before {content:"";position:absolute;top:0;right:8px;width:1px;height:17px;background:#000;-webkit-transition:.3s ease-out;transition:.3s ease-out;} .ec-base-tooltip .btnClose:after {content:"";position:absolute;top:8px;right:0;width:17px;height:1px;background:#000;-webkit-transition:.3s ease-out;transition:.3s ease-out;} .ec-base-tooltip .btnClose img {opacity:0;} .ec-base-tooltip .edge {z-index:20;position:absolute;left:50%;top:-6px;display:block;margin:0 0 0 -5px;width:10px;height:6px;} .ec-base-tooltip .edge:before, .ec-base-tooltip .edge:after {display:inline-block;content:"";position:absolute;top:0;width:0;height:0;border:solid transparent;} .ec-base-tooltip .edge:before {margin:1px 0 0;border-bottom-color:#565960;border-width:0 5px 5px 5px;} .ec-base-tooltip .edge:after {left:1px;margin:2px 0 0;border-bottom-color:#fff;border-width:0 4px 4px 4px;} /* typeUpper */ .ec-base-tooltip.typeUpper {position:absolute;left:-90px !important;bottom:33px !important;width:200px;margin:0;padding:14px 28px 14px 14px;border:1px solid #ccc;border:1px solid var(--idio-border-color);border-radius:2px; -webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15); box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15); } .ec-base-tooltip.typeUpper:before {content:"";position:absolute;left:40%;bottom:-5px;display:inline-block;width:0;height:0;margin:-3px 0 0;border-left:5px solid transparent;border-top:5px solid #ccc;border-right:5px solid transparent;} .ec-base-tooltip.typeUpper:after {content:"";position:absolute;left:40%;bottom:-4px;display:inline-block;width:0;height:0;margin:-3px 0 0;border-left:5px solid transparent;border-top:5px solid #fff;border-right:5px solid transparent;} .ec-base-tooltip.typeUpper .edge {top:auto;bottom:-6px;} .ec-base-tooltip.typeUpper .edge:before {margin:0 0 -5px;border-top-color:#ccc;border-width:5px 5px 0 5px;} .ec-base-tooltip.typeUpper .edge:after {left:1px;margin:0 0 -4px;border-top-color:#fff;border-width:4px 4px 0 4px;} /* shippingFee */ .shippingFee {display:inline-block;vertical-align:middle;color:#000;margin-left:10px;} .shippingFee > a.btnNormal {margin:-3px 0 0 5px;} .shippingFee .wrap h3 {line-height:36px;} .shippingFee .wrap h4 {position:relative;margin:0 7px 7px;} .shippingFee .wrap h4:before {display:inline-block;content:"";margin:0 5px 0 0;width:3px;height:3px;background:#666;vertical-align:middle;} .shippingFee .wrap table + h4 {margin-top:14px;} .shippingFee .wrap p strong {font-weight:normal;font-size:13px;} .shippingFee .wrap table {background-color:#fff;background-color:var(--idio-bg2-color);} .shippingFee .wrap th, .shippingFee .wrap td {padding:7px;border:1px solid #ccc;border:1px solid var(--idio-border-color);} .shippingFee .wrap th {width:80px;border-right-width:0;} .shippingFee .wrap td {white-space:normal;} .shippingFee .wrap .info {margin:0;color:#7d7d7d;} /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { .ec-base-tooltip {width:88%;margin:5px auto 0;} .ec-base-tooltip .edge {display:none;} .shippingFee {position:static;} .shippingFee .ec-base-button {text-align:center;} .shippingFee .btnStrong {display:inline-block;padding:12px 20px;height:40px;font-size:13px;box-sizing:border-box;border:1px solid transparent;line-height:1;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#fff;background-color:#000;background-color:var(--idio-theme-color);} } /********************* PC *********************/ @media all and (min-width:1025px) { .shippingFee {position:relative;} .shippingFee .ec-base-tooltip {margin:10px 0 0 -150px;width:360px;} } span.ec-base-help, p.ec-base-help, ul.ec-base-help li {margin:2px 0;padding:1px 0 1px 22px;font-size:12px;line-height:1.5;color:#6d6d6d;text-align:left;background:url('//img.echosting.cafe24.com/skin/skin/common/ico_info.svg') no-repeat 0 0;} div.ec-base-help {margin:50px 0 20px;line-height:1.5;} div.ec-base-help > h2, div.ec-base-help > h3 {display:block;margin:0 0 20px;font-size:16px;color:#000;} div.ec-base-help .inner {padding:40px;background-color:var(--idio-bg3-color);} div.ec-base-help h4 {margin:25px 0 -6px;color:#000;font-size:14px;font-weight:500;} div.ec-base-help h4:first-child {margin-top:0;} div.ec-base-help p, div.ec-base-help ul, div.ec-base-help ol {margin:16px 0 0 0;} div.ec-base-help p, div.ec-base-help li {color:#6d6d6d;font-size:12px;line-height:1.5;margin-top:6px;} div.ec-base-help p, div.ec-base-help ul li {padding:0 0 0 12px;} div.ec-base-help p:before, div.ec-base-help ul li:before {content:"";display:inline-block;width:3px;height:3px;margin:7px 9px 0 -12px;vertical-align:top;border-radius:50%;background:#6d6d6d;} /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { span.ec-base-help, p.ec-base-help, ul.ec-base-help li {margin:10px 0;} div.ec-base-help > h2, div.ec-base-help > h3 {padding:0 15px;} div.ec-base-help h4 {margin:22px 0 -4px;color:#000;font-size:12px;} div.ec-base-help .inner {padding:20px;} } .ec-base-fold {position:relative;} .ec-base-fold > .title {position:relative;z-index:1;overflow:hidden;cursor:pointer;font-size:13px;line-height:1.3;-webkit-tap-highlight-color:rgba(255,255,255,0); display:-webkit-flex;display:-ms-flex;display:-moz-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;} .ec-base-fold > .title h2, .ec-base-fold > .title h3 {display:inline-block;font-size:13px;line-height:1.3;} .ec-base-fold > .title:after {content:"";position:absolute;top:0;right:0;width:40px;height:100%;-webkit-transition:.3s ease-out;transition:.3s ease-out;} .ec-base-fold > .contents {display:none;background-color:#fff;background-color:var(--idio-bg2-color);} .ec-base-fold .ec-base-fold {border-width:1px 0 0;} .ec-base-fold .ec-base-fold + .ec-base-fold {margin-top:0;} .ec-base-fold.selected > .title:after {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);} .ec-base-fold.selected > .contents {display:block;} /* theme1 */ .ec-base-fold.theme1 {position:relative;} .ec-base-fold.theme1 > .title {border-top:1px solid #000;} .ec-base-fold.theme1 > .title h2 {padding:25px 0;font-weight:normal;} .ec-base-fold.theme1 > .title h3 {padding:20px 0;font-size:13px;} .ec-base-fold.theme1 > .title:after {content:"";position:absolute;top:20px;right:5px;overflow:hidden;display:inline-block;width:6px;height:6px;border-left:1px solid #333;border-bottom:1px solid #333;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .ec-base-fold.theme1.selected > .title:after {top:25px;-webkit-transform:rotate(135deg);transform:rotate(135deg);} .ec-base-fold.theme1.gBottomLine > .title {border-top:0;border-bottom:1px solid #000;} .ec-base-fold.theme1.gClearLine > .title {border-top:0;border-bottom:1px solid transparent;} .ec-base-fold.theme1 + .ec-base-fold.theme1 {margin-top:30px;} /* ec-base-table */ .ec-base-fold.theme1.gBottomLine > .contents .ec-base-table, .ec-base-fold.theme1.gBottomLine .ec-base-fold > .contents .ec-base-table {border:0;} /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { .ec-base-fold.theme1.gMargin {margin-left:16px;margin-right:16px;} .ec-base-fold.theme1 > .title {padding:0 16px;} .ec-base-fold.theme1 > .title h2 {font-size:16px;} .ec-base-fold.theme1 > .title:after {right:21px;} .ec-base-fold.theme1.selected > .title:after {top:32px;} /* ec-base-table */ .ec-base-fold.theme1 .ec-base-table.typeList {border-color:#e5e5e5 } } /********************* PC *********************/ @media all and (min-width:1025px) { .ec-base-fold.theme1 .title > h2 {font-size:18px;} } /* base */ .ec-base-box {padding:20px;margin-left:auto;margin-right:auto;border:5px solid #e5e5e5;} .ec-base-box.gHalf {position:relative;padding:20px 0;} .ec-base-box.gHalf:before {position:absolute;top:0;left:50%;display:block;content:"";width:1px;height:100%;background-color:#e6e6e6;} .ec-base-box.typeBg {background-color:#fafafa;background-color:var(--idio-bg3-color);} .ec-base-box.typeThin {border-width:1px;border-color:#ccc;border-color:var(--idio-border-color);} .ec-base-box.typeThin h3.boxTitle {margin:0 0 20px;font-size:16px;font-weight:normal;text-align:center;} .ec-base-box.typeThinBg {border-width:1px;border-color:#ccc;border-color:var(--idio-border-color);background-color:#fafafa;background-color:var(--idio-bg3-color);} .ec-base-box.center {text-align:center;} .ec-base-box .headDesc {margin:0 0 40px;font-size:16px;line-height:22px;color:var(--font-color-heading);} .ec-base-box.typeThin > .agree {color:#6d6d6d} .ec-base-box.typeThin > .agree p {padding:0 0 30px;font-size:13px;line-height:1.55;} /* typeMember */ .ec-base-box.typeMember {border-width:1px;border-color:#ccc;border-color:var(--idio-border-color);} .ec-base-box.typeMember h3.boxTitle {margin:0 0 20px;font-size:16px;font-weight:normal;text-align:center;} .ec-base-box.typeMember .content {margin:0 auto;text-align:center;} .ec-base-box.typeMember input[type="text"], .ec-base-box.typeMember input[type="password"], .ec-base-box.typeMember select {width:100%;} .ec-base-box.typeMember .info {font-size:13px;line-height:20px;color:#6d6d6d;} .ec-base-box.typeMember .information {display:table;table-layout:fixed;padding:10px 0;width:100%;box-sizing:border-box;} .ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail {display:table-cell;padding:0 15px;width:70px;text-align:center;vertical-align:middle;} .ec-base-box.typeMember .information > .title {vertical-align:middle;} .ec-base-box.typeMember .information > .thumbnail img {max-width:70px;} .ec-base-box.typeMember .information .description {display:table-cell;padding:0 10px;width:auto;line-height:1.5em;border-left:1px solid #ccc;border-left:1px solid var(--idio-border-color);vertical-align:middle;} .ec-base-box.typeMember.gMessage {border-width:1px;border-color:#ccc;border-color:var(--idio-border-color);} /* typeProduct */ .ec-base-box.typeProduct {display:table;table-layout:fixed;padding:16px;width:100%;border:3px solid #eee;border-radius:0;} .ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information {display:table-cell;vertical-align:top;position:relative;} .ec-base-box.typeProduct .thumbnail {width:85px;} .ec-base-box.typeProduct .thumbnail img {max-width:65px;} /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { .ec-base-box.gPadding {padding:50px 18px 40px;} /* typeMember */ .ec-base-box.typeMember {padding:50px 18px 40px;} } /********************* Tablet *********************/ @media all and (min-width:768px) and (max-width:1024px) { .additionalInfo {margin:0 24px;} } /********************* PC *********************/ @media all and (min-width:1025px) { .ec-base-box.gPadding {padding:74px 0;} /* typeMember */ .ec-base-box.typeMember {padding:74px 0;} .ec-base-box.typeMember .content {width:421px;} } .ec-base-desc {overflow:hidden;text-align:left;} .ec-base-desc:after {content:"";display:block;clear:both;} .ec-base-desc dt, .ec-base-desc .term {float:left;width:100px;margin:0 0 2px;padding:0 4px 0 0;line-height:22px;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;font-weight:normal;} .ec-base-desc dd, .ec-base-desc .desc {display:block;margin:0 0 2px;padding:0 5px 0 100px;min-height:22px;line-height:22px;word-wrap:break-word;word-break:break-all;} .ec-base-desc dd:after, .ec-base-desc .desc:after {content:"";display:block;clear:left;} /* size */ .ec-base-desc.gSmall dt, .ec-base-desc.gSmall .term {width:30%;} .ec-base-desc.gSmall dd, .ec-base-desc.gSmall .desc {padding-left:30%;} .ec-base-desc.gMedium dt, .ec-base-desc.gMedium .term {width:40%;} .ec-base-desc.gMedium dd, .ec-base-desc.gMedium .desc {padding-left:40%;} .ec-base-desc.gLarge dt, .ec-base-desc.gLarge .term {width:50%;} .ec-base-desc.gLarge dd, .ec-base-desc.gLarge .desc {padding:0 0 0 50%;} /* gVer */ .ec-base-desc.gVer dt, .ec-base-desc.gVer dd, .ec-base-desc.gVer .term, .ec-base-desc.gVer .desc {display:block;float:none;width:100%;} .ec-base-desc.gVer dd, .ec-base-desc.gVer .desc {margin:10px 0 20px;padding:0;} /* align */ .ec-base-desc.centerDT dt, .ec-base-desc.centerDD dd, .ec-base-desc.centerDT .term, .ec-base-desc.centerDD .desc, .ec-base-desc.center, .ec-base-desc .center {text-align:center;} .ec-base-desc.rightDT dt, .ec-base-desc.rightDD dd, .ec-base-desc.rightDT .term, .ec-base-desc.rightDD .desc, .ec-base-desc.right, .ec-base-desc .right {text-align:right;} .ec-base-desc.rightDD dd, .ec-base-desc.rightDD .desc {padding-right:0;} /* typeDot */ .ec-base-desc.typeDot dt, .ec-base-desc.typeDot .term {position:relative;padding:0 4px 0 10px;} .ec-base-desc.typeDot dt:before, .ec-base-desc.typeDot .term:before {position:absolute;top:50%;left:0;content:"";display:block;width:2px;height:2px;margin:-2px 0 0 0;background:#383838;} .ec-base-product {position:relative;} #main .ec-base-product {margin:0;} #layout .ec-base-product {margin:22px 0 0;} .ec-base-product img {vertical-align:middle;} .ec-base-product a[href^='/product/detail.html'] > img {border:1px solid #ccc;} .ec-base-product .prdList {display:flex;flex-wrap:wrap;width:calc(100% + 12px);margin-left:-6px;justify-content:flex-start;} .ec-base-product .prdList .prd-item {position:relative;display:inline-block;margin-bottom:40px;vertical-align:top;padding:0 6px;} .ec-base-product .prdList .thumbnail {position:relative;margin:0;text-align:center;} .ec-base-product .prdList .thumbnail .ic-wish {opacity:1;z-index:3;position:absolute;top:3px;right:3px;} .ec-base-product .prdList .thumbnail .ic-wish img {-webkit-transform:scale(62%, 62%);-ms-transform:scale(62%, 62%);transform:scale(62%, 62%);} .ec-base-product .prdList .thumbnail .prdImg {position:relative;overflow:hidden;font-size:0;line-height:0;} .ec-base-product .prdList .thumbnail .prdImg a {position:relative;overflow:hidden;} .ec-base-product .prdList .thumbnail .prdIcon {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;} .ec-base-product .prdList .thumbnail a, .ec-base-product .prdList .thumbnail img {display:block;width:100%;border:0;} .ec-base-product .prdList .thumbnail img.tmbover {position:absolute;top:0;left:0;z-index:1;height:auto;opacity:0;} .ec-base-product .prdList .prd-item:hover .thumbnail .tmbover {opacity:1;} body.mo .ec-base-product .prdList .thumbnail img.tmbover {display:none;} .ec-base-product .prdList.tmb-off .thumbnail img.tmbover {display:none;} .ec-base-product .prdList .description {margin:22px auto 0;font-size:12px;line-height:18px;text-align:left;padding:0 5px;} .ec-base-product .prdList .description .desc_wrapper {position:relative;padding:0;} .ec-base-product .prdList .description .icon {font-size:0;line-height:0;margin-bottom:13px;text-align:left;} .ec-base-product .prdList .description .icon img {display:inline-block;margin:2px 4px 2px 0;vertical-align:middle;} .ec-base-product .prdList .description .name {display:block;font-size:0;line-height:0;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid rgba(100,100,100,0.2);} .ec-base-product .prdList .description .name > a > span {line-height:1.5;font-weight:500;word-break:break-word;} .ec-base-product .prdList .description .name .eng_name span {display:block;line-height:1.5;color:var(--idio-theme-color) !important;margin-bottom:4px;letter-spacing:0.02em; font-family:'Roboto';} .ec-base-product .prdList .description .option {display:inline;position:relative;} .ec-base-product .prdList .description .option img {margin:5px 0;} .ec-base-product .prdList .description .likeButton {display:block;position:absolute;bottom:0;right:0;z-index:2;} .ec-base-product .prdList .description .mileage {display:block;} .ec-base-product .prdList .description span.grid {display:block;} .ec-base-product .prdList .ic_sale {display:inline-block;margin-left:5px;line-height:1.55;font-weight:500;color:#d75a44;} .ec-base-product .prdList .timesale {position:absolute;left:50%;bottom:12px;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);display:block;font-size:11px;font-weight:normal;color:#fff;line-height:21px;letter-spacing:0.4px;box-shadow:0 2px 7px rgba(0,0,0,0.2);white-space:nowrap;padding:0 10px;background-color:rgba(10,10,10,0.8);border-radius:11px;z-index:5;} .ec-base-product .prdList .timesale i {font-size:10px;margin-right:2px;opacity:0.6;} .ec-base-product .prdList .timesale .nam {display:none;} @media all and (min-width:1024px) { .ec-base-product .prdList .thumbnail .ic-wish {opacity:0;top:55%;left:50%;bottom:unset;right:unset;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .ec-base-product .prdList .prd-item:hover .thumbnail .ic-wish {top:50%;bottom:unset;right:unset;opacity:1;} .ec-base-product .prdList .thumbnail .ic-wish img {-webkit-transform:scale(100%, 100%);-ms-transform:scale(100%, 100%);transform:scale(100%, 100%);} .ec-base-product .prdList .timesale {bottom:20px;font-size:13px;line-height:28px;border-radius:14px;padding:0 13px;} .ec-base-product .prdList .timesale i {font-size:11px;} .ec-base-product .prdList .timesale .nam {display:inline;} } /* best */ .ec-base-product .prdList.best .num {opacity:1;z-index:3;position:absolute;top:0;left:0;width:32px;height:32px;color:#fff;font-size:12px;font-weight:700;text-align:center;line-height:32px;border-radius:0;background-color:#000;} /* module="product_ListItem" */ .ec-base-product .spec > li {display:block;text-align:left;line-height:0;font-size:0;margin-top:4px;} .ec-base-product .spec > li > * {display:unset;line-height:1.6;} .ec-base-product .spec > li.price {display:inline-block;margin-right:4px;} .ec-base-product .spec > li.rvw .title {font-weight:500;} .ec-base-product .spec > li.rvw .title i {font-size:10px;color:#000;color:var(--idio-theme-color);margin-right:3px;opacity:0.5;} .ec-base-product .spec > li .title {display:inline-block;margin-right:4px;} .ec-base-product .spec > li:last-child.col, .ec-base-product .spec > li:last-child.rvw {margin-top:8px;} .ec-base-product .spec > li .color {overflow:hidden;font-size:0;line-height:0;} .ec-base-product .spec > li .chips {display:inline-block;width:10px;height:10px;margin:5px 6px 7px 0;border-radius:50%;} .ec-base-product .discountPeriod {display:inline-block;z-index:10;position:relative;width:55px;height:19px;vertical-align:middle;} .ec-base-product .layerDiscountPeriod strong.title {display:block;margin:0 0 12px;padding:0 35px 0 0;font-weight:bold;color:#000;color:var(--idio-theme-color);} .ec-base-product .layerDiscountPeriod .content p {margin:2px 0 0;font-size:11px;line-height:16px;color:#757575;letter-spacing:-1px;} .ec-base-product .layerDiscountPeriod .content p strong {font-weight:normal;font-size:12px;color:#000;color:var(--idio-theme-color);} .ec-base-product .layerDiscountPeriod .content p strong span {font-size:11px;} .ec-base-product .prdList .shippingFee {position:relative;display:inline-block;} .ec-base-product .prdList .shippingFee .button {display:inline-block;float:none;} .ec-base-product .prdList .shippingFee .ec-base-tooltip {z-index:11;display:block;margin:0 0 0 -170px;width:360px;} .ec-base-product .prdList .shippingFee .ec-base-tooltip table th {width:40px;} .ec-base-product .prdList .shippingFee .ec-base-tooltip table th, .ec-base-product .prdList .shippingFee .ec-base-tooltip table td {padding:7px 10px 8px 10px;} .ec-base-product .btnTooltip {display:inline-block;} .differentialShipping {display:none;overflow:hidden;position:absolute;z-index:100;border:1px solid #000;background-color:#fff;background-color:var(--idio-bg-color);} .differentialShipping h3.title {height:60px;margin:0 20px;padding:20px 0;font-size:16px;color:#000;color:var(--idio-theme-color);box-sizing:border-box;border-bottom:1px solid #ccc;} .differentialShipping .content {padding:12px 18px 14px 18px;border-top:0;text-align:center;background-color:#fff;background-color:var(--idio-bg-color);} .differentialShipping .close {position:absolute;right:14px;top:16px;width:20px;height:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .differentialShipping .close a {position:relative;z-index:1;display:block;width:100%;height:100%;} .differentialShipping .close:before {content:"";position:absolute;top:0;right:10px;width:1px;height:21px;background:#000;} .differentialShipping .close:after {content:"";position:absolute;top:10px;right:0;width:21px;height:1px;background:#000;} .differentialShipping .close img {display:none;} .differentialShipping .content ul {color:#757575;line-height:25px;} .differentialShipping .content li {overflow:hidden;} .differentialShipping .content li strong {float:left;font-weight:normal;} .differentialShipping .content li span {float:right;color:#000;color:var(--idio-theme-color);} .differentialShipping .content .info {margin:7px 0 0;padding:7px 0 0;border-top:1px dotted #b0b1b3;color:#80aeef;text-align:right;} /* Thumbnail icon position */ .xans-product-listrecommend, .xans-product-listnew {margin-bottom:80px;} /* Thumbnail icon position */ .ec-product-bgLT {background-position:left top;} .ec-product-bgLC {background-position:left center;} .ec-product-bgLB {background-position:left bottom;} .ec-product-bgRT {background-position:right top;} .ec-product-bgRC {background-position:right center;} .ec-product-bgRB {background-position:right bottom;} .ec-product-bgCT {background-position:center top;} .ec-product-bgCC {background-position:center center;} .ec-product-bgCB {background-position:center bottom;} /********************* grid *********************/ @media all and (max-width:320px) { .ec-base-product .prdList .prd-item {width:100%;} .ec-base-product .prdList .description span {zoom:0.7;} } @media all and (min-width:321px) and (max-width:840px) { .ec-base-product .prdList {width:calc(100% + 16px);margin-left:-8px;} .ec-base-product .prdList .prd-item {width:50%;padding:0 6px;} .ec-base-product .prdList .description span {zoom:0.8;} } @media all and (min-width:841px) and (max-width:1480px) { .ec-base-product .prdList {width:calc(100% + 20px);margin-left:-10px;} .ec-base-product .prdList .prd-item {width:33.3333%;padding:0 10px;} .ec-base-product .prdList .description span {zoom:0.9;} .ec-base-product .discountPeriod {position:static;} .ec-base-product .btnTooltip {position:static;} .differentialShipping {left:0;right:0;width:88%;margin:10px auto 0;} } @media all and (max-width:1480px) { .ec-base-product .prdList .description .icon {transform:scale(0.8);transform-origin:50% 50%;margin-bottom:10px;} .ec-base-product .prdList .description .icon img {margin:2px 4px 2px 0;} .ec-base-product .prdList .description .name {padding-bottom:12px;margin-bottom:14px;} .ec-base-product .spec > li {margin-top:4px;} .ec-base-product .spec > li:last-child.col, .ec-base-product .spec > li:last-child.rvw {margin-top:8px;} .ec-base-product .prdList.best .num {width:26px;height:26px;font-size:11px;line-height:26px;} } @media all and (min-width:1481px) { .ec-base-product .prdList {width:calc(100% + 30px);margin-left:-15px;} .ec-base-product .prdList .prd-item {width:25%;padding:0 15px;margin-bottom:60px;} .ec-base-product .title h3 {margin:50px 0 25px;font-size:20px;} .ec-base-product .layerDiscountPeriod {left:50%;top:26px;width:247px;margin:0 0 0 -124px;} .ec-base-product .btnTooltip {position:relative;} .differentialShipping {left:50%;top:17px;width:350px;margin:0 0 0 -176px;} } #main .ec-base-product .prdList .prd-item {margin-bottom:0;} .ec-base-prdInfo {position:relative;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);box-sizing:border-box;background-color:#fff;background-color:var(--idio-bg2-color);} .ec-base-prdInfo .prdBox {display:-webkit-flex;display:-ms-flex;display:flex;flex:1;flex-wrap:wrap;} .ec-base-prdInfo .check {display:inline-block;margin:0 10px 0 0;} .ec-base-prdInfo .check label {margin:0;} .ec-base-prdInfo .thumbnail {overflow:hidden;width:83px;height:83px;margin:0 15px 0 0;border:1px solid #ccc;border:1px solid var(--idio-border-color);box-sizing:border-box;} .ec-base-prdInfo .thumbnail img {width:100%;} .ec-base-prdInfo .description {-webkit-flex:1;-ms-flex:1;flex:1;line-height:18px;} .ec-base-prdInfo .description .prdName {display:block;margin:0 0 3px;font-weight:normal;} .ec-base-prdInfo .description .prdName a {color:#000;} .ec-base-prdInfo .description .prdName .ec-set-product-name {display:block;margin:0 0 3px;} .ec-base-prdInfo .description .prdName img {margin:0 1px;vertical-align:middle;} .ec-base-prdInfo .description .price, .ec-base-prdInfo .description .price li {font-size:13px;color:#000;line-height:20px;} .ec-base-prdInfo .description .price strong {font-weight:normal;} .ec-base-prdInfo .description .price .refer {font-weight:normal;font-size:11px;} .ec-base-prdInfo .description .price .discount {font-weight:normal;text-decoration:line-through;} .ec-base-prdInfo .description .price .strike {font-weight:normal;text-decoration:line-through;} .ec-base-prdInfo .description .price .strike strong {font-weight:normal;} .ec-base-prdInfo .description .info {margin:5px 0 0;} .ec-base-prdInfo .description .info li {margin:0 0 3px;font-size:12px;color:#7d7d7d;} .ec-base-prdInfo .description .info a {color:#7d7d7d;} .ec-base-prdInfo .description .info .mileage {display:inline-block;} .ec-base-prdInfo .description .info .mileage img { vertical-align:text-top;} .ec-base-prdInfo .description input[type="number"] {max-width:51px;} .ec-base-prdInfo .description .info .amount button {margin:0;padding:0;border:0;} .ec-base-prdInfo .description .info .amount {width:50px;} .ec-base-prdInfo .description .info input.amount {text-align:right;} .ec-base-prdInfo .description input[type="tel"] {text-align:right;} .ec-base-prdInfo .description .quantity input[type="tel"] {width:51px;} .ec-base-prdInfo .sumPrice strong {font-size:16px;} .ec-base-prdInfo .quantity {margin:20px 0 0;padding:0 0 0 98px;box-sizing:border-box;width:100%;} .ec-base-prdInfo.gCheck .quantity {padding:0 0 0 125px;} .ec-base-prdInfo .btnDelete {display:block;position:absolute;top:20px;right:-5px;overflow:hidden;width:30px;height:30px;margin:0 auto;font-size:1px;line-height:0;color:transparent;white-space:nowrap;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .ec-base-prdInfo .btnDelete:before {content:"";position:absolute;top:4px;right:14px;width:1px;height:21px;background:#b5b5b5;-webkit-transition:.3s ease-out;transition:.3s ease-out;} .ec-base-prdInfo .btnDelete:after {content:"";position:absolute;top:14px;right:4px;width:21px;height:1px;background:#b5b5b5;-webkit-transition:.3s ease-out;transition:.3s ease-out;} .ec-base-prdInfo .optionGroup {margin:15px 0 0;} .ec-base-prdInfo .optionGroup:empty {margin-top:0;} .ec-base-prdInfo .optionGroup li {margin:5px 0 0;line-height:20px;color:#7d7d7d;} .ec-base-prdInfo .optionGroup .optionName {line-height:18px;word-break:break-all;} .ec-base-prdInfo .optionGroup li .product {display:block;margin:8px 0 0;color:#000;} .ec-base-prdInfo .optionGroup li .change {margin:0 0 0 5px;white-space:nowrap;} .ec-base-prdInfo .optionGroup .product.displaynone + .optionStr {display:inline-block;margin-right:10px;color:#000;} .ec-base-prdInfo .optionGroup .product.displaynone + .optionStr:empty {margin-right:0;} .ec-base-prdInfo .optionGroup li br {display:none;} .ec-base-prdInfo .optionGroup .file a {color:#07a4fd;text-decoration:underline;word-break:break-all;} .ec-base-prdInfo .optionSelect {padding:10px 20px 20px;background-color:#f6f6f6;background-color:var(--idio-bg3-color);} .ec-base-prdInfo .optionSelect li {margin:10px 0 0;} .ec-base-prdInfo .optionSelect select, .ec-base-prdInfo .optionSelect input {width:calc(100% - 258px);} .ec-base-prdInfo .optionSelect + .optionSelect {margin-top:-34px;padding-top:0;} .ec-base-prdInfo .optionDesc {display:inline-block;width:254px;color:#545454;} .ec-base-prdInfo .prdFoot {line-height:26px;border-top:1px solid #ccc;border-top:1px solid var(--idio-border-color);} .ec-base-prdInfo .prdFoot:after {content:'';display:block;clear:both;} .ec-base-prdInfo .prdFoot .gLeft {float:left;text-align:left;line-height:32px;} .ec-base-prdInfo .prdFoot .gRight {float:right;text-align:right;} .ec-base-prdInfo .prdFoot .txtStatus {display:inline-block;margin-right:10px;font-size:16px;font-weight:500;} .ec-base-prdInfo .prdFoot .store {color:#000;font-weight:normal;} .ec-base-prdInfo .prdFoot span span.discount {text-decoration:line-through;} .ec-base-prdInfo .prdFoot span span.discount strong {font-weight:normal;} .ec-base-prdInfo .optionModifyLayer {display:none;} .ec-base-prdInfo .optionModifyLayer .dimmed {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.3);} .ec-base-prdInfo .optionModifyLayer .title {display:block;margin:0 0 6px;font-size:13px;} .ec-base-prdInfo .optionModifyLayer .prdInfo {font-size:13px;} .ec-base-prdInfo .optionModifyLayer .prdInfo li {margin:0 0 20px;} .ec-base-prdInfo .optionModifyLayer .prdInfo li:empty {margin:0;} .ec-base-prdInfo .optionModifyLayer .prdModify li {display:flex;margin:10px 0 0;} .ec-base-prdInfo .optionModifyLayer .prdModify li:first-child {margin-top:0;} .ec-base-prdInfo .optionModifyLayer .prdModify .optionDesc {display:inline-block;width:89px;padding:11px 0 0;font-size:13px;color:#545454;} .ec-base-prdInfo .optionModifyLayer .prdModify li select {flex:1;width:100%;} .ec-base-prdInfo .optionModifyLayer .prdModify li input[type=text] {flex:1;width:100%;} /* order_result.html > orderArea > ec-base-prdInfo */ .orderArea .ec-base-fold .ec-base-prdInfo {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} .orderConfirmLayer .orderArea .ec-base-prdInfo {border-bottom:0;} .orderArea .ec-base-prdInfo + .ec-base-prdInfo {border-top:1px solid #ccc;border-top:1px solid var(--idio-border-color);} /* ec-base-prdEmpty */ .ec-base-prdEmpty {text-align:center;color:#6d6d6d;border-top:1px solid #000;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { .ec-base-prdInfo .prdBox {padding:24px 16px;} .ec-base-prdInfo .description {padding:0 40px 0 0;} .ec-base-prdInfo .sumPrice {margin:20px 0 0;padding:0 0 0 98px;box-sizing:border-box;width:100%;} .ec-base-prdInfo .buttonGroup {margin:20px 0 0;padding:0 0 0 98px;box-sizing:border-box;width:100%;} /* gCheck */ .ec-base-prdInfo.gCheck .sumPrice, .ec-base-prdInfo.gCheck .quantity, .ec-base-prdInfo.gCheck .buttonGroup {padding:0 0 0 125px;} .ec-base-prdInfo .btnDelete {right:12px;} .ec-base-prdInfo .optionSelect {margin:0 16px 24px;padding:10px 20px 20px;} .ec-base-prdInfo .optionSelect li {margin:10px 0 0;} .ec-base-prdInfo .optionSelect select, .ec-base-prdInfo .optionSelect input {width:100%;} .ec-base-prdInfo .optionSelect + .optionSelect {margin-top:-34px;padding-top:0;} .ec-base-prdInfo .optionDesc {display:block;margin:0 0 10px;color:#545454;} .ec-base-prdInfo .prdFoot {padding:18px 16px;} .optionModifyLayer .ec-base-button {display:flex;} .optionModifyLayer .ec-base-button [class*='Fix'] {flex:1;min-width:auto;} /* ec-base-prdEmpty */ .ec-base-prdEmpty {padding:40px 0;} } /********************* PC *********************/ @media all and (min-width:1025px) { .ec-base-prdInfo .prdBox {position:relative;padding:25px 0;} .ec-base-prdInfo .description {margin:0 250px 0 0;} .ec-base-prdInfo .sumPrice {text-align:right;padding:0 42px 0 0;} .ec-base-prdInfo .buttonGroup {position:absolute;bottom:25px;right:0;width:300px;text-align:right;} .ec-base-prdInfo .btnDelete {right:-5px;} .ec-base-prdInfo .optionSelect {margin:0 0 24px 98px;padding:10px 20px 20px;} .ec-base-prdInfo .optionSelect li {margin:10px 0 0;} .ec-base-prdInfo .optionSelect select, .ec-base-prdInfo .optionSelect input {width:calc(100% - 258px);} .ec-base-prdInfo .optionSelect + .optionSelect {margin-top:-34px;padding-top:0;} .ec-base-prdInfo .optionDesc {width:254px;} .ec-base-prdInfo .prdFoot {padding:18px 0;} .optionModifyLayer .ec-base-layer {width:485px;} /* ec-base-prdEmpty */ .ec-base-prdEmpty {padding:56px 0;} } /* typeList */ .ec-base-paginate.typeList {height:40px;margin:60px 0;text-align:center;font-size:0;line-height:0;} .ec-base-paginate.typeList > a {position:relative;display:inline-block;width:36px;line-height:40px;text-align:center;vertical-align:middle;} .ec-base-paginate.typeList > a::after, .ec-base-paginate.typeList > a::before {position:absolute;display:block;font-size:9px;line-height:1;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);left:9px;} .ec-base-paginate.typeList > a::after {margin:0 6px;} .ec-base-paginate.typeList > a::after, .ec-base-paginate.typeList > a:first-child::before, .ec-base-paginate.typeList > a:last-child::before {content:'＞';} .ec-base-paginate.typeList > a:first-child::before, .ec-base-paginate.typeList > a:last-child::before {margin:0;} .ec-base-paginate.typeList > a:first-child::after, .ec-base-paginate.typeList > a:first-child::before, .ec-base-paginate.typeList > a:first-child + a::after {content:'＜';} .ec-base-paginate.typeList ol {display:inline-block;font-size:0;line-height:0;vertical-align:middle;margin:0 6px;} .ec-base-paginate.typeList li {display:inline-block;vertical-align:middle;} .ec-base-paginate.typeList li:first-child {margin-left:0;} .ec-base-paginate.typeList img {vertical-align:middle;} .ec-base-paginate.typeList li a {display:block;width:40px;font-size:13px;color:#aaa;line-height:40px;border-radius:50%;} .ec-base-paginate.typeList a:hover {text-decoration:none;} .ec-base-paginate.typeList a.this {position:relative;z-index:1;color:#555;font-weight:500;background-color:#f5f5f5;background-color:var(--idio-bg3-color);} .ec-base-paginate.typeList a.nolink {cursor:default;} /* typeSwipe */ .ec-base-paginate.typeSwipe {text-align:center;} .ec-base-paginate.typeSwipe > span {font-size:0;line-height:0;} .ec-base-paginate.typeSwipe .prev, .ec-base-paginate.typeSwipe .next{display:none;} .ec-base-paginate.typeSwipe [id*='swipe-button'] button {display:inline-block;opacity:1 !important;width:4px !important;height:4px !important;margin:8px 10px !important;border-radius:50%;background-color:rgba(100,100,100,0.6);cursor:pointer;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;vertical-align:middle;} .ec-base-paginate.typeSwipe [id*='swipe-button'] button:hover {background-color:#555;} .ec-base-paginate.typeSwipe [id*='swipe-button'] button.selected {width:12px !important;height:12px !important;margin:4px 6px !important;cursor:default;background-color:#555;} @media all and (max-width:1024px) { .ec-base-paginate.typeList li a {font-size:12px;} } @media all and (max-width:640px) { .ec-base-paginate.typeList {height:32px;margin:36px 0;} .ec-base-paginate.typeList > a {margin:0;width:24px;line-height:32px;} .ec-base-paginate.typeList > a::after, .ec-base-paginate.typeList > a::before {font-size:7px;left:5px;} .ec-base-paginate.typeList > a::after, .ec-base-paginate.typeList > a:first-child::before, .ec-base-paginate.typeList > a:last-child::before {width:4px;height:4px;} .ec-base-paginate.typeList li a {font-size:11px;width:32px;line-height:32px;} .ec-base-paginate.typeSwipe [id*='swipe-button'] button {margin-left:8px !important;margin-right:8px !important;} .ec-base-paginate.typeSwipe [id*='swipe-button'] button.selected {margin-left:4px !important;margin-right:4px !important;} } /* reset */ li {list-style:none;} table {width:100%;border:0;border-spacing:0;border-collapse:collapse;} caption {display:none;} h1, h3 {margin:0;} .ec-base-layer-area {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.3);z-index:1000;} .ec-base-layer {z-index:1001;border:1px solid #000;background-color:#fff;background-color:var(--idio-bg2-color);box-sizing:border-box;} .ec-base-layer .header {margin:0 20px;padding:20px 0;color:#000;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} .ec-base-layer > .header > h1, .ec-base-layer > .header > h3, .ec-base-layer > .header > h5 {font-size:14px;font-weight:600;} .ec-base-layer > .content {padding:20px;font-size:13px;line-height:22px;min-height:90px;box-sizing:border-box;} .ec-base-layer div.ec-base-help {margin-top:0;} .ec-base-layer .btnClose {position:fixed;right:12px;top:12px;padding:10px;cursor:pointer;display:block;overflow:hidden;width:20px;height:20px;font-size:1px;line-height:0;color:transparent;white-space:nowrap;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .ec-base-layer .btnClose:before, .ec-base-layer .btnClose:after {content:"";background:#000;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:.3s ease-out;transition:.3s ease-out;} .ec-base-layer .btnClose:before {width:1px;height:21px;} .ec-base-layer .btnClose:after {width:21px;height:1px;} /* typeModal */ .ec-base-layer.typeModal {position:fixed;top:50%;left:0;right:0;margin:0 auto;transform:translateY(calc(-50% + 0.5px));} /* typeLayer */ .ec-base-layer.typeLayer {position:absolute;margin-top:10px;} /* typeSide */ .ec-base-layer.typeSide {position:fixed;display:flex;flex-direction:column;height:100%;border:0;} .ec-base-layer.typeSide .header {padding:74px 16px 10px;margin:0;border:0;} .ec-base-layer.typeSide .header h2 {font-size:18px;font-weight:normal;} .ec-base-layer.typeSide .content {position:relative;padding:0;flex:1;overflow:auto;height:100%;} .ec-base-layer.typeSide .ec-base-button[class*="gColumn"] {margin:25px 16px;} .ec-base-layer.typeSide .btnClose {top:5px;width:24px;height:24px;padding:20px 17px;} .ec-base-layer.typeSide .btnClose:before {right:12px;height:25px;} .ec-base-layer.typeSide .btnClose:after {top:12px;width:25px;} /* gAlert */ .ec-base-layer.gAlert > .header {display:block;overflow:hidden;position:absolute;font-size:1px;line-height:0;color:transparent;text-indent:-150%;white-space:nowrap;padding:0;color:transparent;border:0;} .ec-base-layer.gAlert > .content {padding:45px 0 25px;text-align:center;} /* gScroll */ .ec-base-layer.gScroll {height:auto;} .ec-base-layer.gScroll > .content {overflow:auto;height:auto;max-height:70vh;} /* popup */ #popup {padding:0 0 30px;} #popup .ec-base-layer {border:0;} #popup .ec-base-layer .btnClose {top:5px;} /********************* Mobile / Tablet *********************/ @media all and (max-width:1024px) { .ec-base-layer {position:fixed;top:50%;left:0;right:0;min-width:320px;width:calc(100% - 32px);margin:0 auto;transform:translateY(calc(-50% + 0.5px));} .ec-base-layer.typeSide {top:0;left:0;bottom:0;width:100%;transform:initial;} #popup .ec-base-layer {position:relative;top:auto;left:auto;width:100%;border:0;transform:initial;} } /********************* PC *********************/ @media all and (min-width:1025px) { .ec-base-layer {min-width:308px;} .ec-base-layer.typeSide {top:0;right:0;left:auto;bottom:0;width:458px;} .ec-base-layer.gAlert {width:360px;} } .xans-layout-multishopshipping {display:none;} .xans-layout-multishopshipping .worldshipLayer {width:448px;} .xans-layout-multishopshipping .worldshipLayer .content .desc {display:block;margin:4px 0 14px;} .xans-layout-multishopshipping .worldshipLayer select {width:100%;margin:10px 0 0;} /* 목록페이지 중분류 */ .ec-base-tab.typeMenu {max-width:1480px !important;width:100%;padding:0;margin:0 auto;} .ec-base-tab.typeMenu.section_full {max-width:100% !important;} .ec-base-tab.typeMenu .menu {flex-wrap:wrap;} .ec-base-tab.typeMenu li {height:auto;} .ec-base-tab.typeMenu li a {font-size:16px;font-weight:300;color:#767676;} .ec-base-tab.typeMenu li a.button {font-size:18px;color:#888;line-height:1;padding:23px 25px 20px 0px;margin:0 40px 0 0;box-sizing:border-box;} .ec-base-tab.typeMenu li.selected a.button {color:#ddd;background-color:#fff;background-color:var(--idio-bg2-color);} .ec-base-tab.typeMenu ul > li {height:auto;} .ec-base-tab.typeMenu ul > li .iconWrap {display:inline;} .ec-base-tab.typeMenu ul > li .iconWrap:after{position:absolute;top:5px;right:40px;} .ec-base-tab.typeMenu ul > li > ul {padding:10px 0px;top:55px;left:-20px;z-index:9;} .ec-base-tab.typeMenu ul > li > ul > li ul {padding:10px 0;} .ec-base-tab.typeMenu ul > li > ul > li {position:relative;padding:0 10px 0 10px;margin:0;} .ec-base-tab.typeMenu ul > li > ul > li a {font-size:14px;font-weight:300;display:inline-block;padding:2px 5px 2px 5px;color:#888;} .ec-base-tab.typeMenu ul > li > ul > li a:hover {color:#ddd;} .ec-base-tab.typeMenu ul > li > ul > li .iconWrap:after{top:10px;right:-5px;} .ec-base-tab.typeMenu ul > li > ul > li ul.active {z-index:10;top:-11px;} .ec-base-tab.typeMenu ul > li > ul > li ul.active li {margin:0;padding:0 10px 0 10px;height:auto;} .ec-base-tab.typeMenu ul > li > ul > li ul > li {padding:0 10px 0 10px;} .ec-base-tab.typeMenu li a.button:only-child {margin:0 20px 0 0;} .xans-project-package .ec-base-tab.typeMenu {width:100%;} .xans-project-package .menuCategory > li {margin:0;} .xans-project-package .menuCategory > li > a {font-weight:400;} /* 비회원 주문조회 */ .xans-myshop-orderhistorynologin {max-width:840px !important;text-align:center;} .xans-myshop-orderhistorynologin .login {width:100%;max-width:480px;margin:0 auto;} .xans-myshop-orderhistorynologin .login input[type=text], .xans-myshop-orderhistorynologin .login input[type=password] {height:48px;margin-bottom:8px;border:1px solid #ccc;border:1px solid var(--idio-border-color);text-align:center;} .xans-myshop-orderhistorynologin .txt_nonmem_check {margin:30px 0 4px;font-size:16px;font-weight:500;color:#000;} .xans-myshop-orderhistorynologin .txtInfo {margin:0px 0 14px;font-size:13px;color:#888;} .xans-myshop-orderhistorynologin .login__button {margin:0;} .xans-myshop-orderhistorynologin .btnSubmit {margin:0;font-size:13px;} /* 아이디찾기 */ .xans-member-findid {max-width:400px;} .xans-member-findid .ec-base-help p:before, .xans-member-findid .ec-base-help ul li:before {display:none;} .xans-member-findid .ec-base-help {text-align:center;} .xans-member-findid .ec-base-help ul li {padding:0;font-size:14px;margin-bottom:5px;} .xans-member-findid .ec-base-box.typeMember {padding:0;border:0;} .xans-member-findid .ec-base-box.typeMember .content {width:100%;} .xans-member-findid .ec-base-desc.gVer .desc {margin:5px 0 20px;} /* 아이디찾기 완료 */ .xans-member-findidresult {max-width:400px;} .xans-member-findidresult .ec-base-box.typeMember {padding:0;border:0;} .xans-member-findidresult .complete {width:100%;} .xans-member-findidresult .ec-base-button.gBottom {display:flex;} .xans-member-findidresult .ec-base-button.gBottom a {flex:1;} /* 비밀번호찾기 */ .xans-member-findpasswd {max-width:400px;} .xans-member-findpasswd .ec-base-box.typeMember {padding:0;border:0;} .xans-member-findpasswd .ec-base-box.typeMember .content {width:100%;} .xans-member-findpasswd .ec-base-desc.gVer .desc {margin:5px 0 20px;} /* 비밀번호찾기 2단계 */ .xans-member-findpasswdmethod {max-width:400px;} .xans-member-findpasswdmethod .ec-base-box.typeMember {padding:0;border:0;} .xans-member-findpasswdmethod .ec-base-button.gBottom {display:flex;} .xans-member-findpasswdmethod .ec-base-button.gBottom a {flex:1;} /* 비밀번호찾기 2단계 힌트 */ .xans-member-findPasswdQuestion {max-width:400px;} .xans-member-findPasswdQuestion .ec-base-box.typeMember {padding:0;border:0;} .xans-member-findPasswdQuestion .ec-base-box.typeMember .content {width:100%;} .xans-member-findPasswdQuestion .ec-base-desc.gVer .desc {margin:5px 0 20px;} /* 비밀번호찾기 재설정 */ .xans-member-passwordreset {max-width:400px;} .xans-member-passwordreset .ec-base-box.typeMember {padding:0;border:0;} .xans-member-passwordreset .ec-base-box.typeMember .content {width:100%;} .xans-member-passwordreset .ec-base-button.gBottom {display:flex;} .xans-member-passwordreset .ec-base-button.gBottom a {flex:1;} /* 비밀번호찾기 본인확인 */ .xans-member-passwordverification {max-width:400px;} .xans-member-passwordverification .ec-base-box.typeMember {padding:0;border:0;} .xans-member-passwordverification .ec-base-box.typeMember .content {width:100%;} .xans-member-passwordverification .ec-base-desc.gVer .desc {margin:5px 0 20px;} .xans-member-passwordverification .ec-base-button.gBottom {display:flex;} .xans-member-passwordverification .ec-base-button.gBottom a {flex:1;} /* 비밀번호찾기 완료 */ .xans-member-findpasswdresult {max-width:400px;} .xans-member-findpasswdresult .ec-base-box.typeMember {padding:0;border:0;} .xans-member-findpasswdresult .complete {width:100%;} .ec-base-button.gBottom {margin:12px 0 0 0;} .ec-base-button.gBottom [class^='btn'] + [class^='btn'] {margin-left:6px;} /* 회원가입 약관 */ .xans-member-join {max-width:720px;margin:0 auto;} .xans-member-join .agreeInner {display:block;} .xans-member-join .left {display:block;margin:0;} .xans-member-join .agreeAll {margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} .xans-member-join .agreeAll h3 {margin:0 0 24px;padding:0 0 16px;color:#000;border-bottom:3px solid #000;} .xans-member-join .agreeAll label {font-size:15px;font-weight:500;color:#000;} .xans-member-join label.check {color:#000;font-size:14px;} .xans-member-join .additional {margin:24px 0 0;padding:24px 0 0;border-top:1px solid #ccc;border-top:1px solid var(--idio-border-color);} .xans-member-join .additional li {font-size:14px;} .xans-member-join .ec-base-button.gBottom {display:flex;margin-top:40px;} .xans-member-join .ec-base-button.gBottom button, .xans-member-join .ec-base-button.gBottom a {flex:1;height:56px;padding:0;line-height:56px;} /* 회원가입 */ .xans-member-join .required {font-size:14px;color:#000;} .xans-member-join .icoRequired {margin-right:12px;} .xans-member-join .ec-base-table {border-top:2px solid #000;} .xans-member-join .ec-base-table.typeWrite th[scope*="row"] {padding-left:16px;font-weight:400;font-size:14px;color:#000;} .xans-member-join .ec-base-table.typeWrite td input[type="text"], .xans-member-join .ec-base-table.typeWrite td input[type="password"], .xans-member-join .ec-base-table.typeWrite td select, .xans-member-join .ec-base-table.typeWrite .ec-address input[type="text"], .xans-member-join .ec-base-table.typeWrite .ec-address select {width:410px;} .xans-member-join .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {width:160px;} .xans-member-join .ec-base-table .gFlow {display:block;margin:10px 0 0;} .xans-member-join #mobile1, .xans-member-join #mobile2, .xans-member-join #mobile3, .xans-member-join #phone1, .xans-member-join #phone2, .xans-member-join #phone3, .xans-member-join #birth_year, .xans-member-join #marry_year, .xans-member-join #partner_year, .xans-member-join #birth_month, .xans-member-join #marry_month, .xans-member-join #partner_month, .xans-member-join #birth_day, .xans-member-join #marry_day, .xans-member-join #partner_day {width:110px;} .xans-member-join .ec-base-table.typeWrite .formGroup {padding-left:20px;} .xans-member-join .ec-base-table.typeWrite .formGroup input[type="text"], .xans-member-join .ec-base-table.typeWrite .formGroup input[type="password"], .xans-member-join .ec-base-table.typeWrite .formGroup select, .xans-member-join .ec-base-table.typeWrite .formGroup [class^="btn"] {margin:0 14px;} .xans-member-join .eTooltip {display:block;} .xans-member-join #phone1, .xans-member-join #mobile1, .xans-member-join #birth_year, .xans-member-join #marry_year, .xans-member-join #partner_year {margin-left:0;} .xans-member-join #birth_year, .xans-member-join #birth_month, .xans-member-join #birth_day, .xans-member-join #marry_year, .xans-member-join #marry_month, .xans-member-join #marry_day, .xans-member-join #partner_year, .xans-member-join #partner_month, .xans-member-join #partner_day {width:106px !important;margin-right:3px !important;} .xans-member-join #cssn {margin:0;} .xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup {padding-left:0;margin:0;} .xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup input[type="text"] {flex:1;width:30%;} .xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup input[type="password"] {flex:1;width:30%;} .xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup input:first-child {margin-left:0;} .xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup .btnNormal {margin:0;} .xans-member-join .ec-base-table.typeWrite table .interest {margin:10px 0 0 0;word-break:keep-all;} .xans-member-join .ec-base-table.typeWrite table .interest input {margin:-2px 0 10px 0;} .xans-member-join .ec-base-table.typeWrite table .interest label {font-size:14px;margin:0 24px 0 10px;} .xans-member-join .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {content:'\a';white-space:pre;} /* 회원가입 완료 */ .xans-member-joincomplete {max-width:720px;} .xans-member-joincomplete .joinComplete {width:auto;padding:40px 100px;border:1px solid #ccc;border:1px solid var(--idio-border-color);} .xans-member-joincomplete .member_icon {margin:0 0 16px;} .xans-member-joincomplete .joinComplete .desc {font-size:20px;font-weight:700;color:#000;} .xans-member-joincomplete .joinComplete .memberSpecial strong {font-size:14px;color:#000;} .xans-member-joincomplete .joinComplete .memberSpecial p strong {font-weight:400;} .xans-member-joincomplete .ec-base-box.typeMember.gMessage {border-color:#ccc;border-color:var(--idio-border-color);} .xans-member-joincomplete .joinComplete .ec-base-box .ec-base-desc dt {font-size:14px;color:#000;} .xans-member-joincomplete .joinComplete .ec-base-box .ec-base-desc dt, .xans-member-joincomplete .joinComplete .ec-base-box .ec-base-desc dd {min-height:auto;line-height:22px;} .xans-member-joincomplete .joinComplete .ec-base-box .ec-base-desc span {font-size:14px;color:#000;} .xans-member-joincomplete .joinComplete .memberEmail {margin-top:24px;} .xans-member-joincomplete .ec-base-button.gBottom {display:flex;margin-top:40px;} .xans-member-joincomplete .ec-base-button.gBottom button, .xans-member-joincomplete .ec-base-button.gBottom a {flex:1;height:56px;padding:0;line-height:56px;font-size:16px;} /* 회원정보수정 */ .xans-myshop-asyncbenefit {margin:0 auto;} .xans-myshop-asyncbenefit .benefit {width:100%;max-width:100%;display:block;border:1px solid #ccc;border:1px solid var(--idio-border-color);text-align:center;} .xans-myshop-asyncbenefit .benefit {display:block;border:1px solid #ccc;border:1px solid var(--idio-border-color);text-align:center;} .xans-myshop-asyncbenefit .benefit .user, .xans-myshop-asyncbenefit .benefit .description {display:block;padding:24px 0;} .xans-myshop-asyncbenefit .benefit .user {padding:40px 0;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} .xans-myshop-asyncbenefit .benefit .user .user__thumbnail {display:block;width:60px;margin:0 auto;} .xans-myshop-asyncbenefit .benefit .user .user__info {display:block;margin:0;} .xans-myshop-asyncbenefit .benefit .user .user__info .title {display:block;margin:16px 0 8px;font-size:20px;font-weight:700;color:#000;} .xans-myshop-asyncbenefit .benefit .user .user__info p strong {color:#000;} .xans-member-edit {max-width:720px;margin:0 auto;} .xans-member-edit .required {font-size:14px;color:#000;margin:-19px 0 0 0;} .xans-member-edit .icoRequired {margin-right:12px;} .xans-member-edit .txtInfo {display:block;margin:10px 0 0 0;} .xans-member-edit .ec-base-table {border-top:2px solid #000;} .xans-member-edit .ec-base-table.typeWrite th[scope*="row"] {padding:10px 16px;font-size:14px;font-weight:400;} .xans-member-edit .ec-base-table.typeWrite .ec-address input[type="text"], .xans-member-edit .ec-base-table.typeWrite .ec-address select, .xans-member-edit .ec-base-table.typeWrite td input[type="text"], .xans-member-edit .ec-base-table.typeWrite td input[type="password"], .xans-member-edit .ec-base-table.typeWrite td select {width:410px;} .xans-member-edit .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {width:160px;} .xans-member-edit .ec-base-table .gFlow {display:block;margin:10px 0 0;} .xans-member-edit #mobile1, .xans-member-edit #mobile2, .xans-member-edit #mobile3, .xans-member-edit #phone1, .xans-member-edit #phone2, .xans-member-edit #phone3, .xans-member-edit #birth_year, .xans-member-edit #marry_year, .xans-member-edit #partner_year, .xans-member-edit #birth_month, .xans-member-edit #marry_month, .xans-member-edit #partner_month, .xans-member-edit #birth_day, .xans-member-edit #marry_day, .xans-member-edit #partner_day {width:110px;} .xans-member-edit .ec-base-table.typeWrite .formGroup {padding-left:20px;} .xans-member-edit .ec-base-table.typeWrite .formGroup input[type="text"], .xans-member-edit .ec-base-table.typeWrite .formGroup input[type="password"], .xans-member-edit .ec-base-table.typeWrite .formGroup select, .xans-member-edit .ec-base-table.typeWrite .formGroup [class^="btn"] {margin:0 14px;} .xans-member-edit .eTooltip {display:block;} .xans-member-edit #phone1, .xans-member-edit #mobile1, .xans-member-edit #birth_year, .xans-member-edit #marry_year, .xans-member-edit #partner_year {margin-left:0;} .xans-member-edit #birth_year, .xans-member-edit #birth_month, .xans-member-edit #birth_day, .xans-member-edit #marry_year, .xans-member-edit #marry_month, .xans-member-edit #marry_day, .xans-member-edit #partner_year, .xans-member-edit #partner_month, .xans-member-edit #partner_day {width:106px !important;margin-right:3px !important;} .xans-member-edit [class^='btn'].sizeS {width:90px;height:48px;padding:0;line-height:48px;border:1px solid #ccc;border:1px solid var(--idio-border-color);font-size:14px;color:#000;} .xans-member-edit .ec-base-button.gBottom {display:flex;margin-top:40px;} .xans-member-edit .ec-base-button.gBottom button, .xans-member-edit .ec-base-button.gBottom a {flex:1;height:56px;padding:0;line-height:56px;font-size:16px;} .xans-member-edit .ec-base-table.typeWrite table .interest {margin:10px 0 0 0;word-break:keep-all;} .xans-member-edit .ec-base-table.typeWrite table .interest input {margin:-2px 0 10px 0;} .xans-member-edit .ec-base-table.typeWrite table .interest label {font-size:14px;margin:0 24px 0 10px;} .xans-member-edit .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {content:'\a';white-space:pre;} /* 비밀번호 수정 */ .xans-member-changepasswd {max-width:400px;margin:0 auto;} .xans-member-changepasswd .ec-base-help {text-align:center;} .xans-member-changepasswd .ec-base-help p:before {display:none;} .xans-member-changepasswd .ec-base-help p {padding:0;font-size:14px;margin:0;} .xans-member-changepasswd .ec-base-box.typeMember {padding:0;border:0;} .xans-member-changepasswd .ec-base-box.typeMember .content {width:100%;} .xans-member-changepasswd .ec-base-button.gBottom {display:flex;} .xans-member-changepasswd .ec-base-button.gBottom a {flex:1;} /* 마이페이지 공통 */ .myshopArea.section_full {width:calc(100% - 280px) !important;} .myshopArea .titleArea--middle {text-align:left;margin:64px 0 16px 0;padding:0;} .myshopArea .ec-base-prdEmpty {border-top:2px solid #000;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);font-size:16px;color:#9a9a9a;padding:64px 0;display:flex;flex-direction:column;align-items:center;} .myshopArea .ec-base-prdEmpty svg {margin-bottom:16px;} div.ec-base-help {margin:50px 0 0;} .xans-myshop-couponserial .couponSerial, .xans-myshop-summary.ec-base-box.gHalf {border-top:1px solid #000;} div.ec-base-help ul {margin:0;} /* 마이페이지 좌측메뉴 */ .myshopArea .xans-myshop-main > .subTitle {padding-bottom:6px;} .myshopArea .xans-myshop-main > .subTitle:first-child {margin:0;} .myshopArea .xans-myshop-main h3 {font-weight:500;} .myshopArea .xans-myshop-main .menu li {margin:10px 0 0 0;} .myshopArea .xans-myshop-main .consult a {font-size:14px;} /* 마이페이지 나의주문처리 현황 */ .xans-myshop-orderstate .state__cs li {font-size:14px;} .xans-myshop-orderstate .state__cs li strong {font-weight:400;} /* 마이페이지 배송주소록 관리 */ .xans-myshop-addrlist .ec-base-table .message {font-size:16px;color:#9a9a9a;padding:64px 0;float:none;text-align:center;} .xans-myshop-addrlist .ec-base-table .message svg {margin:0 auto 16px auto;} .xans-myshop-addrlist .ec-base-table.typeList th {white-space:nowrap;} .xans-myshop-addrlist a[class^='btnEm'] {margin:0;line-height:1;background-color:#777;padding:5px 10px;height:auto;} .xans-myshop-addrlist a[class^='btnEm']:not(.disabled):hover {background-color:#000;background-color:var(--idio-theme-color);} .xans-myshop-addrregister .ec-base-table.typeWrite {border-top:2px solid #000;} .xans-myshop-addrregister .icoRequired {margin-right:12px;} .xans-myshop-addrregister .ec-base-table.typeWrite .ec-address li {margin-bottom:10px;} .xans-myshop-addrregister .ec-base-table.typeWrite .ec-address li#shippingRegist_detailAddr_wrap {margin:0;} .xans-myshop-addrregister .ec-base-table.typeWrite #ma_main_flag0 {margin-top:-3px;} .xans-myshop-addrmodify .ec-base-table.typeWrite {border-top:2px solid #000;} .xans-myshop-addrmodify .icoRequired {margin-right:12px;} .xans-myshop-addrmodify .ec-base-table.typeWrite .ec-address li {margin-bottom:10px;} .xans-myshop-addrmodify .ec-base-table.typeWrite .ec-address li#shippingUpdate_detailAddr_wrap {margin:0;} .xans-myshop-addrmodify .ec-base-table.typeWrite #ma_main_flag0 {margin-top:-3px;} /* 마이페이지 정기배송 관리 */ .xans-myshop-orderregularmanagelist .message {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);font-size:16px;color:#9a9a9a;padding:64px 0;} .xans-myshop-orderregularmanagelist .message svg {margin:0 auto 16px auto;} .xans-myshop-orderregularmanagelist.typeList th {white-space:nowrap;} .regularDeliveryPayInfo .ec-base-box .information .status {color:#000;} .xans-myshop-orderregularpg .ec-base-box {border:1px solid #ccc;border:1px solid var(--idio-border-color);border-top:2px solid #000;} /* 마이페이지 최근본상품 */ .xans-product-recentlist .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;} .xans-product-recentlist .ec-base-prdInfo .optionSelect {margin:0 0 24px 135px;} .xans-product-recentlist .xans-product-listitem {border-top:2px solid #000;} /* 마이페이지 위시리스트 */ .xans-myshop-wishlist .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;} .xans-myshop-wishlist .xans-myshop-wishlistitem {border-top:2px solid #000;} /* 마이페이지 주문조회 */ .xans-myshop-orderhistorylistitem .order .order__number {border-top:2px solid #000;} .xans-myshop-orderhistorylistitem .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;} /* 마이페이지 주문상세조회 */ .xans-myshop-orderhistorydetailbasic .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;} .xans-myshop-orderhistorydetail .ec-base-fold.theme1.gBottomLine > .title {border-bottom:2px solid #000;} /* 마이페이지 추천인 아이디 */ .xans-myshop-benefit .invite {margin:0;padding:50px 0;border:1px solid #ccc;border:1px solid var(--idio-border-color);border-top:0;text-align:center;} .xans-myshop-benefit .invite > div {display:block;padding:0 0 10px;color:#000;font-size:16px;} .xans-myshop-benefit .invite p input {padding:4px;max-width:450px;width:100%;height:40px;border:1px solid #ccc !important;color:#000;} .xans-myshop-benefit .invite ul {margin:15px 0 0;font-size:14px;line-height:1.5;color:#6a6a6a;} .xans-myshop-benefit .invite .btnNormal {display:inline-block;height:40px;margin:0;padding:0 10px;font-size:14px;line-height:40px;color:#000;cursor:pointer;vertical-align:middle;border:1px solid #ccc;border:1px solid var(--idio-border-color);-moz-box-sizing:border-box;box-sizing:border-box;} /* 장바구니 */ .xans-order-basketpackage .ec-base-fold.theme1 > .title {border-top:0;} .xans-order-basketpackage .ec-base-fold.theme1 > .title h3 {font-size:16px;} .xans-order-basketpackage .title.subTitle h4 {background-color:#f9f9f9;background-color:var(--idio-bg3-color);background-color:var(--idio-bg3-color);font-size:16px;} .xans-order-basketpackage .ec-base-prdInfo {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} .xans-order-basketpackage .ec-base-prdInfo .btnDelete {top:33px;} .xans-order-basketpackage .ec-base-prdInfo .prdBox {padding:35px 0;} .xans-order-basketpackage .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;} .xans-order-basketpackage .ec-base-prdInfo .description .prdName img {max-height:30px;} .xans-order-basketpackage .ec-base-prdInfo .optionGroup {margin:35px 0 0 37px;padding:10px 16px 13px;width:100%;background-color:#f9f9f9;background-color:var(--idio-bg3-color);background-color:var(--idio-bg3-color);font-size:14px;} .xans-order-basketpackage .ec-base-prdInfo .optionGroup .name {position:relative;padding:0 0 0 15px;} .xans-order-basketpackage .ec-base-prdInfo .optionGroup .name:before {content:'';position:absolute;width:6px;height:6px;top:7px;left:0;background:url("//www.cetera.co.kr/SkinImg/img/ico_option_modify.svg") no-repeat 0 0;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity {padding:0 0 0 37px;display:flex;align-items:center;width:100%;margin:24px 0;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .label {flex:1;font-size:14px;color:#7a7a7a;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty {width:123px;padding:0 40px;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty input[type="text"] {height:40px;line-height:38px;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty a {width:40px;height:40px;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty a:before {width:11px;left:14px;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty .up:after {height:11px;margin:-5px 0 0 0;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity [class^='btn'].sizeQty {height:40px;font-size:14px;padding:13px 20px;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .sumPrice {padding:24px 0 0 0;display:flex;align-items:center;width:100%;margin:0 0 24px 37px;border-top:1px solid #ccc;border-top:1px solid var(--idio-border-color);} .xans-order-basketpackage .ec-base-prdInfo.gCheck .sumPrice .label {flex:1;font-size:14px;color:#000;text-align:left;} .xans-order-basketpackage .ec-base-prdInfo .buttonGroup {position:static;width:100%;display:flex;margin:0 0 0 37px;;} .xans-order-basketpackage .ec-base-prdInfo .buttonGroup a {flex:1;height:50px;padding:16px 20px;font-weight:400;} .xans-order-basketpackage .ec-base-prdInfo .buttonGroup [class^='btn'] + [class^='btn'] {margin-left:8px;} .xans-order-basketpackage .summary {margin:0 0 40px 0;font-size:14px;padding:24px;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} .xans-order-basketpackage .summary .title h5 {font-size:14px;} .xans-order-basketpackage .summary strong {font-weight:400;} .xans-order-basketpackage .ec-base-button a {height:50px;padding:17px 20px;font-weight:400;font-size:14px;} .xans-order-basketpackage .cart-total {width:360px;} .xans-order-basketpackage .cart-total .sticky {top:100px;} .xans-order-basketpackage .cart-total .ec-base-help li {line-height:16px;} .xans-order-basketpackage .totalSummary {padding:30px 24px;} .xans-order-basketpackage .totalSummary__item {margin-bottom:16px;} .xans-order-basketpackage .totalSummary__item .title {font-size:16px;color:#000;} .xans-order-basketpackage .totalSummary__item .data {font-size:14px;color:#000;} .xans-order-basketpackage .totalSummary__item .data strong {font-size:16px;font-weight:400;color:#000;} .xans-order-basketpackage .totalSummary .total {margin-top:30px;padding-top:30px;border-top:1px solid #ccc;border-top:1px solid var(--idio-border-color);} .xans-order-basketpackage .totalSummary .total .title {font-size:16px;color:#000;} .xans-order-basketpackage .totalSummary .paymentPrice {color:#000;} .xans-order-basketpackage .ec-base-prdEmpty {border-top:0;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);font-size:13px;color:#9a9a9a;padding:14px 0 64px;display:flex;flex-direction:column;align-items:center;} .xans-order-basketpackage .ec-base-prdEmpty svg {margin-bottom:16px;} .xans-order-basketguide .inner ul {margin-top:15px;} /* 적립금 */ .xans-myshop-historylist h3 {font-weight:500;} /* 예치금 */ .xans-myshop-historylist h3 {font-weight:500;} .xans-myshop-deposithistorylist .ec-base-table .message {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);font-size:13px;color:#9a9a9a;padding:64px 0;} .xans-myshop-deposithistorylist .ec-base-table .message svg {margin:0 auto 13px auto;} .xans-myshop-depositsummary.ec-base-box.gHalf {border-top:2px solid #000;} /* 좋아요 */ .xans-myshop-likeproductlist .ec-base-table td {padding:25px 20px;} .xans-myshop-likeproductlist .ec-base-table td strong {font-weight:500;} .xans-myshop-likeproductlist .ec-base-table td .icon {display:none;} .xans-myshop-likeproductlist .ec-base-table td .button {display:none;} .xans-myshop-likeproductlist .ec-base-table td.thumb img {width:120px !important;} .xans-myshop-likeproductlist .ec-base-table .message {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);font-size:13px;color:#9a9a9a;padding:64px 0;} .xans-myshop-likeproductlist .ec-base-table .message svg {margin:0 auto 16px auto;} .xans-myshop-likecategorylist .ec-base-table .message {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);font-size:13px;color:#9a9a9a;padding:64px 0;} .xans-myshop-likecategorylist .ec-base-table .message svg {margin:0 auto 16px auto;} /* 커뮤니티 */ .xans-board-listpackage .ec-base-tab.typeMenu {display:none;} .xans-myshop-boardpackage .ec-base-table table td.subject img, .xans-board-listpackage .ec-base-table table td.subject img {height:auto;} .xans-board-listpackage-8 .boardListEmpty {margin:56px 0 0;} .xans-board-search {margin-left:auto;margin-right:auto;} .xans-board-function {width:100%;margin-top:30px;} .xans-board-read .ec-base-button.gBottom {margin-bottom:12px;} .xans-board-commentform input[type=checkbox] + label, .xans-board-commentwrite input[type=checkbox] + label {margin:0;} .xans-board-product .information h3 {padding:0;} .myshop_boardlist_empty {text-align:center;padding:64px 0;flex-direction:column;align-items:center;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);font-size:16px;color:#9a9a9a;display:none;} .myshop_boardlist_empty svg {margin-bottom:16px;} /* 검색페이지 */ .xans-product-searchdata .searchField .keywordArea {max-width:100% !important;} /* 상품 옵션변경 팝업 */ .ec-base-layer.typeModal {transform:translateY(-50%);} /* 모바일 우편번호 이미지 아이콘 */ .mCafe24Post.gMobile .addressList .address > a > img {height:13px;} /* 대량구매문의 */ .xans-board-inquiryform .ec-base-table.typeWrite .ec-address > li {margin-top:10px;} .xans-board-inquiryform .ec-base-table.typeWrite .ec-address > li:first-child {margin-top:0;} .xans-board-inquirymodify .ec-base-table.typeWrite .ec-address > li {margin-top:10px;} .xans-board-inquirymodify .ec-base-table.typeWrite .ec-address > li:first-child {margin-top:0;} .xans-board-inquiryhead .information h3 {margin:0 0 5px 0;} .xans-board-inquiryhead .information .price {font-weight:400;color:#000;} .xans-board-inquiryview .ec-base-table th {padding:14px 27px;} /* 기획전 페이지 */ .xans-project-list {border:0;margin:0;} .xans-project-list h3 {position:relative;} .xans-project-list h3 span {position:absolute;top:-110px;} @media screen and (max-width:1024px) { /* 목록페이지 중분류 */ .ec-base-tab.typeMenu {width:100%;height:45px;} .ec-base-tab.typeMenu .menu {flex-wrap:nowrap;} .ec-base-tab.typeMenu li a.button {font-size:16px;padding:16px 30px 14px 0px;margin:0 20px 0 0;} .ec-base-tab.typeMenu ul {overflow-x:auto;margin:0;} .ec-base-tab.typeMenu ul > li {margin:0;} .ec-base-tab.typeMenu ul > li .iconWrap {display:none;} .ec-base-tab.typeMenu li a.button:only-child {margin:0 20px 0 0px;} /* 비회원 주문조회 */ .xans-myshop-orderhistorynologin {max-width:420px !important;} /* 아이디찾기 */ .xans-member-findid {max-width:100%;} .xans-member-findid .ec-base-box.typeMember .content {width:100%;} /* 아이디찾기 완료 */ .xans-member-findidresult {max-width:100%;} .xans-member-findidresult .complete {width:100%;} /* 비밀번호찾기 */ .xans-member-findpasswd {max-width:100%;} .xans-member-findpasswd .ec-base-box.typeMember .content {width:100%;} /* 비밀번호찾기 2단계 */ .xans-member-findpasswdmethod {max-width:100%;} /* 비밀번호찾기 2단계 힌트 */ .xans-member-findPasswdQuestion {max-width:100%;} .xans-member-findPasswdQuestion .ec-base-box.typeMember .content {width:100%;} /* 비밀번호찾기 재설정 */ .xans-member-passwordreset {max-width:100%;} .xans-member-passwordreset .ec-base-box.typeMember .content {width:100%;} /* 비밀번호찾기 본인확인 */ .xans-member-passwordverification {max-width:100%;} .xans-member-passwordverification .ec-base-box.typeMember .content {width:100%;} /* 비밀번호찾기 완료 */ .xans-member-findpasswdresult {max-width:100%;} .xans-member-findpasswdresult .complete {width:100%;} /* 회원가입 약관 */ .xans-member-join {max-width:100%;} /* 회원가입 */ .xans-member-join .titleArea--middle {display:flex;justify-content:space-between;align-items:baseline;padding:0 0 16px;background:none;margin:0;} .xans-member-join .ec-base-table {padding-top:20px;} .xans-member-join .ec-base-table.typeWrite th[scope*="row"] {padding-left:0;margin:0 0 8px;} .xans-member-join .icoRequired {margin-right:10px;} .xans-member-join .ec-base-table {padding-top:20px;} .xans-member-join .ec-base-table.typeWrite td {padding:0;} .xans-member-join .ec-base-table.typeWrite td input[type="text"], .xans-member-join .ec-base-table.typeWrite td input[type="password"], .xans-member-join .ec-base-table.typeWrite td select {width:100%;} .xans-member-join .ec-base-table.typeWrite td.formGroup {padding-left:0 !important;} .xans-member-join .ec-base-table.typeWrite .ec-address input[type="text"], .xans-member-join .ec-base-table.typeWrite .ec-address select {width:100%;} .xans-member-join .ec-base-table.typeWrite tr {margin:0 0 24px;} /* 회원가입 완료 */ .xans-member-joincomplete .joinComplete {padding:40px 0;} .xans-member-joincomplete .joinComplete .memberSpecial ul li {text-align:center;} .xans-member-joincomplete .joinComplete .ec-base-box .information .description {display:flex;justify-content:center;} /* 회원정보수정 */ .xans-myshop-asyncbenefit {max-width:100%;} .xans-myshop-asyncbenefit .benefit {padding:0;} .xans-myshop-asyncbenefit .benefit .description, .xans-myshop-asyncbenefit .benefit .user {padding:24px 16px;} .xans-member-edit .titleArea--middle {background:none;padding:0;margin:40px 0 16px 0;} .xans-member-edit .ec-base-table.typeWrite th[scope*="row"] {padding:0;margin:0 0 8px;} .xans-member-edit .ec-base-table.typeWrite th.member_id {margin:10px 0 8px;} .xans-member-edit .icoRequired {margin-right:10px;} .xans-member-edit .ec-base-table.typeWrite td {padding:0;} .xans-member-edit .ec-base-table.typeWrite td input[type="text"], .xans-member-edit .ec-base-table.typeWrite td input[type="password"], .xans-member-edit .ec-base-table.typeWrite td select {width:100%;} .xans-member-edit .ec-base-table.typeWrite td.formGroup {padding-left:0 !important;} .xans-member-edit .ec-base-table.typeWrite .ec-address input[type="text"], .xans-member-edit .ec-base-table.typeWrite .ec-address select {width:100%;} .xans-member-edit .ec-base-table.typeWrite tr {margin:0 0 24px;} .xans-member-edit #phone3, .xans-member-edit #mobile3 {margin-right:0;} .xans-member-edit .func_del {margin-left:0;} /* 마이페이지 회원간편정보 */ .xans-myshop-asyncbankbook {border:0;border-top:1px solid #ccc;border-top:1px solid var(--idio-border-color);border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);} .xans-myshop-asyncbankbook .xans-myshop-asyncbenefit {flex:auto;} .xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user {flex-direction:column;align-items:center;padding:40px 0;} .xans-myshop-asyncbankbook .user__thumb {width:60px;height:60px;margin:0;} .xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user .user__info {text-align:center;margin:16px auto 0;} .xans-myshop-asyncbankbook li {padding:25px 0;} .xans-myshop-asyncbankbook li:first-child::after {display:none;} /* 마이페이지 공통 */ .myshopArea {width:100%;max-width:calc(1480px - 280px) !important;padding:0 !important;margin:0 auto !important;min-height:auto;} .myshopArea.section_full {width:100% !important;} .myshopArea .titleArea--middle {background:none;padding:0;margin:40px 0 16px 0;} div.ec-base-help > h2, div.ec-base-help > h3 {padding-left:0;} /* 마이페이지 나의주문처리 현황 */ .xans-myshop-orderstate .state__cs li {font-size:14px;} .xans-myshop-orderstate .state__cs li strong {font-weight:400;font-size:14px;} /* 마이페이지 좌측메뉴 */ .myshopArea .xans-myshop-main .subTitle {display:block;margin:0;background:none;padding:40px 0 16px 0;} .myshopArea .xans-myshop-main .menu {border-top:2px solid #000;padding-top:6px;} .myshopArea .xans-myshop-main .menu li {margin:12px 0 0 0;border:0;} .myshopArea .xans-myshop-main .menu li a {color:#6a6a6a;padding:0;} .myshopArea .xans-myshop-main .menu li a:after {display:none;} .myshopArea .xans-myshop-main .consult {margin:40px 0 0;} /* 마이페이지 주문내역 조회 */ .xans-myshop-orderhistoryhead {padding:0;} .xans-myshop-orderhistoryhead fieldset {width:auto;min-width:0;max-width:none;} .xans-myshop-orderhistoryhead .fText {min-width:110px;} /* 마이페이지 쿠폰내역 */ .xans-myshop-couponserial .couponSerial {padding:16px;} /* 마이페이지 배송주소록 관리 */ .xans-myshop-addrlist a[class^='btnEm'] {color:#fff !important;} .xans-myshop-addrlist .ec-base-table {border-top:2px solid #000;} .xans-myshop-addrlist .ec-base-table.typeList tr {padding:20px 0 19px;} .xans-myshop-addrlist .ec-base-table.typeList td {line-height:31px;} .xans-myshop-addrlist .ec-base-table table tr td:nth-child(8) {width:100%;text-align:right;padding:0;} .xans-myshop-addrregister .ec-base-table.typeWrite th {padding:24px 0 8px;} .xans-myshop-addrregister .ec-base-table.typeWrite td {padding:0 0 0;} .xans-myshop-addrregister .icoRequired {margin-right:10px;} .xans-myshop-addrregister #ma_rcv_phone1, .xans-myshop-addrregister #ma_rcv_mobile_no1 {margin-left:0;} .xans-myshop-addrregister .ec-base-table tr.right {margin-top:10px;} .xans-myshop-addrregister .ec-base-table tr.right label {margin-right:5px;} .xans-myshop-addrmodify .ec-base-table.typeWrite th {padding:24px 0 8px;} .xans-myshop-addrmodify .ec-base-table.typeWrite td {padding:0 0 0;} .xans-myshop-addrmodify .icoRequired {margin-right:10px;} .xans-myshop-addrmodify #ma_rcv_phone1, .xans-myshop-addrmodify #ma_rcv_mobile_no1 {margin-left:0;} .xans-myshop-addrmodify .ec-base-table tr.right {margin-top:10px;} .xans-myshop-addrmodify .ec-base-table tr.right label {margin-right:5px;} /* 마이페이지 정기배송 관리 */ .regularDeliveryPayInfo .ec-base-box .information .title {display:none;} .regularDeliveryPayInfo .ec-base-box .information .status {padding:0;} .regularDeliveryPayInfo .ec-base-box .information .info {padding:13px 0 0;} .regularDeliveryPayInfo ul li {background:none;padding:0;} /* 마이페이지 최근본상품 */ .xans-product-recentlist .ec-base-prdInfo .prdBox {padding:24px 0;} .xans-product-recentlist .ec-base-prdInfo .btnDelete {right:0;} .xans-product-recentlist .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;} .xans-product-recentlist .ec-base-prdInfo .optionSelect {margin:0 0 24px 0;} /* 마이페이지 위시리스트 */ .xans-myshop-wishlist .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;} .xans-myshop-wishlist .ec-base-prdInfo .prdBox {padding:24px 0;} .xans-myshop-wishlist .ec-base-prdInfo .btnDelete {right:0;} /* 마이페이지 주문조회 */ .xans-myshop-orderhistorylistitem .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;} .xans-myshop-orderhistorylistitem .ec-base-prdInfo .prdBox {padding:24px 0;} /* 마이페이지 주문상세조회 */ .xans-myshop-orderhistorydetailbasic .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;} /* 마이페이지 취소 */ .xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .prdBox, .xans-myshop-orderhistoryapplycancel .ec-base-table.typeWrite td, .xans-myshop-orderhistoryapplycancel .ec-base-table.typeWrite th {padding-left:0;padding-right:0;} /* 마이페이지 교환 */ .xans-myshop-orderhistoryapplyexchange .ec-base-prdInfo .prdBox, .xans-myshop-orderhistoryapplyexchange .ec-base-table.typeWrite td, .xans-myshop-orderhistoryapplyexchange .ec-base-table.typeWrite th {padding-left:0;padding-right:0;} /* 마이페이지 반품 */ .xans-myshop-orderhistoryapplyreturn .ec-base-prdInfo .prdBox, .xans-myshop-orderhistoryapplyreturn .ec-base-table.typeWrite td, .xans-myshop-orderhistoryapplyreturn .ec-base-table.typeWrite th {padding-left:0;padding-right:0;} .xans-myshop-orderhistoryapplyreturn .question {display:block;} /* 마이페이지 추천인 아이디 */ .xans-myshop-benefit .invite {margin:0;padding:25px 0;border:0;border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);width:108%;margin-left:-4%;} .xans-myshop-benefit .invite > div {font-size:14px;} .xans-myshop-benefit .invite p input {padding:4px;max-width:auto;width:60%;height:40px;border:1px solid #ccc !important;color:#000;} .xans-myshop-benefit .invite ul {margin:10px 0 0;font-size:13px;} /* 장바구니 */ .xans-order-basketpackage .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;} .xans-order-basketpackage .ec-base-prdInfo .description .prdName img {height:20px;} .xans-order-basketpackage .ec-base-prdInfo .optionGroup {margin:35px 0 0 0;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity {padding:0;} .xans-order-basketpackage .ec-base-prdInfo.gCheck .sumPrice {margin:0 0 24px 0;} .xans-order-basketpackage .ec-base-prdInfo .buttonGroup {padding:0;margin:0;} .xans-order-basketpackage .ec-base-button {margin:0;} .xans-order-basketpackage .ec-base-button > div {display:flex;width:100%;} .xans-order-basketpackage .ec-base-button a {flex:1;margin-bottom:10px;} .xans-order-basketpackage .cart-total {width:100%;margin-top:30px;} .xans-order-basketpackage .totalSummary {margin:0 0 24px 0;} .xans-order-basketpackage .typeModal .ec-base-button {margin:0 20px 10px;} .xans-order-basketpackage .ec-base-button.gFixed > div {width:auto;} /* 검색페이지 */ .xans-product-searchdata .searchResult {padding:40px 0 0 !important;} .xans-product-searchdata .searchField {margin:0 !important;padding:0 0 24px !important;} /* 좋아요 */ .xans-myshop-likeproductlist .ec-base-table colgroup {display:none;} .xans-myshop-likeproductlist .ec-base-table td {padding:25px 5px;} .xans-myshop-likeproductlist .ec-base-table td.thumb {width:80px} .xans-myshop-likeproductlist .ec-base-table td.thumb img {width:80px !important;} /* 예치금 */ .xans-myshop-depositsummary {margin-bottom:20px;} .xans-myshop-deposithistorylist h3 {padding:19px 15px;line-height:1.5;background-color:#f6f6f6;background-color:var(--idio-bg3-color);font-weight:500;} .xans-myshop-deposithistorylist .item {margin-top:25px;} .xans-myshop-deposithistorylist .ec-base-table {border:0;} .xans-myshop-deposithistorylist .ec-base-table th {background-color:#fff;background-color:var(--idio-bg2-color);color:#6d6d6d;} .xans-myshop-deposithistorylist .message {border-bottom:1px solid #ccc;border-bottom:1px solid var(--idio-border-color);font-size:16px;color:#9a9a9a;padding:64px 0;text-align:center;} .xans-myshop-deposithistorylist .message svg {margin:0 auto 16px auto;} /* 버튼 */ .ec-base-button.gBottom [class^='btn'] {margin-bottom:0;} .ec-base-button.gBottom .gLeft, .ec-base-button.gBottom .gRight {flex-wrap:wrap;} .ec-base-button.gBreak > [class^='btn'], .ec-base-button.gBreak .gBreak [class^='btn'] {margin-left:0;margin-right:0;} /* 커뮤니티 */ .xans-board-movement li, .xans-board-read .ec-base-table .detail, .xans-board-read .ec-base-table .head {padding-left:0;padding-right:0;} .xans-board-commentlist .boardComment li .name {float:none;display:block;margin-bottom:5px;} .xans-board-commentlist .boardComment li .date {margin-left:0;} .xans-board-read .ec-base-table .etcArea li {padding:0 8px 0 0;} .xans-board-commentlist .ec-base-button, .xans-board-commentlist .boardComment li .formGroup button, .xans-board-commentlist .boardComment li .formGroup .button, .xans-board-commentlist .boardComment li .comment, .xans-board-commentlist .boardComment li div.commentTop {margin-left:0;margin-right:0;} /* 커뮤니티 글쓰기 */ .xans-board-reply .ec-base-table.typeWrite td, .xans-board-reply .ec-base-table.typeWrite th, .xans-board-modify .ec-base-table.typeWrite td, .xans-board-modify .ec-base-table.typeWrite th, .xans-board-write .ec-base-table.typeWrite td, .xans-board-write .ec-base-table.typeWrite th {padding-left:0;padding-right:0;} .xans-board-modify .ec-base-table.typeWrite td #email2, .xans-board-write .ec-base-table.typeWrite td #email2 {width:45%;} [class^='btn'][class*='Fix'].sizeM {min-width:110px;} .xans-board-commentwrite .outside {flex-wrap:wrap;} .xans-board-commentwrite .outside .secret {width:60%;} .xans-board-commentwrite .input .ec-base-help {width:60%;} /* 대량구매문의 */ .xans-board-inquiryview .ec-base-table th {padding:14px 14px;} .xans-board-inquiryhead .information h3 {padding:0;} .xans-board-inquirymodify .required {margin:10px 0;} .xans-board-inquirymodify .ec-base-table.typeWrite th, .xans-board-inquirymodify .ec-base-table.typeWrite td {padding-left:0;padding-right:0;} .xans-board-inquirymodify select {margin-left:0 !important;} .xans-board-inquirysearch {margin:10px 0 0px -10px;} .xans-board-inquiryform .ec-base-table.typeWrite th, .xans-board-inquiryform .ec-base-table.typeWrite td {padding-left:0;padding-right:0;} .xans-board-inquiryform select {margin-left:0 !important;} .xans-board-inquiryform .titleArea--middle {background-color:#fff;background-color:var(--idio-bg2-color);padding:27px 0 0;} /* 페이지경로 */ .path {margin:0;padding:0;} /* 기획전 페이지 */ .xans-project-list h3 span {position:absolute;top:-85px;} } @media all and (max-width:767px) { /* 목록페이지 중분류 */ .ec-base-tab.typeMenu li a {font-size:14px;} .ec-base-tab.typeMenu li a.button {font-size:14px;padding:16px 10px 14px 0px;} /* 회원가입 */ .xans-member-join .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {content:' ';white-space:pre;} .xans-member-join .ec-base-table.typeWrite table .interest label:nth-child(4n)::after {content:'\a';white-space:pre;} /* 회원정보수정 */ .xans-member-edit .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {content:' ';white-space:pre;} .xans-member-edit .ec-base-table.typeWrite table .interest label:nth-child(4n)::after {content:'\a';white-space:pre;} /* 배송 주소록 관리 */ .xans-myshop-addrlist .ec-base-table table tr td:nth-child(2) {width:100%;} .xans-myshop-addrlist .ec-base-table.typeList td {line-height:1.3;} } /* 레이아웃 변경 */ @media all and (min-width:1024px) { /* layout02 */ #header.layout02 .inner .top_nav_box {flex-wrap:wrap;position:relative;} #header.layout02 .inner .top_nav_box .top_mypage {top:80px;} #header.layout02 .inner .top_nav_box .top_logo {width:100%;} #header.layout02 .inner .top_nav_box .top_category {margin:0 165px;justify-content:center;} #header.layout02 .inner .top_nav_box .top_category > ul {justify-content:center;} #footer.layout02 .inner .inner_t .info_right {order:1;margin:0;width:46%;} #footer.layout02 .inner .inner_t .info_right .bt_util ul {justify-content:flex-start;} #footer.layout02 .inner .inner_t .info_right .bt_util ul li:first-child {margin-left:0px;} #footer.layout02 .inner .inner_t .info_left {order:2;width:46%;text-align:right;} #footer.layout02 .inner .inner_t .info_left .bt_info .bt_info_list {justify-content:flex-end;margin:0 0 0 auto;} #footer.layout02 .inner .inner_t .info_left .bt_info .bt_info_list > div {margin:0 0 0 10px;} #footer.layout02 .inner .inner_b .bt_escrow {order:1;} #footer.layout02 .inner .inner_b .bt_copyright {order:2;width:46%;text-align:right;} /* layout03 */ #header.layout03 .inner .top_nav_box {flex-wrap:wrap;align-items:flex-start;position:relative;} #header.layout03 .inner .top_nav_box .top_mypage {position:absolute;right:0;top:20px;height:40px;} #header.layout03 .inner .top_nav_box .top_category {margin:0;} #header.layout03 .inner .top_nav_box .top_category > ul > li {padding:0 50px 0 0;} #header.layout03 .inner .top_nav_box .top_mypage a.xans-layout-orderbasketcount .count {top:20px;} #footer.layout03 .inner .inner_t {align-items:center;flex-direction:column;} #footer.layout03 .inner .inner_t .info_left {order:1;text-align:center;} #footer.layout03 .inner .inner_t .info_left .bt_info {margin-bottom:30px;} #footer.layout03 .inner .inner_t .info_left .bt_info .bt_info_list {justify-content:center;margin:0 auto;} #footer.layout03 .inner .inner_t .info_left .bt_info .bt_info_list > div {margin:0 5px;} #footer.layout03 .inner .inner_t .info_left .bt_logo {margin-bottom:30px;} #footer.layout03 .inner .inner_t .info_left .bt_tel {margin-bottom:15px;} #footer.layout03 .inner .inner_t .info_right {order:2;margin:0;display:flex;flex-direction:column-reverse;} #footer.layout03 .inner .inner_t .info_right .bt_util {margin-bottom:30px;} #footer.layout03 .inner .inner_t .info_right .bt_util ul {justify-content:center;} #footer.layout03 .inner .inner_t .info_right .bt_util ul li:first-child {margin-left:0;} #footer.layout03 .inner .inner_t .info_right .wrap_cs {flex-direction:column;align-items:center;} #footer.layout03 .inner .inner_t .info_right .wrap_cs .cs_center_txt, #footer.layout03 .inner .inner_t .info_right .wrap_cs .bank_txt, #footer.layout03 .inner .inner_t .info_right .wrap_cs .sns_txt {margin:0 0 30px;text-align:center;} #footer.layout03 .inner .inner_t .info_right .wrap_cs .sns_txt a {display:inline-block;margin:0 7px;} #footer.layout03 .inner .inner_b {margin-top:0;flex-direction:column;align-items:center;} #footer.layout03 .inner .inner_b .bt_copyright {margin-bottom:30px;} #footer.layout03 .inner .inner_b .bt_copyright br {display:none;} /* layout04 */ #header.layout04 .inner .top_nav_box .top_category {margin:0;order:1;} #header.layout04 .inner .top_nav_box .top_category > ul > li {padding:0 50px 0 0;} #header.layout04 .inner .top_nav_box .top_logo {order:2;margin:0 50px 0 0;} #header.layout04 .inner .top_nav_box .top_mypage {order:3;position:static;} /* 풀사이즈 */ .section_full {width:100% !important;max-width:100% !important;} }