@charset "utf-8"; /* reset */
html, body { width:100%; height:100%; font-family:'Noto Sans KR', sans-serif; } 
html, body, code, * { margin:0; padding:0; box-sizing:border-box; letter-spacing:-0.05em; } 
ul, li, ol, dl, dt, dd { list-style:none; } 
input { font-family:"Noto Sans CJK KR"; } 
a { color:var(--set07); border:0; outline:0; text-decoration:none; } 
a:hover, a:active, a:focus { border:0; outline:0; text-decoration:none; } 
.full_with { position: relative; width: 100%; left: 0; } 
body.sub { background:#464646; } 
.txt_hidden { font-size:0; line-height:0; color:transparent; overflow:hidden; text-indent:-999999px; } 
.hide { display:none !important; opacity:0 !important; } 
span.req { font-size:.9rem; color: #f00; } 
span.none_req { font-size:.9rem; color: #b3b3b3; } 
.disable { pointer-events: none; opacity: .5; background: rgb(0 0 0 / 40%) !important; } 




/* fullpage setup */
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height:auto !important } 




/* swipe setup */
.swiper-button-next.setup01,
.swiper-rtl .swiper-button-prev.setup01,
.swiper-button-prev.setup01,
.swiper-rtl .swiper-button-next.setup01 { width: 60px; height: 60px; background: #fff; top: initial; bottom:0; transition:all .1s ease-in-out; } 
.swiper-button-next.setup01,
.swiper-rtl .swiper-button-prev.setup01 { right:0; } 
.swiper-button-prev.setup01,
.swiper-rtl .swiper-button-next.setup01 { left: initial; right:60px; } 
.swiper-button-prev.setup01:after,
.swiper-rtl .swiper-button-next.setup01:after { content:""; background: url("/base/img/work_custom/img/icon/arrow_l_d.png")no-repeat center/cover; width: 16px; height: 12px; } 
.swiper-button-next.setup01:after,
.swiper-rtl .swiper-button-prev.setup01:after { content:""; background: url("/base/img/work_custom/img/icon/arrow_r_d.png")no-repeat center/cover; width: 16px; height: 12px; } 
.swiper-button-next.setup01:hover,
.swiper-button-prev.setup01:hover { background:var(--set02); } 
.swiper-button-next.setup01:hover::after { content:""; background: url("/base/img/work_custom/img/icon/arrow_r_w.png")no-repeat center/cover; width: 16px; height: 12px; } 
.swiper-button-prev.setup01:hover::after { content:""; background: url("/base/img/work_custom/img/icon/arrow_l_w.png")no-repeat center/cover; width: 16px; height: 12px; } 








/* popup */
.popupArea {position: fixed;display: flex;align-items: flex-start;top: 0;left: 0;z-index: 9999;} 
.popupArea > div {width: 100%;min-width: 260px;max-width: 266px;} 
.popup {display: inline-block;width: 100%;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);background: #fff;} 
.popup2 { display: inline-block; width: 100%; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); background: #fff; } 
.popup2.wide{min-width: 360px;max-width: 700px;width: 100%;}
.popup-img { font-size: 0px; } 
.popup-img img {width: 100%;max-height: initial;} 
.popup-btns { display: flex; } 
.popup-btns #hideToday { flex: 3; font-size: 16px; padding: 5px 10px; color: #fff; background: #999; border: 0; outline: 0; } 
.popup-btns #layerClose { flex: 1; font-size: 1.4rem; padding: 0.4em; color: #fff; } 
.popup .popup-btns #layerClose,
.popup2 .popup-btns #layerClose,
.popup3 .popup-btns #layerClose { font-size: 16px; border: 0; background: var(--set02); } 
.popup-temporary { display: inline-block; max-width: 550px; background: #999; overflow: hidden; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); } 
.popup-temporary .pt-img { font-size: 0px; margin: 0; } 
.popup-temporary .pt-img img { width: 100%; } 
.popup-temporary .pt-close { position: relative; width: 25%; left: 75%; color: #fff; background: #444; font-size: 1.4rem; padding: 0.4em; } 




/* color set */
:root { --set01:#fafafa; --set02:#920312; --set03:#e6e6e6; --set04:#ffd28f; --set05:#c1c1c1; --set06:#ffffff; --set07:#343434; --set08:#2d2d2d; --set09:#f6f6f6; } 




/* scroll */
.store_list ul::-webkit-scrollbar { width: 8px; } 
.store_list ul::-webkit-scrollbar-thumb { height: 30%; background:#a8a8a8; border-radius:5px; } 
.store_list ul::-webkit-scrollbar-track { background:#f5f5f5 } 
/* header */
.header_wrap { width:100%; position:fixed; z-index: 99; height: 100px; border-bottom: 1px solid rgb(255 255 255 / 30%); transition:all .2s linear; } 
.header_wrap .header_inner { width:100%; height: 100px; max-width:1240px; padding:0 20px; position: absolute; top:0; left:50%; transform:translateX(-50%); display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.header_wrap .header_inner .logo_box a img { width:150px; height:auto; } 
.header_wrap .header_inner .logo_box a img:first-child { display:inline-block; } 
.header_wrap .header_inner .logo_box a img:last-child { display:none; } 
.header_wrap .header_inner .nav_box > ul > li { display: inline-block; position: relative; margin: 0 19px; padding: 35px 0; height: 100px; } 
.header_wrap .header_inner .nav_box > ul > li a { font-size: 18px; line-height: 26px; color:#fff; } 
.header_wrap .header_inner .nav_box > ul > li a:hover { font-weight:500; } 
.header_wrap .header_inner .nav_box > ul > li ul { visibility: hidden; opacity: 0; position: absolute; width: 100%; min-width: 165px; top: 99px; left: 50%; transform: translateX(-50%); background: rgb(0 0 0 / 60%); padding: 15px 15px; border: solid 1px #e5e5e5; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.header_wrap .header_inner .nav_box > ul > li:hover > ul { opacity: 1; visibility: visible; } 
.header_wrap .header_inner .nav_box > ul > li ul li { text-align: center; line-height: 35px; } 
.header_wrap .header_inner .nav_box > ul > li > a:after { content: ""; position: relative; display: block; bottom: -4px; width: 100%; height: 3px; border-radius: 50%; background-color: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: -webkit-transform .3s cubic-bezier(.45,.46,.05,.96); -o-transition: transform .3s cubic-bezier(.45,.46,.05,.96); transition: transform .3s cubic-bezier(.45,.46,.05,.96); transition: transform .3s cubic-bezier(.45,.46,.05,.96),-webkit-transform .3s cubic-bezier(.45,.46,.05,.96); } 
.header_wrap .header_inner .nav_box > ul > li > a:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform .5s cubic-bezier(.45,.46,.05,.96); -o-transition: transform .5s cubic-bezier(.45,.46,.05,.96); transition: transform .5s cubic-bezier(.45,.46,.05,.96); transition: transform .5s cubic-bezier(.45,.46,.05,.96),-webkit-transform .5s cubic-bezier(.45,.46,.05,.96); } 
body:not(.fp-viewing-anchor1) .header_wrap { background: rgb(255 255 255 / 50%); } 
body:not(.fp-viewing-anchor1) .header_wrap:hover { background: rgb(255 255 255 / 85%); } 
body:not(.fp-viewing-anchor1) .header_wrap .header_inner .nav_box > ul > li a { color:var(--set07); } 
body:not(.fp-viewing-anchor1) .header_wrap .header_inner .nav_box > ul > li ul { background: rgb(255 255 255 / 85%); } 
body:not(.fp-viewing-anchor1) .header_wrap .header_inner .logo_box a img:first-child { display:none; } 
body:not(.fp-viewing-anchor1) .header_wrap .header_inner .logo_box a img:last-child { display:inline-block; } 
body.sub .header_wrap { background:none; } 
body.sub .header_wrap:hover { background:none; } 
body.sub .header_wrap .header_inner .nav_box > ul > li a { color:#fff; } 
body.sub .header_wrap .header_inner .nav_box > ul > li ul { background:rgb(0 0 0 / 60%) } 
body.sub .header_wrap .header_inner .logo_box a img:first-child { display:inline-block; } 
body.sub .header_wrap .header_inner .logo_box a img:last-child { display:none; } 
body.sub .header_wrap.active { background: rgb(255 255 255); border-bottom: 1px solid #eee; } 
body.sub .header_wrap.active .m_site_open { background: url(/base/img/work_custom/img/icon/m_nav_open_b.svg) 0 0 no-repeat; } 
body.sub .header_wrap.active:hover { background: #fff; } 
body.sub .header_wrap.active .header_inner .nav_box > ul > li a { color:var(--set07); } 
body.sub .header_wrap.active .header_inner .nav_box > ul > li ul { background: rgb(255 255 255); } 
body.sub .header_wrap.active .header_inner .logo_box a img:first-child { display:none; } 
body.sub .header_wrap.active .header_inner .logo_box a img:last-child { display:inline-block; } 
/* form */
.useform { position: fixed; bottom: 0; left: 0; width: 100vw; height: 120px; background: rgb(146 3 18 / 90%); z-index: 99; } 
.sub .useform { position:relative; width: 100%; } 
.useform .useform_box { display:flex; align-items: center; height:100%; width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; } 
.useform .header { max-width:180px; width:100%; margin-right: 30px; } 
.useform .header img { width:100%; } 
.useform #smsForm { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; width: 100%; } 
.useform .smsWraper { display: flex; flex-wrap: wrap; width: 100%; max-width: calc(100% - 180px); } 
.useform .smsWraper input { border: 1px solid #ffe4e4; background: rgba(255, 255, 255, 0.17); color: #FFD1D6; border:none; border-radius: 5px; padding-left: 10px; box-sizing: border-box; outline:none; } 
.useform .smsWraper input::placeholder { color:#FFD1D6; font-size:15px; } 
.useform .smsWraper input,
.useform .smsWraper .consentWrapper { width: 100%; margin-right: 15px; height: 50px; } 
.useform .smsWraper .consentWrapper { width: 131px; margin-right: 0; margin-top: -20px; } 
.useform .smsWraper .consent-true { display: none; } 
.useform .smsWraper .consent-false { margin-bottom: -24px; } 
.useform .smsWraper #smsConsent:checked + label .consent-true { display: block; } 
.useform .smsWraper #smsConsent:checked + label .consent-false { display: none; } 
.useform .smsWraper label img { max-width: 100%; } 
.useform .smsWraper select,
.useform .sendBtn { cursor: pointer; } 
.useform .sendBtn { width: 180px; background: #fff; border: none; color: #5E0811; font-size: 16px; border-radius: 5px; font-weight: 500; } 
.useform .smsName { max-width:120px; } 
.useform .smsPhone { max-width:180px; } 
.useform .smsLocate { max-width:240px; } 
.useform .chk_privacy { position: relative; width: auto; display: flex; align-items: center; } 
.useform .chk_privacy input { width: 20px; height: 20px; background: url(/base/img/work_custom/img/smsConsent-false.png)no-repeat center/cover; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin-right: 5px; } 
.useform .chk_privacy input[type="checkbox"]:checked { background: url(/base/img/work_custom/img/smsConsent-true.png)no-repeat center/cover; } 
.useform .chk_privacy label div { color: rgb(255 209 214 / 50%); line-height: 22px; } 
.useform .chk_privacy label span { display: block; line-height: 17px; color: #FFD1D6; } 
/* tab menu */
.tab_wrap { width: 100%; position: relative; margin: 0 auto; } 
.tab_box { transition: .2s linear; display: none; } 
.tab_box.on { display: inline-block; } 
/* footer */
footer { background:#464646; } 
footer .container { height: 280px; width: 100%; max-width: 1240px; padding: 30px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; } 
.sub footer .container { height:155px; } 
footer .container .ft-logo { margin-right:50px; } 
footer .ft-info p { margin-bottom: 20px; } 
footer .ft-info p b { font-weight: 500; color: #fff; } 
footer .ft-info p span { margin-right: 1em; color: #bbb; font-size: 14px; line-height: 22px; word-break: keep-all; } 
footer .ft-info p span:last-child { margin-right:0; } 
footer .ft-info a, footer .ft-info .copyright { color:#fff; } 




/* mobile */
/* .header_inner .nav_box { display:none; } */
.m_nav_box { position: fixed; z-index: 9999; width: 93%; right:-100%; transition:right .4s ease-in-out; } 
.m_nav_box > a { position:absolute; z-index:1; width: 150px; height: auto; top: 10px; left: 50%; transform: translateX(-50%); } 
.m_nav_box > a img { width:100%; } 
.m_nav_box li > a { display: inline-block; width:100%; } 
.m_nav_box h3 { display:inline-block; position: relative; line-height: 1.6; font-weight: 500; color: var(--set07); } 
.disable_box { z-index:-1; opacity:0; position:fixed; width:100vw; height:100vh; background-color:rgba(0, 0, 0, 0.6); transition:all .4s ease-in-out; } 
body.nav_active .disable_box { display:inline-block; z-index:9998; opacity:1; } 
body.nav_active .m_nav_box { display:inline-block; right: 0; top: 0; } 
.m_nav_box .inner { overflow-y: auto; position: absolute; max-width:inherit; top: 0; left:initial; right:0; height: 100vh; transform: initial; padding-top:0; width: 100%; background: #fff; } 
.m_nav_box ul { width: 100%; display: inline-block; height: calc(100% - 191px); padding: 60px 0 20px; } 
.m_nav_box ul > li::before { content:""; width: 85%; display:block; height:2px; margin:3px 0 10px; background-image: linear-gradient(to left, #d9d9d9 15%, var(--set02) 55%); } 
.m_nav_box ul > li { width:100%; padding: 0 15px; } 
.m_nav_box ul > li::before { width:100%; height:1px; margin: 0; } 
.m_nav_box h3 { padding: 5px 0; } 
.m_nav_box ol { padding: 10px 15px; border-top: 1px solid #ddd; } 
.m_nav_box ol > li a { width:100%; display: block; color: #666; font-size: 16px; font-weight: 400; } 
.m_site_open { display:none; margin-left: 15px; width: 30px; height: 24px; background: url(/base/img/work_custom/img/icon/m_nav_open.svg) 0 0 no-repeat; border: 0; outline: 0; } 
.m_site_close { margin-left: 15px; width: 22px; height: 24px; background: url(/base/img/work_custom/img/icon/m_nav_close.svg) 0 0 no-repeat; border: 0; outline: 0; position: absolute; z-index: 1; right: 20px; top: 20px; } 
body:not(.fp-viewing-anchor1) .m_site_open { background: url(/base/img/work_custom/img/icon/m_nav_open_b.svg) 0 0 no-repeat; border: 0; outline: 0; } 
body.sub .m_site_open { background: url(/base/img/work_custom/img/icon/m_nav_open.svg) 0 0 no-repeat; border: 0; outline: 0; } 
.site_nav ol { display:none; } 
.site_nav > div { cursor:pointer; } 
.site_nav div:first-child span { display:none; } 
.site_nav div:first-child span { float:right; display:inline-block; width:12px; height:2px; background:#000; margin-top:18px; margin-right:8px; transform: rotate(90deg); -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } 
.site_nav div:first-child span.on { transform: rotate(0deg); } 
.site_nav div:first-child:after { content: ""; display: inline-block; width: 12px; float: right; height: 2px; margin-top: 18px; margin-right: -12px; background: var(--set07); } 
/* side menu */
.side_menu { width: 190px; position: fixed; right: 20px; z-index: 999; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; } 
.side_menu a { display:inline-block; color:#fff; text-align: center; margin-bottom:10px; } 
.side_menu a:first-child { background: var(--set02); border-radius: 15px; width: 100%; padding: 18px 30px; } 
.side_menu a:nth-child(2) { background: var(--set07); border-radius: 15px; width: 100%; padding: 20px 30px; } 
.side_menu .sns_icon { box-shadow: 0px 1px 5px #00000029; width: 50px; height: 50px; border-radius: 50px; overflow: hidden; } 
.side_menu .sns_icon img { width: 100%; height: auto; } 
.m_side_menu { width:100%; margin-top: 15px; display:none; } 
.m_side_menu ul { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0 10px; } 
.m_side_menu li { width:36px; height:36px; border-radius:36px; } 
.m_side_menu li img { width:100%; height:auto; } 
.m_side_menu li:first-child { background: var(--set02); padding: 5px; text-align: center; } 
.m_side_menu li:nth-child(2) { background: var(--set07); padding: 6px; text-align: center; } 
.m_side_menu li:first-child img { width: 16px; } 
.m_side_menu li:nth-child(2) img { width: 17px; } 




/*** resposive ***/
/** Tablet **/
@media (max-width:1200px) { /* header */
.header_wrap .nav_box { display:none; } 
.m_site_open { display:inline-block; } 
.header_wrap,
.header_wrap .header_inner { height:60px; } 
.header_wrap .header_inner .nav_box > ul > li { padding: 15px 0; height: 100%; margin: 0 10px; } 
.header_wrap .header_inner .logo_box a img { width: 125px; } 
.header_wrap .header_inner .nav_box > ul > li a { font-size:16px; } 
/* useform */
.useform { height: 130px; } 
.useform .useform_box { padding: 0 20px; } 
.useform .header { display:none; } 
.useform .smsWraper input { max-width: initial; flex: 1; margin-right: 10px; } 
.useform .chk_privacy { margin-right:10px; } 
.useform .chk_privacy input { width:20px; margin-right: 5px; } 
.useform #smsForm { flex-direction: column; gap: 10px 0; } 
.useform .smsWraper { max-width: initial; width:100%; } 
.useform .sendBtn { width:100%; line-height: 50px; } 
/* footer */
footer .container { height: 310px; } 
 }




@media (max-width:1025px) { footer .container { height:350px; } 
 .sub footer .container { height: 230px; } 
 .side_menu { display:none; } 
 .m_side_menu { display:inline-block; } 
 }




@media (max-width:1385px) {.popupArea { width:100%; } 
.popup,
.popup2,
.popup3 { width: 33vw; position: absolute; top: 0; left: 50%; transform:translateX(-50%); 
} 




/** Mobile **/
@media (max-width:768px) { /* etc */
.m_hide { display:none !important; opacity:0 !important; } 
.swiper-button-next.setup01, .swiper-rtl .swiper-button-prev.setup01, .swiper-button-prev.setup01, .swiper-rtl .swiper-button-next.setup01 { width: 40px; height: 40px; } 
.swiper-button-prev.setup01, .swiper-rtl .swiper-button-next.setup01 { right: 40px !important; } 
/* header */
/* useform */
.useform { height:180px; } 
.useform .sendBtn { line-height: 40px; font-size: 15px; } 
.useform .smsWraper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; } 
.useform .smsWraper input { flex: initial; width: calc(50% - 5px); margin-right: 0; height: 40px; } 
.useform .chk_privacy input { width: 20px; height: 20px; margin-right:5px; } 
.useform .chk_privacy label div { font-size:14px; line-height:20px; } 
.useform .chk_privacy label span { font-size:14px; line-height:20px; } 
/* footer */
footer .container { display: flex; flex-direction: column; height: 520px; padding: 25px 20px; } 
.sub footer .container { height: 350px; } 
footer .container .ft-logo { margin:0; margin-bottom:15px; } 
footer .container .ft-logo img { height:27px; } 
footer .ft-info p span { display:block; font-size: 13px; line-height: 22px; margin-right: 0; } 
footer .ft-info p b { font-weight:400; } 
footer .ft-info br { display:none; } 
footer .ft-info a, footer .ft-info .copyright { font-size:13px; font-weight:400; } 
 }