@charset "utf-8"; /* CSS Document */
.box0 { padding: 0 100px; } 
.box1 { width: 1320px; max-width:92%; margin:0 auto; } 
.box2 { width: 1680px; max-width:94%; margin:0 auto; } 
.box3 { width: 1320px; max-width:92%; margin:0 auto; } 
.box4 { width: 1420px; max-width:92%; margin:0 auto; } 

/* ====== Margin ====== */
.mt-0 { margin-top: var(--space-0) !important } 
.mt-1 { margin-top: var(--space-1) !important } 
.mt-2 { margin-top: var(--space-2) !important } 
.mt-3 { margin-top: var(--space-3) !important } 
.mt-4 { margin-top: var(--space-4) !important } 
.mt-5 { margin-top: var(--space-5) !important } 
.mt-6 { margin-top: var(--space-6) !important } 

.mb-0 { margin-bottom: var(--space-0) !important } 
.mb-1 { margin-bottom: var(--space-1) !important } 
.mb-2 { margin-bottom: var(--space-2) !important } 
.mb-3 { margin-bottom: var(--space-3) !important } 
.mb-4 { margin-bottom: var(--space-4) !important } 
.mb-5 { margin-bottom: var(--space-5) !important } 
.mb-6 { margin-bottom: var(--space-6) !important } 

.mr-0 { margin-right: var(--space-0) !important } 
.mr-1 { margin-right: var(--space-1) !important } 
.mr-2 { margin-right: var(--space-2) !important } 
.mr-3 { margin-right: var(--space-3) !important } 
.mr-4 { margin-right: var(--space-4) !important } 
.mr-5 { margin-right: var(--space-5) !important } 
.mr-6 { margin-right: var(--space-6) !important } 

.ml-0 { margin-left: var(--space-0) !important } 
.ml-1 { margin-left: var(--space-1) !important } 
.ml-2 { margin-left: var(--space-2) !important } 
.ml-3 { margin-left: var(--space-3) !important } 
.ml-4 { margin-left: var(--space-4) !important } 
.ml-5 { margin-left: var(--space-5) !important } 
.ml-6 { margin-left: var(--space-6) !important } 


/* ====== Padding ====== */
.pt-0 { padding-top: var(--space-0) !important } 
.pt-1 { padding-top: var(--space-1) !important } 
.pt-2 { padding-top: var(--space-2) !important } 
.pt-3 { padding-top: var(--space-3) !important } 
.pt-4 { padding-top: var(--space-4) !important } 
.pt-5 { padding-top: var(--space-5) !important } 
.pt-6 { padding-top: var(--space-6) !important } 

.pb-0 { padding-bottom: var(--space-0) !important } 
.pb-1 { padding-bottom: var(--space-1) !important } 
.pb-2 { padding-bottom: var(--space-2) !important } 
.pb-3 { padding-bottom: var(--space-3) !important } 
.pb-4 { padding-bottom: var(--space-4) !important } 
.pb-5 { padding-bottom: var(--space-5) !important } 
.pb-6 { padding-bottom: var(--space-6) !important } 

.pr-0 { padding-right: var(--space-0) !important } 
.pr-1 { padding-right: var(--space-1) !important } 
.pr-2 { padding-right: var(--space-2) !important } 
.pr-3 { padding-right: var(--space-3) !important } 
.pr-4 { padding-right: var(--space-4) !important } 
.pr-5 { padding-right: var(--space-5) !important } 
.pr-6 { padding-right: var(--space-6) !important } 

.pl-0 { padding-left: var(--space-0) !important } 
.pl-1 { padding-left: var(--space-1) !important } 
.pl-2 { padding-left: var(--space-2) !important } 
.pl-3 { padding-left: var(--space-3) !important } 
.pl-4 { padding-left: var(--space-4) !important } 
.pl-5 { padding-left: var(--space-5) !important } 
.pl-6 { padding-left: var(--space-6) !important } 


/* ====== Padding ====== */
.gap-0 { gap: var(--space-0) !important } 
.gap-1 { gap: var(--space-1) !important } 
.gap-2 { gap: var(--space-2) !important } 
.gap-3 { gap: var(--space-3) !important } 
.gap-4 { gap: var(--space-4) !important } 
.gap-5 { gap: var(--space-5) !important } 
.gap-6 { gap: var(--space-6) !important } 


.m_hide,
.pcHide { display:none !important; } 
.moHide { } 

.dwrap { position:relative; width:2000px; left:50%; top:0; margin-left:-1000px } 
.dwrap img { display:block } 

.gnb > li.m_search,
.gnb > li.m_mypage,
.gnb > li.m_policy,
.gnb > li.m_member { display:none; } 

/*header*/
#header { position: fixed; left:0; top:0; width:100%; z-index:1000; border-bottom: 1px solid #ddd; background:#fff; --c1:rgba(0,0,0,.1); --c2:var(--color-point); --c3:#888; --c4:#fff; --c5:#fff; transition: background .1s, transform .3s } 
#header .top_wrap { position:relative } 
#header .top_wrap .wrapF,
#header .top_wrap .gnb_wrap .dp1 { height: 60px; transition: height .215s ease; } 

.headerT { padding-top:var(--headerH) } 
#header .top_wrap .wrapF { display:flex; align-items:center; gap:0 2vw } 
#header .top_wrap .wrapF > * { position:relative; z-index:2 } 
#header .top_wrap .logo > a { overflow:hidden } 
#header .top_wrap .logo > a .in { display:flex; align-items: center; height:100% } 
#header .top_wrap .logo > a .in.lW img { display: none; } 
#header .top_wrap .logo > a .in.lO img { display: block; } 
#header .top_wrap .logo > a .in.tt { display:flex; align-items:center; gap:1em } 
#header .top_wrap .logo > a .in.tt:after { content:attr(data-tt); border-left:1px solid #ddd; font-weight:700; font-size:1.313em; padding:0 0 .313em .5em; line-height:1.1 } 
#header .top_wrap .logo > a img { height: 30px; display:block; object-fit: contain; } 
#header .top_wrap .etc_wrap { display:flex; align-items:center; gap:4vmin } 
#header .top_wrap .etc_wrap .btnInc { width:3.25em; height:3.25em; display:flex; align-items:center; justify-content:center; border-radius:50% } 
#header .top_wrap .etc_wrap .btnInc .ico { font-size:1.75em } 
#header .top_wrap .etc_wrap .allBtn { position:relative; border:1px solid rgba(255,255,255,.5); box-shadow:0 0 1em rgba(0,0,0,.1) } 
#header .top_wrap .etc_wrap .mem_wrap { display:flex; gap:2em; align-items:center } 
#header .top_wrap .etc_wrap .mem_wrap > li > a { display:flex; gap:.25em; align-items:center; position:relative; color:var(--c3) } 
#header .top_wrap .etc_wrap .mem_wrap > li > a .t1 { font-size:.938em; font-weight:500 } 
#header .top_wrap .etc_wrap .mem_wrap > li.point > a { color:var(--c2) } 
#header .top_wrap .etc_wrap .mem_wrap > li:not(:first-child) > a:before { content:""; position:absolute; left:-1em; top:50%; transform:translate(0,-50%); width:1px; height:70%; background:var(--c1) } 
#header .top_wrap .etc_wrap .lang_wrap { position:relative; color:var(--c3) } 
#header .top_wrap .etc_wrap .lang_wrap .langBtn { display:flex; align-items:center; gap:.25em; border:1px solid var(--c1); border-radius:.25em; height:2em; padding:0 .5em } 
#header .top_wrap .etc_wrap .lang_wrap .langBtn .t1 { font-weight:700; font-size:.813em } 
#header .top_wrap .etc_wrap .lang_wrap .langBtn .xi { font-size:1em } 
#header .top_wrap .etc_wrap .lang_wrap .langBtn .arrow { transition:.3s } 
#header .top_wrap .etc_wrap .lang_wrap .list { position:absolute; left:0; top:100%; width:100%; box-sizing:border-box; border:1px solid var(--c1); border-top:none; border-radius:0 0 .25em .25em; padding:.5em 1em; padding-top:0; visibility:hidden; opacity:0; display:flex; flex-direction:column; gap:.25em; background:var(--c4) } 
#header .top_wrap .etc_wrap .lang_wrap .list > li > a { display:flex; align-items:center; gap:.5em; height:1.5em; box-sizing:border-box; padding:0 .5em 0 .75em; overflow:hidden } 
#header .top_wrap .etc_wrap .lang_wrap .list > li > a .t1 { font-weight:700; font-size:.813em } 
#header .top_wrap .etc_wrap .lang_wrap .list > li > a .arrow { font-size:1em; margin-left:auto } 
#header .top_wrap .etc_wrap .lang_wrap .list > li > a .arrow:before { content:"\e907" } 
#header .top_wrap .etc_wrap .lang_wrap .list > li.on { order:-1 } 
#header .top_wrap .etc_wrap .lang_wrap .list > li.on > a { background:var(--c2); border-radius:1em; color:var(--c5); } 
#header .top_wrap .etc_wrap .lang_wrap .list > li.on > a .arrow:before { content:"\e92b" } 
#header .top_wrap .etc_wrap .lang_wrap .list > li:not(.on) > a .arrow { opacity:0; transform:translateX(50%) } 
#header .top_wrap .etc_wrap .lang_wrap .list > li:not(.on):hover > a .arrow { opacity:1; transform:translateX(0); transition:.3s } 
#header .top_wrap .etc_wrap .lang_wrap.on .langBtn { border-bottom-color:transparent; border-bottom-left-radius:0; border-bottom-left-radius:0 } 
#header .top_wrap .etc_wrap .lang_wrap.on .langBtn .arrow { transform:rotate(180deg) } 
#header .top_wrap .etc_wrap .lang_wrap.on .list { visibility:visible; opacity:1; transition:.3s } 

#header .all { } 
#header .all_btn { width: 1.6rem; height: 2rem; display: flex; align-items: center; justify-content: center; } 
#header .all_btn > .in { position:relative; width: 100%; height: 1rem; display: block; } 
#header .all_btn .ham,
#header .all_btn .ham:before,
#header .all_btn .ham:after { display:block; width:100%; height: 2px; border-radius: 5px; background: var(--color-black); transition:.2s, background 0s; } 
#header .all_btn .ham:before,
#header .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_btn .ham:before { top:calc(50% - 1px); width: 100%; } 
#header .all_btn .ham:after { top:calc(100% - 2px); left: 0; width:100%; } 
#header .all .all_btn .ham { width: 100%; margin: 0 0 0 auto; } 
#header .all:hover .all_btn .ham:before { width: 100%; } 

html:not(.allOn) #header .top_wrap .gnb_wrap { display:flex; align-items:center; justify-content: center; flex:1 1 0%; min-width:0; height:100%; z-index:1; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb { position: relative; justify-content:space-around; box-sizing:border-box; transition:padding .3s } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb a { display:flex } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li { position:relative; min-width: 7.5vw; max-width: 7.5vw; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 { display:flex; align-items:center; justify-content:center } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:is(:hover, .on) .dp1 { color:var(--color-point); filter:saturate(2) } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:is(:hover, .on) .dp1 .va { position:relative } 
/* html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after { content:""; position:absolute; left:100%; top:0; width:1em; height:1em; border-radius:50%; transform:translate(0, -50%) scale(.4); background:var(--color-point2) } */
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va { position:relative; box-sizing:border-box; overflow:hidden; height:3vmin; text-align:center; padding-bottom:4px } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va .arrow { display: none; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after { content:attr(data-en); width:auto; height:auto; text-transform:uppercase; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after,
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-weight:700; font-size: var(--font-size-base); position:relative; height:3vmin; box-sizing:border-box; display:flex; align-items:center; justify-content:center; transition:.3s } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va:after,
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .tt { transform:translateY(-100%) } 

html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 { position:absolute; left:50%; top:100%; width:12em; border-radius:1em; box-shadow:0 0 1em rgba(0,0,0,.1); transform:translate(-50%, -.5em); background:#fff; padding:1em; box-sizing:border-box; flex-direction:column; opacity:0; visibility:hidden; z-index:-1 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2:before { content:"\e92f"; font-family:xeicon; position:absolute; left:50%; top:0; transform:translate(-50%,-80%); color:#fff; line-height:1; font-size:1.5em } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li { position:relative } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a { padding:.625em; border-radius: 4px; text-align:center; justify-content:center; color:#666; transition:.3s } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt { font-weight:500 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a { background: #f7f7f7; color: var(--color-point); } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp3 { display:none } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 { color:var(--color-point) } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp2 { opacity:1; visibility:visible; z-index:auto; transition:.3s } 

body:not(.scroll):not(.allOn) #header:not(:hover) { background:none; border-bottom: none; } 
body:not(.scroll):not(.allOn) #header:not(:hover) .top_wrap .logo > a .in.lW img { display: block; } 
body:not(.scroll):not(.allOn) #header:not(:hover) .top_wrap .logo > a .in.lO img { display: none; } 
body:not(.scroll):not(.allOn) #header:not(:hover) .top_wrap .etc_wrap .allBtn { box-shadow:none; color:var(--color-point) } 

body:not(.scroll):not(.allOn) #header .top_wrap .wrapF,
body:not(.scroll):not(.allOn) #header .top_wrap .gnb_wrap .dp1 { height:var(--headerH) } 

body:is(.allOn,:not(.scroll)) #header:not(:hover) { color:#fff; --c1:rgba(255,255,255,.5); --c2:#fff; --c3:#fff; --c4:transparent; --c5:var(--color-point) } 
body:is(.allOn,:not(.scroll)) #header:not(:hover) .top_wrap .etc_wrap .allBtn,
body:is(.allOn,:not(.scroll)) #header:not(:hover) .top_wrap .gnb_wrap .gnb > li .dp1,
body:is(.allOn,:not(.scroll)) #header:not(:hover) .top_wrap .gnb_wrap .gnb > li .dp1 .va:after { filter:var(--crWhitefil); } 
body:is(.allOn,:not(.scroll)) #header:not(:hover) .all_btn .ham,
body:is(.allOn,:not(.scroll)) #header:not(:hover) .all_btn .ham:before,
body:is(.allOn,:not(.scroll)) #header:not(:hover) .all_btn .ham:after { background: #fff; } 

html:not(.allGnbOn) .scroll #header { transform: translateY(-100%); } 
html:not(.allGnbOn) .scroll.up #header { transform: translateY(0); } 

#header .all_wrap { color:#000; } 
#header .all_wrap .all { height: 6.875em; display: flex; align-items: center; } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.8em; height:1.125em; margin-left:auto; } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:2px; background:#000; transition:.2s, background 0s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); width:100%; } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:100%; } 
#header .all_wrap .all_btn:hover .ham:before { width:100%; } 
#header .all_wrap .all_btn:hover .ham:after { width:100%; } 

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; opacity:0; visibility:hidden; pointer-events:none; } 
#header .all_wrap .all_layer .all_inner { width:100%; min-height:100%; overflow:hidden; } 
#header .all_wrap .all_layer .all_inner > .wrap_bg { width:35%; padding:4vw 4vw; opacity:0; } 
#header .all_wrap .all_layer .all_inner > .wrap_in { flex:1; padding:15vh 6em 4vw; overflow:hidden; } 
#header .all_wrap .all_layer .all_inner > .wrap_bg .img { flex:1; } 
#header .all_wrap .all_layer .wrap_middle { padding-bottom:3em; opacity:0; transform:translateY(2em); } 
#header .all_wrap .all_layer .wrap_middle .gnb { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb li a { position:relative; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_products .dp2 { flex-wrap: wrap; gap: 1em 0; } 
#header .all_wrap .all_layer .wrap_middle .gnb li .dp3 { display: none; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li + li { margin-top:4em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 { display:inline-block; text-align:left !important; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { /* font-family:'Gowun Batang', 'Pretendard', 'Noto Sans KR', sans-serif; */font-size:2.000em; font-weight:600; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 { margin-top:1.5em; align-items:center; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after { content:""; margin:0 1.5em; width:1px; height:1em; background:rgba(0,0,0,.2); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .tt { text-decoration:underline; } 
#header .all_wrap .all_layer .wrap_bottom { opacity:0; } 
#header .all_wrap .all_layer .wrap_bottom .cs { padding:.5em 0; font-size:1.375em; font-weight:700; } 

.allGnbOn { overflow-y:hidden } 
.allGnbOn body { overflow-y:scroll } 
.allGnbOn #header .all_wrap .all_btn { z-index:999; position:fixed; top:2em; right:3em; width:2.5em; height:2.5em; filter:none; } 
.allGnbOn #header .all_wrap .all_btn .ham { background:transparent !important; transition:0s; } 
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; } 
.allGnbOn #header .all_wrap .all_btn .ham:before { transform:rotate(45deg); } 
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg); } 
.allGnbOn #header .all_wrap .all_layer { z-index:99; opacity:1; visibility:visible; pointer-events:all; } 
.allGnbOn #header .all_wrap .all_layer .all_inner > .wrap_bg { opacity:1; transition:1s; transition-delay:.2s; } 
.allGnbOn #header .all_wrap .all_layer .wrap_middle { opacity:1; transform:translate(0); transition:1s; transition-delay:.2s; } 
.allGnbOn #header .all_wrap .all_layer .wrap_bottom { opacity:1; transition:1s; transition-delay:.4s; } 

.sns_st { display:flex; gap:.7vmin; } 
.sns_st > li > a { width:4vmin; height:4vmin; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; position:relative } 
.sns_st > li > a:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:inherit } 
.sns_st > li img { filter: var(--crWhitefil); height: 16px; object-fit: contain; } 
.sns_st > li.yt > a img { left: 2px; } 
.sns_st > li a > * { position:relative } 
.sns_st > li.nv > a:before { background:#07c63a } 
.sns_st > li.nb > a:before { background: #07c63a; } 
.sns_st > li.fb > a:before { background:#227bef } 
.sns_st > li.ig > a:before { background: linear-gradient(45deg, #F58529, #DD2A7B, #8134B8, #515BD4); } 
.sns_st > li.yt > a:before { background:#e32a25 } 
.sns_st > li.ka > a:before { background:#fbe300 } 
.sns_st > li.ka > a { color: #3b1e1e; } 
.sns_st.wh > li > a { border: 1px solid #fff; } 
.sns_st.wh > li > a:before { background: transparent; } 

 

/*quick*/
#quick { position: fixed; z-index: 999; top: 45%; right: 0; transform: translateY(-50%); transition: .35s; } 
#quick .quick_wrap { } 
#quick .quick_wrap > li { position: relative; width: 5.5em; height: 5.5em; } 
#quick .quick_wrap > li:last-of-type { border-bottom: none; } 
#quick .quick_wrap .inner { position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .435em; font-size: var(--font-size-sm-1); font-weight: 600; color: #fff; background: var(--color-point); overflow: hidden; white-space: nowrap; transition:width .3s ease, background .3s ease; } 
#quick .quick_wrap .inner:hover { width: 6.5em; background: var(--color-point2); } 
#quick .quick_wrap .inner > .icon { width: 1.4em; height: 1.7em; flex-shrink: 0; } 
#quick .quick_wrap .inner > .icon > img { width: 100%; height: 100%; object-fit: contain; filter: var(--crWhitefil); } 
#quick .quick_wrap .inner > .tt { } 

#quick_new { position:fixed; z-index:100; bottom:2rem; right:1vw; text-align:right; overflow: hidden; transform: translateY(0); transition: .5s var(--ani-1); filter: drop-shadow(0 3.2px 19.2px rgba(0, 0, 0, 0.16)); -webkit-filter: drop-shadow(0 3.2px 19.2px rgba(0, 0, 0, 0.16)); } 
html.main body:not(.scroll) #quick_new { opacity: 0; } 
body:not(.scroll) #quick_new > li { transform: translateY(4rem); } 
#quick_new .quick_wrap { position:relative; display: inline-flex; width:4.5rem; min-height: 4rem; box-sizing:border-box; transition:width .3s; padding: .85rem 0 .75rem 0; border-radius: var(--radius-sm); box-sizing: border-box; } 
#quick_new .quick_wrap > .in { position:relative; display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; } 
#quick_new .quick_wrap > .in .tt { font-weight: 800; font-size: var(--font-size-xs); line-height: 1; letter-spacing: -1px; } 
#quick_new > li { margin-bottom: .5rem; transition: .5s var(--ani-1); } 
#quick_new > li:last-of-type { margin-bottom: 0; } 
#quick_new > li .quick_wrap .quick_icon { text-align:center; font-size: var(--font-size-xxxs); margin-bottom: .0876rem; } 
#quick_new > li .quick_wrap .quick_icon > .xi { line-height: 1; } 
#quick_new > li .quick_wrap .icon { } 
#quick_new > li .quick_wrap .icon > img { width: 30px; height: 35px; object-fit: contain; } 
#quick_new > li .quick_wrap .icon > i { font-size: 24px; } 
#quick_new > li .quick_wrap.inquiry .icon > i { color: #381b1b; } 

#quick_new.top { bottom: 320px; padding-bottom: .5em; } 

#quick_new > li .goTop { color:#fff; background: var(--color-black-3); transition: .5s var(--ani-1); } 
#quick_new > li .inquiry { color: #381b1b; background: #f1d900; } 
#quick_new > li .faq { background: #fff; color: var(--color-black); } 


/*quick*/
#headerQ { position:fixed; right: 0; top:50%; z-index: 999999; width: 35rem; transform: translate(100%, -50%); display:flex; transition: ease 0.5s } 
#headerQ .all_wrap { width:100% } 
#headerQ .all_wrap .allBtn { height:5em; background:var(--color-point2); color:#fff; display:flex; align-items:center; justify-content:center } 
#headerQ .all_wrap .allBtn .xi { font-size:2em } 
#headerQ .mem_wrap { margin-top: 8em; } 
#headerQ .mem_wrap .logBtn { display:flex; flex-direction:column; align-items:center; gap:.5em 0; cursor: auto; } 
#headerQ .mem_wrap .logBtn .ico { color:#19388a; font-size:2em } 
#headerQ .mem_wrap .logBtn .tt { writing-mode: vertical-lr; font-weight:700; font-size:1.063em; color:#fff; word-spacing:.5em } 
#headerQ .mem_wrap .logBtn .tt .point { color:#074393 } 
#headerQ .mem_wrap .logBtn .arrow { font-size:1em; color:#074393 } 
#headerQ .goTop { margin-top:auto; margin-bottom:1em; width:3.5em; line-height:3.5em; text-align:center; background: linear-gradient(-225deg, #074393 0%, #168dd9 100%); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.3s } 
#headerQ .goTop .xi { font-size:1.5em } 
#headerQ .quick_wrap { position:relative; background: #fff; border-radius: 2rem 0 0 2rem; padding: 5rem 0; box-sizing:border-box; overflow:hidden; background-size: cover; } 
#headerQ .quick_wrap .quick_btmImg { width: 100%; height: 12.5em; } 
#headerQ .quick_wrap .quick_btmImg > img { width: 100%; height: 100%; object-fit: cover; } 
#headerQ .quick_wrap .wrap_in { position:relative; height:100%; box-sizing:border-box; gap:2em 0; justify-content: center; } 
#headerQ .quick_wrap .wrap_in .link { padding: 0 2.5em; box-sizing: border-box; } 
#headerQ .quick_wrap .wrap_in .logoW { padding: 0 2.5em; } 
#headerQ .quick_wrap .wrap_in .logoW > img { height: 40px; object-fit: contain; filter: var(--crWhitefil); } 
#headerQ .quick_wrap .link .list { margin:-.5em } 
#headerQ .quick_wrap .link .list > li { width:33.33% } 
#headerQ .quick_wrap .link .list > li > a { display:block; margin:.5em; text-align:center; box-sizing:border-box; padding:.5em 0 } 
#headerQ .quick_wrap .link .list > li > a .ico { height:3em } 
#headerQ .quick_wrap .link .list > li > a .ico img { height:100% } 
#headerQ .quick_wrap .link .list > li > a .t1 { display:block; font-size:1.063em; margin-top:1em } 
#headerQ .quick_wrap .link .guide_top { border-bottom: 1px solid rgba(255,255,255, .5); padding-bottom: 1.5em; } 
#headerQ .quick_wrap .link .guide_top .t1 { font-size: 1.2em; font-weight: 500; margin-bottom: .5em; display: none; } 
#headerQ .quick_wrap .link .guide_top .t2 { margin-bottom: var(--space-1); font-weight: 700; font-size: var(--font-size-lg-2); } 
#headerQ .quick_wrap .link .guide_top .t3 { font-size: var(--font-size-sm); font-weight: 400; color: var(--color-black-4); line-height: 1.6; word-break: keep-all; } 
#headerQ .quick_wrap .link .guide_mid { } 
#headerQ .quick_wrap .link .guide_mid .g_agree { margin-top: 1.5em; } 
#headerQ .quick_wrap .link .guide_mid .g_agree > li { margin-bottom: .5em; flex-wrap: nowrap; gap: 1em; align-items: center; font-size: var(--font-size-sm-1); } 
#headerQ .quick_wrap .link .guide_mid .g_agree > li > label { position:relative; font-size: 16px; } 
#headerQ .quick_wrap .link .guide_mid .g_agree > li > label > span { font-size: var(--font-size-sm); margin-left: 5px; } 
#headerQ .quick_wrap .link .guide_mid .g_agree > li > a { font-size: 16px; } 
#headerQ .quick_wrap .link .guide_mid .g_agree > li:last-of-type { margin-bottom: 0em; } 
#headerQ .quick_wrap .link .guide_mid .g_agree > li:first-of-type { margin-bottom: 1em; } 
#headerQ .quick_wrap .link .guide_mid .g_agree > li > a > p { font-size: .915em; text-decoration: underline; } 
#headerQ .quick_wrap .link .guide_mid .g_agree .label_st input:checked ~ span { } 
#headerQ .quick_wrap .link .guide_mid .g_agree .label_st input:checked ~ .xi:before { } 
#headerQ .quick_wrap .link .guide_mid .g_tell { position:relative; text-align: center; margin-top: 1em; } 
#headerQ .quick_wrap .link .guide_mid .g_tell > p { position:relative; font-size: 2.85em; font-weight: 600; } 
#headerQ .quick_wrap .link .guide_mid .g_tell > p > i { font-size: .85em; margin-right: .35em; } 
#headerQ .quick_wrap .link .guide_mid .g_info { display: flex; flex-wrap: wrap; gap: .35rem; } 
#headerQ .quick_wrap .link .guide_mid .g_info > .item { width: calc((100% - .35rem) / 2); } 
#headerQ .quick_wrap .link .guide_mid .g_info > .item.w100 { width: 100%; } 
#headerQ .quick_wrap .link .guide_mid .g_info > .item:last-of-type { margin-bottom: 0; } 
#headerQ .quick_wrap .pop { margin-top:auto } 
#headerQ .quick_wrap .pop .control { margin-top:.5em } 
#headerQ .quick_wrap .main_tit { margin-bottom:1em } 
#headerQ .quickBtn { position: absolute; left: 0; top: 26%; gap: 2rem; transform: translate(-3rem,-50%); background: var(--color-point); display: flex; align-items: center; justify-content: center; padding: 1.5rem 0; box-sizing: border-box; writing-mode: vertical-lr; width: 3rem; border-top-left-radius: .315rem; border-bottom-left-radius: .315rem; box-shadow: -8px 0 18px rgba(0,0,0, .15); } 
#headerQ .quickBtn.ty1 { top: calc(26% + 195px); background: var(--color-point2); } 
#headerQ .quickBtn > p { font-weight: 600; color: #fff; letter-spacing: 2px; font-size: .915rem; } 
#headerQ .quickBtn > i { color: rgba(255,255,255, .6); font-weight: 500; } 
#headerQ .quickBtn .ico { transition:.3s } 
#headerQ .quickBtn .ico:before { content:"\e93e" } 

#headerQ .quickBtn.kakao { top: calc(26% + 154px); background: #f1d900; } 
#headerQ .quickBtn.kakao > p { color: #381b1b; } 

#headerQ.on { transform: translate(0, -50%); box-shadow:none } 
#headerQ.on .quickBtn .ico { transform:rotate(180deg) } 


.section_visual { position:relative; z-index: 99; } 
.visualSlide_wrap { position:relative; box-sizing:border-box; width:100%; flex:1 1 0%; min-height:0; --controlH:5em } 
.visualSlide_wrap:before { content: ""; position: absolute; width: 100%; height: 12rem; left: 0; top: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.215) 0%, rgba(0, 0, 0, 0) 60%); z-index: 5; } 
.visualSlide { height:100% } 
.visualSlide .swiper-slide { position: relative; overflow:hidden; height:100%; transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); background:#fff } 
.visualSlide .swiper-slide .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.1) } 
.visualSlide .swiper-slide .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 20%); content: ''; } 
.visualSlide .swiper-slide .vod_wrap { position:absolute; left:0; top:0; width:100%; height:100%; } 
.visualSlide .swiper-slide .vod_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2 } 
.visualSlide .swiper-slide.swiper-slide-active .bg,
.visualSlide .swiper-slide.swiper-slide-prev .bg,
.visualSlide .swiper-slide.swiper-slide-duplicate-active .bg { transition:5s; transform:scale(1) rotate(.001deg) } 

.visualSlide_wrap .wInc { position:absolute; width:100%; left:0; color:#fff; z-index:10; box-sizing:border-box; display:flex } 
.visualSlide_wrap .controlW { height:var(--controlH); bottom:0; gap:1em } 
.visualSlide_wrap .sloganW { height:100%; top:0; gap:1em; padding-bottom:var(--controlH); } 
.visualSlide_wrap .slogan { flex:1 1 0%; min-height:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1em } 
.visualSlide_wrap .slogan .t1 { font-size:5vmin; font-weight: 600; line-height: 1; margin-bottom: .25em; } 
.visualSlide_wrap .slogan .t2 { font-size:13vmin; font-weight:700; line-height: 1; letter-spacing: .3em; } 
.visualSlide_wrap .slogan .t3 { font-size:2.5vmin; text-align: center; margin-top: 1em; } 
.visualSlide_wrap .slogan .t3 .el > i { line-height: 1.4; } 
.visualSlide_wrap .slogan .t3.on .el > i { transition:2s; transition-delay:.5s } 

.visualSlide_wrap .swiperControl { justify-content:center; padding-bottom:2em } 

.mainScroll { width:12vmin; position:relative; margin-left:auto; color:#fff; position:absolute; right: 50px; bottom:20px; } 
.mainScroll .svgtt { width:100%; height:100% } 
.mainScroll .svgtt .tt { text-transform:uppercase; letter-spacing:.125em; word-spacing:.25em; fill:#fff } 
.mainScroll .in { position:absolute; left:10%; top:10%; width:80%; height:80%; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box } 
.mainScroll .in .ico1 { font-size:2em; margin-right:-.25em } 

.mainWrap { overflow:hidden } 
.main_tit { position: relative; } 
.main_tit .t3 { display: block; margin-bottom: 2.2rem; color: var(--color-point); font-size: var(--font-size-base); line-height: 1; font-weight: 800; letter-spacing: -0.03em; } 
.main_tit .t1 { margin: 0; font-size: var(--font-size-xxl); line-height: 1.3; font-weight: 800; letter-spacing: -0.03em; } 
.main_tit .t0 { font-size: var(--font-size-xxxl); line-height: 1.2; font-weight: 700; letter-spacing: -0.03em; } 
.main_tit .t4 { margin: 1.5rem 0 0; color: var(--color-black-5); font-size: var(--font-size-base); line-height: var(--line-height-loose); font-weight: 400; letter-spacing: -0.035em; } 

.main_tit.ac > * { text-align: center; } 
.main_tit.white > * { color: #fff; } 
.main_box { padding: 8rem 0; } 


/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:3.5em !important; } 
.page_sec0 { margin-top:-1px !important; } 
.page_sec1 { margin-top:.375em !important; } 
.page_sec2 { margin-top:1em !important; } 
.page_sec3 { margin-top:2.5em !important; } 
.page_sec4 { margin-top:6em !important; } 
.page_sec5 { margin-top:3em !important; } 
.page_sec6 { margin-bottom:3em !important; } 

.page_txt_wrap { padding-bottom:1.5em; } 
.page_txt_wrap .tt.bgst { background:#f4f5f9; border:1px solid #eee; border-radius:.4em; padding:.75em; } 
.page_txt_wrap .tt .xi { font-size:1.063em; vertical-align:baseline; padding-right:2px; color:#323d8f } 
.page_txt_wrap .tt .t1 { font-size:.938em; font-weight:500; color:#323d8f } 

.pageTit { margin-bottom: .75em; } 
.pageTit .date { margin-left: .75rem; font-weight: 500; font-size: var(--font-size-base); color: var(--color-point2); } 
.pageTit > .tt { font-size: 1.715em; font-weight: 700; line-height: 1.4; } 

.ThickLineB { padding: 2em; box-sizing: border-box; border: 8px solid #f1f1f1; border-radius: .25em; background: #fff; } 
.ThickLineB > .txt { font-size: 1.15em; line-height: 1.4; font-weight: 600; margin-bottom: 1em; color: #333; } 
.ThickLineB table { margin-top: 1em; } 

.page_Num_list { counter-reset: item; } 
.page_Num_list > li { position:relative; padding-left: 1.8em; margin-bottom: 1em; font-size: 1.063em; line-height: 1.4; color: #444; } 
.page_Num_list > li:last-of-type { margin-bottom: 0em; } 
.page_Num_list > li:after { position: absolute; top: 0; left: 0; display: flex; align-items: center; z-index: 0; justify-content: center; width: 1.25em; height: 1.25em; border-radius: .2em; background: var(--crGrad2); color: #fff; content: ''; } 
.page_Num_list > li:before { position: absolute; left: 0; width: 1.8em; height: 1.8em; align-items: center; display: flex; justify-content: center; counter-increment: item; color: #fff; content: counter(item); z-index: 1; font-size: .7em; font-weight: 600; } 

.page_txt_list { } 
.page_txt_list > li { margin-bottom: .5em; } 
.page_txt_list > li:last-of-type { margin-bottom: 0em; } 
.page_txt_list > li > .con { display: flex; gap: .75em; } 
.page_txt_list > li > .con > .tNum { width: 4em; min-width: 4em; display: flex; align-items: center; justify-content: center; height: 1.8em; background: var(--color-point); color: #fff; border-radius: .25em; } 
.page_txt_list > li > .con > .tNum > .tt { font-size: .9em; font-weight: 600; } 
.page_txt_list > li > .con > .tt { position:relative; top: 3px; font-size: 1.063em; line-height: 1.4; color: #444; } 

.ThickLineB .Atag { text-decoration: underline; } 
.TopLineB { position:relative; padding: 2em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em 0 .5em .5em; } 
.TopLineB:before { position: absolute; top: -1px; right: 0; width: 5%; height: 2px; background: var(--color-point); content: ''; } 
.TopLineB.gray { background: #f7f7f7; } 
.TopLineB.boxInner { padding: 1.5em; margin-top: 10px; } 

.fileList { } 
.fileList > li { } 
.fileList > li > .inner { } 
.fileList > li > .inner > .con { display: flex; align-items: center; gap: .15rem; } 
.fileList > li > .inner > .con > .tt { font-size: var(--font-size-sm); color: var(--color-point2); font-weight: 500; text-decoration: underline; } 
.fileList > li > .inner > .con > .xi { color: #c31d1d; } 

.professorCon { } 
.professorCon > li { margin-bottom: 2rem; } 
.professorCon > li:last-of-type { margin-bottom: 0; } 
.professorCon > li > .inner { } 
.professorCon > li > .inner .professor { color: var(--color-point2); text-decoration: underline; } 
.professorCon > li > .inner .tt,
.professorCon > li > .inner .tx { font-size: var(--font-size-sm); margin-top: 5px; } 

/*MEMBER******************/
.mem_step_wrap { padding:1.5em 2% 0 2%; text-align:center; } 
.mem_step_wrap .mem_step > li .icon_wrap { position:relative; padding:0 2em; } 
.mem_step_wrap .mem_step > li .icon_wrap:after { content:""; display:block; position:absolute; top:50%; right:0; width:4em; height:1px; background:#d4dade; transform:translateX(50%); } 
.mem_step_wrap .mem_step > li:last-child .icon_wrap:after { display:none; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon { width:5.75em; height:5.75em; background:#f5f5f5; border:.25em solid #d4dade; border-radius:100%; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon img { width:2.75em; } 
.mem_step_wrap .mem_step > li .con_wrap { padding-top:.75em; } 
.mem_step_wrap .mem_step > li .con_wrap .tt { color:#ccc; font-weight:500; } 
.mem_step_wrap .mem_step > li .con_wrap .t1 { font-size:1.500em; } 
.mem_step_wrap .mem_step > li .con_wrap .t2 { font-size:1.063em; } 
.mem_step_wrap .mem_step > li.on .icon_wrap:after { background:#323d8f; } 
.mem_step_wrap .mem_step > li.on .icon_wrap .icon { background:#fff; border-color:#323d8f; } 
.mem_step_wrap .mem_step > li.on .con_wrap .t1 { color:#323d8f; font-weight:700; } 
.mem_step_wrap .mem_step > li.on .con_wrap .t2 { color:#000; } 

.mem_login_box { width:40em; max-width:100%; margin:0 auto; } 
.mem_join_box { width:50em; max-width:100%; margin:0 auto; } 

.mem_form_wrap { padding:2.5em 3em; border:1px solid #ddd; padding:.75em 1.5em; border:1px solid #eee; background:#f9f9f9; } 
.mem_form_wrap.st2 { border-top-width:3px; border-top-color:#323d8f; border-top-width:1px; border-top-color:#ddd; } 
.mem_form_wrap.st3 { padding:0; border-top-color:#333; } 
.mem_form_wrap.pd1 { padding:.75em 1.5em; } 
.mem_form_wrap.passSt { border-top-width:3px; border-top-color:#323d8f; background:#f9f9f9; padding:1.5em; } 

.mem_form_inp { } 
.mem_form_inp > li { margin-top:2.25em; } 
.mem_form_inp > li .tit { font-size:1.063em; font-weight:500; font-size:1em !important;; } 
.mem_form_inp > li:not(.inp_wrap) .tit { margin-bottom:.75em; margin-top: 1em !important; } 
.mem_form_inp > li .in_txt { padding:.5em 0 1em 0; border-bottom:1px solid #e1e2e6; font-size:1.063em; color:#333; } 
.mem_form_inp > li .in_inp.flex .in_txt { flex:1; margin-right:.5em; } 
.mem_form_inp > li .in_icon { margin-bottom:2em; } 
.mem_form_inp > li .in_icon:last-child { border-bottom:0; } 
.mem_form_inp > li .in_icon > .icon { width:6em; height:6em; background:#f3f6f8; border-radius:50%; } 
.mem_form_inp > li .in_icon > .icon img { width:3em; } 
.mem_form_inp > li .check { padding-top:1em; border-top:1px dashed #ddd; } 

.mem_form_inp > li.inp_wrap { margin-top:.5em; } 
.mem_form_inp > li.inp_wrap.mg0 { margin-top:0; } 
.mem_form_inp > li.inp_wrap .tit { width:6.5em; width:5em; } 
.mem_form_inp > li.inp_wrap .inp { flex:1; } 
.mem_form_inp > li.inp_wrap > .wrap_in.flex { min-height:3em; } 

.mem_form_inp > li.cer_wrap { text-align:center; } 

.mem_form_inp > li:first-child { margin-top:0; } 

.mem_form_inp.st1 > li { padding-right:.313em; } 
.mem_form_inp.st2 > li { padding-right:.313em; } 

.mem_terms_wrap .all_check { padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.125em; } 
.mem_terms_wrap > li { padding-top:2.5em; } 
.mem_terms_wrap > li:first-child { padding-top:0; } 
.mem_terms_wrap .tit { margin-bottom:.75em; font-size:1.125em; color:#111; } 
.mem_terms_wrap .tit * { vertical-align:baseline; } 

.mem_btn_wrap { margin-left:-.375em; text-align:center; } 
.mem_btn_wrap > li { flex:1; } 
.mem_btn_wrap > li .in { margin-left:.375em; } 

.mem_sns_wrap { margin-top:3.5em; text-align:center; } 
.mem_sns_wrap .mem_sns { } 
.mem_sns_wrap .mem_sns > li { width:20%; } 
.mem_sns_wrap .mem_sns > li .in { display:inline-block; } 
.mem_sns_wrap .mem_sns > li .in .icon { margin-bottom:.75em; width:4em; height:4em; border:1px solid #ddd; border-radius:100%; transition:.2s; } 
.mem_sns_wrap .mem_sns > li .in .icon .xi { font-size:2.250em; } 
.mem_sns_wrap .mem_sns > li .in .tt { font-size:.938em; color:#111; } 
.mem_sns_wrap .mem_sns > li .in.naver { color:#1ec800; } 
.mem_sns_wrap .mem_sns > li .in.kakao { color:#ffb400; } 
.mem_sns_wrap .mem_sns > li .in.google { color:#eb4f42; } 
.mem_sns_wrap .mem_sns > li .in.face { color:#046ee4; } 
.mem_sns_wrap .mem_sns > li .in:hover { color:#fff; } 
.mem_sns_wrap .mem_sns > li .in:hover .icon { background:#2f415b; border-color:#2f415b; } 

.mem_link_wrap { text-align:center; } 
.mem_link_wrap > li .in { position:relative; display:inline-block; padding:.5em 1.25em; } 
.mem_link_wrap > li .in:after { content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:1em; background:#ccc; transform:translateY(-50%); } 
.mem_link_wrap > li:last-child .in:after { display:none; } 
.mem_link_wrap > li .in .tt { font-size:1.125em; } 
.mem_link_wrap > li .in:hover .tt { text-decoration:underline; } 

.mem_agree .agree { padding:2em; border:solid #ddd; border-width:2px 0 1px 0; border-top-color:#333; color:#444; line-height:1.8; } 
.mem_agree .agree.H { padding:.5em .5em; border-top-width:1px; height:12em; overflow-y:scroll; } 
.mem_agree .agree p { padding:.5em 0; } 
.mem_agree .agree * { vertical-align:baseline; } 
.mem_agree .agree strong { } 
.mem_agree .check { padding:1em 0; } 
.dp1_policy .mem_agree .agree strong { color:#fff; background:#323d8f; padding:.5em 1em; border-radius:.5em; text-align:center; display:block; } 

.main_con { padding: 5em 0; } 
.main_con.pt { padding-top: 0; } 
.main_con.pb { padding-bottom: 0; } 
.main_con.p0 { padding: 0; } 

/*flex box*/
.flex_box { } 
.flex_box.s1 { margin: 0 0 -1rem -1rem; } 
.flex_box.s1 li > .in { margin: 0 0 1rem 1rem; } 
.flex_box.s2 { margin: 0 0 -2rem -2rem; } 
.flex_box.s3 { } 
.flex_box.s4 { } 
.flex_box.s5 { } 

.flex_box .fst1 > li { flex: 1 1 100%; max-width: 100%; } 
.flex_box .fst2 > li { flex: 1 1 50%; max-width: 50%; } 
.flex_box .fst3 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst5 > li { flex: 1 1 20%; max-width: 20%; } 
.flex_box .fst8 > li { flex: 1 1 12.5%; max-width: 12.5%; } 

.flex_box li > a { display: block; } 
.flex_box li > .in.st1 { margin: 0; } 


/*main_btn*/
.main_more { display: inline-block; cursor: pointer; } 
.main_more.pd1 { padding-top:2.5em; } 
.main_more.pd2 { padding-top:4em; } 
.main_more > .more { text-align:center; display: flex; align-items: center; justify-content: center; padding: 0 1em; height: 3em; background:var(--color-point); border:1px solid var(--color-point); border-radius:.4em; font-weight: 600; color:#fff; transition: .2s; } 
.main_more > .more.f-s { font-size: .8em; } 
.main_more > .more > .tt { font-size: var(--font-size-xs); } 
.main_more > .more > .tt ~ .xi { margin-left:.5em; } 
.main_more > .more > .xi { font-size: var(--font-size-sm); transform: rotate(-45deg); position: relative; } 
.main_more.down > .more > .xi { transform: rotate(0); } 

.main_more.white > .more { background: none; border: 1px solid #ddd; color: var(--crBlack); } 
.main_more.white:hover > .more { background: var(--color-point); border: 1px solid var(--color-point); color: #fff; } 
.main_more.bgin > .more { background: none; color: #fff; border: 1px solid #fff; font-weight: 600; } 
.main_more.bgin > .more:hover { background: var(--color-point); border: 1px solid var(--color-point); color: #fff; } 

.main_more.bgC > .more { background: var(--color-point); border: 1px solid var(--color-point); color: #fff; } 
.main_more.bg2 > .more { background: var(--color-point2); } 

.guideBoxT { background: rgb(245, 246, 250); border: 1px solid #ebebeb; padding: 2.5em 4em; border-radius: var(--radius-md); } 
.guideBoxT > .tit { text-align: center; font-size: var(--font-size-lg-1); font-weight: 700; } 
.guideBoxT > .tit > i { color: var(--color-point); } 
.guideBoxT > .infoIcon { text-align: center; margin-bottom: .5em; } 
.guideBoxT > .infoIcon > .xi { font-size: var(--font-size-xl); color: var(--color-point2); } 
.guideBoxT > .line { width: 3vw; height: 2px; background: var(--color-point); margin: 1.5em auto; } 

.chekList { } 
.chekList > li { margin-bottom: 1em; } 
.chekList > li:last-of-type { margin-bottom: 0; } 
.chekList > li > .con { display: flex; gap: .5em; align-items: start; } 
.chekList > li > .con > .tt { font-size: var(--font-size-base); line-height: 1.4; font-weight: 400; } 
.chekList > li > .con > .tt > .rd { color: #db0000; font-weight: 500; } 
.chekList > li > .con > .xi { position:relative; top: 0px; color: var(--color-point); } 

.wideRoundImg { position:relative; width: 100%; height: 30rem; border-radius: 1rem; overflow: hidden; } 
.wideRoundImg > img { width: 100%; height: 100%; object-fit: cover; } 
.wideRoundImg.st1 { background: #fff; padding: 2em 0; box-sizing: border-box; height: 36em; margin-bottom: 3em; } 
.wideRoundImg.st1 > img { object-fit: contain; } 

.imgDivList { display: flex; flex-wrap: wrap; gap: 1rem; } 
.imgDivList > li { width: calc((100% - 1rem) / 2); } 
.imgDivList > li > .in { width: 100%; aspect-ratio: 10 / 7; background: #fff; overflow: hidden; border-radius: 1rem; } 
.imgDivList > li > .in > img { width: 100%; height: 100%; aspect-ratio: 10 / 7; object-fit: cover; } 
.imgDivList > li > .in.cn > img { object-fit: contain; } 


/**/
.quickMenu_Wrap { display: grid; grid-template-columns: 2fr 3fr; gap: 2rem; } 
.quickMenu_Wrap .quickLeft { } 
.quickMenu_Wrap .quickLeft .quickBg { position: relative; height: 100%; padding: 2em; box-sizing: border-box; border-radius: var(--radius-md); overflow: hidden; } 
.quickMenu_Wrap .quickLeft .quickBg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .0515); content: ''; } 
.quickMenu_Wrap .quickLeft .quickBg > .inner { position:relative; z-index: 2; } 
.quickMenu_Wrap .quickLeft .quickBg > .inner > .tit { font-size: var(--font-size-lg-2); font-weight: 700; color: #fff; } 
.quickMenu_Wrap .quickLeft .quickBg > .inner > .tit > .num { } 
.quickMenu_Wrap .quickLeft .quickBg > .inner > .Dday { font-size: var(--font-size-xl); font-weight: 700; margin-top: .15em; color: #fff; } 
.quickMenu_Wrap .quickRight { display: grid; grid-template-rows: 1fr 2fr; gap: 2em; } 
.quickMenu_Wrap .quickRight .shWrap { } 
.quickMenu_Wrap .quickRight .shWrap .shForm { display: flex; gap: 1em; } 
.quickMenu_Wrap .quickRight .shTit { position: relative; top: .75em; text-align: center; font-size: var(--font-size-md); font-weight: 500; color: var(--color-point); } 
.quickMenu_Wrap .quickRight #mainSerchForm { position: relative; flex: 1; } 
.quickMenu_Wrap .quickRight #mainSerchForm .inp { height: 3.85em; box-sizing: border-box; background: #fff; box-shadow: 0 1em 1em rgba(0, 0, 0, .1); border: 3px solid var(--color-point); width: 100%; padding: 0 4em 0 1.5em; color: #7f7f7f; font-weight: 700; border-radius: .5em; overflow: hidden; } 
.quickMenu_Wrap .quickRight #mainSerchForm .btn { position: absolute; right: 0; top: 0; height: 3.85em; border-radius: 0 .5em .5em 0; width: 3.85em; background: var(--color-point); border: none; display: flex; align-items: center; justify-content: center; color: #fff; } 
.quickMenu_Wrap .quickRight #mainSerchForm .tag_wrap { position: relative; margin-top: 1em; } 
.quickMenu_Wrap .quickRight #mainSerchForm .tag_wrap .tag_list { display: flex; gap: .85em; } 
.quickMenu_Wrap .quickRight #mainSerchForm .tag_wrap .tag_list > li { color: var(--color-text-gray); line-height: 1; font-weight: 400; } 

.quickMenu_Wrap .quickRight .rightItem .quickList { display: flex; height: 100%; flex-wrap: wrap; border-radius: var(--radius-md); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li { display: flex; width: 33.33%; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner { position:relative; flex: 1; padding: 1.5em; display: flex; align-items: center; gap: 1em; box-sizing: border-box; transition: .3s ease; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background: #ebebeb; content: ''; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(1) > .inner,
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(2) > .inner,
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(3) > .inner { border-bottom: 1px solid #ebebeb; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(3n) > .inner:after { display: none; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner > .icon { width: 4em; text-align: center; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner > .icon > img { width: 100%; height: 100%; object-fit: contain; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner > .txt { font-size: var(--font-size-base); font-weight: 500; line-height: 1; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner:hover { background: var(--color-back-1); } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner:hover > .txt { text-decoration: underline; color: var(--color-point); } 


.mainTop { height:100dvh; box-sizing:border-box; display:flex; flex-direction:column } 

.roundArrow { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: var(--radius-pill); background: var(--color-point2); color: #fff; transition: .215s ease; } 

/*desc*/
.descWrap .tt { font-size: var(--font-size-base); line-height: var(--line-height-normal); margin-bottom: .25rem; color: var(--color-black-5); } 
.descWrap.mb2 .tt { margin-bottom: 1.5rem; } 

/**/
.statusList { display: flex; gap: .5em; } 
.statusList > li { } 
.statusList > li > .con { min-width: 60px; height: 24px; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box; } 
.statusList > li > .con > .tt { font-size: 14px; font-weight: 500; } 
.statusList > li > .con.ty1 { background: var(--color-point); color: #fff; } 
.statusList > li > .con.ty2 { background: #b2b1b7; color: #fff; } 
.statusList > li > .con.ty3 { background: #fff; border: 1px solid var(--color-point); color: var(--color-point); } 

#container { } 
#container section:not(.section_visual):not(.section_ad) { position: relative; z-index: 9; } 
/**/
.squareLink { display: flex; align-items: center; justify-content: center; width: 2.5em; height: 2.5em; background: var(--color-black); color: #fff; transition: .2s ease; } 
.squareLink:hover { background: var(--color-point2); box-shadow: 0 10px 20px rgba(0,0,0, .1); } 

/*Registration*/
.section_registration .control { margin-top: var(--space-3); } 
.section_registration .control .progress-container { display: flex; align-items: center; gap: 3em; width: 100%; margin-right: var(--space-4); } 
.section_registration .control .progress-container .progress-bar { position: relative; bottom: 0; width: 100%; height: 1px; background: rgba(0, 0, 0, .15); } 
.section_registration .control .progress-container .swiper-pagination-progressbar-fill { background: var(--color-black); } 
.section_registration .registrationSlide { } 
.section_registration .registrationSlide .registrationSt { display: block; padding: 2em; box-sizing: border-box; background: #f7f7f7; cursor: pointer; border: 1px solid transparent; transition: .3s ease; } 
.section_registration .registrationSlide .registrationSt:hover { border: 1px solid var(--color-black); } 
.section_registration .registrationSlide .registrationSt .conW { } 
.section_registration .registrationSlide .registrationSt .conW .titW { margin-top: var(--space-3); } 
.section_registration .registrationSlide .registrationSt .conW .titW>.t1 { font-size: var(--font-size-base); font-weight: 600; } 
.section_registration .registrationSlide .registrationSt:hover .conW .titW>.t1 { text-decoration: underline; color: var(--color-point); } 
.section_registration .registrationSlide .registrationSt .conW .info { margin-top: var(--space-3); } 
.section_registration .registrationSlide .registrationSt .conW .info>li { margin-bottom: var(--space-1); } 
.section_registration .registrationSlide .registrationSt .conW .info>li:last-of-type { margin-bottom: 0; } 
.section_registration .registrationSlide .registrationSt .conW .info>li>.in { display: flex; gap: .6em; align-items: start; } 
.section_registration .registrationSlide .registrationSt .conW .info>li>.in>.icon { display: flex; align-items: center; justify-content: center; width: 1em; min-width: 1em; } 
.section_registration .registrationSlide .registrationSt .conW .info>li>.in>.icon>img { height: 18px; object-fit: contain; } 
.section_registration .registrationSlide .registrationSt .conW .info>li>.in>.tt { font-size: var(--font-size-sm-1); font-weight: 400; color: var(--color-black-10); } 

/*intro*/
.section_intro .introSlideWrap { position:relative; height:calc(var(--vh, 1dvh) * 40); } 
.section_intro .introSlideWrap .introSlide_control { position: absolute; top: 0; right: 0; z-index: 9; } 
.section_intro .introSlideWrap .introSlide_control:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1px; height: 13px; background: #ddd; content: ''; z-index: 9999; } 
.section_intro .introSlideWrap .introSlide_control .swiperBtn { position:relative; background: #fff; } 
.section_intro .introSlideWrap .introSlide_control .swiperBtn.prev { } 
.section_intro .introSlideWrap .introSlide_control .swiperBtn:hover { color: var(--color-point); } 
.section_intro .introSlideWrap .txtWrap { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 5vw; box-sizing: border-box; z-index: 2; } 
.section_intro .introSlideWrap .txtWrap > .tt { font-size: var(--font-size-lg-2); font-weight: 400; line-height: 1.5; color: #fff; text-align: center; } 
.section_intro .introSlideWrap .txtWrap > .tt > i { font-weight: 700; } 
.section_intro .introSlide { height: 100%; } 
.section_intro .introSlide .el { position:relative; overflow:hidden; height: 100%; background:#fff; } 
.section_intro .introSlide .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); content: ''; z-index: 1; } 
.section_intro .introSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.03); transition:1s; } 
.section_intro .introSlide .el.swiper-slide-active .bg,
.section_intro .introSlide .el.swiper-slide-duplicate-active .bg { transform:scale(1); opacity:1; transition:3s; } 

 /* section_product */
.section_ad { position: relative; } 
.section_ad.footer-visible { opacity: 0; visibility: hidden; } 
.section_ad.footer-visible,
.section_ad.footer-visible * { pointer-events: none !important; } 
.section_ad:before { } 
.section_ad .pn-nav { position:fixed; left:5%; top: 19%; font-size: var(--font-size-md); z-index:9; } 
.section_ad .pn-nav > a { color: #fff; font-weight: 750; border-bottom:1px solid #fff; margin-top: 30px; display:block; margin-left: 20px; } 
.section_ad .pn-nav-list a { position:relative; color: rgba(255,255,255,0.8); line-height: 1; padding: 6px 0; display:block; } 
.section_ad .pn-nav-list a.active { color: #fff; } 
.section_ad .dot { display:block; width: 10px; height: 10px; border:1px solid #fff; background: #fff; border-radius:50%; position:absolute; left: -20px; top:6px; transition: top 0.3s ease; } 
.section_ad .panel { position: relative; width: 100%; height: 100vh; overflow: visible; } 
.section_ad .panel .panel-mask { position: fixed; inset: 0; width: 100%; height: 100vh; overflow: hidden; clip-path: inset(100% 0 0 0); pointer-events: none; opacity: 1; visibility: visible; } 
.section_ad .panel.active .panel-mask { pointer-events: auto; } 
.section_ad .panel:before { } 
.section_ad .parallax { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.section_ad .parallax:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .215); content: ''; z-index: 1; } 
.section_ad .parallax1 { background-image: url("../images/main/pro_banner01.jpg"); } 
.section_ad .parallax2 { background-image: url("../images/main/pro_banner02.jpg"); } 
.section_ad .parallax3 { background-image: url("../images/main/pro_banner03.jpg"); } 
.section_ad .parallax4 { background-image: url("../images/main/pro_banner04.jpg"); } 
.section_ad .parallax5 { background-image: url("../images/main/pro_banner05.jpg"); } 
.section_ad .parallax6 { background-image: url("../images/main/pro_banner06.jpg"); } 
.section_ad .pn-text { position: absolute; left: 5%; bottom: 5.75rem; z-index: 2; text-align: left; line-height: 1.215; font-size: var(--font-size-xxxxl); font-weight: 700; } 
.section_ad .pn-prd { position: absolute; right: 10%; top: 50%; width: 100%; max-width: 24vw; z-index: 2; transform: translateY(-45%); } 
.section_ad .pn-prd .thumb a { position:relative; display:flex; align-items:flex-end; width: 100%; aspect-ratio:420 / 520; background-repeat:no-repeat; background-size: cover; background-position:center center; border:3px solid #fff; padding: 2rem 3rem; } 
.section_ad .pn-prd .thumb a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 20%); content: ''; } 
.section_ad .pn-prd p { margin-top: clamp(15px,2vw,30px); font-weight: 500; } 
.section_ad .pn-prd .more-btn { position:relative; font-size: var(--font-size-base); display: flex; align-items: center; gap: .5rem; transition: .3s ease; } 
.section_ad .pn-prd .thumb a:hover .more-btn { } 
.section_ad .pn-prd .thumb a .more-btn > i { transition: .3s ease; } 
.section_ad .pn-prd .thumb a:hover .more-btn > i { transform: translateX(.25rem); } 
.section_ad .pn-prd .thumb a:hover .more-btn > span { text-decoration: underline; } 
.section_ad .fixTIt { position: fixed; left: 5%; top: 60%; z-index: 9; } 
.section_ad .fixTIt > .tt { font-size: var(--font-size-md-1); line-height: 1.3; font-weight: 400; color: #fff; margin-bottom: var(--space-2); } 
.section_ad .fixTIt > .tt:last-of-type { margin-bottom: 0; } 
.section_ad .fixTIt > .tt > i { font-weight: 600; } 



/*section_service*/
.section_service { position:relative; background: #fff; border-radius: 10rem 10rem 0 0; } 
.section_service .service_container { display: grid; grid-template-columns: minmax(17rem, 0.75fr) minmax(0, 1.65fr); align-items: start; gap: clamp(3rem, 7vw, 8rem); width: 100%; } 
.section_service .service_intro { position: sticky; top: calc(var(--headerH, 0px)); align-self: start; } 
.section_service .service_intro .service_label { display: block; margin-bottom: 2.2rem; color: #f02128; font-size: 1.05rem; line-height: 1; font-weight: 800; letter-spacing: -0.03em; } 
.section_service .service_intro .service_title { margin: 0; color: #111; font-size: clamp(2rem, 3vw, 3.1rem); line-height: 1.4; font-weight: 800; letter-spacing: -0.06em; } 
.section_service .service_intro .service_desc { margin: 1.5rem 0 0; color: #333; font-size: 1.05rem; line-height: 1.75; font-weight: 400; letter-spacing: -0.035em; } 
.section_service .service_intro .service_more { display: inline-flex; align-items: center; justify-content: center; min-width: 12.5rem; min-height: 3.3rem; margin-top: 3rem; padding: 0.8rem 1.5rem; border-radius: 0.3rem; background-color: var(--color-point); color: #fff; font-size: 0.95rem; line-height: 1.2; font-weight: 700; text-decoration: none; box-sizing: border-box; transition:background-color 0.3s ease,transform 0.3s ease; } 
.section_service .service_intro .service_more:hover { background-color: var(--color-point); transform: translateY(-0.2rem); } 
.section_service .service_gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 2.5rem; min-width: 0; } 
.section_service .service_gallery .service_column { display: flex; flex-direction: column; gap: 2.5rem; min-width: 0; } 
.section_service .service_gallery .service_column:nth-child(2) { padding-top: 8rem; } 
.section_service .service_gallery .service_item { position: relative; display: block; overflow: hidden; width: 100%; aspect-ratio: 7 / 9; border-radius: 1.5rem; background-color: #f4f4f4; } 
.section_service .service_gallery .service_item:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .15); content: ''; z-index: 1; } 
.section_service .service_gallery .service_item .itemInfo { position: absolute; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 2.75rem; box-sizing: border-box; top: 0; left: 0; z-index: 2; } 
.section_service .service_gallery .service_item .titArea > .enT { font-size: var(--font-size-md-1); font-weight: 400; color: #fff; margin-bottom: var(--space-1); } 
.section_service .service_gallery .service_item .titArea > .tit { position:relative; display: inline-block; font-size: var(--font-size-lg-1); font-weight: 700; color: #fff; } 
.section_service .service_gallery .service_item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); } 
.section_service .service_gallery .service_item:hover img { transform: scale(1.045); } 
.section_service .service_gallery .service_item .itemInfo .roundArrow { margin-left: auto; background: transparent; border: 1px solid #fff; } 
.section_service .service_gallery .service_item .itemInfo:hover .roundArrow { background: var(--color-point); border: 1px solid var(--color-point); } 


/*section_solution*/
.section_solution { position:relative; } 
.section_solution .solutionLogo { display: flex; align-items: center; flex-direction: column; gap: 1rem; } 
.section_solution .solutionLogo > .logo { } 
.section_solution .solutionLogo > .logo > img { height: 45px; object-fit: contain; } 
.section_solution .solutionLogo > .line { width: 1px; height: 65px; background: rgba(255,255,255, .215); margin: 0 auto; } 
.sub_services_process { gap: 3rem; margin-top: 3rem; } 
.sub_services_process > li { width: calc((100% - 12rem) / 5); } 
.sub_services_process > li .wrap_in { display: block; position:relative; background: rgba(255,255,255, .1); backdrop-filter: blur(20px); border-radius: var(--radius-pill); } 
.sub_services_process > li .wrap_in:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:.5em solid #fff; border-radius:50%; box-sizing:border-box } 
.sub_services_process > li .wrap_in .line { position:absolute; left:0; top:0; width:100%; height:50%; overflow:hidden; box-sizing:border-box } 
.sub_services_process > li .wrap_in .line:before { content:""; position:absolute; left:0; top:0; width:100%; height:200%; border:.5rem solid #011ada; border-radius:50%; box-sizing:border-box } 
.sub_services_process > li:nth-child(2n) .wrap_in .line { top:50%; transform:rotate(180deg) } 
.sub_services_process > li .wrap_in .arrow { position:absolute; left:100%; top:50%; height:1rem; width:4.25rem; transform:translate(-.5em,-50%); z-index:1 } 
.sub_services_process > li .wrap_in .arrow .xi { position:absolute; left:0; top:50%; width:100%; transform:translate(0,-50%); text-align:center; color:rgba(255,255,255, .715); } 
.sub_services_process > li .wrap_in .arrow .xi:before { content:"\e93e"; font-size:1.5rem } 
.sub_services_process > li:last-child .wrap_in .arrow { display:none } 
.sub_services_process > li .wrap_in .no { font-size: var(--font-size-sm); font-weight: 600; color: #fff; } 
.sub_services_process > li .wrap_in .ico { margin: 1rem 0; } 
.sub_services_process > li .wrap_in .ico > img { height: 60px; object-fit: contain; filter: var(--crWhitefil); } 
.sub_services_process > li .wrap_in .t1 { font-weight:500; font-size: var(--font-size-md); color: #fff; } 
.sub_services_process > li .wrap_in .resize { align-items: center; justify-content: center; } 

/*footer*/
.main #footer { position: sticky; bottom: 0; height: 100vh; box-sizing: border-box; } 
.main #footer:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .6); content: ''; z-index: 2; } 
.main #footer .footerContainer { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; box-sizing: border-box; } 
.main #footer .footerContainer .footerTop { position: absolute; text-align: center; width: 100%; top: 44%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } 

#footer .footerContainer .footerBtm { position: absolute; width: 100%; bottom: 0; left: 0; padding-bottom: var(--space-7); box-sizing: border-box; } 
.sub #footer .footerContainer .footerBtm { position:relative; } 
#footer .footerContainer .footerBtm .footerWrap { display: flex; align-items: end; justify-content: space-between; } 
#footer .footerContainer .footerBtm .footerWrap .left_wrap .logo { margin-bottom: var(--space-3); } 
#footer .footerContainer .footerBtm .footerWrap .left_wrap .logo > img { height: 30px; object-fit: contain; } 
#footer .footerContainer .footerBtm .footerWrap .right_wrap { display: flex; flex-direction: column; gap: 1rem; align-items: end; } 
#footer .footerContainer .footerBtm .copyright { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255, .1); margin-top: var(--space-3); padding-top: var(--space-3); } 
#footer .footerContainer .footerBtm .copyright > .tt { font-size: var(--font-size-xs); color: rgba(255,255,255, .65); font-weight: 400; } 
#footer .opInfo { display: flex; flex-direction: column; align-items: start; gap: .5rem; } 
#footer .opInfo .tit { font-size: var(--font-size-md); font-weight: 600; line-height: 1; color: #fff; } 
#footer .opInfo .txt { font-size: var(--font-size-xs); font-weight: 400; color: rgba(255,255,255, .865); line-height: 1.4; } 

.sub #footer { background: var(--color-black); padding-top: 4rem; } 

#footer .info { flex:1 1 0%; min-width:0; overflow:hidden; color: #fff; } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.55em; position:relative; opacity:.8; font-size: var(--font-size-xs); } 
#footer .info > li:after { content:""; position:absolute; left:-1em; top:50%; width:1px; height:70%; background:rgba(255,255,255,.2); transform:translate(0,-50%) } 
#footer .info > li.point { opacity:1; font-weight:700 } 
#footer .info > li.br { clear:left } 
#footer .info:after { content:""; display:block; clear:both } 

#footer .menu { position:relative; display: flex; align-items: end; gap: 1em; color: #fff; } 
#footer .menu > li > a { position:relative; display:flex; align-items:center; opacity:.8; font-size: var(--font-size-sm-1); } 
#footer .menu > li > a.point { font-weight:700; opacity:1 } 

#footer .site_wrap { position:relative; z-index:1; min-width: 10rem; box-sizing: border-box; z-index: 99; } 
#footer .site_wrap .siteB { display:flex; align-items: center; justify-content: space-between; position:relative; color: #fff; padding: .75rem 1rem; border: 1px solid rgba(255,255,255, .215); } 
#footer .site_wrap .siteB .xi { position:relative; font-size:1em; line-height: 1; } 
#footer .site_wrap .siteB .tt { font-weight:500; font-size: var(--font-size-xs); line-height: 1; } 
#footer .site_wrap .list { position:absolute; bottom:100%; width:100%; opacity:0; visibility:hidden } 
#footer .site_wrap .list > li { border-bottom: 1px solid #ddd; } 
#footer .site_wrap .list .siteB { overflow:hidden; border-bottom: none; } 
#footer .site_wrap .list .siteB .xi { right:-2em } 
#footer .site_wrap .list .siteB:hover .xi { right:0 } 

#footer .site_wrap.on .list { background: #fff; } 
#footer .site_wrap.on .siteB { color: var(--color-black); background: #fff; } 
#footer .site_wrap.on .list { opacity:1; visibility:visible } 

.vod_wrap { position:relative; width: 100%; height: 100%; } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index: 1; } 
.vod_wrap .layer { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0 } 

.btn { display: inline-flex; align-items: center; justify-content: center; border: 0; color: inherit; font-family: inherit; font-size: 0.95rem; line-height: 1.2; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; box-sizing: border-box; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease; } 

/* 크기 및 형태 */
.btn.btn--basic { min-width: 12.5rem; min-height: 3.3rem; padding: 0.8rem 1.5rem; border-radius: 0.3rem; } 
.btn.round { border-radius: var(--radius-pill); } 

/* 색상 */
.btn.btn--red { background-color: #f02128; color: #fff; } 
.btn.btn--red:hover { background-color: #cf151b; } 
.btn.btn--white { border: 1px solid rgba(255,255,255, .615); color: #fff; } 

#contents { position:relative; flex:1 1 0%; min-height:0; box-sizing:border-box; z-index: 2; } 
#contents .sub_top_wrap { height:40vh; position:relative } 
#contents .sub_top_wrap .wrapBg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f1f1f1; overflow:hidden } 
#contents .sub_top_wrap .wrapBg .bg { height:100%; background-size:100% cover; position:relative } 
#contents .sub_top_wrap .wrapBg .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.315 } 
#contents .sub_top_wrap .wrapBg .bg.vod_wrap:after { opacity:.4 } 
#contents .sub_top_wrap .wrapCon { display:flex; height:100%; flex-direction:column; position:relative; padding-top:var(--shead); box-sizing:border-box } 
#contents .sub_top_wrap .wrapF { } 
#contents .sub_top_wrap .subTit { flex:1; min-height:0; justify-content:center; display:flex; align-items:center } 
#contents .sub_top_wrap .subTit .wrapF { height:100%; display:flex; flex-direction:column; justify-content:center; color:#fff; line-height:1; gap:1em; box-sizing:border-box; padding:1em } 
#contents .sub_top_wrap .subTit .t1 { font-size: 3vw; text-transform: uppercase; font-weight: 700; line-height:1 } 
#contents .sub_top_wrap .subTab { position:relative } 
#contents .sub_top_wrap .subTab .gnb > li.on { display:flex !important; justify-content:center; width:100% } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 { display:inline-flex; justify-content:center; flex-wrap:wrap } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li { position:relative; flex:1; min-width:0; width:30vmin; max-width:30vmin } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a { height:4em; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; background:var(--color-point); position:relative } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a:before { content:""; position:absolute; right:0; top:50%; height:30%; transform:translateY(-50%); background:#fff; width:1px; opacity:.2 } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va { display:flex; align-items:center; line-height:1.1; position:relative; transition:.3s; word-break:keep-all; text-align:center } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .tt { font-size:1em; font-weight:700; font-size:1.125em } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .arrow { position:absolute; right:0; top:50%; transform:translateY(-50%); overflow:hidden; font-size:0; transition:.3s } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .arrow:before { content:"\e942" } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a { background:#fff; color:var(--color-point) } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a .va { opacity:1; transform:translateX(0); padding-right:1.5em } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a .va .arrow { font-size:1.25em } 
#contents .sub_top_wrap .subTab .gnb > li .dp3 { display:none !important } 

#contents .sub_tit_wrap { padding:5.5vmin 0; border-bottom:1px solid #eee } 
#contents .sub_tit_wrap .wrapF { display:flex; display:flex; flex-direction:column; gap:2vmin; align-items:center } 
#contents .sub_tit_wrap .titW { flex:1; min-width:0 } 
#contents .sub_tit_wrap .titW .t1 { font-weight:500; font-size:2.63em } 
#contents .sub_tit_wrap .nav { display:flex; align-items:center } 
#contents .sub_tit_wrap .nav { display:inline-flex; align-items:center; gap:0 1em } 
#contents .sub_tit_wrap .nav > li { color:#666 } 
#contents .sub_tit_wrap .nav > li:not(.home):before { content:"\e940"; font-family:xeicon; margin-right:.5em; font-size:.938em } 
#contents .sub_tit_wrap .nav > li.home > a { width:1.5em; height:1.5em; border-radius:50%; background:var(--color-point); color:#fff; display:flex; align-items:center; justify-content:center } 
#contents .sub_tit_wrap .nav > li.home > a .xi { font-size:.875em } 

#contents .sub_top_wrap .wrapBg .bg:not(.vod_wrap) { background-position:center 30%; transition:4s } 
#contents .sub_top_wrap.on .wrapBg .bg:not(.vod_wrap) { background-position:center 60% } 

#contents .doc { padding:12vmin 0 20vmin 0 } 

.dp1on .gnb .dp2 { display:none!important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1 { display:none!important } 
.dp2on .gnb > li.on { display:block!important } 
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a { display:none!important } 
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on { display:block!important } 

 /*proabout*/
#proAboutContainer { } 
#proAboutContainer .aboutBanner { position: relative; width: 100%; height: 110vh; overflow: hidden; } 
#proAboutContainer .aboutBanner:before { content: ""; position: absolute; width: 100%; height: 12rem; left: 0; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.65) 45%, rgba(0, 0, 0, 0) 100% ); } 
#proAboutContainer .aboutBanner .inner { position:relative; width: 100%; height: 110vh; } 
#proAboutContainer .aboutBanner .infoWrap { position: absolute; z-index: 2; width: 100%; text-align: center; bottom: 12rem; left: 37.5vw; text-align: left; width: 100%; } 
#proAboutContainer .aboutBanner .infoWrap > .desc { font-size: var(--font-size-base); font-weight: 500; color: #fff; margin-bottom: 1rem; } 
#proAboutContainer .aboutBanner .infoWrap > .tit { position:relative; font-size: 3vw; line-height: 1; color: #fff; font-weight: 700; opacity: 0; margin-bottom: 1.215rem; transition: 1s ease; } 
#proAboutContainer .aboutBanner .infoWrap > .tit.ty0 { transform: translateX(6rem); } 
#proAboutContainer .aboutBanner .infoWrap > .tit.ty1 { transform: translateX(10rem); } 
#proAboutContainer .aboutBanner .infoWrap > .tit.ty2 { transform: translateX(14rem); } 
html.load #proAboutContainer .aboutBanner .infoWrap > .tit.ty0 { transform: translateX(0); opacity: 1 } 
html.load #proAboutContainer .aboutBanner .infoWrap > .tit.ty1 { transform: translateX(16rem); opacity: 1; } 
html.load #proAboutContainer .aboutBanner .infoWrap > .tit.ty2 { transform: translateX(8rem); opacity: 1; } 

#proAboutContainer .aboutLink { padding: 8rem 0; background: #000; } 
#proAboutContainer .aboutLink .about_box { width: 1260px; max-width: 94%; margin: 0 auto; } 
#proAboutContainer .linkList { display: flex; flex-wrap: wrap; justify-content: center; } 
#proAboutContainer .linkList > li { width: 33.33%; flex: auto; max-width: 33.33%; } 
#proAboutContainer .linkList > li > .inner { display: block; overflow: hidden; aspect-ratio: 1 / 1; transition: .8s; } 
#proAboutContainer .linkList > li > .inner > .imgCon { position:relative; width: 100%; height: 100%; } 
#proAboutContainer .linkList > li > .inner > .imgCon:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); content: ''; z-index: 1; } 
#proAboutContainer .linkList > li > .inner > .imgCon .bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; transition: .8s; filter: saturate(0.2); } 
#proAboutContainer .linkList > li > .inner > .imgCon .bg > img { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; } 
#proAboutContainer .linkList > li > .inner > .imgCon > .innerT { position: absolute; width: 100%; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; } 
#proAboutContainer .linkList > li > .inner > .imgCon > .innerT > .tit { font-size: 1.415em; font-weight: 700; color: #fff; } 
#proAboutContainer .linkList > li > .inner > .imgCon > img { width: 100%; height: 100%; object-fit: cover; transition: .8s; filter: saturate(0.2) } 
#proAboutContainer .linkList > li > .inner:hover { border-radius: 50%; } 
#proAboutContainer .linkList > li > .inner:hover > .imgCon .bg { filter: saturate(1) } 

/* 타이틀 */
.page_tit { margin-bottom: var(--space-5); } 
.page_tit .t1 { margin-bottom: 1rem; color: var(--color-point); font-size: var(--font-size-sm); line-height: 1.3; font-weight: 700; } 
.page_tit .t2 { font-size: var(--font-size-xl); line-height: 1.2; font-weight: 700; letter-spacing: -0.025em; } 
.page_tit .t3 { margin-top: 0.35rem; font-size: var(--font-size-lg); line-height: 1.25; font-weight: 700; letter-spacing: -0.035em; } 
.page_tit .t4 { margin-top: 2rem; color: #333; font-size: var(--font-size-sm); line-height: 1.8; font-weight: 400; letter-spacing: -0.025em; } 
.page_tit .t5 { margin-top: 2rem; font-size: var(--font-size-md-1); font-weight: 500; } 
.page_tit.dot1 { position: relative; padding-left: 1em; } 
.page_tit.dot1::before { position: absolute; content: ''; left: 0; top: 13px; width: 6px; height: 6px; border-radius: 10em; background: #333; } 

.tabBtn { padding: 0.45rem; margin-bottom: var(--space-6); display: inline-flex; align-items: center; width: 100%; background-color: #fff; border-radius: 0.5rem; background-color: #F5F5F5; box-sizing: border-box; } 
.tabBtn.wAu { width: auto; } 
.tabBtn > li { display: block; flex: 1; vertical-align: middle; position: relative; min-width: 10rem; box-sizing: border-box; } 
.tabBtn > li > .con { display: table; height: 2.5rem; width: 100%; border-radius: var(--radius-sm); font-weight: 500; cursor: pointer; transition: .3s ease; } 
.tabBtn > li > .con > .tt { display: table-cell; vertical-align: middle; color: #999; font-size: var(--font-size-sm); line-height: 1.3; letter-spacing: -0.02em; font-weight: inherit; text-align: center; } 
.tabBtn > li.on > .con { background: var(--color-black); } 
.tabBtn > li.on > .con > .tt { color: #fff; } 

.tabBtnArea { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: var(--space-5); } 
.tabBtnArea > li { } 
.tabBtnArea > li > .con { display: flex; align-items: center; justify-content: center; height: 2.5rem; cursor: pointer; border-radius: var(--radius-sm); background: #f1f1f1; padding: 0 1.5rem; box-sizing: border-box; transition: .3s ease; } 
.tabBtnArea > li > .con > .tt { font-size: var(--font-size-sm); font-weight: 600; transition: .3s ease; } 
.tabBtnArea > li.on > .con { background: var(--color-point); } 
.tabBtnArea > li.on > .con > .tt { color: #fff; } 

.pageWrapper { } 
.pageWrapper .pageCon { padding-bottom: 8rem; overflow: hidden; } 
.pageWrapper .pageCon.overvi { overflow: unset; } 
.pageWrapper .pageCon.bg { background: #f5f5f5; } 
.pageWrapper .pageCon:last-of-type { padding-bottom: 0; } 
.pageWrapper .pageCon.pdO { padding: 8rem 0; } 
.pageWrapper .pageCon.pt { padding-top: 8rem; } 
.pageWrapper .pageCon .ConItem { } 
.pageWrapper .pageCon .ConItem .item { padding-bottom: 6rem; } 
.pageWrapper .pageCon .ConItem .item:last-of-type { padding-bottom: 0; } 
.pageWrapper .boardVisual { overflow: hidden; } 
.pageWrapper .boardVisual .boardSlide { width: 100%; overflow: visible; } 
.pageWrapper .boardVisual .boardSlide .swiper-wrapper { align-items: stretch; transition-timing-function: linear !important; } 
.pageWrapper .boardVisual .boardSlide .swiper-slide { width: auto; height: 23rem; overflow: hidden; width: 28rem; } 
.pageWrapper .boardVisual .boardSlide .swiper-slide img { display: block; width: 100%; max-width: none; height: 100%; object-fit: cover; user-select: none; pointer-events: none; } 

.media_vertical { position: relative; width: 100%; background: #fff; } 
.media_vertical_list { display: flex; flex-direction: column; gap: 4rem; margin: 0; padding: 0; list-style: none; } 
.media_vertical_item { display: grid; grid-template-columns:minmax(0, 1fr)minmax(0, 1fr); align-items: stretch; gap: 4rem; width: 100%; padding: 3.5rem; box-sizing: border-box; background: #f7f7f7; } 
.media_vertical_info { display: flex; flex-direction: column; gap: 2rem; } 
.media_vertical_con { display: flex; flex-direction: column; min-width: 0; padding-top: var(--space-2); } 
.media_vertical_category { display: block; margin-bottom: var(--space-3); color: var(--color-black-6); font-size: var(--font-size-sm-1); line-height: var(--line-height-normal); font-weight: 700; letter-spacing: -0.025em; } 
.media_vertical_title { margin: 0 0 var(--space-3); color: var(--color-black-2); font-size: var(--font-size-xxl); line-height: var(--line-height-tight); font-weight: 800; letter-spacing: -0.05em; word-break: keep-all; } 
.media_vertical_description { margin: 0; color: var(--color-black-5); font-size: var(--font-size-sm-1); line-height: var(--line-height-loose); font-weight: 500; letter-spacing: -0.025em; word-break: keep-all; } 
.media_vertical_spec { overflow-wrap: break-word; width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid var(--color-black-5); border-bottom: 1px solid var(--color-black-7); table-layout: fixed; } 
.media_vertical_spec.mt0 { margin-top: 0; } 
.media_vertical_spec col:first-child { width: 6rem; } 
.media_vertical_spec th,
.media_vertical_spec td { padding: var(--space-2) var(--space-3); font-size: var(--font-size-xs); line-height: var(--line-height-normal); vertical-align: middle; word-break: keep-all; border: 1px solid var(--gray-line); } 
.media_vertical_spec.s1 th,
.media_vertical_spec.s1 td { font-size: 12px; } 
.media_vertical_spec thead { background: var(--color-back-1); } 
.media_vertical_spec thead th { color: var(--color-black-4); border-bottom: 1px solid var(--gray-line); font-weight: 700; text-align: center; } 
.media_vertical_spec tbody th { color: var(--color-black-4); border-right: 1px solid var(--gray-line-1); font-weight: 700; text-align: center; background: #fff; } 
.media_vertical_spec tbody.bg th { background: var(--color-back-1); border-right: none; } 
.media_vertical_spec tbody td { color: var(--color-black-7); font-weight: 500; text-align: left; background: #fff; } 
.vertical_info_spec { width: 100%; } 
.vertical_info_spec .media_vertical_guide { display:none; } 
.vertical_info_spec .media_vertical_scroll { width:100%; box-sizing:border-box; } 
.media_vertical_note { display: flex; flex-direction: column; align-items: end; margin-top: .65rem; } 
.media_vertical_note li { font-size: var(--font-size-xxs); color: #666; } 
.media_vertical_map { width: 9rem; margin-top: var(--space-4); } 
.media_vertical_map_label { margin-bottom: var(--space-2); color: var(--color-black-9); font-size: var(--font-size-xxxs); line-height: var(--line-height-normal); font-weight: 700; letter-spacing: 0.08em; } 
.media_vertical_map img { display: block; width: 100%; aspect-ratio: 1 / 1; border: 1px solid var(--gray-line-1); border-radius: var(--radius-sm); object-fit: cover; } 
.media_vertical_visual { position: relative; align-self: stretch; min-width: 0; min-height: 36rem; overflow: hidden; background: var(--color-back-1); } 
.media_vertical_visual img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.media_vertical_list .count_img { display:grid; grid-template-columns:repeat(2, 1fr); gap:.25rem; overflow:hidden; } 
.media_vertical_list .count_img .count_img_item { position:relative; min-width:0; aspect-ratio:16 / 9; overflow:hidden; } 
.media_vertical_list .count_img .count_img_item.main { grid-column:1 / -1; aspect-ratio:16 / 8.7; } 
.media_vertical_list .count_img .count_img_item img { display:block; width:100%; height:100%; object-fit:cover; } 
.media_vertical_info .mapImg { width: 60%; } 
.media_vertical_info .mapImg > img { width: 100%; height: 100%; /* aspect-ratio: 1.5 / 1; */ aspect-ratio: 2 / 1.2; object-fit: cover; } 

.detail_search { display: flex; align-items: center; gap: .5rem; justify-content: end; margin-bottom: 1rem; } 
.detail_search .titCon { margin-right: .25rem; } 
.detail_search .titCon > .tt { font-size: var(--font-size-sm); font-weight: 400; color: #666; } 
.detail_search .sel .input_st { border: 2px solid var(--color-black); } 

/**/
.admor_about { position: relative; width: 100%; overflow: hidden; background: #fff; } 
.admor_about .admor_about_head { margin-bottom: var(--space-6); text-align: center; } 
.admor_about .admor_about_logo { display: block; max-width: 100%; height: 3rem; margin: 0 auto var(--space-4); } 
.admor_about .admor_about_slogan_en { margin: 0 0 var(--space-2); color: var(--color-black-4); font-size: var(--font-size-md-1); line-height: var(--line-height-normal); font-weight: 500; letter-spacing: -0.025em; } 
.admor_about .admor_about_slogan_en span { color: var(--color-point); } 
.admor_about .admor_about_slogan_ko { margin: 0; color: var(--color-black-2); font-size: var(--font-size-lg); line-height: var(--line-height-tight); font-weight: 800; letter-spacing: -0.045em; word-break: keep-all; } 
.admor_about .admor_about_content { display: grid; grid-template-columns:
 minmax(0, .7fr)
 minmax(0, 1fr); align-items: stretch; gap: clamp(3rem, 6vw, 6rem); } 
.admor_about .admor_about_visual { position: relative; min-width: 0; min-height: 42rem; overflow: hidden; background: var(--color-back-1); border-radius: 0 15rem 0 0; } 
.admor_about .admor_about_visual img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; } 
.admor_about .admor_about_text { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: var(--space-4) 0; color: var(--color-black-4); font-size: var(--font-size-base); line-height: var(--line-height-loose); font-weight: 500; letter-spacing: -0.025em; word-break: keep-all; } 
.admor_about .admor_about_paragraph { margin-bottom: var(--space-4); } 
.admor_about .admor_about_paragraph:last-of-type { margin-bottom: 0; } 
.admor_about .admor_about_paragraph p { margin: 0; } 
.admor_about .admor_about_paragraph p + p { margin-top: var(--space-1); } 
.admor_about .admor_about_media { color: var(--color-black-2); font-weight: 700; } 
.admor_about .admor_about_signature { display: flex; justify-content: end; align-items: end; color: var(--color-black-5); font-size: var(--font-size-sm); font-weight: 700; letter-spacing: 0.06em; line-height: 1; gap: .5rem; } 
.admor_about .admor_about_signature > .name { position:relative; top: 3px; font-size: 2rem; } 

 /* 찾아오시는 길 */
.location_Bg .map_con { margin-bottom: 6rem; } 
.location_Bg .map_con:last-of-type { margin-bottom: 0rem; } 
.map_wrap { width: 100%; } 
.map_wrap > .root_daum_roughmap { border-radius: 1rem 1rem 0 0; overflow: hidden; } 
.map_wrap iframe { width: 100%; } 
.root_daum_roughmap { width: 100% !important; } 
.root_daum_roughmap .cont .section_address, .root_daum_roughmap .wrap_controllers { display: none; } 
.root_daum_roughmap .wrap_map { height: 500px; } 
.location_info { margin-top: -0.25rem; } 
.location_info > .con { display: flex; gap: 3rem; background: #ffffff; padding: 3rem 4rem; border-radius: 0 0 1rem 1rem; border: 1px solid #e2e8f0; align-items: stretch; box-shadow: 0 0.625rem 1.875rem rgba(25, 71, 186, 0.04); } 
.location_info > .con > .office { width: 18rem; border-right: 1px solid #e2e8f0; display: flex; align-items: center; } 
.location_info > .con > .office > .tt { font-size: 1.5rem; font-weight: 800; color: var(--color-point3); word-break: keep-all; line-height: 1.5; } 
.location_info > .con > .office .logo { width:100%; padding-right:3rem; box-sizing:border-box; } 
.location_info > .con > .address { width: 60%; padding: 1.2rem 0; } 
.location_info > .con > .address .tit { font-size: 1.4375rem; font-weight: 600; } 
.location_info > .con > .address .tit .xi { margin-right: 0.5rem; background: var(--color-point); color: #fff; width: 1.875rem; height: 1.875rem; font-size: 1rem; line-height: 1.875rem; text-align: center; border-radius: 50%; } 
.location_info > .con > .address > .add_info { display: flex; gap: 2rem; align-items: center; margin-top: 1.5rem; } 
.location_info > .con > .address > .add_info > li > .call_con { display: flex; align-items: center; gap: .5rem; } 
.location_info > .con > .address > .add_info > li > .call_con > .xi { font-size: 1.0625rem; color: #555; } 
.location_info > .con > .address > .add_info > li > .call_con > .tt { font-size: 1.0625rem; color: #555; } 
.location_info > .con > .map_view { width: 8rem; border: 1px solid var(--color-point); border-radius: 1rem; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .2s; color: var(--color-point); } 
.location_info > .con > .map_view > .xi { font-size: 2.125rem; } 
.location_info > .con > .map_view > .mapViewT { font-size: 1.0625rem; font-weight: 500; margin-top: .35rem; } 
.location_info > .con > .map_view:hover { background: var(--color-point); color: #fff; } 
.locWrap { margin-top: 4rem; } 
.locWrap .locList { display: flex; gap: 2rem; flex-wrap: wrap; } 
.locWrap .locList > li.w100 { flex: 1 1 100%; max-width: 100%; } 
.locWrap .locList > li { display: flex; width: calc((100% - 2rem) / 2); } 
.locWrap .locList > li > .in { flex: 1; } 
.locWrap .locList > li > .in > .iconWrap { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.5rem; border-bottom: 2px solid #f0f4f8; } 
.locWrap .locList > li > .in > .iconWrap > .tt { font-size: 1.3125rem; font-weight: 600; line-height: 1; } 
.locWrap .locList > li > .in .icon { position: relative; top: 1px; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; color: var(--color-point); background: #e8f4fd; } 
.locWrap .locList > li > .in > .info { } 
.locWrap .locList > li > .in > .info > li { display: flex; margin-bottom: .5rem; } 
.locWrap .locList > li > .in > .info > li:last-of-type { margin-bottom: 0; } 
.locWrap .locList > li > .in > .info .con .txt_box { flex: 1; } 
.locWrap .locList > li > .in > .info .con > .tt { font-size: 1.0625rem; font-weight: 400; line-height: 1.6; } 
.locWrap .locList > li > .in > .info .con > .tt > i, .locWrap .locList > li > .in > .info .con > .tt > b { vertical-align: baseline; } 
.locWrap .locList > li > .in > .info .con .txt_box { min-height: 10rem; background: #f8fafc; padding: 1.2rem; box-sizing: border-box; margin-top: .7rem; border-radius: 0.8rem; border: 1px solid #edf2f7; } 
.locWrap .locList > li > .in > .info .con .txt-in { min-height: 8rem; margin-top: 1rem; gap: 0.5rem .7rem; padding: 1.5rem; box-sizing: border-box; background: #fff; border-radius: .5rem; } 
.locWrap .locList > li > .in > .info .con .txt-in:first-child { margin-top: 0; } 
.locWrap .locList > li > .in > .info .con .txt-in > span { background: #fff; padding: 0.5rem 0.5rem; border-radius: 5px; align-items: center; flex-wrap: wrap; gap: var(--gap-sm); } 
.locWrap .locList > li > .in > .info .con .txt-in .xi { display: flex; align-items: center; justify-content: center; width: 1rem; min-width: 1rem; height: 1rem; font-size: 0.75rem; border-radius: 50%; background: #e2e8f0; color: #718096; padding: 0.3rem; } 
.locWrap .locList > li > .in > .info .con .txt-in .norCon { display: flex; gap: .35rem; } 
.locWrap .locList > li > .in > .info .con .txt-in .nor:not(.xi) { display: inline-block; background: #fff; padding: .25rem .75rem; white-space: nowrap; border-radius: 100px; overflow: hidden; font-size: 0.875rem; } 
.locWrap .locList > li > .in > .info .con .txt-in .nor { background: rgba(0, 129, 222, 0.08); color: var(--color-point); font-weight: 600; border: 1px solid rgba(0, 129, 222, 0.15); } 
.locWrap .locList > li > .in > .info .con .txt-in .subItem { display: flex; gap: .5rem; } 
.locWrap .locList > li > .in > .info .con .txt-in .subItem .round { display: flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; } 
.locWrap .locList > li > .in > .info .con .txt-in .subItem .round span { font-size: .815rem; font-weight: 700; line-height: 1; } 

.elevator_intro { position:relative; width:100%; } 
.elevator_intro .intro_head { margin-bottom:5.5rem; text-align:center; } 
.elevator_intro .intro_head .eyebrow { display:block; margin-bottom:1rem; color:var(--color-point); font-size:var(--font-size-sm); font-weight:700; line-height:1; } 
.elevator_intro .intro_head .title { margin:0; color:#111; font-size:var(--font-size-xl); font-weight:700; line-height:1.3; letter-spacing:-0.055em; } 
.elevator_intro .intro_head .desc { margin:1.75rem 0 0; color:#333; font-size:var(--font-size-md); font-weight:400; line-height:1.65; letter-spacing:-0.035em; } 
.elevator_intro .intro_list { width:100%; } 
.elevator_intro .intro_list .intro_item { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; width:100%; } 
.elevator_intro .intro_list .intro_item + .intro_item { margin-top: 2rem; } 
.elevator_intro .intro_list .intro_item:nth-child(even) .item_img { order:2; } 
.elevator_intro .intro_list .intro_item:nth-child(even) .item_text { order:1; } 
.elevator_intro .intro_list .item_img { width:100%; aspect-ratio:1.68 / 1; overflow:hidden; border-radius:1rem; background:#f3f3f3; } 
.elevator_intro .intro_list .item_img img { display:block; width:100%; height:100%; object-fit:cover; } 
.elevator_intro .intro_list .item_text { position:relative; } 
.elevator_intro .intro_list .intro_item:nth-child(2n-1) .item_text { padding-left: 4.25rem; box-sizing: border-box; } 
.elevator_intro .intro_list .item_num { display:block; margin-bottom:1.1rem; color:var(--color-point); font-size:var(--font-size-sm); font-weight:700; line-height:1; } 
.elevator_intro .intro_list .item_title { margin:0; color:#111; font-size:var(--font-size-lg); font-weight:700; line-height:1.4; letter-spacing:-0.05em; } 
.elevator_intro .intro_list .item_desc { max-width:35rem; margin:1.35rem 0 0; color:#555; font-size:var(--font-size-md-1); font-weight:400; line-height:1.85; letter-spacing:-0.035em; } 
.elevator_intro .intro_list .item_desc strong { color:#222; font-weight:700; } 

.elevaInner { } 
.elevaInner > .tit { font-size: var(--font-size-base); background: #fff6eb; padding: 1rem 1.5rem; margin-bottom: 1rem; color: #272727; } 
.elevaInner > .tit .t1 { font-size: var(--font-size-lg); font-weight: 700; margin-bottom: var(--space-1); } 
.elevaInner > .tit .s_tt { font-size: var(--font-size-sm-1); color: #666; } 
.elevaInner .imgListShow { display: flex; margin-top: 50px; gap: 20px; } 
.elevaInner .imgListShow > li { flex: 1; } 
.elevaInner .imgListShow > li > img { width: 100%; background: #f2f2f2; height: 100%; max-height: 14rem; object-fit: contain; } 


.standard_list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); width:100%; border-top:0.125rem solid var(--color-point); background:#fafafa; box-sizing:border-box; } 
.standard_list > li { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:18rem; padding:2.5rem 1.5rem; text-align:center; box-sizing:border-box; } 
.standard_list > li + li { border-left:0.0625rem solid #ddd; } 
.standard_list .standard_icon { display:flex; align-items:center; justify-content:center; width:4.5rem; height:4.5rem; margin-bottom:1.4rem; } 
.standard_list .standard_icon .icon_img { display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain; } 
.standard_list .standard_icon .icon_img > img { height: 80px; object-fit: contain; } 
.standard_list .standard_tit { display:block; color:#111; font-size:var(--font-size-lg-1); font-weight:700; line-height:1.3; letter-spacing:-0.05em; } 
.standard_list .standard_desc { margin-top:1rem; color:#555; font-size:var(--font-size-sm); font-weight:400; line-height:1.75; letter-spacing:-0.04em; } 
.standard_cta { position:relative; overflow:hidden; width:100%; min-height:13rem; background:#111; color:#fff; } 
.standard_cta .standard_cta_bg { position:absolute; inset:0; display:block; background:linear-gradient(120deg,rgba(255,255,255,0) 20%,rgba(255,255,255,0.04) 20.2%,rgba(255,255,255,0) 47%),linear-gradient(160deg,#161616 0%,#080808 100%); } 
.standard_cta > .box1 { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; min-height:13rem; box-sizing:border-box; } 
.standard_cta .standard_cta_text { min-width:0; } 
.standard_cta .standard_cta_tit { color:#fff; font-size:var(--font-size-xl); font-weight:700; line-height:1.25; letter-spacing:-0.06em; } 
.standard_cta .standard_cta_tit em { color:var(--color-point); font-style:normal; } 
.standard_cta .standard_cta_desc { margin-top:0.75rem; color:rgba(255,255,255,0.65); font-size:var(--font-size-base); font-weight:400; line-height:1.5; letter-spacing:-0.04em; } 
.standard_cta .standard_cta_btn { display:flex; align-items:center; justify-content:space-between; flex:none; width:16rem; min-height:4.75rem; padding:0 2rem; background:var(--color-point); color:#fff; font-size:var(--font-size-base); font-weight:700; box-sizing:border-box; } 
.standard_cta .standard_cta_btn:hover { background:var(--color-point); } 
.standard_cta .standard_cta_btn i { font-size:var(--font-size-md); font-style:normal; transition:transform 0.3s ease; } 
.standard_cta .standard_cta_btn:hover i { transform:translateX(0.3rem); } 

.standard_area .standard_cta { position:relative; overflow:hidden; width:100%; min-height:13rem; background:#111; color:#fff; } 
.standard_area .standard_cta .standard_cta_bg { position:absolute; inset:0; display:block; background:linear-gradient(120deg,rgba(255,255,255,0) 20%,rgba(255,255,255,0.04) 20.2%,rgba(255,255,255,0) 47%),linear-gradient(160deg,#161616 0%,#080808 100%); } 
.standard_area .standard_cta > .box1 { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; min-height:13rem; box-sizing:border-box; } 
.standard_area .standard_cta .standard_cta_text { min-width:0; } 
.standard_area .standard_cta .standard_cta_tit { color:#fff; font-size:var(--font-size-xl); font-weight:700; line-height:1.25; letter-spacing:-0.06em; } 
.standard_area .standard_cta .standard_cta_tit em { color:var(--color-point); font-style:normal; } 
.standard_area .standard_cta .standard_cta_desc { margin-top:0.75rem; color:rgba(255,255,255,0.65); font-size:var(--font-size-base); font-weight:400; line-height:1.5; letter-spacing:-0.04em; } 
.standard_area .standard_cta .standard_cta_btn { display:flex; align-items:center; justify-content:space-between; flex:none; width:16rem; min-height:4.75rem; padding:0 2rem; background:var(--color-point); color:#fff; font-size:var(--font-size-base); font-weight:700; box-sizing:border-box; transition:background-color 0.3s ease; } 
.standard_area .standard_cta .standard_cta_btn:hover { background:var(--color-point); } 
.standard_area .standard_cta .standard_cta_btn i { font-size:var(--font-size-md); font-style:normal; transition:transform 0.3s ease; } 
.standard_area .standard_cta .standard_cta_btn:hover i { transform:translateX(0.3rem); } 

.ad_count_container { position: relative; width: 100%; padding: 0 8vw; box-sizing: border-box; } 
.ad_count_container .count_list { display: flex; flex-direction: column; gap: 1rem; width: 100%; } 
.ad_count_container .count_item { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 15rem; align-items: center; gap: 2rem; min-height: 10rem; padding: 1rem 1rem 1rem 2.5rem; overflow: hidden; border: 1px solid transparent; border-radius: 1rem; background: #f7f7f7; box-sizing: border-box; transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; } 
.ad_count_container.h2 .count_item { grid-template-columns: minmax(0, 1fr) 23rem; } 
.ad_count_container .count_num { position: absolute; top: 50%; left: -1rem; color: rgba(0, 0, 0, 0.0315); font-size: 7.5vw; font-weight: 800; line-height: 1; letter-spacing: -0.06em; transform: translateY(-50%); transition: color 0.3s ease; } 
.ad_count_container .count_text { position: relative; z-index: 2; min-width: 0; } 
.ad_count_container .count_label { display: block; margin-bottom: 0.8rem; color: #348af4; font-size: var(--font-size-sm-1); font-weight: 700; line-height: 1.2; letter-spacing: -0.035em; transition: color 0.3s ease; } 
.ad_count_container .count_title { margin: 0; color: #111; font-size: var(--font-size-md-1); font-weight: 700; line-height: 1.35; letter-spacing: -0.045em; transition: color 0.3s ease; } 
.ad_count_container .count_desc { margin: 0.75rem 0 0; color: #777; font-size: var(--font-size-sm); font-weight: 400; line-height: 1.65; letter-spacing: -0.035em; transition: color 0.3s ease; } 
.ad_count_container .smT { font-size: .815rem; color: #999; line-height: 1.6; margin-top: .75em; } 
.ad_count_container .count_img { position: relative; z-index: 2; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 0.625rem; background: #ddd; } 
.ad_count_container .count_img img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.ad_count_container .count_item.on { border-color: var(--color-point); background: var(--color-point); } 
.ad_count_container .count_item.on .count_num { color: rgba(255, 255, 255, 0.12); } 
.ad_count_container .count_item.on .count_label { color: #fff; } 
.ad_count_container .count_item.on .count_title { color: #fff; } 
.ad_count_container .count_item.on .smT,
.ad_count_container .count_item.on .count_desc { color: rgba(255, 255, 255, 0.9); } 
.ad_count_container .count_item.on .count_img { opacity: 1; } 

.distance_wrap { display: flex; align-items: stretch; gap: 3rem; } 
.distance_wrap > .imgWrap { width: 35%; background: #f5f5f5; } 
.distance_wrap > .imgWrap > img { width: 100%; height: 100%; object-fit: contain; } 
.distance_wrap > .media_vertical_spec { width: 65%; } 

.kt_compete .card_list { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.75rem; } 
.kt_compete .card { position:relative; min-width:0; perspective:100rem; } 
.kt_compete .card_inner { position:relative; display:block; width:100%; padding:0; border:0; border-radius:1.25rem; aspect-ratio:7 / 8; background:transparent; color:inherit; font:inherit; text-align:left; transform-style:preserve-3d; transition:transform 1s cubic-bezier(.2, .7, .2, 1); } 
.kt_compete .card:hover .card_inner,
.kt_compete .card:focus-within .card_inner { transform:rotateY(180deg); } 
.kt_compete .card_inner:focus-visible { outline:.15rem solid #0867dc; outline-offset:.3rem; } 
.kt_compete .card_face { position:absolute; inset:0; display:block; overflow:hidden; border-radius:1.25rem; backface-visibility:hidden; -webkit-backface-visibility:hidden; box-shadow:0 .75rem 2rem rgba(12, 31, 58, .12); } 
.kt_compete .card_front { transform:rotateY(0deg); background:#111; } 
.kt_compete .card_front:after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .78) 100%); } 
.kt_compete .card_front img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .8s ease; } 
.kt_compete .card:hover .card_front img { transform:scale(1.05); } 
.kt_compete .front_text { position:absolute; left:2rem; right:2rem; bottom:2rem; z-index:1; display:flex; flex-direction:column; align-items:flex-start; color:#fff; } 
.kt_compete .front_sub { margin-bottom:.45rem; font-size: var(--font-size-sm); line-height:1.4; } 
.kt_compete .front_tit { font-size: var(--font-size-lg-2); font-weight:700; line-height:1.2; letter-spacing:-.04em; } 
.kt_compete .card_back { display:flex; align-items:center; justify-content:center; padding:2.5rem; box-sizing:border-box; background:linear-gradient(135deg, #000b2a 0%, #65289e 65%, #eb5170 100%); color:#fff; text-align:center; transform:rotateY(180deg); } 
.kt_compete .back_con { display:flex; flex-direction:column; align-items:center; justify-content:center; } 
.kt_compete .back_sub { color:rgba(255, 255, 255, .8); font-size: var(--font-size-sm); line-height:1.5; } 
.kt_compete .back_value { margin-top:.7rem; font-size: var(--font-size-lg-2); font-weight:700; line-height:1.2; letter-spacing:-.05em; } 
.kt_compete .back_note { max-width:19rem; margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid rgba(255, 255, 255, .28); color:rgba(255, 255, 255, .68); font-size:.85rem; line-height:1.6; } 

.media_planning { --planningImgH:13rem; --planningTypeH:3rem; --planningColGap:3.75rem; --planningRowGap:3rem; background:#fff; } 
.media_planning .planning_list { position:relative; display:grid; grid-template-columns:repeat(4, 1fr); column-gap:var(--planningColGap); row-gap:var(--planningRowGap); } 
.media_planning .planning_item { position:relative; min-width:0; } 
.media_planning .planning_img { position:relative; height:var(--planningImgH); } 
.media_planning .planning_img img { position:relative; z-index:1; display:block; width:100%; height:100%; border-radius:1rem; object-fit:cover; box-shadow:0 .5rem 1.5rem rgba(12, 31, 58, .1); } 
.media_planning .planning_name { position:absolute; z-index:2; left:1rem; right:1rem; bottom:.65rem; display:flex; align-items:center; justify-content:center; min-height:2.5rem; padding:.35rem 1rem; border-radius:.75rem; background:rgba(0, 0, 0, .72); color:#fff; font-size:1rem; font-weight:500; line-height:1.3; box-sizing:border-box; } 
.media_planning .planning_type { display:flex; align-items:center; justify-content:center; height:var(--planningTypeH); color:#555; font-size:.95rem; line-height:1.4; text-align:center; } 
.media_planning .planning_item:not(:nth-child(4n)) .planning_img:before { content:""; position:absolute; z-index:0; left:100%; top:50%; width:var(--planningColGap); height:.125rem; background:#3f81f6; transform:translateY(-50%); } 
.media_planning .planning_item:not(:nth-child(4n)) .planning_img:after { content:""; position:absolute; z-index:2; left:calc(100% + 0rem); top:calc(50% - .275rem); width:.55rem; height:.55rem; border-radius:50%; background:#3f81f6; box-shadow:calc(var(--planningColGap) - .4rem) 0 0 #3f81f6; } 
.media_planning .planning_item:nth-child(4) .planning_img:before { content:""; position:absolute; z-index:0; left:calc(100% - .05rem); top:50%; width:calc(var(--planningColGap) * .85); height:calc(var(--planningImgH) + var(--planningTypeH) + var(--planningRowGap)); border:.125rem solid #3f81f6; border-left:0; border-radius:0 1rem 1rem 0; box-sizing:border-box; } 
.media_planning .planning_item:nth-child(4) .planning_img:after { content:""; position:absolute; z-index:2; right:-.275rem; top:calc(50% - .275rem); width:.55rem; height:.55rem; border-radius:50%; background:#3f81f6; box-shadow:0 calc(var(--planningImgH) + var(--planningTypeH) + var(--planningRowGap)) 0 #3f81f6; } 

.pageCon.bg .media_planning { background: #f5f5f5; } 
.media_planning.st1 .planning_list { display: flex; column-gap: unset; row-gap: unset; gap: 1em; flex-wrap: wrap; } 
.media_planning.st1 .planning_item { flex: 1 1 20%; } 
.media_planning.st1 .planning_item .planning_img:before { display: none; } 
.media_planning.st1 .planning_item .planning_img:after { display: none; } 

.img_infoWrap { margin-top: var(--space-6); } 

.route_infoW { display: flex; gap: 3.5em; margin-top: var(--space-6); } 
.route_infoW .in { width: calc((100% - 12em) / 5); display: flex; flex-direction: column; align-items: center; gap: 1em; } 
.route_infoW .in .route { padding: 0.3em 2em; border: 6px solid #263c96; color: #263c96; position: relative; border-radius: 100em; background: #fff; font-size: var(--font-size-md); display: inline-block; font-weight: 700; } 
.route_infoW .in .route.c1 { border-color: #3cb44a; color: #3cb44a; } 
.route_infoW .in .route.c2 { border-color: #e51e6e; color: #e51e6e; } 
.route_infoW .in .route.c3 { border-color: #697215; color: #697215; } 
.route_infoW .in .route.c4 { border-color: #8936e0; color: #8936e0; } 
.route_infoW .in .route::before { position: absolute; content: ''; left: 100%; top: 50%; transform: translateY(-50%); width: 70%; border-top: 2px dotted #999; margin-left: 0.8em; box-sizing: border-box; } 
.route_infoW .in:last-child .route::before { display: none; } 
.route_infoW .in .t1 { font-size: var(--font-size-md); font-weight: 600; text-align: center; } 
.route_infoW .in .tt { text-align: center; color: #555; } 


.taxi_ad .taxi_ad_list { display:grid; grid-template-columns:repeat(4, 1fr); gap:1.25rem; margin-top: 1rem; } 
.taxi_ad .taxi_ad_card { position:relative; min-width:0; min-height:24rem; padding:2rem; border-radius:1.25rem; background:#fff; box-sizing:border-box; overflow:hidden; } 
.taxi_ad .taxi_ad_card:before { content:""; position:absolute; inset:0; z-index:3; border:.125rem solid var(--color-point); border-radius:inherit; box-sizing:border-box; opacity:0; pointer-events:none; transition:opacity .3s ease; } 
.taxi_ad .taxi_ad_card:hover:before { opacity:1; } 
.taxi_ad .taxi_ad_text { position:relative; z-index:2; } 
.taxi_ad .taxi_ad_label { margin-bottom:1.25rem; color:var(--color-point); font-size:var(--font-size-sm); font-weight:600; line-height:1.4; } 
.taxi_ad .taxi_ad_title { color:#111; font-size:var(--font-size-md); font-weight:700; line-height:1.4; letter-spacing:-.045em; } 
.taxi_ad .taxi_ad_img { position:absolute; z-index:1; right: 0; bottom: 0; width: 100%; pointer-events:none; } 
.taxi_ad .taxi_ad_img img { display:block; width:100%; height:100%; object-fit:contain; } 
.taxi_ad .taxi_ad_img.img_left { right: 0; bottom: 0; width:100%; } 
.taxi_ad .taxi_ad_img.img_center { left:50%; bottom:1rem; width:80%; transform:translateX(-50%); } 
.taxi_ad .taxi_ad_img.img_right { width: 100%; } 
.taxi_ad .taxi_ad_img.img_wide { bottom:0; width:auto; } 

.img_flexW { gap: 2em; } 
.img_flexW .boxW { width: calc((100% - 2em) / 2); } 
.boxW .wideRoundImg { padding: 1.5em; box-sizing: border-box; background: #f5f5f5; } 
.boxW .wideRoundImg img { object-fit: contain; } 

.img_flexW.col .boxW { width: 100%; } 
.pointW_list { display: flex; justify-content: center; gap: 1em; margin-bottom: 3em; } 
.pointW_list li { width: 14em; padding: 1em; background: var(--color-point); color: #fff; text-align: center; border-radius: .5em; box-sizing: border-box; } 
.pointW_list li .t1 { font-size: var(--font-size-base); font-weight: 500; margin-bottom: 0.2em; padding-bottom: 0.2em; border-bottom: 1px dashed rgba(255, 255, 255, 0.45); } 
.pointW_list li .tt { font-size: var(--font-size-sm-1); opacity: 0.85; } 



/* */
/* 중복 및 오타 정리본 */
.stickyW { position: relative; height:calc(var(--vh, 1vh) * 400); } 
.stickyW .scrollerWrapper { position: sticky; top: 0; width: 100%; height: 100vh; display: flex; align-items: center; } 

.imgScroller { position: relative; width: 100%; margin-top: 0; } 
.imgScroller .progress { position: absolute; top: 0; bottom: 0; height: 100%; left: 0; width: 4px; background: #f0f0f0; border-radius: 2px; } 
.imgScroller .progress .bar { position: absolute; left: 0; top: 0; width: 100%; height: 0%; background: var(--color-point); transition: height .12s linear; } 

.imgScroller .imgScroller_wrap { display: flex; gap: 5rem; justify-content: space-between; align-items: center; width: 100%; } 

.imgScroller .imgScroller_wrap .txt_wrap { position: relative; flex: 1; max-width: 50%; height: 480px; } 
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon { position: absolute; counter-increment: subListIdx; inset: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; pointer-events: none; } 
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon::before { position: absolute; content: counter(subListIdx, decimal-leading-zero); bottom: 0em; font-size: var(--font-size-xxxxl); color: rgb(0 0 0 / 11%); font-weight: 800; right: .5em; font-style: italic; } 
.imgScroller .imgScroller_wrap.h2 .txt_wrap > .txtCon::before { bottom: 4em; right: 0; } 
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon.nonBe::before { display: none; } 
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon + .txtCon { margin-top: 0; } 
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon.active { opacity: 1; transform: translateY(0); pointer-events: auto; } 

.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .img_box { display: none; } 
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .s_tit { font-size: var(--font-size-base); font-weight: 800; color: var(--color-point); } 
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .tit { font-size: var(--font-size-xl); margin-top: var(--space-2); font-weight: 700; } 
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .tt { font-size: var(--font-size-base); font-weight: 500; margin-top: var(--space-4); color: #333; line-height: var(--line-height-loose); } 

.imgScroller .imgScroller_wrap.h2 .txt_wrap > .txtCon .media_vertical_spec th,
.imgScroller .imgScroller_wrap.h2 .txt_wrap > .txtCon .media_vertical_spec td { padding: 0.4em var(--space-3); } 

.imgScroller .imgScroller_wrap .img_wrap { position: relative; top: 0; width: 40%; overflow: hidden; flex-shrink: 0; border-radius: var(--radius-md); border: 1px solid #ccc; } 
.imgScroller .imgScroller_wrap .img_wrap img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transform: translateY(100%); opacity: 0; /* 기본적으로 투명 처리 */ transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease; will-change: transform, opacity; pointer-events: none; } 
.imgScroller .imgScroller_wrap.h1 .img_wrap { height: 25rem; } 
.imgScroller .imgScroller_wrap.h1 .img_wrap img { height: 90%; } 
.imgScroller.height_none .imgScroller_wrap .img_wrap { border: none; position: relative; display: flex; justify-content: center; } 
.imgScroller.height_none .imgScroller_wrap.layM .img_wrap { overflow: visible; } 
.imgScroller .imgScroller_wrap.layM .img_wrap .dots_wrap { bottom: -10px; } 
.imgScroller.height_none .imgScroller_wrap .img_wrap img { width: auto; height: auto; position: absolute; top: 0; left: 50%; transform: translate(-50%, 100%); opacity: 0; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease; } 
.imgScroller.height_none .imgScroller_wrap .img_wrap img:first-child { position: relative; left: 0; transform: translate(0, 100%); } 
.imgScroller.height_none .imgScroller_wrap .img_wrap img.active { opacity: 1; transform: translate(-50%, 0%); } 
.imgScroller.height_none .imgScroller_wrap .img_wrap img:first-child.active { transform: translate(0, 0%); } 
.imgScroller.height_none .imgScroller_wrap .img_wrap img.hide-behind { opacity: 0 !important; } 

/* z-index 설정 및 active 처리 */
.imgScroller .imgScroller_wrap .img_wrap img { } 
.imgScroller .imgScroller_wrap .img_wrap img:nth-child(1) { z-index: 1; } 
.imgScroller .imgScroller_wrap .img_wrap img:nth-child(2) { z-index: 2; } 
.imgScroller .imgScroller_wrap .img_wrap img:nth-child(3) { z-index: 3; } 
.imgScroller .imgScroller_wrap .img_wrap img:nth-child(4) { z-index: 4; } 
.imgScroller .imgScroller_wrap .img_wrap img:nth-child(5) { z-index: 5; } 
.imgScroller .imgScroller_wrap .img_wrap img:nth-child(6) { z-index: 6; } 

.imgScroller .imgScroller_wrap .img_wrap img:first-child { position: relative; display: block; } 
.imgScroller .imgScroller_wrap .img_wrap img.active { transform: translateY(0%); opacity: 1; } 
.imgScroller .imgScroller_wrap .img_wrap img.hide-behind { opacity: 0 !important; } 

.writephoto { width: 100%; height: 5em; } 
.writephoto .inpFile { width:0; height:0; overflow:hidden; opacity:0; z-index:-1; position:relative } 
.writephoto .photoBtn { display: flex; align-items: center; height: 100%; background:#f7f7f7; color:#b6bcc5; border-radius: 5px; cursor:pointer; border: 1px solid transparent; box-sizing:border-box; transition:.3s } 
.writephoto .photoBtn .tt { font-size: 15px; } 
.writephoto .photoBtn:hover { border-style: dashed; border-color: var(--color-point); } 
.writephoto .write_img { height: 100%; } 

.imgScroller .imgScroller_wrap .img_wrap .dots_wrap { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 10; } 
.imgScroller .imgScroller_wrap .img_wrap .dots_wrap .dot { width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; } 
.imgScroller .imgScroller_wrap .img_wrap .dots_wrap .dot.active { background-color: var(--color-point, var(--color-point)); transform: scale(1.2); width: 24px; border-radius: 10px; } 

/* */

.snsInfoSlide_wrapper { position: relative; transform: scale(.9); } 
.snsInfoSlide_wrapper::before { position: absolute; content: ''; z-index: 10; left: 0; top: 0; width: 15%; height: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } 
.snsInfoSlide_wrapper::after { position: absolute; content: ''; z-index: 10; right: 0; top: 0; width: 15%; height: 100%; background: linear-gradient(270deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } 
.snsInfoSlide .slick-track,
.snsInfoSlide .swiper-wrapper { display: flex !important; } 
.snsInfoSlide .slick-slide,
.snsInfoSlide .swiper-slide { height: auto !important; display: flex !important; } 
.snsInfoSlide .slick-slide > div { width: 100%; height: 100%; display: flex; } 
.snsInfoSlide .el { display: flex !important; width: 100%; height: 100%; transition: transform 0.4s ease; opacity: 0.8; } 
.snsInfoSlide .el .in { background: #fdf5f4; filter: grayscale(.9); position: relative; overflow: hidden; padding: 2em; gap: 1em; box-sizing: border-box; border-radius: var(--radius-md); width: 100%; height: 100%; display: flex; flex-direction: column; transition: transform 0.4s ease, box-shadow 0.4s ease; transform-origin: center center; } 

.snsInfoSlide { padding: 4em 0 !important; } 
.snsInfoSlide .el .in .txt_wrap { flex: 1; } 
.snsInfoSlide .el .in .img_wrap { display: flex; justify-content: end; } 
.snsInfoSlide .el .in .img_wrap img { height: 10em; margin-right: -4em; } 
.snsInfoSlide .el .in .txt_wrap .s_tit { font-size: var(--font-size-sm-1); font-weight: 600; margin-bottom: 0.1em; color: var(--color-point); } 
.snsInfoSlide .el .in .txt_wrap .t1 { font-size: var(--font-size-md); font-weight: 600; margin-bottom: 0.3em; } 
.snsInfoSlide .el .in .txt_wrap .t2 { font-size: var(--font-size-base); color: #333; font-weight: 500; margin-bottom: 1em; } 
.snsInfoSlide .el .in .txt_wrap .tt { font-size: var(--font-size-sm-1); color: #555; font-weight: 500; } 
.snsInfoSlide .el .in .arrow { display: flex; gap: 1rem; align-items: center; justify-content: center; background: #fff; font-size: var(--font-size-xxs); padding: .25rem .75rem; box-sizing: border-box; color: var(--color-point); margin-left: auto; transform: translateX(-3rem); opacity: 0; transition: .5s ease; } 
.snsInfoSlide .el .in .arrow .xi { } 

.snsInfoSlide .el.swiper-slide-active { z-index: 20; opacity: 1; } 
.snsInfoSlide .el.swiper-slide-active .in { transform: scale(1.15); filter: unset; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); margin: 0 1.5em; background: var(--color-point); } 
.snsInfoSlide .el.swiper-slide-active .in .img_wrap img { filter: var(--crWhitefil); /* opacity: 0.45; */ } 
.snsInfoSlide .el.swiper-slide-active .in .txt_wrap .t1 { line-height: 1.4; } 
.snsInfoSlide .el.swiper-slide-active .in .txt_wrap .t1,
.snsInfoSlide .el.swiper-slide-active .in .txt_wrap .s_tit { color: #fff; } 
.snsInfoSlide .el.swiper-slide-active .in .txt_wrap .t2 { color: #fff; opacity: 0.85; } 
.snsInfoSlide .el.swiper-slide-active .in .txt_wrap .tt { color: #fff; opacity: 0.65; } 
.snsInfoSlide .el.swiper-slide-active .in .arrow { transform: translateX(0); opacity: 1; } 

/* .snsInfoSlide_wrapper.center_type::before,
.snsInfoSlide_wrapper.center_type::after { pointer-events: none; } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in { cursor: pointer; } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el.swiper-slide-active .in { background: var(--color-point); filter: none; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); } */
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in { background: var(--color-point); filter: none; transform: scale(1); } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el.swiper-slide-active .in { margin: 0; } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .img_wrap img { filter: var(--crWhitefil); /* opacity: 0.45; */ } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .txt_wrap .t1 { line-height: 1.4; } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .txt_wrap .t1,
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .txt_wrap .s_tit { color: #fff; } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .txt_wrap .t2 { color: #fff; opacity: 0.85; } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .txt_wrap .tt { color: #fff; opacity: 0.65; } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el { opacity: 1; } 
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .img_wrap img { height: auto; margin-right: 0; } 
/**/
#inquiryForm { border-top: 2px solid var(--color-black-3); } 
#inquiryForm .formCon { display: flex; gap: var(--gap-xl); justify-content: space-between; align-items: start; padding: 3.5rem 0rem; border-bottom: 1px solid var(--gray-line); } 
#inquiryForm .formCon>.formTit>.tt { font-size: var(--font-size-lg-2); font-weight: 700; line-height: 1; padding-left: 2.5rem; } 
#inquiryForm .formCon>.formWrap { width: 70%; } 
#inquiryForm .formCon > .formTit { flex:0 0 30%; width:auto; } 
#inquiryForm .formCon > .formWrap { flex:1; width:auto; min-width:0; } 
#inquiryForm .formWrap .form > li .inp_wrap .input_st { box-sizing:border-box; } 
#inquiryForm .label_st input[type="radio"] {opacity: 0;appearance: none;-webkit-appearance: none; } 
#inquiryForm .label_st input[type="radio"] ~ .xi {border-radius: 4px; } 
#inquiryForm .label_st input[type="radio"]:checked ~ .xi::before {content: "\e928"; } 

 .formWrap { } 
 .formWrap .form { display: flex; flex-wrap: wrap; gap: var(--gap-sm); } 
 .formWrap .form>li { position: relative; width: 100%; } 
 .formWrap .form>li .select-wrapper { width: 100%; } 
 .formWrap .form>li .inp_wrap { position: relative; display: flex; gap: var(--gap-lg); } 
 .formWrap .form>li .inp_wrap .label_wrap { display: flex; flex-wrap: wrap; gap: 1rem; width: 100%; } 
 .formWrap .form>li .inp_wrap .label_wrap .label_st { width: fit-content } 
 .formWrap .form>li .inp_wrap .input_st:not(textarea) { height: 4rem; } 
 .formWrap .form>li .inp_wrap .input_st[type=file] { padding-top: 1rem; } 
 .formWrap .form>li .inp_wrap .input_st::placeholder { font-weight: 500; font-size: var(--font-size-sm); } 
 .formWrap .form>li .inp_wrap .tit { width: 11.5rem; max-width: 11.5rem; height: 4rem; display: flex; align-items: center; } 
 .formWrap .form>li .inp_wrap .tit .tt { font-size: var(--font-size-base); font-weight: 600; } 
 .formWrap .form>li .inp_wrap .input_st:not(textarea) { width: 100%; } 
 .formWrap .form>li .inp_wrap textarea.input_st { width: 100%; padding-top: var(--space-3); height: 12rem; } 
 .formWrap .form>li .inp_wrap .input_st { position: relative; display: flex; align-items: center; border: none; background: #f7f7f7; border: 1px solid #ddd; border-radius: var(--radius-sm); padding: .5rem 1.25rem; outline: 2px solid transparent; transition: all .4s ease-in-out; } 
 .formWrap .form>li .inp_wrap .input_st:focus { outline: 1px solid var(--color-point); } 
 .formWrap .form>li .inp_wrap input:-webkit-autofill { box-shadow: 0 0 0 1000px rgba(255, 255, 255, .5) inset !important; background-color: transparent !important; } 
 .formWrap .form>li .inp_wrap .div_field { display: flex; gap: var(--gap-sm); flex-wrap: wrap; align-items: center; width: 100%; } 
 .formWrap .form>li .inp_wrap .div_field .divC { display: flex; gap: var(--gap-sm); } 
 .formWrap .form>li .inp_wrap .div_field .input_st { flex: 1; } 
 .formWrap .form>li .inp_wrap .div_field .find { background: var(--color-point); color: #fff; width: fit-content; } 
 .formWrap .form>li .inp_wrap .div_field .hypen { text-align: center; font-weight: 600; font-size: var(--font-size-base); } 
 .formWrap .form>li .inp_wrap .address_field .input_st { flex: unset; } 
 .formWrap .form>li .inp_wrap .email_field .select-wrapper { width: 12rem; } 
 .formWrap .form>li .inp_wrap .label_st { display: flex; gap: .5rem; align-items: center; width: fit-content; } 
 .select-wrapper { position: relative; } 
 .select-wrapper:before { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 1.5rem; transition: all .4s ease-in-out; font-family: 'xeicon'; z-index: 2; color: var(--color-point); content: '\e936' } 
 .select-wrapper:focus-within::before { content: '\e930'; } 

/* ====== guide ====== */
.privacy_wrap { margin-top: var(--space-6); } 
.privacy_wrap > .label_st { font-size: var(--font-size-base); } 
.privacy_wrap .guideBox { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-black); } 
.guideBox { } 
.guideBox .guide_inner { padding: 3.5rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem; } 
.guideBox .guide_inner.scroll { height: 35svh; overflow-y: scroll; } 
.guideBox .guide_inner div { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #ddd; } 
.guideBox .guide_inner div:last-of-type { border-bottom: none; margin-bottom: 0; } 
.guideBox .guide_inner p { font-size: var(--font-size-base); margin-bottom: .25rem; } 
.guideBox .guide_inner p:last-of-type { border-bottom: none; } 
.guideBox .guide_inner .tit { font-size: var(--font-size-lg-1); font-weight: 700; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 2px solid #111; } 
.guideBox .guide_inner strong { font-size: var(--font-size-md-1); font-weight: 600; margin-top: var(--space-3); margin-bottom: var(--space-1); } 

.filebox { width: 100%; } 
.filebox .upload-name { height: 3.5em; padding: 0 10px; vertical-align: middle; border: none; background: transparent; width: 80%; } 
.filebox .upload-name::placeholder { font-size: 1.15em; font-weight: 500; color: #aaa; } 
.filebox label { padding: 10px 20px; color: #fff; background-color: var(--color-point); cursor: pointer; margin-left: 10px; border-radius: 5px; display: flex; align-items: center; justify-content: center; width: 20%; min-width: 6.25em; } 
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } 

.ticket_user_data { color:#191919; } 
.ticket_user_data .user_data_title { margin-bottom:1.5rem; font-size:var(--font-size-xl); font-weight:700; line-height:1.3; letter-spacing:-.04em; } 
.ticket_user_data .user_data_list { display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem; } 
.ticket_user_data .user_data_card { --point:#ff2429; --pointSoft:#ff8c8f; min-width:0; padding:2rem; border-radius:1.25rem; background:#fff; box-sizing:border-box; } 
.ticket_user_data .user_data_card.exhibition { --point:#ff7800; --pointSoft:#ffc17f; } 
.ticket_user_data .user_data_card.sports { --point:#0967e8; --pointSoft:#83b6f6; } 
.ticket_user_data .user_data_head { padding-bottom:1.25rem; border-bottom:1px solid #e5e5e5; } 
.ticket_user_data .user_data_category { display:inline-flex; align-items:center; justify-content:center; min-width:4.5rem; min-height:2rem; padding:.4rem 1.1rem; border-radius:5rem; background:var(--point); color:#fff; font-size:var(--font-size-sm); font-weight:700; line-height:1.2; box-sizing:border-box; } 
.ticket_user_data .user_data_gender { display:flex; align-items:center; gap:.5rem; margin-top:.8rem; font-size:var(--font-size-base); line-height:1.4; } 
.ticket_user_data .user_data_gender strong { color:var(--point); font-weight:600; } 
.ticket_user_data .user_age_list { display:flex; flex-direction:column; gap:1.5rem; padding-top:1.5rem; } 
.ticket_user_data .user_age_item { display:grid; grid-template-columns:3.5rem minmax(0, 1fr) 3rem; align-items:center; gap:.75rem; } 
.ticket_user_data .user_age_label { font-size:var(--font-size-sm); line-height:1.3; white-space:nowrap; } 
.ticket_user_data .user_age_bar { position:relative; height:.9rem; overflow:hidden; border-radius:5rem; background:#f1f1f1; } 
.ticket_user_data .user_age_fill { position:absolute; left:0; top:0; height:100%; border-radius:inherit; background:linear-gradient(90deg, var(--pointSoft) 0%, var(--point) 100%); } 
.ticket_user_data .user_age_item:nth-child(2) .user_age_fill { opacity:.85; } 
.ticket_user_data .user_age_item:nth-child(3) .user_age_fill { opacity:.65; } 
.ticket_user_data .user_age_item:nth-child(4) .user_age_fill { opacity:.4; } 
.ticket_user_data .user_age_value { color:var(--point); font-size:var(--font-size-sm); font-weight:600; line-height:1.3; text-align:right; } 
.ticket_user_data .user_data_note { margin-top:1.5rem; color:#888; font-size:var(--font-size-xs); line-height:1.5; } 

/* */
.dotList { } 
.dotList > li { position: relative; padding-left: 1rem; font-size: var(--font-size-base); margin-bottom: .5rem; line-height: var(--line-height-normal); } 
.dotList > li:before { position: absolute; top: 12px; left: 0; width: 6px; height: 1px; background: var(--color-black-4); content: ''; } 
.dotList > li.tit { font-size: var(--font-size-base); font-weight: 700; color: var(--color-point3); margin-bottom: 0.2rem; } 
.dotList > li.tit:before { top: 11px; width: 6px; height: 6px; background: var(--color-black-4); content: ''; } 
.dotList > li:last-of-type { margin-bottom: 0; } 
.dotList.s1 > li { font-size: var(--font-size-sm); } 
.dotList.s2 > li { font-size: var(--font-size-md); } 
.dotList.s2 > li:before { top: 15px; } 
.dotList.c1 > li { color: var(--color-black-6); } 

.dotList.st1 > li:not(.tit) { padding-left: 2rem; } 
.dotList.st1 > li:not(.tit)::before { left: 1.2rem; } 
.dotList.dot2 > li:before { position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100px; background: var(--color-black-6); content: ''; } 
.dotList.dot2.s1 > li { padding-left: 0.8em; } 
.dotList.dot2.s1 > li:before { top: 9px; } 
.dotList.dot2.s2 > li:before { top: 8px; } 
.dotList > li:last-of-type { margin-bottom: 0; } 


.cardList { display: flex; gap: 2em; justify-content: center; } 
.cardList > li { width: calc((100% - 4em) / 3); counter-increment: subListIdx; inset: 0; padding: 2.5em; box-sizing: border-box; background: #f5f5f5; border-radius: var(--radius-sm); display: flex; flex-direction: column; } 
.cardList.w1 > li { width: calc((100% - 2em) / 2); } 
.cardList > li .topW { display: flex; justify-content: space-between; align-items: center; } 
.cardList > li .topW .icon { background: #fff; border-radius: 100em; width: 4.2em; height: 4.2em; display: flex; justify-content: center; align-items: center; } 
.cardList > li .topW .icon img { height: 2.2em; } 
.cardList > li .topW .num { position: relative; } 
.cardList > li .topW .num::before { content: counter(subListIdx, decimal-leading-zero); font-size: var(--font-size-lg); color: #ccc; font-weight: 800; } 
.cardList > li .txtW { display: flex; flex-direction: column; justify-content: space-between; height: 100%; margin-top: var(--space-4); } 
.cardList > li .txtW .txt_box { margin-bottom: var(--space-3); } 
.cardList > li .txtW .tit { color: var(--color-point); font-size: var(--font-size-lg); font-weight: 700; } 
.cardList > li .txtW .tt { font-size: var(--font-size-base); color: #555; } 
.cardList > li .txtW .dotList { padding: 1.5em; box-sizing: border-box; background: #fff; border-radius: var(--radius-sm); flex: 1; } 
.cardList > li .txtW .pointT { padding: 0.8em; box-sizing: border-box; background: var(--color-point); text-align: center; font-weight: 500; border-radius: var(--radius-sm); } 
.cardList > li .txtW .pointT span { color: #fff; } 

.pageWrapper .pageCon.bg .cardList > li { background: #fff; } 
.pageWrapper .pageCon.bg .cardList > li .topW .icon,
.pageWrapper .pageCon.bg .cardList > li .txtW .dotList { background: #f5f5f5; } 

.arrow-right { margin-top: 0.5rem; font-size: 1.45rem; color: #666; animation: arrowFade 1.5s infinite; text-align: center; } 

@keyframes arrowFade { 
 0% { opacity: 0; transform: translateY(-10px); } 

 50% { opacity: 1; transform: translateX(0); } 

 100% { opacity: 0; transform: translateY(0); } 
 }