text:
@charset "UTF-8";
@import url("reset.css");
@import url("font.css");
html, body { min-height: 100%; height: 100%; }

html, body, input, button, textarea, select, a { font-family: "GT America", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans TC", "Noto Sans JP", sans-serif; }

a:focus, button:focus, input:focus, select:focus, textarea:focus { outline: none; }

.wrap { padding: 0 0 0; color: #000; font-size: 0; min-height: 100vh; }

.wrap.menu-opened .wrap-inner { z-index: 10; }

.wrap .show-mobile a { display: block; color: #fff; background: #000; text-align: center; font-size: 1.4rem; line-height: 5rem; }

.mobile-only { display: none; }

.mobile-pc .mobile-only { display: inherit; }

.header-wrap { position: fixed; width: 100%; left: 0; top: 0; z-index: 10; /* s: 메인 header */ /* e: 메인 header */ }

.header-wrap.no-util-btn .header-box { padding: 0 45px; }

.header-wrap.no-util-btn .header-box .btn-box { position: absolute; top: 50%; left: 15px; margin-top: -16px; width: 30px; }

.header-wrap.no-util-btn .header-box .util-btn-box { display: none; }

.header-wrap.no-util-btn ~ .contents-wrap { min-height: calc(100vh - 288px); }

.header-wrap .header-box { height: 45px; padding: 0 15px 0 11px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; border-bottom: 1px solid #000; }

.header-wrap .header-box .title-box { flex: 1 0 auto; width: calc(100% - 160px); }

.header-wrap .header-box .title-box .ptitle { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; display: block; line-height: 2.2rem; }

@media screen and (max-width: 320px) { .header-wrap .header-box .title-box .ptitle { font-size: 1.4rem; } }

.header-wrap .header-box .title-box ~ .util-btn-box { overflow: hidden; width: 75px; }

@media screen and (max-width: 320px) { .header-wrap .header-box .title-box ~ .util-btn-box { width: 70px; } }

.header-wrap .header-box .util-btn-box { text-align: right; }

.header-wrap .header-box .util-btn-box .hbtn-text { line-height: 2.2rem; }

@media screen and (max-width: 320px) { .header-wrap .header-box .util-btn-box .hbtn-text { font-size: 1.4rem; } }

.header-wrap .header-box .btn-box { overflow: hidden; width: 75px; }

@media screen and (max-width: 320px) { .header-wrap .header-box .btn-box { width: 70px; } }

.header-wrap .header-box.mod-black { background: #000; }

.header-wrap .header-box.mod-black .hbtn-arrow-back:before { background-image: url("../images/ui/button/ui_header_btn_back_black.png"); }

.header-wrap .mheader-box { height: 81px; background-color: #fff; border-bottom: 1px solid #000; }

.header-wrap .mheader-box [class*=mheader-] { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; border-top: 1px solid #000; }

.header-wrap .mheader-box .mheader-bottom .mbtn { width: 50%; }

.header-wrap .mheader-box .mbtn { padding: 11px 5px 10px; min-width: 86px; font-size: 1.4rem; font-weight: 300; line-height: 1.8rem; color: #000; text-transform: uppercase; text-align: center; }

.header-wrap .mheader-box .mbtn.is-active { background: #000; color: #fff; }

.header-wrap .mheader-box .special-banner-wrap { flex: 1; position: relative; height: 39px; overflow: hidden; border-right: 1px solid #000; }

.header-wrap .mheader-box .special-banner-wrap .special-banner-link { display: block; overflow: hidden; height: 39px; }

.header-wrap .mheader-box .special-banner-wrap .special-banner-marquee { line-height: 41px; font-size: 1rem; font-weight: 300; letter-spacing: 0.5px; }

.header-wrap .mheader-box .special-banner-wrap .btn-close { position: absolute; top: 50%; right: 5px; width: 20px; height: 20px; margin-top: -10px; }

.header-wrap .mheader-box .special-banner-wrap .btn-close span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.header-wrap .mheader-box .special-banner-wrap .btn-close:before, .header-wrap .mheader-box .special-banner-wrap .btn-close:after { content: ''; position: absolute; top: 4px; left: 50%; display: block; width: 1px; height: 13px; background: #000; }

.header-wrap .mheader-box .special-banner-wrap .btn-close:before { transform: rotate(45deg); }

.header-wrap .mheader-box .special-banner-wrap .btn-close:after { transform: rotate(-45deg); }

.wrap { /* s: bottom-fix-nav */ /* e: bottom-fix-nav */ }

.wrap .contents-padding { padding-left: 15px; padding-right: 15px; }

.wrap .bottom-fix-nav { position: fixed; width: 100%; left: 0; z-index: 200; bottom: 0; }

.wrap .bottom-fix-nav .btn-arrow-top { opacity: 0; }

.wrap .bottom-fix-nav .btn-arrow-top.is-active { opacity: 1; -webkit-transition: opacity 0.23s ease-out; transition: opacity 0.23s ease-out; -webkit-backface-visibility: hidden; }

.wrap .bottom-fix-nav .docker-box { background: #fff; opacity: 1; }

.wrap .bottom-fix-nav.scroll-down .docker-box { opacity: 0; }

.wrap .bottom-fix-nav.detail-bottom-fix-nav { background: #fff; }

/*/Android/i.test(navigator.userAgent);*/
.contents-wrap { position: relative; min-height: calc(100vh - 288px); padding-top: 45px; padding-top: calc(constant(safe-area-inset-top) + 45px); padding-top: calc(env(safe-area-inset-top) + 45px); padding-bottom: 30px; }

.contents-wrap .contents-box-wrap { margin-bottom: -1px; background-color: #f2f2f2; }

.contents-wrap .contents-box-wrap .content-box { margin-top: 15px; background: #fff; border-top: 1px solid #000; border-bottom: 1px solid #ccc; }

.contents-wrap .contents-box-wrap .content-box .toggle-title-box { min-height: 45px; }

.contents-wrap .contents-box-wrap .content-box .toggle-title-box .toggle-title { flex: 1; }

.contents-wrap .contents-box-wrap .content-box .toggle-title-box .ico-toggle { margin-left: 15px; }

.contents-wrap .contents-box-wrap .content-box .tab-wrap { margin-top: -1px; border-top: 1px solid #ccc; }

.contents-wrap .contents-box-wrap .content-box:first-child { border-top: 0; margin-top: 0; }

.contents-wrap .contents-box-wrap .content-box.fold-box > .fold-box-header .toggle-title-box { border-bottom-color: transparent; }

.contents-wrap .contents-box-wrap .content-box.fold-box > .fold-box-contents { display: none; }

.contents-wrap .contents-box-wrap .content-box.fold-box.expanded > .fold-box-header .toggle-title-box { border-bottom: 1px solid #f2f2f2; }

.contents-wrap .contents-box-wrap .content-box.fold-box.expanded > .fold-box-contents { display: block; }

.contents-wrap .contents-box-wrap:last-child { padding-bottom: 15px; }

.contents-wrap .cont-padding { padding-left: 15px; padding-right: 15px; }

.contents-wrap .content-gray-box { background-color: #f2f2f2; }

.wrap .wrap-inner .mheader-wrap ~ .contents-wrap { min-height: auto; padding-top: 80px; padding-bottom: 0; padding-top: calc(constant(safe-area-inset-top) + 80px); padding-top: calc(env(safe-area-inset-top) + 80px); }

.wrap.has-footer-padding .wrap-inner .contents-wrap { min-height: calc(100vh - 366px); }

.contents-wrap.no-bottom { min-height: 100vh; padding-bottom: 60px; padding-bottom: calc(constant(safe-area-inset-bottom) + 60px); padding-bottom: calc(env(safe-area-inset-bottom) + 60px); }

.contents-wrap.no-bottom .no-data.full.no-bottom-fix-type { padding-top: 60px; height: calc(100vh - 105px); }

.contents-wrap.no-header-bottom { padding: 0; }

/* s: layout footer */
.footer-wrap { position: relative; padding: 0 0 20px; border-top: 1px solid #000; background-color: #f2f2f2; }

.wrap .wrap-inner .mheader-wrap ~ .footer-wrap { margin-top: -1px; }

.wrap.has-footer-padding .bottom-fix-nav ~ .footer-wrap { padding-bottom: 75px; }

.footer-wrap .sns-link-box { position: relative; padding: 5px 7px 5px 8px; }

.footer-wrap .sns-link-box .sns-link { display: inline-block; padding: 5px; margin: 0 3px 0 2px; }

.footer-wrap .sns-link-box .sns-link:before { content: ''; width: 20px; height: 20px; display: block; background-image: url("../images/common/comm_footer_sns.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 103px 20px; display: inline-block; }

.footer-wrap .sns-link-box .sns-link span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.footer-wrap .sns-link-box .sns-link.facebook:before { background-position: -21px 0; }

.footer-wrap .sns-link-box .sns-link.instagram:before { background-position: -42px 0; }

.footer-wrap .sns-link-box .sns-link.pcver:before { width: 40px; background-position: -64px 0; }

.footer-wrap .fold-box-list { border-top: 1px solid #ddd; }

.footer-wrap .fold-box-list .fold-box .toggle-title-box { border-bottom-color: #ddd; }

.footer-wrap .fold-box-list .fold-box .toggle-title-box .toggle-title { text-transform: uppercase; font-size: 1.3rem; line-height: 2.2rem; }

.footer-wrap .fold-box-list .fold-box.expanded .fold-box-header .toggle-title-box { border-bottom-color: #eaeaea; }

.footer-wrap .fold-box-list .fold-box.expanded .fold-box-contents { border-bottom-color: #ddd; padding: 12px 15px 7px; }

.footer-wrap .fold-box-list .fold-box .fold-box-contents .sub-menu-list .list-item { padding: 1px 0 2px; }

.footer-wrap .fold-box-list .fold-box .fold-box-contents .sub-menu-list .list-item .sub-title { font-size: 1.3rem; line-height: 2.2rem; }

.footer-wrap .fold-box-list .fold-box .fold-box-contents .company-info-wrap { padding: 3px 0; }

.footer-wrap .fold-box-list .fold-box .fold-box-contents .company-info-wrap .company-name { font-size: 1.3rem; line-height: 2.2rem; }

.footer-wrap .fold-box-list .fold-box .fold-box-contents .company-info-wrap .company-datail-info { margin-top: 7px; }

.footer-wrap .fold-box-list .fold-box .fold-box-contents .company-info-wrap .company-datail-info .item, .footer-wrap .fold-box-list .fold-box .fold-box-contents .company-info-wrap .company-datail-info .gap { display: inline-block; font-size: 1.1rem; line-height: 2rem; }

.footer-wrap .fold-box-list .fold-box .fold-box-contents .company-info-wrap .company-datail-info .gap { width: 11px; text-align: center; }

.footer-wrap .fold-box-list .fold-box .fold-box-contents .company-info-wrap .company-datail-info .footer-anchor { margin-left: 5px; font-size: 10px; color: #333; text-decoration: underline; }

.footer-wrap .footer-link-list { margin-top: 20px; text-align: center; }

.footer-wrap .footer-link-list li { display: inline-block; }

.footer-wrap .footer-link-list li .footer-link { display: inline-block; font-size: 1.1rem; line-height: 1.8rem; vertical-align: top; }

.footer-wrap .footer-link-list li .footer-link.family { position: relative; padding-right: 12px; }

.footer-wrap .footer-link-list li .footer-link.family:after, .footer-wrap .footer-link-list li .footer-link.family:before { content: ''; position: absolute; top: 8px; right: 0; display: block; width: 7px; height: 1px; background: #000; }

.footer-wrap .footer-link-list li .footer-link.family:after { width: 7px; transform: rotate(90deg); }

.footer-wrap .footer-link-list li ~ li { margin-left: 15px; }

@media screen and (max-width: 320px) { .footer-wrap .footer-link-list li ~ li { margin-left: 7px; } }

.footer-wrap .copyright { margin-top: 10px; font-size: 1rem; font-weight: 300; line-height: 1.8rem; text-align: center; }

.company-intro-wrap { word-break: keep-all; word-wrap: break-word; }

.company-intro-wrap .ratio-img-wrap.intro-img .img-viewer { padding-top: 57.222%; /* 가로모드 */ }

@media all and (orientation: landscape) { .company-intro-wrap .ratio-img-wrap.intro-img .img-viewer { padding-top: 412px; } }

.company-intro-wrap .ratio-img-wrap.ceo-img { padding-top: 15px; }

.company-intro-wrap .ratio-img-wrap.ceo-img .img-viewer { background-color: transparent; background-size: auto 100%; padding-top: 83.333%; /* 가로모드 */ /* 가로모드 */ }

@media screen and (min-width: 720px) { .company-intro-wrap .ratio-img-wrap.ceo-img .img-viewer { padding-top: 600px; } }

@media all and (orientation: landscape) { .company-intro-wrap .ratio-img-wrap.ceo-img .img-viewer { padding-top: 300px; } }

.company-intro-wrap .ratio-img-wrap.ceo-sign-img { padding-top: 15px; }

.company-intro-wrap .ratio-img-wrap.ceo-sign-img .img-viewer { overflow: hidden; max-height: 97px; background-color: transparent; background-size: auto 100%; background-position: top right; padding-top: 29.3939%; }

.company-intro-wrap .ceo-sign-img { margin-left: auto; margin-top: 30px; width: 180px; text-align: right; }

.company-intro-wrap .ceo-sign-img img { width: 100%; }

.company-intro-wrap .intro-desc { padding: 30px 0; font-size: 1.3rem; line-height: 2.2rem; }

.company-intro-wrap .history-info-wrap { border-top: 1px solid #000; }

.company-intro-wrap .history-info-wrap .history-info-item { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }

.company-intro-wrap .history-info-wrap .history-info-item .history-title { width: 54px; font-size: 1.4rem; line-height: 1.9rem; }

.company-intro-wrap .history-info-wrap .history-info-item .history-list { width: calc(100% - 54px); padding-left: 20px; border-left: 1px solid #ccc; }

.company-intro-wrap .history-info-wrap .history-info-item .history-list li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }

.company-intro-wrap .history-info-wrap .history-info-item .history-list li .history-stitle { width: 56px; font-size: 1.3rem; line-height: 1.9rem; }

.company-intro-wrap .history-info-wrap .history-info-item .history-list li .history-desc { width: calc(100% - 56px); padding-left: 5px; font-size: 1.3rem; line-height: 1.9rem; font-weight: 300; color: #333; }

.company-intro-wrap .history-info-wrap .history-info-item .history-list li ~ li { margin-top: 8px; }

.company-intro-wrap .ceo-desc { margin-top: 30px; font-size: 1.5rem; font-weight: 500; line-height: 1.47; }

.company-intro-wrap .ceo-sdesc { margin-top: 30px; font-size: 1.3rem; line-height: 1.69; }

.company-intro-wrap .brand-intro-list { padding-top: 15px; }

.company-intro-wrap .brand-intro-list .brand-item .ratio-img-wrap .img-viewer { padding-top: 57.5757%; /* 가로모드 */ }

@media all and (orientation: landscape) { .company-intro-wrap .brand-intro-list .brand-item .ratio-img-wrap .img-viewer { padding-top: 190px; } }

@media screen and (min-width: 813px) { .company-intro-wrap .brand-intro-list .brand-item .ratio-img-wrap .img-viewer { padding-top: 57.5757%; } }

.company-intro-wrap .brand-intro-list .brand-item [class*=brand-intro-] { line-height: 2rem; }

.company-intro-wrap .brand-intro-list .brand-item .brand-intro-title { margin-top: 15px; font-size: 1.6rem; font-weight: 500; }

.company-intro-wrap .brand-intro-list .brand-item .brand-intro-stitle { margin-top: 6px; font-size: 1.4rem; font-weight: 300; color: #666; }

.company-intro-wrap .brand-intro-list .brand-item .brand-intro-desc { margin-top: 10px; font-size: 1.3rem; text-transform: uppercase; }

.company-intro-wrap .brand-intro-list .brand-item ~ .brand-item { margin-top: 30px; }

.company-intro-wrap .platform-intro-list { padding-top: 15px; }

.company-intro-wrap .platform-intro-list .platform-item { margin-top: 30px; }

.company-intro-wrap .platform-intro-list .platform-item .ratio-img-wrap .img-viewer { padding-top: 32.7272%; }

.company-intro-wrap .platform-intro-list .platform-item .platform-intro-desc { margin-top: 15px; font-size: 1.3rem; line-height: 2rem; }

.company-intro-wrap .btn-wrap { margin-top: 30px; }

.company-intro-wrap .btn-wrap .btn { width: 100%; }

.company-intro-wrap .btn-wrap .btn ~ .btn { margin-top: 5px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-titlebar { padding: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-titlebar .ui-dialog-title { display: none; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-titlebar .ui-dialog-titlebar-close { top: 13px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-title { height: 56px; padding-left: 50px; padding-right: 12px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents { height: calc(100% - 56px); }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-contents-wrap { padding-top: 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-contents-wrap .section { padding: 0 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-contents-wrap .section:first-child .common-text-item:first-of-type { padding-top: 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-contents-wrap .section:first-child.title .contents-col-wrap .common-text-item:first-of-type, .ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-contents-wrap .section:first-child.text-img .contents-col-wrap .common-text-item:first-of-type { padding-top: 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-contents-wrap .section.html { padding: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-contents-wrap .section ~ .section { margin-top: 40px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap { margin-top: 40px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap { margin-top: 40px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .write-inner { border: 1px solid #000; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; align-items: center; flex: 1; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .comment-input { flex: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; align-items: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .ip-byte-check { position: relative; flex: 1; border: 0; border-right: 1px solid #000; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; height: auto; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .ip-byte-check .byte-check-textarea { flex: 1; min-width: auto; padding: 12px 16px 10px 9px; height: 38px; font-family: "GT America", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans TC", "Noto Sans JP", sans-serif; border: 0; transition: height .1s ease-in-out; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .ip-byte-check .byte { padding: 16px 9px 0 0; border: none; font-size: 1rem; letter-spacing: -0.025rem; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .btn-gif-open { width: 35px; height: 25px; margin: 7px 8px 0 0; text-align: center; background: #f2f2f2; font-size: 1.1rem; letter-spacing: -0.028rem; font-family: "GT America", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans TC", "Noto Sans JP", sans-serif; transition: background-color 0.5s; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-img-wrap { position: relative; border: 1px solid #000; border-top: none; background: #f2f2f2; height: 66px; padding: 5px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-img-wrap .gif-wrap { height: 55px; margin-right: 90px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-img-wrap .gif-wrap img { display: block; height: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-img-wrap .btn-link { z-index: 1; position: absolute; top: 17px; right: 5px; padding: 10px; font-size: 1.1rem; text-decoration: underline; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .btn-write { width: 38px; height: 38px; display: block; background-image: url("../images/common/comm_detail_btn_write.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 30px 30px; background-color: #fff; background-position: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .btn-write span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; font-size: 1.1rem; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-list-box { display: none; overflow: hidden; position: absolute; top: 100%; left: -1px; right: -39px; border: 1px solid #000; background: #f2f2f2; height: 67px; padding: 5px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-list-box .gif-item { width: auto; height: 55px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-list-box .gif-item .btn-gif-select { position: relative; display: block; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-list-box .gif-item .btn-gif-select.is-active:after { z-index: 1; content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid #000; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-list-box .gif-item .gif-wrap { display: block; width: auto; height: 55px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-list-box .gif-item .gif-wrap img { display: block; height: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box .gif-list-box.swiper-container-horizontal .btn-gif-swiper { display: block; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box.is-gif-open .gif-list-box { z-index: 2; display: block; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box.is-gif-open .btn-gif-open { color: #fff; background: #000; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box.is-active .comment-input .ip-byte-check .byte-check-textarea { padding: 10px 16px 10px 9px; height: 72px; transition: height .1s ease-in-out; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box.is-active .comment-input .ip-byte-check .byte { position: absolute; right: 9px; bottom: 0; padding: 0; height: 19px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box.is-active .comment-input .ip-byte-check .btn-gif-open { margin-top: 8px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-write-box.is-active .btn-write { height: 72px; transition: all .1s ease-in-out; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-title { margin: 10px 0 7px; font-size: 1.2rem; line-height: 1.8rem; text-transform: uppercase; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list { border-top: 1px solid #f2f2f2; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item { padding: 10px 0 11px; border-bottom: 1px solid #f2f2f2; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .fold-box-header { display: block; padding-left: 30px; font-size: 1.2rem; font-family: "GT America", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans TC", "Noto Sans JP", sans-serif; line-height: 2rem; letter-spacing: -0.06rem; width: 100%; text-align: left; cursor: pointer; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .profile-flex-wrap .profile-right button ~ button { margin-left: 5px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .comment-text { display: block; margin-top: 4px; display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; line-height: 2rem; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .comment-gif { display: none; padding-top: 12px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .comment-gif .ratio-img-wrap { display: block; width: 116px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .comment-gif .ratio-img-wrap .img-viewer { padding-top: 0; background-color: transparent; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .comment-gif .ratio-img-wrap .img-viewer img { display: block; width: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .comment-write-box { margin-top: 10px; margin-bottom: 1px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .comment-write-box .btn-gif-swiper { font-size: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item.expanded .fold-box-header .comment-text { height: auto; max-height: none; text-overflow: initial; white-space: inherit; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item.expanded .fold-box-header .comment-gif { display: block; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item .comment-write-box { display: none; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item.is-mod .fold-box-header { display: none; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .comment-list .comment-item.is-mod .comment-write-box { display: block; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .comment-wrap .no-data { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .tab-wrap { margin-top: 40px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .tab-wrap .swiper-tab-box { position: -webkit-sticky; position: sticky; top: 0; z-index: 2; border-top: 1px solid #000; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .tab-wrap + .gate-banner-wrap { margin-top: 33px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .tab-wrap + .gate-banner-wrap .btn-swiper-arrow-wrap { display: block; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .detail-footer-wrap .banner-view-wrap img { max-width: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title { padding: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .title-img-item .ratio-img-wrap img { width: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-col-wrap .common-text-item { padding: 0 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-col-wrap .common-text-item .editor-wrap { text-align: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-col-wrap .common-text-item + .title-img-item { padding: 30px 15px 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-col-wrap .title-img-item + .common-text-item { padding-top: 30px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-col-wrap .title-img-item + .common-text-item .editor-wrap { text-align: left; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-row-wrap { position: relative; overflow: hidden; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-row-wrap .common-text-item { position: absolute; top: 30px; left: 15px; right: 15px; bottom: 40px; z-index: 2; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-row-wrap.left-img .editor-wrap { text-align: right; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-row-wrap.left-img .title-img-item { margin-right: 33.3333%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-row-wrap.right-img .editor-wrap { text-align: left; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.title .contents-row-wrap.right-img .title-img-item { margin-left: 33.3333%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.text .common-text-item[class*=size-]:after { content: ''; display: block; height: 0px; margin-top: 0px; background-position: bottom center !important; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.text-img .flex-box.col-1 .flex-box-contents ~ .flex-box-contents { margin-top: 20px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.button .link-btn-box + .link-btn-box { margin-top: 21px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.button .link-btn-box.center { text-align: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.button .btn-box + .btn-box { margin-top: 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.button .btn-box.center { text-align: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.prod { padding: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.prod .prod-grid-list { padding-top: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.prod .prod-grid-list .prod-item:first-child { padding-top: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.prod .prod-grid-list .prod-item:last-child { padding-bottom: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.prod .prod-grid-list:not(.col-1) .prod-item:nth-child(2) { padding-top: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.prod .prod-grid-list:not(.col-1) .prod-item:nth-last-child(-n + 2) { padding-bottom: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.prod .tab-wrap .tab-content .prod-grid-list { padding-top: 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.prod .banner-view-wrap { padding: 0 15px; margin-bottom: 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.prod .banner-view-wrap img { max-width: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img { padding: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .contents-banner-wrap .ratio-img-wrap { display: block; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .contents-banner-wrap .ratio-img-wrap img { display: block; max-width: 100%; width: 100%; margin: 0 auto; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .contents-gallery-wrap .contents-banner-wrap { margin: 0 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap { border-top: 1px solid #000; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-banner-wrap .contents-banner-swiper .contents-banner-item .view-center-area .view-button { width: auto; min-width: 190px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-banner-wrap .contents-banner-swiper .contents-banner-item .view-center-area.center .common-text-item .editor-wrap { text-align: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-banner-wrap .contents-banner-swiper .contents-banner-item .view-center-area.center .view-button { margin-left: auto; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .banner-contents-wrap { margin-bottom: 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .banner-contents-wrap .banner-contents-swiper .banner-contents-item .prod-item.individual { border-width: 1px 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .banner-contents-wrap .banner-contents-swiper .banner-contents-item .common-text-item { border-width: 1px 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-thumbnail-wrap { position: relative; height: 100%; padding: 0 30px 30px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-thumbnail-wrap .contents-thumbnail-item { width: 50px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-thumbnail-wrap .contents-thumbnail-item .ratio-img-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; height: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-thumbnail-wrap .contents-thumbnail-item .ratio-img-wrap img { display: block; max-width: 100%; width: 100%; margin: 0 auto; opacity: .5; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-thumbnail-wrap .contents-thumbnail-item:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ccc; opacity: .5; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-thumbnail-wrap .contents-thumbnail-item.swiper-slide-thumb-active .ratio-img-wrap img { opacity: 1; transition: opacity .1s ease-in-out; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-thumbnail-wrap .contents-thumbnail-item.swiper-slide-thumb-active:after { border-color: #000; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .pictorial-gallery-wrap .contents-thumbnail-wrap:after { content: ''; position: absolute; bottom: 0; left: 15px; right: 15px; border-bottom: 1px solid #ccc; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.content-img .swiper-wrapper:not(.contents-banner-swiper) .swiper-slide .common-text-item { border: 1px solid #000; padding: 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.video { padding: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.video .video-box .ratio-img-wrap img { display: block; width: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section.video .video-box .common-text-item { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; max-height: 100%; height: auto; z-index: 10; pointer-events: none; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap { position: relative; height: 100%; background-color: #f2f2f2; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-item .ratio-img-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; height: 100%; width: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-item .ratio-img-wrap img { display: block; max-width: 100%; width: 100%; margin: 0 auto; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-item .banner-view-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; height: 100%; align-items: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-item .banner-view-wrap .view-center-area { position: absolute; top: 30px; bottom: 40px; left: 15px; right: 15px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-direction: column; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-item .banner-view-wrap .view-center-area .common-text-item { height: auto; max-height: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-item .banner-view-wrap .view-center-area .common-text-item .editor-wrap { width: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-item .banner-view-wrap .view-center-area .view-button { margin-top: 20px; margin-right: auto; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .swiper-scrollbar + .contents-banner-count-wrap { padding-bottom: 63px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-count-wrap { position: absolute; width: 100%; background: rgba(255, 255, 255, 0.5); padding: 30px; font-family: "GT America", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans TC", "Noto Sans JP", sans-serif; left: 0; bottom: 0; z-index: 2; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-count-wrap .contents-count-title { text-align: center; text-transform: uppercase; font-size: 1.6rem; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-count-wrap .contents-count-wrap { margin-top: 23px; text-align: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-count-wrap .contents-count-wrap .count-item { display: inline-block; min-width: 38px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-count-wrap .contents-count-wrap .count-item .count-value, .ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-count-wrap .contents-count-wrap .count-item .count-desc { display: block; text-align: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-count-wrap .contents-count-wrap .count-item .count-value { font-size: 3.2rem; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .contents-banner-wrap .contents-banner-count-wrap .contents-count-wrap .count-item .count-desc { margin-top: 8px; font-size: 1.2rem; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .related-prod-wrap { margin-top: 15px; padding: 0 15px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .related-prod-wrap .related-prod-swiper .related-prod-item { width: 120px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .related-prod-wrap .related-prod-swiper .related-prod-item .prod-item { padding: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .related-prod-wrap .related-prod-swiper .related-prod-item .prod-item .info-wrap .prod-price-wrap .prod-price-value .prod-price-normal { text-decoration: initial; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .related-prod-wrap .related-prod-swiper .related-prod-item .prod-item .info-wrap .prod-price-wrap .discount-percent { align-self: flex-end; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .related-prod-wrap .related-prod-swiper .related-prod-item.swiper-slide-prev { transform: translateX(-5px); }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .related-prod-wrap .prod-item.individual ~ .prod-item { border-top: none; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .common-text-item { overflow: hidden; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .prod-item.individual { height: 90px; border: 1px solid #000; padding: 14px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .prod-item.individual .ratio-img-wrap { width: 60px; height: 60px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .prod-item.individual .ratio-img-wrap .img-viewer { padding-top: 100%; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .prod-item.individual .ratio-img-wrap + .info-wrap { width: calc(100% - 60px); padding-left: 10px; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .prod-item.individual .info-wrap { width: 100%; padding-left: 0; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .prod-item.individual .info-wrap .prod-brand-name { transform: translateY(0); }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .prod-item.individual .info-wrap .prod-name { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; margin-top: 4px; font-size: 1.1rem; line-height: 1.6rem; color: #333; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .prod-item.individual .info-wrap .prod-price-wrap .prod-price-value .prod-price { margin-right: 5px; font-size: 1.2rem; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .prod-item.individual .info-wrap .prod-price-wrap .discount-percent { margin-left: 9px; font-size: 1.2rem; line-height: 1.5rem; font-weight: 400; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .source-text { margin-top: 8px; text-align: center; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .view-link { display: inline-block; font-size: 1.4rem; color: #000; border-bottom: 1px solid #000; vertical-align: top; line-height: 1.4rem; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .view-button { position: relative; display: inline-block; width: 100%; height: 40px; padding: 0 50px 0 15px; border: 1px solid #000; font-family: "GT America", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans TC", "Noto Sans JP", sans-serif; font-size: 1.3rem; line-height: 38px; vertical-align: top; text-align: left; background-color: #fff; }

.ui-dialog.dialog-full-contentdetail .ui-dialog-contents .dialog-contents .detail-container-wrapper .section .view-button:after { content: ''; display: block; position: absolute; top: 4px; right: 9px; width: 30px; height: 30px; display: block; background-image: url("../images/detail/detail_button_arr.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 30px 30px; }

.wrap .fix-val { z-index: 9999; position: fixed; top: 50%; margin-top: -10px; font-size: 1.8rem; left: 0; line-height: 2rem; }

/* s: search */
.main-search-wrap { margin-bottom: -30px; height: calc(100vh - 104px); /* 가로모드 */ }

@media all and (orientation: landscape) { .main-search-wrap { height: auto; min-height: calc(100vh - 133px); }
	.main-search-wrap .search-swiper-wrap .search-item { height: 459px; } }

.main-search-wrap .search-swiper-wrap { height: calc(100% - 45px); /*height: 100%;*/ padding: 30px 55px 0; }

.main-search-wrap .search-swiper-wrap .search-item .btn-data-delete { margin: 10px auto 0; padding: 10px 30px; display: block; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem; text-align: center; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box { height: calc(100% - 70px); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; }

@media screen and (max-width: 320px) { .main-search-wrap .search-swiper-wrap .search-item .search-sec-box { height: calc(100% - 60px); } }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-title-flex { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; padding: 11px 15px; font-size: 1.2rem; line-height: 1.8rem; text-transform: uppercase; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex { overflow-y: hidden; padding: 10px 0 0; height: calc(100% - 40px); border-top: solid 1px #f2f2f2; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .cont-padding { /*height: 100%;*/ }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .cont-padding .no-data { height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .word-list li { padding: 10px 0 11px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .word-list li:last-child { padding-bottom: 21px; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .word-list .btn-word { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; flex: 1; display: block; font-size: 1.3rem; font-weight: 300; line-height: 2rem; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .word-list .btn-word .num { width: 14px; display: inline-block; font-size: 1.4rem; margin-right: 14px; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .word-list .btn-word-delete { width: 20px; height: 20px; display: block; background-image: url("../images/common/comm_search_btn_delete.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 20px 20px; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .flex-box-list-wrap { padding: 0 15px 10px; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .flex-box-list-wrap .thumb-item-box .ratio-img-wrap .img-text-wrap { bottom: 10px; left: 10px; right: 10px; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .flex-box-list-wrap .thumb-item-box .ratio-img-wrap .img-text-wrap .editor-wrap { height: 20px; line-height: 2rem; font-size: 0.9rem; }

.main-search-wrap .search-swiper-wrap .search-item .search-sec-box .search-content-flex .flex-box-list-wrap .thumb-item-box .ratio-img-wrap .img-text-wrap .editor-wrap ~ .editor-wrap { margin-top: 2px; }

.main-search-wrap .search-swiper-wrap .search-item.swiper-slide-active .search-content-flex { overflow-y: auto; }

.content-search-wrap { margin-bottom: -30px; }

.content-search-wrap .stitle { padding-top: 30px; margin-bottom: 0; }

.content-search-wrap .no-data { padding-bottom: 50px; }

.content-search-wrap .no-data .spot { font-weight: 400; }

.content-search-wrap .prod-grid-list { padding-bottom: 30px; }

.content-search-wrap .prod-grid-list.popular-prd-type { padding-top: 0; padding-bottom: 0; }

.content-search-wrap .box-list-wrap.brand-type { padding-bottom: 30px; }

/* s: search */
.topbrand-wrap .topbrand-banner-wrap { position: relative; margin: 0 -15px; padding: 0 15px; }

.topbrand-wrap .topbrand-banner-wrap .topbrand-list { padding-bottom: 18px; }

.topbrand-wrap .topbrand-banner-wrap .topbrand-list .swiper-slide { width: 100px; }

.topbrand-wrap .topbrand-banner-wrap .topbrand-list .swiper-slide .brand-link { display: block; }

.topbrand-wrap .topbrand-banner-wrap .topbrand-list .swiper-slide .brand-link .ratio-img-wrap { width: 100px; height: 100px; border-radius: 100%; }

.topbrand-wrap .topbrand-banner-wrap .topbrand-list .swiper-slide .brand-link .ratio-img-wrap .img-viewer { padding-top: 100%; }

.topbrand-wrap .topbrand-banner-wrap .topbrand-list .swiper-slide .brand-link .brand-name { margin-top: 7px; font-size: 1rem; font-weight: 700; overflow: hidden; height: 2.4rem; max-height: 2.4rem; line-height: 1.2rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; color: #000; text-align: center; word-break: break-word; }

.topbrand-wrap .topbrand-banner-wrap .topbrand-list .swiper-slide.swiper-slide-prev { transform: translateX(-5px); }

.topbrand-wrap .topbrand-banner-wrap:after { content: ''; display: block; position: absolute; left: 15px; right: 15px; bottom: 0; border-bottom: 1px solid #333; }

.brand-filter-list-wrap .brand-list-title { padding: 17px 0 0; }

.brand-filter-list-wrap .filter-list-wrap .filter-title { display: block; font-size: 1.6rem; line-height: 2rem; color: #000; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }

.brand-filter-list-wrap .filter-list-wrap .filter-title ~ .filter-title { margin-top: 20px; }

.brand-filter-list-wrap .filter-list-wrap .brand-list li { height: 60px; border-bottom: 1px solid #f2f2f2; }

.brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap { padding: 11px 15px 0 0; }

.brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap a { display: block; }

.brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap a .inner { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap a .inner .manual-badge-wrap { margin-left: 10px; flex-shrink: 0; }

.brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap a .inner .manual-badge-wrap .manual-badge { /*margin-left: 4px;*/ }

.brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap a .inner .manual-badge-wrap .manual-badge .spot { color: #f00; }

.brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap a .eng, .brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap a .kor { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; display: block; width: auto; font-size: 1.2rem; line-height: 1.8rem; }

.brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap a .eng { font-weight: 700; }

.brand-filter-list-wrap .filter-list-wrap .brand-list li .name-wrap a .kor { margin-top: 1px; }

.brand-filter-list-wrap .filter-list-wrap .brand-list:last-child li:last-child { height: auto; border-bottom: none; }

.brand-filter-list-wrap .anchor-list-wrap { position: absolute; top: auto; bottom: 0; padding: 6px 0; }

.brand-filter-list-wrap .anchor-list-wrap .anchor-list { padding: 0; }

.brand-filter-list-wrap .anchor-list-wrap.is-fixed { position: fixed; top: 45px; top: calc(constant(safe-area-inset-top) + 45px); top: calc(env(safe-area-inset-top) + 45px); bottom: auto; height: calc(100vh - 45px) !important; height: calc(100vh - 45px - constant(safe-area-inset-top)) !important; height: calc(100vh - 45px - env(safe-area-inset-top)) !important; }

.brand-detail-wrap .profile-flex-wrap { padding: 10px 15px; border-bottom: 1px solid #f2f2f2; }

.brand-detail-wrap .more-text-wrap { margin-top: 15px; }

.brand-detail-wrap .gate-detail-banner-wrap { margin-top: 17px; }

.brand-detail-wrap .gate-detail-banner-wrap .gate-detail-banner .swiper-slide { border-top: 1px solid #000; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide { width: 100%; border-bottom: 1px solid #000; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .event-link, .gate-detail-banner-wrap .gate-detail-banner .swiper-slide .video-box { position: relative; display: block; width: 100%; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .ratio-img-wrap { height: 168px; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .ratio-img-wrap .img-viewer { height: 100%; padding-top: 0; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .banner-info-wrap { height: 40px; padding: 0 15px; border-top: 1px solid #000; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; align-items: center; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .banner-info-wrap .banner-type, .gate-detail-banner-wrap .gate-detail-banner .swiper-slide .banner-info-wrap .banner-text { display: inline-block; font-size: 1.3rem; vertical-align: top; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .banner-info-wrap .banner-type span, .gate-detail-banner-wrap .gate-detail-banner .swiper-slide .banner-info-wrap .banner-text span { display: block; line-height: 1.3rem; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .banner-info-wrap .banner-type { position: relative; padding-right: 12px; text-transform: uppercase; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .banner-info-wrap .banner-type:after { content: '/'; position: absolute; width: 12px; text-align: center; top: 0; right: 0; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .banner-info-wrap .banner-text { font-family: "GT America", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans TC", "Noto Sans JP", sans-serif; width: auto; overflow: hidden; flex: 0 1 auto; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .banner-info-wrap .banner-text span { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; display: block; line-height: 1.3rem; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .event-text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 2; text-align: center; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide .event-text span { display: block; font-size: 2.5rem; line-height: 2.6rem; }

.gate-detail-banner-wrap .gate-detail-banner .swiper-slide.swiper-slide-next { pointer-events: none; }

.gate-detail-banner-wrap.js-gate-detail-banner .gate-detail-banner .swiper-slide { width: calc(100% - 60px); border-right: 1px solid #000; }

.gate-detail-banner-wrap.js-gate-detail-banner .gate-detail-banner .swiper-slide .detail-cont-box:after, .gate-detail-banner-wrap.js-gate-detail-banner .gate-detail-banner .swiper-slide .event-link:after, .gate-detail-banner-wrap.js-gate-detail-banner .gate-detail-banner .swiper-slide .video-box:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; z-index: 3; right: 0; transition: background .23s ease-in-out; -webkit-transition: background .23s ease-in-out; }

.gate-detail-banner-wrap.js-gate-detail-banner .gate-detail-banner .swiper-slide.swiper-slide-active .detail-cont-box:after, .gate-detail-banner-wrap.js-gate-detail-banner .gate-detail-banner .swiper-slide.swiper-slide-active .event-link:after, .gate-detail-banner-wrap.js-gate-detail-banner .gate-detail-banner .swiper-slide.swiper-slide-active .video-box:after { content: ''; background: transparent; }

.gate-detail-banner-wrap.js-gate-detail-banner .gate-detail-banner .swiper-slide.swiper-slide-active .detail-cont-box .btn-gate-detail { z-index: 4; }

.brand-lookbook-list li .ratio-img-wrap { border-bottom: 1px solid #000; }

.brand-lookbook-list li .ratio-img-wrap .img-viewer { padding-top: 66.6666%; }

.brand-lookbook-list li .lookbook-title { display: block; margin: 13px 15px 26px; font-size: 1.5rem; letter-spacing: -0.038rem; font-weight: 500; overflow: hidden; height: 5rem; max-height: 5rem; line-height: 2.5rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; word-break: break-word; }

.brand-lookbook-list li .profile-name { padding: 10px 15px; border-top: 1px solid #f2f2f2; }

.brand-lookbook-list li .no-data:not(.full) { padding-bottom: 50px; }

.brand-lookbook-list li ~ li .ratio-img-wrap { border-top: 1px solid #000; }

.brand-lookbook-list li:last-child .detail-cont-box { margin-bottom: -30px; }

.focus-banner-wrap { border-bottom: 1px solid #000; }

.focus-banner-wrap .video-box, .focus-banner-wrap .focus-link, .focus-banner-wrap .detail-cont-box { display: block; width: 100%; }

.focus-banner-wrap .video-box .ratio-img-wrap, .focus-banner-wrap .focus-link .ratio-img-wrap, .focus-banner-wrap .detail-cont-box .ratio-img-wrap { height: 480px; border-bottom: 1px solid #000; }

.focus-banner-wrap .video-box .ratio-img-wrap .img-viewer, .focus-banner-wrap .focus-link .ratio-img-wrap .img-viewer, .focus-banner-wrap .detail-cont-box .ratio-img-wrap .img-viewer { height: 100%; padding-top: 0; }

.focus-banner-wrap .focus-text { display: block; margin: 13px 15px 26px; font-size: 1.5rem; letter-spacing: -0.038rem; font-weight: 500; word-break: break-word; color: #000 !important; }

.focus-banner-wrap .focus-text span { display: block; line-height: 2.5rem; }

.focus-banner-wrap .profile-name { padding: 10px 15px; border-top: 1px solid #f2f2f2; }

@media screen and (min-width: 700px) { .gate-detail-banner-wrap .gate-detail-banner .swiper-slide { /* TODO : 700 이상인 경우, 이미지 height 조절 필요  */ } }

.archive-list-wrap { padding-top: 19px; }

.archive-list-wrap .archive-content { padding-bottom: 15px; }

.archive-list-wrap .archive-content .archive-header { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; /*height: 70px;*/ padding-top: 30px; margin: 0 15px; border-top: 1px solid #ccc; word-break: keep-all; word-wrap: break-word; }

.archive-list-wrap .archive-content .archive-header .month, .archive-list-wrap .archive-content .archive-header .keyword { display: block; font-size: 3.2rem; letter-spacing: -0.08rem; line-height: 4rem; color: #000; }

.archive-list-wrap .archive-content .archive-header .keyword { position: relative; display: block; color: #000; font-style: italic; font-weight: 300; padding-left: 30px; word-break: break-word; word-wrap: break-word; }

.archive-list-wrap .archive-content .archive-header .keyword:before { content: '/'; position: absolute; top: 0; left: 0; padding: 0 8px; color: #000; font-style: initial; }

.archive-list-wrap .archive-content .archive-swiper-container { margin-top: 15px; padding: 0 15px; }

.archive-list-wrap .archive-content .archive-swiper-container .swiper-wrapper .swiper-slide { width: 240px; }

.archive-list-wrap .archive-content .archive-swiper-container .swiper-wrapper .swiper-slide .archive-item-box .archive-desc { font-weight: 500; color: #000; }

.archive-list-wrap .archive-content .archive-swiper-container .swiper-wrapper .swiper-slide .archive-item-box .profile-name { padding: 10px 0; border-bottom: 1px solid #f2f2f2; }

.archive-list-wrap .archive-content:first-child { padding-bottom: 0; }

.archive-list-wrap .archive-content:first-child .archive-header { padding-top: 0; margin: 0; border-top: none; /*height: 40px;*/ }

.archive-list-wrap .archive-content:last-child { padding-bottom: 0; }

.archive-list-wrap .archive-content:last-child .archive-item-box { padding-bottom: 0; }

.archive-list-wrap .no-data { margin-top: -19px; }

.detail-cont-box { position: relative; }

.detail-cont-box .btn-gate-detail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 0, 0, 0); z-index: 2; }

.os-android .wrap, .os-apple .wrap { min-height: calc(var(--vh, 1vh)); }

.os-android .wrap .header-wrap .header-box, .os-apple .wrap .header-wrap .header-box { height: calc(constant(safe-area-inset-top) + 45px); height: calc(env(safe-area-inset-top) + 45px); padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); }

.os-android .wrap .header-wrap .mheader-box, .os-apple .wrap .header-wrap .mheader-box { height: calc(constant(safe-area-inset-top) + 81px); height: calc(env(safe-area-inset-top) + 81px); padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); }

.os-android .wrap .header-wrap.no-util-btn ~ .contents-wrap, .os-apple .wrap .header-wrap.no-util-btn ~ .contents-wrap { min-height: calc(var(--vh, 1vh) - 288px); }

.wrap.has-bottom .os-android .wrap .bottom-fix-nav, .wrap.has-bottom .os-apple .wrap .bottom-fix-nav { -webkit-transition: bottom 0.23s ease-out; transition: bottom 0.23s ease-out; transform: none; -webkit-transform: none; -moz-transform: none; bottom: 0; }

.wrap.has-bottom .os-android .wrap .bottom-fix-nav.scroll-down, .wrap.has-bottom .os-apple .wrap .bottom-fix-nav.scroll-down { bottom: -constant(safe-area-inset-bottom)60px; bottom: -env(safe-area-inset-bottom)60px; }

.os-android .wrap .bottom-fix-nav .docker-box, .os-apple .wrap .bottom-fix-nav .docker-box { padding-bottom: calc(constant(safe-area-inset-bottom) + 10px); padding-bottom: calc(env(safe-area-inset-bottom) + 10px); }

.os-android .wrap .bottom-fix-nav .btn-arrow-top, .os-android .wrap .bottom-fix-nav .btn-arrow-back, .os-apple .wrap .bottom-fix-nav .btn-arrow-top, .os-apple .wrap .bottom-fix-nav .btn-arrow-back { top: -constant(safe-area-inset-bottom)36px; top: -env(safe-area-inset-bottom)36px; }

.os-android .wrap .bottom-fix-nav .prod-control-fix-wrap, .os-apple .wrap .bottom-fix-nav .prod-control-fix-wrap { top: -constant(safe-area-inset-bottom)55px; top: -env(safe-area-inset-bottom)55px; }

.os-android .wrap .bottom-fix-nav .prd-option-wrap, .os-apple .wrap .bottom-fix-nav .prd-option-wrap { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }

.os-android .wrap .bottom-fix-nav .order-wrap, .os-apple .wrap .bottom-fix-nav .order-wrap { padding-bottom: calc(constant(safe-area-inset-bottom) + 10px); padding-bottom: calc(env(safe-area-inset-bottom) + 10px); }

.os-android .wrap .wrap-inner .mheader-wrap ~ .contents-wrap, .os-apple .wrap .wrap-inner .mheader-wrap ~ .contents-wrap { padding-top: calc(constant(safe-area-inset-top) + 80px); padding-top: calc(env(safe-area-inset-top) + 80px); }

.os-android .wrap .contents-wrap, .os-apple .wrap .contents-wrap { min-height: calc(var(--vh, 1vh) - 282px); padding-top: calc(constant(safe-area-inset-top) + 45px); padding-top: calc(env(safe-area-inset-top) + 45px); }

.wrap.has-footer-padding .wrap-inner .os-android .wrap .contents-wrap, .wrap.has-footer-padding .wrap-inner .os-apple .wrap .contents-wrap { min-height: calc(var(--vh, 1vh) - 366px); }

.os-android .wrap .contents-wrap .no-data.full, .os-apple .wrap .contents-wrap .no-data.full { height: calc( var(--vh, 1vh) - 45px - 60px - 29px); }

.os-android .wrap .contents-wrap .no-data.full.no-bottom-fix-type, .os-apple .wrap .contents-wrap .no-data.full.no-bottom-fix-type { height: calc( var(--vh, 1vh) - 45px - 29px); }

.os-android .wrap .contents-wrap.no-bottom, .os-apple .wrap .contents-wrap.no-bottom { min-height: var(--vh, 1vh); }

.os-android .wrap .contents-wrap.no-bottom .no-data.full.no-bottom-fix-type, .os-apple .wrap .contents-wrap.no-bottom .no-data.full.no-bottom-fix-type { height: calc(var(--vh, 1vh) - 105px); }

.os-android .wrap .contents-wrap .brand-filter-list-wrap .anchor-list-wrap.is-fixed, .os-apple .wrap .contents-wrap .brand-filter-list-wrap .anchor-list-wrap.is-fixed { height: calc(var(--reVh, 1vh) - 45px) !important; height: calc(var(--reVh, 1vh) - 45px - constant(safe-area-inset-top)) !important; height: calc(var(--reVh, 1vh) - 45px - env(safe-area-inset-top)) !important; }

.os-android .wrap .main-search-wrap, .os-apple .wrap .main-search-wrap { height: calc(var(--vh, 1vh) - 104px); /* 가로모드 */ }

@media all and (orientation: landscape) { .os-android .wrap .main-search-wrap, .os-apple .wrap .main-search-wrap { min-height: calc(var(--vh, 1vh) - 134px); } }

.os-android .wrap .footer-wrap, .os-apple .wrap .footer-wrap { padding-bottom: calc(constant(safe-area-inset-bottom) + 20px); padding-bottom: calc(env(safe-area-inset-bottom) + 20px); }

.os-android .wrap.has-footer-padding .bottom-fix-nav ~ .footer-wrap, .os-apple .wrap.has-footer-padding .bottom-fix-nav ~ .footer-wrap { padding-bottom: calc(constant(safe-area-inset-bottom) + 75px); padding-bottom: calc(env(safe-area-inset-bottom) + 75px); }

.os-android .ui-dialog.dialog-bottom, .os-apple .ui-dialog.dialog-bottom { max-height: calc(var(--reVh, 1vh) - 45px -1) !important; }

.os-android .ui-dialog.dialog-bottom .ui-dialog-contents, .os-apple .ui-dialog.dialog-bottom .ui-dialog-contents { max-height: calc(var(--reVh, 1vh) - 45px) !important; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }

.os-android .ui-dialog.dialog-bottom .ui-dialog-contents .dialog-contents, .os-apple .ui-dialog.dialog-bottom .ui-dialog-contents .dialog-contents { max-height: calc(var(--reVh, 1vh) - 85px); }

.os-android .ui-dialog.dialog-bottom .ui-dialog-contents .dialog-contents .filter-wrap, .os-apple .ui-dialog.dialog-bottom .ui-dialog-contents .dialog-contents .filter-wrap { height: calc(var(--reVh, 1vh) - 40px - 45px - 65px); }

.os-android .ui-dialog.dialog-full .ui-dialog-contents, .os-android .ui-dialog.dialog-full-contentdetail .ui-dialog-contents, .os-apple .ui-dialog.dialog-full .ui-dialog-contents, .os-apple .ui-dialog.dialog-full-contentdetail .ui-dialog-contents { height: calc(var(--reVh, 1vh) - 10px) !important; }

.os-android .ui-dialog .option-select-box, .os-apple .ui-dialog .option-select-box { max-height: calc(var(--reVh, 1vh) - 45px - 51px - 65px - 15px); }

.os-android .ui-dialog .detail-fix-img-wrap, .os-apple .ui-dialog .detail-fix-img-wrap { padding-top: calc( var(--reVh, 1vh) - 154px); }

.os-android .ui-dialog .detail-fix-img-wrap .fixed-img-wrap, .os-apple .ui-dialog .detail-fix-img-wrap .fixed-img-wrap { height: calc( var(--reVh, 1vh) - 154px - constant(safe-area-inset-top)); height: calc( var(--reVh, 1vh) - 154px - env(safe-area-inset-top)); }

.os-android .ui-dialog .detail-fix-img-wrap .tagged-prod-wrap, .os-apple .ui-dialog .detail-fix-img-wrap .tagged-prod-wrap { min-height: calc( var(--reVh, 1vh) - 54px); }

.os-android .ui-dialog.dialog-tagged-prod, .os-apple .ui-dialog.dialog-tagged-prod { max-height: calc(var(--vh, 1vh) - 220px) !important; /* 가로모드 */ }

@media all and (orientation: landscape) { .os-android .ui-dialog.dialog-tagged-prod, .os-apple .ui-dialog.dialog-tagged-prod { max-height: calc(var(--vh, 1vh) - 45px) !important; } }

.os-android .ui-dialog.dialog-tagged-prod .dialog-contents, .os-apple .ui-dialog.dialog-tagged-prod .dialog-contents { max-height: calc(var(--vh, 1vh) - 265px) !important; /* 가로모드 */ }

@media all and (orientation: landscape) { .os-android .ui-dialog.dialog-tagged-prod .dialog-contents, .os-apple .ui-dialog.dialog-tagged-prod .dialog-contents { max-height: calc(var(--vh, 1vh) - 90px) !important; } }

.os-android .error-container, .os-apple .error-container { height: var(--vh, 1vh); }

.os-android body.dialog-open > .ui-dialog-container, .os-apple body.dialog-open > .ui-dialog-container { height: 100%; }

.os-android body.dialog-open > .ui-dialog-container.full .ui-dialog, .os-apple body.dialog-open > .ui-dialog-container.full .ui-dialog { position: fixed; top: 10px; left: 0; right: 0; margin-top: 0; height: calc( 100% - 10px); padding-top: calc(constant(safe-area-inset-top)); padding-top: calc(env(safe-area-inset-top)); }

.wrap .contents-wrap .cs-center-info { margin-top: 30px; }

.wrap .contents-wrap .cs-center-info .sctitle { margin: 0; line-height: 1.6rem; }

.wrap .contents-wrap .cs-center-info .cs-number { display: block; margin-top: 3px; font-size: 3rem; line-height: 3.8rem; }

.wrap .contents-wrap .cs-center-info .cs-info { margin-top: 10px; font-size: 1.2rem; line-height: 2rem; text-transform: uppercase; }

.wrap .contents-wrap .cs-center-info .cs-info-mail { display: block; margin-top: 11px; font-size: 1.2rem; line-height: 1.5rem; }

.wrap .contents-wrap .cs-center-info + .btn-even-wrap { margin-top: 30px; }

.wrap .contents-wrap .cs-center-info-sm { margin-top: 20px; padding-bottom: 10px; }

.wrap .contents-wrap .cs-center-info-sm .cs-number { display: block; font-size: 1.2rem; line-height: 1.8rem; }

.wrap .contents-wrap .cs-center-info-sm .cs-info { display: block; margin-top: 2px; font-size: 1.1rem; font-weight: 300; line-height: 1.7rem; }

.wrap .contents-wrap .customer-quick-link { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; margin-top: 30px; border: 1px solid #000; border-width: 1px 1px 0 0; }

.wrap .contents-wrap .customer-quick-link li { flex: 0 1 50%; border: 1px solid #000; border-width: 0 0 1px 1px; }

.wrap .contents-wrap .customer-quick-link li a { display: block; font-size: 1.1rem; padding: 0 15px; line-height: 38px; }

.wrap .contents-wrap .alliance-info-wrap { margin-top: 40px; text-align: center; }

.wrap .contents-wrap .alliance-info-wrap .alliance-desc-box .desc { font-size: 1.2rem; line-height: 1.8rem; }

.wrap .contents-wrap .alliance-info-wrap .alliance-desc-box .email { margin-top: 15px; font-size: 1.5rem; font-weight: 500; line-height: 1.9rem; }

.wrap .contents-wrap .alliance-info-wrap .alliance-list { margin-top: 30px; border: 1px solid #ccc; border-bottom: none; }

.wrap .contents-wrap .alliance-info-wrap .alliance-list li { height: 39px; border-bottom: 1px solid #ccc; font-size: 1.1rem; line-height: 3.8rem; }

.wrap .contents-wrap .login-wrap .login-desc { padding-top: 30px; font-size: 1.2rem; line-height: 1.8rem; text-align: center; margin-bottom: 5px; }

.wrap .contents-wrap .login-wrap .tab-content { padding-top: 15px; }

.wrap .contents-wrap .login-wrap .login-form { padding-top: 15px; }

.wrap .contents-wrap .login-wrap .login-form .member-id { margin-top: 15px; margin-bottom: 12px; font-size: 1.4rem; line-height: 1.8rem; text-align: center; }

.wrap .contents-wrap .login-wrap .login-form .valid-check.login-id, .wrap .contents-wrap .login-wrap .login-form .valid-check.login-pw { position: relative; }

.wrap .contents-wrap .login-wrap .login-form .valid-check.login-id .ui-input, .wrap .contents-wrap .login-wrap .login-form .valid-check.login-pw .ui-input { padding-left: 39px; }

.wrap .contents-wrap .login-wrap .login-form .valid-check.login-id:before, .wrap .contents-wrap .login-wrap .login-form .valid-check.login-pw:before { content: ''; position: absolute; display: block; width: 20px; height: 20px; top: 10px; left: 10px; z-index: 2; display: block; background-image: url("../images/customer/customer_icon_login_id.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 20px 20px; }

.wrap .contents-wrap .login-wrap .login-form .valid-check.login-pw:before { display: block; background-image: url("../images/customer/customer_icon_login_pw.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 20px 20px; }

.wrap .contents-wrap .login-wrap .login-form .valid-check .valid-desc { margin-bottom: 10px; }

.wrap .contents-wrap .login-wrap .login-form + .btn-even-wrap { margin-top: 5px; }

.wrap .contents-wrap .login-wrap .tbl-form { margin-top: 20px; }

.wrap .contents-wrap .login-wrap .tbl-form + .btn-even-wrap { margin-top: 10px; }

.wrap .contents-wrap .login-wrap .captcha-wrap { padding: 15px 15px; margin-top: 10px; background-color: #f2f2f2; }

.wrap .contents-wrap .login-wrap .captcha-wrap .inner { max-width: 300px; margin: 0 auto; }

.wrap .contents-wrap .login-wrap .captcha-wrap .captcha-desc { margin-bottom: 10px; font-size: 1.1rem; line-height: 1.7rem; }

.wrap .contents-wrap .login-wrap .captcha-wrap .captcha-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }

.wrap .contents-wrap .login-wrap .captcha-wrap .captcha-box .captcha-area { flex: 1; max-width: 205px; margin-right: 5px; height: 85px; overflow: hidden; }

.wrap .contents-wrap .login-wrap .captcha-wrap .captcha-box .captcha-area img { height: 100%; }

.wrap .contents-wrap .login-wrap .captcha-wrap .captcha-box .btn-wrap { flex: 0 0 90px; }

.wrap .contents-wrap .login-wrap .captcha-wrap .captcha-box .btn-wrap .btn { min-width: 90px; padding: 3px 10px; }

.wrap .contents-wrap .login-wrap .captcha-wrap .captcha-box .btn-wrap .btn .ico { display: inline-block; width: 20px; height: 20px; margin-right: 4px; display: block; background-image: url("../images/customer/customer_icon_captcha.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 40px 20px; vertical-align: top; }

.wrap .contents-wrap .login-wrap .captcha-wrap .captcha-box .btn-wrap .btn .ico.ico-speak { background-position: right 0; }

.wrap .contents-wrap .login-wrap .captcha-wrap .captcha-box .btn-wrap .btn ~ .btn { margin-top: 5px; }

.wrap .contents-wrap .login-wrap .captcha-wrap .ui-input { margin-top: 8px; }

.wrap .contents-wrap .login-wrap .captcha-wrap + .btn-even-wrap { margin-top: 10px; }

.wrap .contents-wrap .login-wrap .login-option-wrap { margin-top: 13px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }

.wrap .contents-wrap .login-wrap .login-option-wrap .find-privacy-list li { display: inline-block; vertical-align: top; }

.wrap .contents-wrap .login-wrap .login-option-wrap .find-privacy-list li ~ li { margin-left: 15px; }

.wrap .contents-wrap .login-wrap .sns-login-wrap { margin-top: 39px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }

.wrap .contents-wrap .login-wrap .sns-login-wrap .text-list-title { margin: 0; text-transform: uppercase; }

.wrap .contents-wrap .login-wrap .find-complete-desc { padding-top: 30px; font-size: 1.4rem; font-weight: 300; line-height: 2.2rem; text-align: center; }

.wrap .contents-wrap .login-wrap .find-complete-desc .value { font-weight: 400; }

.wrap .contents-wrap .login-wrap .find-complete-desc + .btn-even-wrap { margin-top: 30px; }

.wrap .contents-wrap .login-wrap .join-guide-wrap { padding-top: 15px; }

.wrap .contents-wrap .login-wrap .join-guide-wrap .item { text-align: center; }

.wrap .contents-wrap .login-wrap .join-guide-wrap .item .join-title { display: block; padding-top: 15px; font-size: 1.4rem; line-height: 2rem; }

.wrap .contents-wrap .login-wrap .join-guide-wrap .item .join-desc { margin-top: 10px; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem; word-break: keep-all; word-wrap: break-word; }

.wrap .contents-wrap .login-wrap .join-guide-wrap .item ~ .item { margin-top: 30px; padding-top: 15px; border-top: 1px solid #ccc; }

.wrap .contents-wrap .login-wrap .join-guide-wrap + .sns-login-wrap { margin-top: 20px; }

.wrap .contents-wrap .login-wrap .guide-info-wrap, .wrap .contents-wrap .login-wrap ~ .guide-info-wrap { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #ccc; }

.wrap .contents-wrap .login-wrap .guide-info-wrap .info-desc, .wrap .contents-wrap .login-wrap ~ .guide-info-wrap .info-desc { font-weight: 400; }

.wrap .contents-wrap .guide-info-wrap .nonmember-order-link { margin-top: 10px; }

.wrap .contents-wrap .guide-info-wrap .nonmember-order-link .btn-link { line-height: 1.7rem; }

.wrap .contents-wrap .guide-info-wrap .nonmember-order-link li { display: inline-block; vertical-align: top; }

.wrap .contents-wrap .guide-info-wrap .nonmember-order-link li ~ li { margin-left: 15px; }

.wrap .contents-wrap .pw-change-guide { margin: 15px 0 18px; }

.wrap .contents-wrap .pw-change-guide .change-desc { font-size: 1.3rem; line-height: 2rem; word-break: keep-all; word-wrap: break-word; }

.wrap .contents-wrap .pw-change-guide .change-desc-sm { margin-top: 10px; font-size: 1.2rem; line-height: 2rem; color: #666; word-break: keep-all; word-wrap: break-word; }

.join-benefit-box { margin-top: 30px; }

.join-benefit-box .item { text-align: center; }

.join-benefit-box .item .num { display: inline-block; font-size: 1.8rem; line-height: 2.3rem; text-decoration: underline; }

.join-benefit-box .item .benefit-desc { margin-top: 5px; font-size: 1.3rem; line-height: 1.9rem; }

.join-benefit-box .item ~ .item { position: relative; margin-top: 20px; padding-top: 20px; }

.join-benefit-box .item ~ .item:before { content: ''; position: absolute; top: 0; left: 25px; right: 25px; height: 1px; background-color: #f2f2f2; }

.sns-cert-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 20px; padding: 20px 15px; background-color: #f2f2f2; }

.sns-cert-box .ico { flex-shrink: 0; position: relative; display: inline-block; width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 100%; background-color: #fff; vertical-align: top; }

.sns-cert-box .ico:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 30px; height: 21px; display: block; background-image: url("../images/ui/button/ui_btn_sns_share.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 150px 21px; transform: translate(-50%, -50%); }

.sns-cert-box .ico.naver:after { background-position: 0 0; }

.sns-cert-box .ico.facebook:after { background-position: -60px 0; }

.sns-cert-box .ico.kakao:after { background-position: -90px 0; }

.sns-cert-box .sns-text { margin-left: 15px; }

.sns-cert-box .sns-text .sns-type { display: block; font-size: 1.3rem; line-height: 1.9rem; }

.sns-cert-box .sns-text .sns-desc { display: block; margin-top: 4px; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem; word-break: keep-all; word-wrap: break-word; }

.privacy-validity-wrap { border-top: 1px solid #000; border-bottom: 1px solid #f2f2f2; padding: 14px 0 20px; }

.privacy-validity-wrap .desc-gray { margin-top: 9px; }

.cont-customer-main .search-input-form { margin-top: 30px; margin-bottom: 30px; }

.wrap .contents-wrap .order-price-wrap { margin-bottom: 40px; }

.wrap .contents-wrap .order-price-wrap li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; font-size: 1.3rem; color: #333; line-height: 1.9rem; }

.wrap .contents-wrap .order-price-wrap li .order-title { display: block; width: 130px; padding-right: 10px; letter-spacing: -0.065rem; }

.wrap .contents-wrap .order-price-wrap li .value { width: calc(100% - 130px); display: block; text-align: right; }

.wrap .contents-wrap .order-price-wrap li ~ li { margin-top: 15px; }

.wrap .contents-wrap .order-price-wrap li.total { color: #000; margin-top: 20px; font-size: 1.7rem; font-weight: 500; line-height: 2.6rem; }

.wrap .contents-wrap .order-price-wrap li.total .order-title { letter-spacing: -0.085rem; }

.wrap .contents-wrap .order-price-wrap.final { padding: 20px 0; margin: 0; border-bottom: 1px solid #000; }

.payment-info-wrap { border-top: 1px solid #000; }

.payment-info-wrap .payment-type { display: block; padding-top: 15px; font-size: 1.2rem; font-weight: 500; line-height: 2rem; color: #000; }

.payment-info-wrap .receipt-list { margin-top: 8px; padding-bottom: 12px; border-bottom: 1px solid #f2f2f2; }

.payment-info-wrap .receipt-list li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }

.payment-info-wrap .receipt-list li .receipt-title, .payment-info-wrap .receipt-list li .value { display: block; font-size: 1.2rem; color: #666; line-height: 2rem; }

.payment-info-wrap .receipt-list li .receipt-title { width: 105px; padding-right: 10px; }

.payment-info-wrap .receipt-list li .receipt-title ~ .value { width: calc(100% - 105px); }

.payment-info-wrap .receipt-list li .value { margin-left: auto; text-align: right; }

.payment-info-wrap .receipt-list li ~ li { margin-top: 2px; }

.payment-info-wrap .total { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 20px 0; border-bottom: 1px solid #f2f2f2; }

.payment-info-wrap .total .payment-type { display: block; width: 100px; padding-top: 0; padding-right: 10px; }

.payment-info-wrap .total .total-price { display: block; width: calc(100% - 100px); margin-left: auto; font-size: 1.4rem; font-weight: 500; color: #000; line-height: 2rem; text-align: right; }

.payment-info-wrap .total .payment-history { width: 100%; margin-top: 6px; font-size: 1.2rem; line-height: 1.6rem; color: #666; text-align: right; }

.payment-info-wrap .btn-even-wrap { margin-top: -1px; background: #fff; }

.unique-code-guide .desc { font-size: 1.3rem; line-height: 2.2rem; }

.unique-code-guide .guide-list-title { display: block; margin-top: 20px; padding-top: 21px; border-top: 1px solid #f2f2f2; font-size: 1.2rem; line-height: 2.5rem; }

.unique-code-guide .guide-list { margin-top: 8px; }

.unique-code-guide .guide-list li { color: #999; font-size: 1.1rem; line-height: 1.6rem; }

.unique-code-guide .guide-list li a { color: #000; }

.unique-code-guide .guide-list li + li { margin-top: 6px; }

.dialog-contents .unique-code-guide { padding: 15px; }

.interest-list { border-top: 1px solid #000; }

.interest-list li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; padding-top: 16px; padding-bottom: 15px; border-bottom: 1px solid #f2f2f2; align-items: center; word-break: keep-all; word-wrap: break-word; }

.interest-list li .interest-title { width: 105px; font-size: 1.2rem; line-height: 1.8rem; }

.interest-list li .interest-detail { flex: 1; font-size: 1.2rem; line-height: 1.8rem; }

.interest-list + .text-list { margin-top: 20px; }

.tbl-form .form-cont .interest-list { margin: 10px 0 20px; }

.nonmember-guide-wrap { padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }

.nonmember-guide-wrap .login-desc { flex: 1; margin-right: 15px; font-size: 1.1rem; line-height: 1.8rem; word-break: keep-all; word-wrap: break-word; }

.nonmember-guide-wrap .btn { min-width: 64px; width: 64px; text-transform: uppercase; }

.identity-cert-wrap { padding: 15px 0 25px; text-align: center; }

.identity-cert-wrap .cert-desc { font-size: 1.2rem; line-height: 1.8rem; }

.identity-cert-wrap .btn { margin-top: 15px; min-width: 180px; }

.contents-box-wrap .content-box .tbl-form { padding-bottom: 20px; }

.contents-box-wrap .content-box .term-fold-wrap { border: 0; padding: 15px 0 20px; }

.contents-box-wrap .content-box .term-fold-wrap:not(:first-child) { padding-top: 0; }

.contents-box-wrap .content-box .term-fold-wrap .text-list-title { margin-bottom: 10px; }

.contents-box-wrap .content-box .term-fold-wrap .text-list-title:first-child { margin-top: 20px; }

.contents-box-wrap .content-box .term-fold-wrap .fold-box-list { border: none; }

.contents-box-wrap .content-box .term-fold-wrap .fold-box-list .fold-box { border: 1px solid #ccc; }

.contents-box-wrap .content-box .term-fold-wrap .fold-box-list .fold-box .fold-box-header .toggle-title-box { border-bottom: 0; }

.contents-box-wrap .content-box .term-fold-wrap .fold-box-list .fold-box ~ .fold-box { margin-top: 10px; }

.contents-box-wrap .content-box .term-fold-wrap .fold-box-list .fold-box.expanded .fold-box-contents { max-height: 90px; border-top: 1px solid #ccc; border-bottom: 0; }

.common-payment-detail { padding-top: 5px; }

.common-payment-detail .text-list-title { line-height: 2rem; }

.common-payment-detail .text-list { margin-top: 8px !important; }

.common-payment-detail .text-list .star-text + .star-text { margin-top: 6px; }

.common-payment-detail .payment-info-btn-wrap { padding-top: 5px; text-align: center; }

.common-payment-detail .setting-chk-box { margin-top: 15px; padding-top: 10px; border-top: solid 1px #f2f2f2; }

.order-fail-wrap { padding-top: 30px; text-align: center; word-break: keep-all; word-wrap: break-word; }

.order-fail-wrap .fail-spot-desc { margin-bottom: 10px; font-size: 1.6rem; line-height: 2.4rem; }

.order-fail-wrap .fail-desc { margin-bottom: 15px; font-size: 1.2rem; line-height: 1.8rem; color: #333; font-weight: 300; }

.order-fail-wrap .fail-sdesc { margin-top: 5px; font-size: 1.1rem; line-height: 1.8rem; color: #999; }

.order-status-list { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; height: 82px; border-bottom: 1px solid #f2f2f2; }

.order-status-list .item { overflow: hidden; position: relative; flex: 1; width: 20%; padding: 0 5px; text-align: center; }

.order-status-list .item .value { display: inherit; height: auto; max-height: none; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; display: block; font-size: 1.8rem; line-height: 2.3rem; }

.order-status-list .item .value.disabled { color: #999; pointer-events: none; }

.order-status-list .item .status { overflow: hidden; white-space: nowrap; display: block; margin-top: 4px; font-size: 1rem; font-weight: 300; line-height: 1.5rem; }

.order-status-list .item ~ .item:before { content: ''; position: absolute; top: 50%; left: -5px; width: 10px; height: 10px; margin-top: -5px; display: block; background-image: url("../images/mypage/order_status_arr.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 10px 10px; }

.order-number-list-wrap { padding-top: 5px; }

.order-number-item { padding-top: 15px; }

.order-number-item .prod-item .btn-even-wrap [class*=btn] { flex: 1 1 calc((100% - 10px) / 3); }

.order-number-item .prod-item .btn-even-wrap [class*=btn]:nth-child(even) { flex: 0 1 calc((100% - 10px) / 3); }

.order-number-item .prod-action-info { margin-bottom: 10px; }

.order-number-item ~ .order-number-item { margin-top: 25px; }

.order-step-box-wrap { padding-top: 15px; border-top: 1px solid #000; }

.order-step-box-wrap .step-box-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: solid 1px #ccc; padding: 15px 14px; }

.order-step-box-wrap .step-box-item .step-num { width: 56px; font-size: 1.2rem; font-weight: 500; line-height: 1.8rem; letter-spacing: -0.3px; }

.order-step-box-wrap .step-box-item .step-info { flex: 1 0 calc(100% - 56px); }

.order-step-box-wrap .step-box-item .step-info .step-title { font-size: 1.2rem; line-height: 1.8rem; letter-spacing: -0.3px; }

.order-step-box-wrap .step-box-item .step-info .step-desc { margin-top: 6px; font-size: 1.1rem; line-height: 1.7rem; color: #999; }

.order-step-box-wrap .step-box-item ~ .step-box-item { margin-top: -1px; }

.prod-action-info { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; margin-bottom: 11px; }

.prod-action-info .order-num, .prod-action-info .order-date, .prod-action-info .claim-num { display: block; font-size: 1.3rem; color: #000; line-height: 1.6rem; }

.prod-action-info .claim-num { flex: 0 1 100%; padding: 10px 15px 9px; margin-bottom: 10px; line-height: 1.6rem; background: #f2f2f2; }

.prod-action-info .order-date { margin-left: auto; }

.line-guide-box { padding: 15px 15px 14px; margin-top: 15px; margin-bottom: 15px; border: solid 1px #ccc; }

.line-guide-box .guide-title { font-size: 1.2rem; line-height: 1.8rem; }

.line-guide-box .text-list { margin-top: 8px; }

.line-guide-box .text-list li { color: #666; }

.line-guide-box .text-list li ~ li { margin-top: 6px; }

.tab-wrap .tab-content .benefit-status-wrap .benefit-status-list { margin-top: 20px; }

.tab-wrap .tab-content .benefit-status-wrap ~ .text-list { margin-top: 20px; }

.benefit-status-wrap .benefit-status-list { margin-top: 30px; }

.benefit-status-wrap .benefit-status-list li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }

.benefit-status-wrap .benefit-status-list li .benefit-type { display: block; margin-right: 10px; font-size: 1.2rem; line-height: 1.9rem; }

.benefit-status-wrap .benefit-status-list li .benefit-value { flex: 1; display: block; font-size: 1.8rem; line-height: 2.3rem; word-break: break-all; text-align: right; }

.benefit-status-wrap .benefit-status-list li .benefit-value:after { content: 'P'; display: inline-block; margin-left: 4px; vertical-align: top; }

.benefit-status-wrap .benefit-status-list li .benefit-date { flex: 1; display: block; font-size: 1.8rem; line-height: 2.3rem; word-break: break-all; text-align: right; }

.benefit-status-wrap .benefit-status-list li .grade-value { font-size: 1.6rem; line-height: 2.3rem; }

.benefit-status-wrap .benefit-status-list li .grade-value .condition { font-size: 1.3rem; color: #666; }

.benefit-status-wrap .benefit-status-list li .grade-period { font-size: 1.4rem; line-height: 2.3rem; }

.benefit-status-wrap .benefit-status-list li ~ li { margin-top: 10px; }

.benefit-status-wrap .benefit-status-list + .text-list { margin-top: 30px; padding-top: 20px; border-top: 1px solid #ccc; }

.benefit-status-wrap.mileage-type .benefit-status-list li .benefit-value:after { content: 'M'; }

.benefit-action-wrap { margin-top: 20px; }

.benefit-action-wrap .benefit-action-list { border-top: 1px solid #000; }

.benefit-action-wrap .benefit-action-list li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; padding: 14px 0; min-height: 67px; border-bottom: 1px solid #f2f2f2; }

.benefit-action-wrap .benefit-action-list li .benefit-title { font-size: 1.2rem; letter-spacing: -0.03rem; overflow: hidden; height: 3.6rem; max-height: 3.6rem; line-height: 1.8rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; height: auto; }

.benefit-action-wrap .benefit-action-list li .benefit-info { flex-shrink: 0; min-width: 90px; padding-left: 10px; text-align: right; }

.benefit-action-wrap .benefit-action-list li .benefit-info .value { display: block; font-size: 1.2rem; line-height: 1.8rem; }

.benefit-action-wrap .benefit-action-list li .benefit-info .value:after { content: 'P'; display: inline-block; margin-left: 4px; vertical-align: top; }

.benefit-action-wrap .benefit-action-list li .benefit-info .value.plus:before { content: '+'; }

.benefit-action-wrap .benefit-action-list li .benefit-info .value.minus:before { content: '-'; }

.benefit-action-wrap .benefit-action-list li .benefit-info .date { display: block; margin-top: 2px; font-size: 1.1rem; color: #999; line-height: 1.4rem; }

.benefit-action-wrap.mileage-type .benefit-action-list li .benefit-info .value:after { content: 'M'; }

.coupon-register-wrap { padding-top: 15px; margin-bottom: 35px; }

.coupon-register-wrap .desc-black { margin-top: 10px; line-height: 1.8rem; }

.coupon-register-wrap .text-list { margin-top: 30px; }

.coupon-list-wrap .coupon-list { margin-top: 20px; }

.coupon-list-wrap .coupon-list li .item { position: relative; display: block; min-height: 133px; padding: 14px 15px; background: #fff; border: solid 1px #ddd; }

.coupon-list-wrap .coupon-list li .item:after, .coupon-list-wrap .coupon-list li .item:before { z-index: 3; content: ''; position: absolute; top: 50%; bottom: 0; display: block; width: 4px; height: 109px; margin-top: -54px; display: block; background-image: url("../images/mypage/mypage_coupon.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 4px 109px; }

.coupon-list-wrap .coupon-list li .item:after { right: -1px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }

.coupon-list-wrap .coupon-list li .item:before { left: -1px; }

.coupon-list-wrap .coupon-list li .item .benefit-info { padding-bottom: 15px; border-bottom: 1px solid #f2f2f2; text-align: center; }

.coupon-list-wrap .coupon-list li .item .benefit-info .coupon-value { display: block; font-size: 1.8rem; line-height: 2.5rem; }

.coupon-list-wrap .coupon-list li .item .benefit-info .coupon-value .value { font-size: 2rem; font-weight: 500; vertical-align: -1px; font-style: italic; }

.coupon-list-wrap .coupon-list li .item .benefit-info .coupon-condition { display: block; margin-top: 2px; font-size: 1.1rem; color: #999; line-height: 1.8rem; letter-spacing: -0.028rem; }

.coupon-list-wrap .coupon-list li .item .benefit-info .coupon-period { display: block; margin-top: 2px; font-size: 1.1rem; line-height: 1.4rem; color: #999; letter-spacing: -0.028rem; }

.coupon-list-wrap .coupon-list li .item .coupon-info { padding: 10px 0 0; }

.coupon-list-wrap .coupon-list li .item .coupon-info .coupon-name { font-size: 1.1rem; letter-spacing: -0.028rem; color: #333; overflow: hidden; height: 3.2rem; max-height: 3.2rem; line-height: 1.6rem; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-word; height: auto; word-break: keep-all; word-wrap: break-word; }

.coupon-list-wrap .coupon-list li .item .coupon-info .coupon-type { margin-top: 4px; }

.coupon-list-wrap .coupon-list li .item .coupon-info .coupon-type .type, .coupon-list-wrap .coupon-list li .item .coupon-info .coupon-type .num { display: inline-block; font-size: 1.1rem; line-height: 1.7rem; color: #666; vertical-align: top; letter-spacing: -0.028rem; }

.coupon-list-wrap .coupon-list li .item .coupon-info .coupon-type .num { margin-left: 5px; }

.coupon-list-wrap .coupon-list li ~ li { margin-top: 15px; }

.coupon-list-wrap .coupon-list.use-type li .item { background: #fafafa; }

.coupon-list-wrap .coupon-list.use-type li .item:after, .coupon-list-wrap .coupon-list.use-type li .item:before { background-image: url("../images/mypage/mypage_coupon_use.png"); }

.coupon-list-wrap .no-data { border-bottom: 1px solid #f2f2f2; }

.sctitle + .member-grade-wrap { margin-top: 0; }

.member-grade-wrap { margin-top: 30px; border-top: 1px solid #000; }

.member-grade-wrap .grade-list > li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #f2f2f2; }

.member-grade-wrap .grade-list > li .grade-level { display: block; flex: 0 1 80px; margin: 4px 10px 0 0; font-size: 1.6rem; font-weight: 700; font-style: italic; text-transform: uppercase; }

.member-grade-wrap .grade-list > li .grade-detail { flex: 1; }

.member-grade-wrap .grade-list > li .grade-detail .grade-condition { display: block; font-size: 1.3rem; line-height: 2.1rem; font-weight: 500; }

.member-grade-wrap .grade-list > li .grade-detail .benefit-list { margin-top: 10px; }

.member-grade-wrap .grade-list > li .grade-detail .benefit-list li { font-size: 1.2rem; line-height: 1.8rem; }

.member-grade-wrap .grade-list > li .grade-detail .benefit-list li .val { font-weight: 500; }

.member-grade-wrap .grade-list > li .grade-detail .benefit-list li .val span { font-style: italic; }

.member-grade-wrap .grade-list > li .grade-detail .coupon-list { margin-top: 15px; font-size: 0; }

.member-grade-wrap .grade-list > li .grade-detail .coupon-list li { margin: 5px 0 0 0; vertical-align: top; }

.member-grade-wrap .grade-list > li .grade-detail .coupon-list li .coupon-box { padding: 9px 3px 8px 15px; border: solid 1px #ccc; }

.member-grade-wrap .grade-list > li .grade-detail .coupon-list li .coupon-box .text { display: inline-block; font-size: 1.2rem; line-height: 1.6rem; margin-right: 12px; }

.member-grade-wrap .grade-list > li .grade-detail .coupon-list li .coupon-box .text-desc { display: inline-block; margin-left: auto; font-size: 1.1rem; line-height: 1.6rem; color: #ccc; margin-right: 12px; }

.member-grade-wrap .grade-list > li .grade-detail .coupon-list li .coupon-box .spot { font-style: italic; font-weight: 400 !important; }

.member-grade-wrap .text-list { margin-top: 20px; }

.member-info-wrap { margin-top: 15px; border: 1px solid #000; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

.member-info-wrap .profile-info { padding: 15px 15px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }

.member-info-wrap .profile-info .name { flex: 1; display: block; margin-right: 24px; font-size: 2.2rem; line-height: 2.8rem; word-break: break-word; }

.member-info-wrap .profile-info .my-profile-name { flex-shrink: 0; margin-left: auto; }

.member-info-wrap .grade-info { margin-top: 30px; padding: 0 15px; }

.member-info-wrap .grade-info .grade-detail .grade-level { font-size: 2.1rem; line-height: 2.6rem; vertical-align: middle; }

.member-info-wrap .grade-info .grade-detail .grade-level.non-member { font-size: 1rem; padding-left: 10px; }

.member-info-wrap .grade-info .grade-detail .grade-desc { display: block; padding-left: 15px; margin-top: 3px; margin-left: auto; font-size: 1rem; font-weight: 300; line-height: 1.5rem; word-break: break-word; }

.member-info-wrap .grade-info .progress-bar { margin-top: 9px; }

.member-info-wrap .grade-info .grade-guide { margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; }

.member-info-wrap .grade-info .grade-guide .desc { display: block; flex: 1; margin-right: 10px; font-size: 1rem; line-height: 1.8rem; font-weight: 300; word-break: keep-all; word-wrap: break-word; }

.member-info-wrap .grade-info .grade-guide .btn-link { align-self: flex-start; margin-top: 5px; }

.member-info-wrap .grade-info::after { content: ''; display: block; width: 100%; height: 3px; background: #f2f2f2; border-left: 1px solid #000; margin-top: 9px; margin-bottom: 8px; }

.member-info-wrap .join-info { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; padding: 0 15px; }

.member-info-wrap .join-info .join-text { font-size: 1rem; line-height: 1.5rem; }

.member-info-wrap .join-info .join { font-size: 1.1rem; border-bottom: 1px solid #000; }

.member-info-wrap .benefit-info { margin-top: 30px; padding: 13px 15px 14px; border-top: 1px solid #ccc; }

.member-info-wrap .benefit-info .benefit-list li { display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; }

.member-info-wrap .benefit-info .benefit-list li .value { display: block; font-size: 2.1rem; line-height: 2.6rem; margin-right: 11px; }

.member-info-wrap .benefit-info .benefit-list li .type { display: block; font-size: 1rem; font-weight: 300; line-height: 1.5rem; letter-spacing: -0.08rem; }

.member-info-wrap .benefit-info .benefit-list li ~ li { margin-top: 10px; }

.order-list-wrap { margin: 0 -15px; padding: 0 15px; }

.order-list-wrap .order-list .item { width: 278px; }

.order-list-wrap .order-list .item .prod-item.individual

branch_name: refs/heads/main

extension: css