/* ===================== [ MOBILE (regular) ] ===================== */
@charset "utf-8";

/* **************************************** *
** preset **
* **************************************** */
:root {
	/* white */
	--white-a95:#fffffff2;
	--white-a90:#ffffffe6;
	--white-a85:#ffffffd9;
	--white-a80:#fffc;
    --white-a75:#ffffffbf;
	--white-a70:#ffffffb3;
    --white-a65:#ffffffa6;
	--white-a60:#fff9;
    --white-a55:#ffffff8c;
	--white-a50:#ffffff80;
    --white-a45:#ffffff73;
	--white-a40:#fff6;
    --white-a35:#ffffff59;
	--white-a30:#ffffff4d;
    --white-a25:#ffffff40;
	--white-a20:#fff3;
	--white-a15:#ffffff26;
    --white-a12:#ffffff1f;
	--white-a10:#ffffff1a;
    --white-a08:#ffffff14;
	--white-a05:#14161808;
    /* black */
	--black:#222;
    --black-95:#2d2d2d;
	--black-90:#393939;
    --black-85:#444444;
	--black-80:#4e4e4e;
    --black-75:#595959;
	--black-70:#656565;
    --black-65:#707070;
	--black-60:#7a7a7a;
    --black-55:#868686;
	--black-50:#919191;
    --black-45:#9c9c9c;
	--black-40:#a7a7a7;
    --black-35:#b2b2b2;
	--black-30:#bdbdbd;
    --black-25:#c8c8c8;
	--black-20:#d3d3d3;
    --black-15:#dedede;
    --black-12:#e5e5e5;
	--black-10:#e9e9e9;
    --black-08:#eee;
    --black-05:#f3f3f3;
    --black-02:#fafafa;
	--black-a95:#000000f2;
	--black-a90:#000000e6;
	--black-a85:#000000d9;
	--black-a80:#000000cc;
    --black-a75:#000000bf;
	--black-a70:#000000b3;
    --black-a65:#000000a6;
	--black-a60:#00000099;
    --black-a55:#0000008c;
	--black-a50:#00000080;
    --black-a45:#00000073;
	--black-a40:#00000066;
    --black-a35:#00000059;
	--black-a30:#0000004d;
    --black-a25:#00000040;
	--black-a20:#00000033;
	--black-a15:#00000026;
    --black-a12:#0000001f;
	--black-a10:#0000001a;
    --black-a08:#00000014;
	--black-a05:#0000000d;
    --black-a02:#22222205;
    /* red  */
	--red:#cc2020;
	--red-dark:#c21c1c;
    --red-a12:#cc20201f;
    --red-a10:#cc20201a;
    --red-a08:#cc202014;
    --red-a05:#cc20200d;
    /* blue  */
	--blue:#1c50d8;
	--blue-dark:#0a49d1;
	--blue-a12:#1c50d81f;
    --blue-a10:#1c50d81a;
    --blue-a08:#1c50d814;
    --blue-a05:#1c50d80d;
    /* yellow  */
    --yellow:#ffcd01;
    --yellow-dark:#fec300;
    --yellow-a12:#ffcd011f;
    --yellow-a10:#ffcd011a;
    --yellow-a08:#ffcd0114;
    --yellow-a05:#ffcd010d;
    /* orange  */
    --orange:#fb521c;
    --orange-dark:#ff3b00;
    --orange-a12:#fb521c1f;
    --orange-a10:#fb521c1a;
    --orange-a08:#fb521c14;
    --orange-a05:#fb521c0d;
	/* cherry */
	--cherry:#df485f;
	--cherry-dark:#d64159;
    --cherry-a12:#df485f1f;
    --cherry-a10:#df485f1a;
    --cherry-a08:#df485f14;
	--cherry-a05:#df485f0d;
	/* primary  */
	--primary:#1c50d8; /* blue  */
	--primary-dark:#0a49d1;
	--primary-a12:#1c50d81f;
    --primary-a10:#1c50d81a;
    --primary-a08:#1c50d814;
    --primary-a05:#1c50d80d;

	/* box shadow - black */
	--bs-b1-black:inset 0 0 0 1px var(--black);
    --bs-b1-black-05:inset 0 0 0 1px var(--black-05);
	--bs-b1-black-10:inset 0 0 0 1px var(--black-10);
	--bs-b1-black-15:inset 0 0 0 1px var(--black-15);
	--bs-b1-black-20:inset 0 0 0 1px var(--black-20);
    --bs-b1-black-25:inset 0 0 0 1px var(--black-25);
	--bs-b1-black-30:inset 0 0 0 1px var(--black-30);
    --bs-b1-black-35:inset 0 0 0 1px var(--black-35);
	--bs-b1-black-40:inset 0 0 0 1px var(--black-40);
    --bs-b1-black-45:inset 0 0 0 1px var(--black-45);
	--bs-b1-black-50:inset 0 0 0 1px var(--black-50);
    --bs-b1-black-55:inset 0 0 0 1px var(--black-55);
    --bs-b1-black-60:inset 0 0 0 1px var(--black-60);
    --bs-b1-black-65:inset 0 0 0 1px var(--black-65);
    --bs-b1-black-70:inset 0 0 0 1px var(--black-70);
    --bs-b1-black-75:inset 0 0 0 1px var(--black-75);
    --bs-b1-black-80:inset 0 0 0 1px var(--black-80);
    --bs-b1-black-85:inset 0 0 0 1px var(--black-85);
    --bs-b1-black-90:inset 0 0 0 1px var(--black-90);
    --bs-b1-black-95:inset 0 0 0 1px var(--black-95);
	--bs-b1-black-a05:inset 0 0 0 1px var(--black-a05);
	--bs-b1-black-a10:inset 0 0 0 1px var(--black-a10);
	--bs-b1-black-a15:inset 0 0 0 1px var(--black-a15);
	--bs-b1-black-a20:inset 0 0 0 1px var(--black-a20);
	--bs-b1-black-a30:inset 0 0 0 1px var(--black-a30);
	--bs-b1-black-a40:inset 0 0 0 1px var(--black-a40);
	--bs-b1-black-a50:inset 0 0 0 1px var(--black-a50);
    /* box shadow - red */
	--bs-b1-red:inset 0 0 0 1px var(--red);
    --bs-b1-red-a05:inset 0 0 0 1px var(--red-a05);
	--bs-b1-red-a08:inset 0 0 0 1px var(--red-a08);
	--bs-b1-red-a10:inset 0 0 0 1px var(--red-a10);
	--bs-b1-red-a12:inset 0 0 0 1px var(--red-a12);
    /* box shadow - blue */
	--bs-b1-blue:inset 0 0 0 1px var(--blue);
    --bs-b1-blue-a05:inset 0 0 0 1px var(--blue-a05);
	--bs-b1-blue-a08:inset 0 0 0 1px var(--blue-a08);
	--bs-b1-blue-a10:inset 0 0 0 1px var(--blue-a10);
	--bs-b1-blue-a12:inset 0 0 0 1px var(--blue-a12);
    /* box shadow - cherry */
	--bs-b1-cherry:inset 0 0 0 1px var(--cherry);
    --bs-b1-cherry-a05:inset 0 0 0 1px var(--cherry-a05);
	--bs-b1-cherry-a08:inset 0 0 0 1px var(--cherry-a08);
	--bs-b1-cherry-a10:inset 0 0 0 1px var(--cherry-a10);
	--bs-b1-cherry-a12:inset 0 0 0 1px var(--cherry-a12);
	/* box shadow - primary */
	--bs-b1-blue:inset 0 0 0 1px var(--primary); /* blue  */
    --bs-b1-blue-a05:inset 0 0 0 1px var(--primary-a05);
	--bs-b1-blue-a08:inset 0 0 0 1px var(--primary-a08);
	--bs-b1-blue-a10:inset 0 0 0 1px var(--primary-a10);
	--bs-b1-blue-a12:inset 0 0 0 1px var(--primary-a12);

	/* etc */
	--zi-header:999;
}



/* **************************************** *
** reset **
* **************************************** */
* { margin:0; padding:0; border:none; box-sizing:border-box; }
*::before, *::after { box-sizing:border-box; }
html { font-size:4.2666666vw; }
body { position:relative; top:0; min-height:100dvh; margin-left:auto; margin-right:auto; font-family:Pretendard,sans-serif; font-weight:400; letter-spacing:-.02em; word-break:keep-all; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; color:var(--black); }
section { position:relative; padding:4.5rem 0; background-color:white; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; }
section:last-of-type { padding-bottom:6.75rem; }
a, input, button, textarea, select, table, option { outline:none; }
a { outline:none; text-decoration:none; color:inherit; cursor:pointer; }
a[href="javascript:void(0)"] { cursor:default; }
h1,h2,h3,h4,h5,h6 { font-family:Pretendard,sans-serif; font-weight:700; line-height:1.3; text-rendering:optimizeLegibility; }
button { display:flex; align-items:center; justify-content:center; position:relative; background-color:transparent; font-family:Pretendard,sans-serif; font-weight:500; text-transform:uppercase; white-space:nowrap; color:inherit; overflow:hidden; cursor:pointer; }
button[disabled] { opacity:.25; pointer-events:none; }
img { display:block; width:100%; border:none; font-size:0; line-height:0; vertical-align:middle; user-select:none; -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; }
figure, picture, video, .thumb { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
figure img, figure video, picture img, picture source { position:absolute; transform:translateZ(0); will-change:transform; height:100%; object-position:center; object-fit:cover; }
fieldset { border:none; }
ul, ol { list-style:none; }
li > a { display:block; height:100%; }
table { position:relative; width:100%; margin:0 auto; table-layout:fixed; border-spacing:0; border-collapse:collapse; word-break:break-all; }
table::before { content:""; position:absolute; inset:0; border-top:1px solid var(--black); border-bottom:1px solid var(--black); z-index:1; pointer-events:none; }
th, td { position:relative; padding:1rem .5rem; border-bottom:1px solid var(--black-15); font-size:.875rem; line-height:1.2; text-align:center; }
thead, th { font-weight:700; }
thead tr { background:var(--black-05); }
tbody tr { background:white; }
hr { height:0; box-sizing:content-box; }
i, em, address { font-style:normal; }
blockquote, q { content:""; quotes:none; }
caption, legend { overflow:hidden; visibility:hidden; position:absolute; top:-1000%; left:-1000%; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; z-index:1; }
::-moz-selection { background:var(--primary); color:white; }
::selection { background:var(--primary); color:white; }



/* **************************************** *
** wrap **
* **************************************** */
.scroll_lock, .modal_active, .header_active { overflow:hidden; }
.inner_wrap { position:relative; width:100%; max-width:98rem; margin:0 auto; padding:0 1.25rem; }
.inner_wrap.full { max-width:unset; margin:0; padding:0; }
.inner_wrap.full .title_wrap, .inner_wrap.full .text_wrap { max-width:98rem; margin:0 auto; padding-left:1.25rem; padding-right:1.25rem; }
.inner_wrap.small:not(.full) { max-width:85.5rem; }
.inner_wrap.small.full .title_wrap, .inner_wrap.small.full .text_wrap { max-width:85.5rem; }
.overlay { position:fixed; inset:0; transition:opacity .3s; background:rgba(0,0,0,.4); opacity:0; visibility:hidden; }



/* **************************************** *
** radius **
* **************************************** */
/* default (top right) */
.radius { position:absolute; inset:-.125rem -.125rem auto auto; padding:0 0 .5rem .5rem; border-radius:0 0 0 1.5rem; background:white; z-index:1; }
.radius * { display:flex; align-items:center; justify-content:center; transition:background .3s; min-width:2.25rem; min-height:2.25rem; margin:.125rem .125rem 0 0; padding:0 1.5rem; border-radius:2.25rem; background:var(--black-05); font-size:.875rem; font-weight:500; letter-spacing:-.04em; }
.radius::before, .radius::after { content:""; position:absolute; width:1.25rem; height:1.25rem; background:url(../img/icon/icon_s_radius.svg) no-repeat center / cover; }
.radius::before { inset:0 auto auto 0; transform:translate(-80%,-10%); }
.radius::after { inset:auto 0 0 auto; transform:translate(10%,80%); }
.radius.link { border-radius:0 0 0 1.75rem; }
.radius.link * { min-width: 2.75rem; min-height:2.75rem; padding:0; background:var(--black); font-size:.9375rem; color:white; }
.radius.link *:not(:empty) { column-gap:.375rem; padding:0 1rem 0 1.5rem; }
.radius.link *::after { content:""; width:1.375rem; height:1.375rem; background:url(../img/icon/icon_s_arrowRight.svg) no-repeat center / cover; filter:brightness(100); }
.radius.link.blank *::after { transform:rotate(-45deg); }

/* radius - left (+ top) */
.radius.left { inset:-.125rem auto auto -.125rem; border-radius:0 0 1.5rem 0; padding:0 .5rem .5rem 0; }
.radius.left * { margin:.125rem 0 0 .125rem; }
.radius.left::before { inset:0 0 auto auto; transform:scaleX(-1) translate(-80%,-10%); }
.radius.left::after { inset:auto auto 0 0; transform:scaleX(-1) translate(10%,80%); }
.radius.link.left { border-radius:0 0 1.75rem 0; }

/* radius - bottom (+ right) */
.radius.bottom { inset:auto -.125rem -.125rem auto; padding:.5rem 0 0 .5rem; border-radius:1.5rem 0 0 0; }
.radius.bottom * { margin:0 .125rem .125rem 0; }
.radius.bottom::before { inset:auto auto 0 0; transform:scaleY(-1) translate(-80%,-10%); }
.radius.bottom::after { inset:0 0 auto auto; transform:scaleY(-1) translate(10%,80%); }
.radius.link.bottom { border-radius:1.75rem 0 0 0; }

/* radius - bottom left */
.radius.bottom.left { inset:auto auto -.125rem -.125rem; padding:.5rem .5rem 0 0; border-radius:0 1.5rem 0 0; }
.radius.bottom.left * { margin:0 0 .125rem .125rem; }
.radius.bottom.left::before { inset:auto 0 0 auto; transform:scale(-1) translate(-80%,-10%); }
.radius.bottom.left::after { inset:0 auto auto 0; transform:scale(-1) translate(10%,80%); }
.radius.link.bottom.left { border-radius:0 1.75rem 0 0; }



/* **************************************** *
** header **
* **************************************** */
header { position:fixed; top:0; left:0; right:0; transition:top .3s,padding .3s,background .3s .3s; padding:.625rem 0; background:white; z-index:var(--zi-header); }
header::after { content:""; position:absolute; left:0; right:0; bottom:0; transition:border-color .3s .3s; border-bottom:1px solid transparent; }
header.scrolled::after { border-color:var(--black-a12); }
header .inner_wrap { display:flex; align-items:center; max-width:112.75rem; }
header .logo { transition:filter .3s .3s; z-index:2; }
header .logo a { display:flex; align-items:center; column-gap:.4375rem; }
header .logo img { width:2rem; }
header .logo p { font-size:1.125rem; color:var(--primary); }
header .icon.menu { transition:filter .3s .3s; margin-left:auto; margin-right:-.5rem; z-index:2; }
header .gnb_wrap { position:fixed; top:0; right:0; width:100%; height:100%; z-index:1; pointer-events:none; }
header .gnb_wrap nav { display:flex; flex-direction:column; position:absolute; top:0; right:-100%; transition:right .3s; width:100%; height:100%; padding:3.75rem 1.25rem 0; background:white; overflow:hidden auto; }
header .gnb_wrap nav::before { content:""; flex-shrink:0; position:sticky; top:-3.75rem; height:3.75rem; margin:-3.75rem -1.25rem 0; background:white; z-index:1; }
header .main_menu { display:flex; flex-direction:column; margin-bottom:auto; padding:1rem 0; }
header .main_menu > li { transition:color .3s.3s; padding:.25rem 0; font-size:1.25rem; line-height:2.75rem; }
header .main_menu strong { display:flex; align-items:center; position:relative; cursor:pointer; }
header .main_menu strong a { flex:1; }
header .main_menu strong.has_sub::after { content:""; width:1.5rem; height:1.5rem; background:url(../img/icon/icon_s_expandMore.svg) no-repeat center / cover; }
header .main_menu strong.has_sub a { pointer-events:none; }
header .main_menu strong.link a::after { content:""; display:inline-block; transition:filter .3s .3s; width:1.25rem; height:1.25rem; margin-top:-.125rem; margin-left:.25rem; background:url(../img/icon/icon_s_link.svg) no-repeat center / cover; vertical-align:middle; }
header .sub_menu { display:none; padding:1rem 1.5rem; border-radius:.75rem; background:var(--black-05); overflow:hidden; }
header .sub_menu li { font-size:1rem; font-weight:500; line-height:2.5rem; color:var(--black-90); }
header .active .sub_menu { display:block; margin:.5rem 0 1rem; }
header .active .menu_item:not(.link) a { color:var(--primary); }
header .active .has_sub::after { transform:scale(-1); filter:invert(24%) sepia(77%) saturate(2063%) hue-rotate(211deg) brightness(97%) contrast(99%); }
header .util_menu { display:flex; flex-direction:column; row-gap:1.125rem; padding:2rem 0; }
header .util_menu .lang { display:flex; align-items:center; align-self:flex-start; transition:box-shadow .3s .3s,background .3s .3s; margin-left:-.25rem; padding:0 .375rem; border-radius:2.25rem; background:var(--black-08); }
header .util_menu .lang li a { position:relative; transition:color .3s .3s; padding:0 .875rem; font-size:.875rem; font-weight:bold; line-height:2.25rem; color:var(--black-a20); }
header .util_menu .lang li a.active { color:var(--black); }
header .util_menu .lang li + li a::before { content:""; position:absolute; top:50%; left:0; transform:translate(-50%,-50%); transition:border-color .3s .3s; height:.875rem; border-left:1px solid var(--black-a20); }
header .util_menu .contact { display:flex; flex-direction:column; font-size:1rem; font-weight:bold; line-height:1.5; }
header .util_menu .copyright { font-size:.8125rem; font-weight:500; color:var(--black-80); }

/* header active */
header.active .gnb_wrap { pointer-events:auto; }
header.active .gnb_wrap nav { right:0; }
header.active .icon.menu i::before, header.active .icon.menu i::after { width:95%; margin-top:0; }
header.active .icon.menu i::before { transform:rotate(45deg); }
header.active .icon.menu i::after { transform:rotate(-45deg); }

/* header main */
header.main:not(.scrolled) { padding:1.375rem .5rem .625rem; background:none; }
header.main:not(.scrolled) .logo, header.main:not(.scrolled) .icon.menu { filter:saturate(0) brightness(100); }
header.main.active:not(.scrolled) .logo, header.main.active:not(.scrolled) .icon.menu { transition-delay:unset; filter:none; }
header.main.active:not(.scrolled) .gnb_wrap nav { padding:4.5rem 1.75rem 0; }
header.main.active:not(.scrolled) .gnb_wrap nav::before { top:-4.5rem; height:4.5rem; margin:-4.5rem -1.75rem 0; }

/* loading */
.loading { position:fixed; top:0; left:0; right:0; transform-origin:top; transform:scaleY(1); height:100%; padding:0; background:var(--primary); z-index:calc(var(--zi-header) + 2); }
.loading::before { content:""; display:block; transform-origin:bottom; transform:scaleY(0); height:100%; background:var(--black-10); animation:scale_up .5s ease-out forwards; }
.loading .logo_splash { display:flex; flex-direction:column; align-items:center; row-gap:1.25rem; position:fixed; top:50%; transform:translateY(-50%); transition:transform .3s,opacity .3s; width:100%; }
.loading .logo_splash img { width:7.5rem; }
.loading .logo_splash p { font-size:.9375rem; font-weight:500; text-align:center; color:var(--primary); }
.loading .logo_splash p span { display:block; margin-top:.25rem; font-size:1.25rem; font-weight:700; }
.loaded .loading { animation:scale_up .5s .5s ease-in reverse forwards; }
.loaded .logo_splash { transition-delay:.2s; transform:translateY(-75%); opacity:0; }
@keyframes scale_up {
	from { transform:scaleY(0); }
	to { transform:scaleY(1); }
}



/* **************************************** *
** footer **
* **************************************** */
footer { position:relative; padding:2.5rem 0; background:white; }
footer::after { content:""; position:absolute; top:0; left:0; right:0; border-top:1px solid var(--black-a40); }
footer .f_top .company { display:inline-flex; align-items:center; column-gap:.5625rem; font-size:1.3125rem; font-weight:800; color:var(--black-90); }
footer .f_top .company img { width:2.5rem; filter:grayscale(1) brightness(.75); }
footer .f_top .address { display:flex; flex-wrap:wrap; align-content:stretch; column-gap:1rem; max-width:50rem; padding:2rem 2rem 1.25rem 0; }
footer .f_top .address li { display:inline-flex; column-gap:.4375rem; margin-bottom:.4375rem; font-size:.8125rem; font-weight:500; line-height:1.5; color:var(--black-90); }
footer .f_top .address li span { font-weight:normal; color:var(--black-50); }
footer .f_bottom { display:flex; align-items:center; }
footer .f_bottom .copyright { flex-shrink:0; font-size:.875rem; color:var(--black-90); }
footer .f_bottom .sns { display:flex; align-items:center; justify-content:flex-end; column-gap:.4375rem; margin-left:auto; }
footer .f_bottom .sns li { flex-basis:2.5rem; padding:.3125rem; border-radius:50%; background:var(--black-90); }
footer .f_bottom .sns li img { filter:brightness(100); }
footer .scroll_top { display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; top:-.25rem; right:1.25rem; width:3rem; height:3rem; border-radius:50%; background:var(--black-90); }
footer .scroll_top img { width:1.75rem; filter:brightness(100); }
footer .f_quick_btn { display:flex; flex-direction:column; align-items:flex-end; row-gap:.375rem; position:fixed; left:50%; bottom:0; transform:translateX(-50%); transition:opacity .5s,visibility .5s; width:100%; max-width:112.75rem; padding:.75rem; opacity:0; visibility:hidden; z-index:calc(var(--zi-header) - 1); pointer-events:none; }
footer .f_quick_btn li { flex-shrink:0; width:4rem; height:4rem; pointer-events:auto; }
footer .f_quick_btn a { display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; border-radius:50%; background:white; }
footer .f_quick_btn a::after { content:""; position:absolute; inset:0; border:1px solid var(--black-a10); border-radius:inherit; pointer-events:none; }
footer .f_quick_btn img { width:2rem; margin:-.375rem 0 -.125rem; }
footer .f_quick_btn p { font-size:.6875rem; font-weight:600; }
footer .f_quick_btn .kakao { background:#fae100; }
footer .f_quick_btn .kakao p { color:#3c1e1e; }

/* quick button hide and show on scrolled */
.scrolled ~ footer .f_quick_btn:not(.hide) { opacity:1; visibility:visible; }



/* **************************************** *
** input **
* **************************************** */
.input_wrap { display:flex; flex-wrap:wrap; position:relative; width:100%; padding-top:1rem; }
.input { position:relative; width:100%; }
.input_wrap + .input_wrap, .input_wrap .input + .input { margin-top:1.75rem; }
.input p { font-size:.9375rem; font-weight:600; line-height:1.3; }
.input p.text_holder { margin-top:.625rem; font-size:.8125rem; font-weight:500; word-break:break-all; color:var(--black-60); }
.input input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]) + input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]), .input input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]) + .row, .input input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]) + .selectric-wrapper, .input input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]) + select, .input input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]) + textarea, .input .selectric-wrapper + input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]), .input .selectric-wrapper + .row, .input select + input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]), .input select + .row, .input textarea + input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]), .input textarea + .row, .input .row + .row, .input .row + input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]), .input .row + .selectric-wrapper, .input .row + select, .input .row + textarea { margin-top:.75rem; }
.input .row { display:flex; flex-wrap:wrap; align-items:center; column-gap:.75rem; }
.input .row > *:not(button):not(label.error):not(p.text_holder) { flex:0 calc(70% - .75rem); }
.input .row > button { flex:0 30%; font-size:.8125rem; line-height:2.5rem; }
.input .row label.error { order:1; }
.input .row p.text_holder { order:2; }
form { padding:1rem 0; }
input, select, textarea { transition:.2s; width:100%; min-height:3rem; padding:.8125rem .9375rem; box-shadow:var(--bs-b1-black-a20); background:white; font-family:inherit; font-weight:500; font-size:.9375rem; line-height:inherit; vertical-align:top; color:inherit; }
input:focus, select:focus, textarea:focus { box-shadow:var(--bs-b1-black); }
input[class^="icon_"], select[class^="icon_"] { padding-left:2.625rem !important; background-position:left center; background-size:2.25rem; background-repeat:no-repeat; background-blend-mode:difference; }
input[class^="icon_"]:not(:placeholder-shown) { background-blend-mode:unset; }
input[type=password] { font-weight:900; }
input[type=number] { -webkit-appearance:textfield; -moz-appearance:textfield; appearance:textfield; }
input::placeholder { font-weight:400; color:var(--black-30); }
input::-webkit-input-placeholder { font-weight:400; color:var(--black-30); }
input::-moz-placeholder { font-weight:400; color:var(--black-30); }
input:-ms-input-placeholder { font-weight:400; color:var(--black-30); }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
select { padding-right:2.75rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22m23.41%2026.12%204.25-4.24-1.42-1.42L22%2024.71l-4.24-4.25-1.42%201.42%204.25%204.24L22%2027.54l1.41-1.42z%22%2F%3E%3C%2Fsvg%3E'); background-repeat:no-repeat; background-position:right center; background-size:auto 3rem; font-weight:500; cursor:pointer; }
select::-ms-expand { display:none; }
textarea { height:11.25rem; line-height:1.4; resize:none; }
textarea::placeholder { font-weight:400; color:var(--black-30); }
textarea::-webkit-input-placeholder { font-weight:400; color:var(--black-30); }
textarea::-moz-placeholder { font-weight:400; color:var(--black-30); }
textarea:-ms-input-placeholder { font-weight:400; color:var(--black-30); }
label, .label { display:inline-block; position:relative; margin-bottom:1.125rem; font-size:.9375rem; font-weight:600; vertical-align:top; cursor:auto; }
.label { display:block; }
.label a { font-weight:700; text-decoration:underline; }
label.required::after, .label.required::after { content:"*"; margin-left:.25rem; font-weight:normal; color:var(--red); }
label + input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]), label + select, label + textarea, label + .selectric-wrapper, label + .row, .label + input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]), .label + select, .label + textarea, .label + .selectric-wrapper, .label + .row { margin-top:-.5rem; }

/* input checkbox & radio */
input[type=checkbox], input[type=radio] { position:absolute; width:1.375rem; height:1.375rem; min-height:auto; padding:0; vertical-align:top; opacity:0; cursor:pointer; z-index:1; }
input[type=checkbox] + label, input[type=radio] + label, input[type=checkbox] + .label, input[type=radio] + .label, input[type=checkbox] + .label label, input[type=radio] + .label label { display:inline-block; margin:0 .5rem 1.25rem 0; padding:0 .5rem 0 1.875rem; font-size:.9375rem; font-weight:500; line-height:1.375rem; cursor:pointer; }
input[type=checkbox] + label:last-child, input[type=radio] + label:last-child, input[type=checkbox] + .label:last-child, input[type=radio] + .label:last-child { margin-right:0; margin-bottom:0; }
input[type=checkbox] + .label label, input[type=radio] + .label label { display:inline; margin:0!important; padding:0!important; }
input[type=checkbox] + label::before, input[type=radio] + label::before, input[type=checkbox] + .label::before, input[type=radio] + .label::before { content:""; position:absolute; top:0; left:0; transition:.2s; width:1.375rem; height:1.375rem; box-shadow:var(--bs-b1-black-a20); background:white; }
input[type=radio] + label::before, input[type=radio] + .label::before { border-radius:50%; }
input[type=checkbox]:checked + label::before, input[type=radio]:checked + label::before, input[type=checkbox]:checked + .label::before, input[type=radio]:checked + .label::before { box-shadow:var(--bs-b1-black); }
input[type=checkbox]:checked + label::after, input[type=radio]:checked + label::after, input[type=checkbox]:checked + .label::after, input[type=radio]:checked + .label::after { content:""; position:absolute; }
input[type=checkbox]:checked + label::after, input[type=checkbox]:checked + .label::after { top:.375rem; left:.375rem; transform:rotate(135deg); width:.6875rem; height:.4375rem; border-top:.125rem solid var(--black); border-right:.125rem solid var(--black); }
input[type=radio]:checked + label::after, input[type=radio]:checked + .label::after { top:0; left:0; transform:scale(.5); width:1.375rem; height:1.375rem; border-radius:50%; background:var(--black); }

/* input - txt_type */
select.txt_type { background-position:right -.5rem center; }
input.txt_type, select.txt_type { box-shadow:inset 0 -1px 0 0 var(--black-a20); }
input.txt_type:not([readonly]):not([disabled]), select.txt_type:not([readonly]):not([disabled]) { padding-left:.125rem; padding-right:.125rem; }
input.txt_type:focus, select.txt_type:focus { box-shadow:inset 0 -1px 0 0 var(--black); }
label + input.txt_type:not([readonly]):not([disabled]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]), label + select.txt_type:not([readonly]):not([disabled]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]) { margin-top:-.625rem; }
input.txt_type[type=checkbox] + label::before, input.txt_type[type=checkbox] + .label::before { border-radius:50%; }
input.txt_type[type=checkbox] + label::after, input.txt_type[type=radio] + label::after, input.txt_type[type=checkbox] + .label::after, input.txt_type[type=radio] + .label::after { content:""; position:absolute; top:.375rem; left:.375rem; transform:rotate(135deg); width:.6875rem; height:.4375rem; border-radius:unset; border-top:.125rem solid var(--black-20); border-right:.125rem solid var(--black-20); background:none; }
input.txt_type[type=checkbox]:checked + label::before, input.txt_type[type=radio]:checked + label::before, input[type=checkbox]:checked + .label::before, input[type=radio]:checked + .label::before { box-shadow:none; background:var(--black); }
input.txt_type[type=checkbox]:checked + label::after, input.txt_type[type=radio]:checked + label::after, input[type=checkbox]:checked + .label::after, input[type=radio]:checked + .label::after { border-color:white; }

/* input checkbox & radio - btn_type */
input.btn_type[type=checkbox], input.btn_type[type=radio] { width:100%; height:3rem; }
input.btn_type[type=checkbox] + label, input.btn_type[type=radio] + label { display:flex; align-items:center; transition:.2s ease; min-height:3rem; margin:0 0 .625rem; padding:.9375rem 1.125rem .9375rem 3rem; box-shadow:var(--bs-b1-black-a20); background:white; line-height:1.125rem; word-break:break-all; color:var(--black-70); }
input.btn_type[type=checkbox] + label:last-child, input.btn_type[type=radio] + label:last-child { margin-bottom:0; }
input.btn_type[type=checkbox] + label::before, input.btn_type[type=radio] + label::before { top:.8125rem; left:1rem; border-radius:50%; }
input.btn_type[type=checkbox]:checked + label, input.btn_type[type=radio]:checked + label { box-shadow:var(--bs-b1-black); color:var(--black); }
input.btn_type[type=checkbox]:checked + label::before, input.btn_type[type=radio]:checked + label::before { box-shadow:none; background:var(--black); }
input.btn_type[type=checkbox]:checked + label::after { top:1.1875rem; left:1.375rem; border-color:white; }
input.btn_type[type=radio]:checked + label::after { top:1.1875rem; left:1.375rem; transform:rotate(135deg); width:.6875rem; height:.4375rem; border-top:.125rem solid white; border-right:.125rem solid white; border-radius:0; background:none; }

/* input readonly & disabled */
input[readonly], select[readonly], textarea[readonly] { box-shadow:var(--bs-b1-black-a20); background:var(--black-a05); pointer-events:none; }
input.txt_type[readonly] { box-shadow:inset 0 -1px 0 0 var(--black-a20); }
input[type=checkbox][readonly] + label, input[type=radio][readonly] + label, input[type=checkbox][readonly] + .label, input[type=radio][readonly] + .label { pointer-events:none; }
input[type=checkbox][readonly] + label::before, input[type=radio][readonly] + label::before, input[type=checkbox][disabled] + label::before, input[type=radio][disabled] + label::before, input[type=checkbox][readonly] + .label::before, input[type=radio][readonly] + .label::before, input[type=checkbox][disabled] + .label::before, input[type=radio][disabled] + .label::before { background:var(--black-a05); }
input[type=checkbox][readonly]:checked + label::before, input[type=checkbox][readonly]:checked + .label::before { box-shadow:var(--bs-b1-black-a50); }
input[type=checkbox][readonly]:checked + label::after, input[type=checkbox][readonly]:checked + .label::after { border-color:var(--black-50); }
input[type=radio][readonly]:checked + label::before, input[type=radio][readonly]:checked + .label::before { box-shadow:var(--bs-b1-black-a50); }
input[type=radio][readonly]:checked + label::after, input[type=radio][readonly]:checked + .label::after { background:var(--black-50); }
input[disabled], select[disabled], textarea[disabled] { box-shadow:none; background:var(--black-a05); color:var(--black-40); pointer-events:none; }
input[type=checkbox][disabled] + label, input[type=radio][disabled] + label, input[type=checkbox][disabled] + .label, input[type=radio][disabled] + .label { color:var(--black-40); cursor:default; }
input[type=checkbox][disabled] + label::before, input[type=radio][disabled] + label::before, input[type=checkbox][disabled] + .label::before, input[type=radio][disabled] + .label::before { box-shadow:var(--bs-b1-black-a20); }
input[type=checkbox][disabled]:checked + label::after, input[type=checkbox][disabled]:checked + .label::after { border-color:var(--black-40); }
input[type=radio][disabled]:checked + label::after, input[type=radio][disabled]:checked + .label::after { background:var(--black-40); }
input.btn_type[type=checkbox][readonly] + label, input.btn_type[type=radio][readonly] + label, input.btn_type[type=checkbox][disabled] + label, input.btn_type[type=radio][disabled] + label, input.btn_type[type=checkbox][readonly] + .label, input.btn_type[type=radio][readonly] + .label, input.btn_type[type=checkbox][disabled] + .label, input.btn_type[type=radio][disabled] + .label { box-shadow:none; background:var(--black-a05); }
input.btn_type[type=checkbox][readonly] + label::before, input.btn_type[type=radio][readonly] + label::before, input.btn_type[type=radio][readonly]:checked + label::after, input.btn_type[type=checkbox][disabled] + label::before, input.btn_type[type=radio][disabled] + label::before, input.btn_type[type=checkbox][readonly] + .label::before, input.btn_type[type=radio][readonly] + .label::before, input.btn_type[type=radio][readonly]:checked + .label::after, input.btn_type[type=checkbox][disabled] + .label::before, input.btn_type[type=radio][disabled] + .label::before { background:none; }
input.btn_type[type=checkbox][readonly]:checked + label::before, input.btn_type[type=radio][readonly]:checked + label::before, input.btn_type[type=checkbox][readonly]:checked + .label::before, input.btn_type[type=radio][readonly]:checked + .label::before, input.txt_type[type=checkbox][readonly]:checked + label::before, input.txt_type[type=radio][readonly]:checked + label::before, input.txt_type[type=checkbox][readonly]:checked + .label::before, input.txt_type[type=radio][readonly]:checked + .label::before { box-shadow:none; background:var(--black-40); }
input.btn_type[type=checkbox][readonly]:checked + label::after, input.btn_type[type=checkbox][disabled]:checked + label::after, input.btn_type[type=checkbox][readonly]:checked + .label::after, input.btn_type[type=checkbox][disabled]:checked + .label::after, input.txt_type[type=checkbox][readonly]:checked + label::after, input.txt_type[type=checkbox][disabled]:checked + label::after, input.txt_type[type=checkbox][readonly]:checked + .label::after, input.txt_type[type=checkbox][disabled]:checked + .label::after, input.txt_type[type=radio][readonly]:checked + label::after, input.txt_type[type=radio][disabled]:checked + label::after, input.txt_type[type=radio][readonly]:checked + .label::after, input.txt_type[type=radio][disabled]:checked + .label::after { border-color:white; background:none; }
input.btn_type[type=checkbox][disabled]:checked + label::before, input.btn_type[type=radio][disabled]:checked + label::before, input.btn_type[type=checkbox][disabled]:checked + .label::before, input.btn_type[type=radio][disabled]:checked + .label::before, input.txt_type[type=checkbox][disabled]:checked + label::before, input.txt_type[type=radio][disabled]:checked + label::before, input.txt_type[type=checkbox][disabled]:checked + .label::before, input.txt_type[type=radio][disabled]:checked + .label::before { background:var(--black-40); }

/* input validation */
input.error { box-shadow:inset 0 0 0 .0625rem var(--cherry); }
input.txt_type.error { box-shadow:inset 0 -1px 0 0 var(--cherry); }
label.error { margin-top:.375rem; margin-bottom:0; font-size:.8125rem; font-weight:700; line-height:1.2; color:var(--cherry); }

/* input icon */
input.icon_id { background-image:url(../images/icon/icon_id.svg); }
input.icon_pw { background-image:url(../images/icon/icon_pw.svg); }

/* input button */
.input .kakao { box-shadow:none; background:#fee500; color:#371e1f; }
.input .naver { box-shadow:none; background:#00c500; font-weight:700; color:white; }
.input .facebook { box-shadow:none; background:#3c5a99; font-weight:700; color:white; }
.input .apple { box-shadow:none; background:black; font-weight:700; color:white; }
.input button { column-gap:.1875rem; transition:filter .3s; width:100%; max-width:unset; padding:0 1.75rem; border-radius:unset; box-shadow:var(--bs-b1-black); background:white; font-family:Pretendard,sans-serif; font-weight:800; }
.input button img { width:2rem; }
.input button img:first-child { margin-left:-.5rem; }
.input button img:last-child { margin-right:-.5rem; }
.input button.primary { box-shadow:none; background:var(--black); font-weight:700; color:white; }
.input button.left { column-gap:.5rem; justify-content:flex-start; }
.input button + button { margin-top:.625rem; }

/* agreement_wrap */
.agreement_wrap { padding:1rem 0; }
.agreement_wrap .agreement_text { width:100%; margin-bottom:1.25rem; padding:1.5rem .5rem; border-top:1px solid var(--black-15); border-bottom:1px solid var(--black-15); }
.agreement_wrap .agreement_text strong { font-size:1rem; line-height:1.35; }
.agreement_wrap .agreement_text p { margin-top:.75rem; padding-left:.8125rem; line-height:1.3; }
.agreement_wrap .agreement_text p::before { content:""; position:absolute; top:.4375rem; left:0; width:.1875rem; height:.1875rem; background:var(--black); }
.agreement_wrap .agreement_text p:first-of-type { margin-top:1.25rem; }
.agreement_wrap .agreement_check label { padding-left:2rem; font-size:1rem; }



/* **************************************** *
** selectric **
* **************************************** */
.selectric-wrapper { position:relative; cursor:pointer; }
.selectric-responsive { width:100%; }
.selectric { position:relative; transition:.2s; box-shadow:var(--bs-b1-black-a20); background:white; }
.selectric .label { display:block; min-height:3rem; margin:0; padding:0 2.75rem 0 .9375rem; font-weight:500; line-height:3rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; }
.selectric .button { position:absolute; top:0; right:0; bottom:0; transition:transform .2s; width:2.75rem; }
.selectric .button::after { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-70%) rotate(135deg); width:.5rem; height:.5rem; border-top:.125rem solid var(--black); border-right:.125rem solid var(--black); }

/* selectric - items box */
.selectric-items { display:none; position:absolute; top:calc(100% - .0625rem); left:0; transition:.3s; width:100%!important; border:1px solid var(--black); background:white; opacity:0; visibility:hidden; z-index:1; }
.selectric-items .selectric-scroll { height:100%; overflow:auto; }
.selectric-above .selectric-items { top:auto; bottom:calc(100% - .0625rem); }
.selectric-items li { display:block; padding:.8125rem .9375rem; font-size:.875rem; line-height:1.125rem; word-break:break-all; }
.selectric-items li.selected, .selectric-items li.highlighted { background:var(--black-a15); font-weight:600; color:var(--black); }
.selectric-items .disabled { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; filter:alpha(opacity=50); background:none!important; font-weight:inherit!important; color:var(--black-40)!important; opacity:.7; cursor:default!important; }
.selectric-items .selectric-group .selectric-group-label { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding-left:.625rem; background:none; font-weight:bold; cursor:default; }
.selectric-items .selectric-group.disabled li { filter:alpha(opacity=100); opacity:1; }
.selectric-items .selectric-group li { padding-left:1.5rem; }

/* selectric - open & focus */
.selectric-open .selectric, .selectric-focus .selectric { box-shadow:var(--bs-b1-black); }
.selectric-open .selectric-items { display:block; opacity:1; visibility:visible; }
.selectric-open .button { transform:scaleY(-1); }

/* selectric - disabled & hide */
.selectric-disabled { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; filter:alpha(opacity=50); cursor:default; }
.selectric-disabled .selectric { box-shadow:none; background-color:var(--black-a05); color:var(--black-40); }
.selectric-disabled .selectric .label { cursor:auto; }
.selectric-disabled .selectric .button::after { border-color:var(--black-40); }
.selectric-hide-select { position:relative; overflow:hidden; width:0; height:0; }
.selectric-hide-select select { position:absolute; left:-100%; }
.selectric-hide-select.selectric-is-native { position:absolute; width:100%; height:100%; z-index:10; }
.selectric-hide-select.selectric-is-native select { position:absolute; top:0; left:0; right:0; width:100%; height:100%; border:none; box-sizing:border-box; opacity:0; z-index:1; }
.selectric-input { position:absolute!important; top:0!important; left:0!important; width:1px!important; height:1px!important; margin:0!important; padding:0!important; border:none!important; background:none!important; *font:0/0 a!important; clip:rect(0,0,0,0)!important; outline:none!important; overflow:hidden!important; }
.selectric-temp-show { display:block!important; position:absolute!important; visibility:hidden!important; }

/* selectric - txt_type */
.selectric-txt_type .selectric { box-shadow:inset 0 -1px 0 0 var(--black-a20); }
.selectric-txt_type .selectric .label { padding-left:.125rem; padding-right:1.75rem; }
.selectric-txt_type .selectric .button { width:1.75rem; }
.selectric-txt_type.selectric-open .selectric, .selectric-txt_type.selectric-focus .selectric { box-shadow:inset 0 -1px 0 0 var(--black); }



/* **************************************** *
** icon custom **
* **************************************** */
.icon { flex-shrink:0; display:inline-block; position:relative; width:2.5rem; height:2.5rem; padding:0; border-radius:0; background:none; }
.icon i { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.3s; width:60%; height:.125rem; background:var(--black); }
.icon i::before, .icon i::after { content:""; position:absolute; transition:inherit; height:inherit; border-radius:inherit; background:inherit; }

/* icon custom - menu */
.icon.menu i { background:transparent; }
.icon.menu i::before, .icon.menu i::after { width:100%; background:var(--black); }
.icon.menu i::before { margin-top:-.25rem; }
.icon.menu i::after { margin-top:.25rem; }

/* icon custom - back */
.icon.back i { height:60%; background:transparent; }
.icon.back i::before { top:50%; left:50%; transform:translate(-25%,-50%) rotate(-45deg); width:50%; height:50%; border-top:.125rem solid var(--black); border-left:.125rem solid var(--black); }
.icon.back i::after { display:none; }

/* icon custom - close */
.icon.close i { background:transparent; }
.icon.close i::before, .icon.close i::after { width:95%; background:var(--black); }
.icon.close i::before { transform:rotate(-45deg); }
.icon.close i::after { transform:rotate(45deg); }

/* icon custom - search */
.icon.search i { transform:translate(-52.5%,-60%) rotate(-45deg); width:47.5%; height:47.5%; border-radius:50%; border:.125rem solid var(--black); background:none; }
.icon.search i::before { left:50%; bottom:0; transform:translate(-50%,calc(100% + .09375rem)); width:.125rem; height:65%; background:var(--black); border-radius:unset; }
.icon.search i::after { display:none; }



/* **************************************** *
** button_wrap **
* **************************************** */
.button_wrap { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.625rem; max-width:27.5rem; margin:0 auto; padding-top:3rem; }
.button_wrap.max { max-width:unset; }
.button_wrap + .button_wrap { padding-top:.625rem; }
.button_wrap .btn { flex:1; }
.button_wrap .btn.min { flex:0 0 auto; }
.button_wrap .btn.max { flex-basis:100%; }

/* btn  */
.btn { display:flex; align-items:center; justify-content:center; position:relative; padding:0 1.25rem; border-radius:.625rem; background:var(--black-08); font-size:.9375rem; line-height:3rem; }
.btn.arrow::before, .btn.arrow::after { content:""; position:relative; width:1.375rem; height:1.375rem; }
.btn.arrow::before { order:1; margin-left:.5rem; border-radius:50%; background:var(--black); }
.btn.arrow::after { order:2; transform:translateX(-100%) scale(.75); margin-right:-1.625rem; background:url(../img/icon/icon_s_arrowRight.svg) no-repeat center / cover; filter:brightness(100); }
.btn.arrow.space { justify-content:space-between; padding-right:3.125rem; }
.btn.arrow.space::before, .btn.arrow.space::after { position:absolute; right:1.25rem; margin:0; }
.btn.arrow.space::after { transform:scale(.75); }
.btn.ghost { background:var(--black-a08); filter:saturate(1.2); }

/* btn - black */
.btn.black { background:var(--black); color:white; }
.btn.black:not(.ghost).arrow::before { background:white; }
.btn.black:not(.ghost).arrow::after { filter:none; }
.btn.black.ghost { background:var(--black-a08); color:var(--black); }

/* btn - primary */
.btn.primary { background:var(--primary); color:white; }
.btn.primary.arrow::before { background:white; }
.btn.primary:not(.ghost).arrow::after { filter:invert(12%) sepia(100%) saturate(2000%) hue-rotate(219deg) brightness(90%); }
.btn.primary.ghost { background:var(--primary-a08); color:var(--primary); }
.btn.primary.ghost.arrow::before { background:var(--primary); }



/* **************************************** *
** text_wrap **
* **************************************** */
.text_wrap { position:relative; width:100%; }
.text_wrap + .text_wrap { padding-top:4.5rem; }
.text_wrap em { display:block; font-weight:600; line-height:2.5; color:var(--primary); }
.text_wrap .large em { line-height:3.2; }
.text_wrap h2 { font-size:2rem; }
.text_wrap h2.large { font-size:2.375rem; }
.text_wrap h2 em { font-size:1.1875rem }
.text_wrap h3 { font-size:1.75rem; }
.text_wrap h3.large { font-size:2.0625rem; }
.text_wrap h3 em { font-size:1.125rem; }
.text_wrap h4 { font-size:1.5rem; line-height:1.35; }
.text_wrap h4.large { font-size:1.75rem; }
.text_wrap h4 em { font-size:1.0625rem }
.text_wrap h5 { font-size:1.25rem; line-height:1.4; }
.text_wrap h5.large { font-size:1.5rem; }
.text_wrap h5 em { font-size:1rem; }
.text_wrap h6 { font-size:1.125rem; line-height:1.5; }
.text_wrap h6.large { font-size:1.3125rem; }
.text_wrap h6 em { font-size:.9375rem; }
.text_wrap p { position:relative; font-size:1rem; line-height:1.6; color:var(--black-80); }
.text_wrap p strong { display:block; padding:1rem 0; font-size:125%; font-weight:600; color:var(--black); }
.text_wrap h2 + p, .text_wrap h3 + p, .text_wrap h4 + pm .text_wrap h5 + p, .text_wrap h6 + p { font-weight:500; }
.text_wrap > *:not(:first-child) { padding-top:1.25rem; }
.text_wrap.center { text-align:center; }
.text_wrap.center > * { margin:0 auto; }
.text_wrap.white em { color:var(--white-a75); }



/* **************************************** *
** title_wrap **
* **************************************** */
.title_wrap { display:flex; align-items:center; width:100%; padding-bottom:1.125rem; }
.title_wrap h4 { font-size:1.25rem; }
.title_wrap .util { flex:0 0 auto; align-self:flex-end; margin-left:auto; font-size:.9375rem; font-weight:500; line-height:1.5rem; }
.title_wrap .more { display:flex; align-items:center; column-gap:.4375rem; position:relative; font-weight:600; }
.title_wrap .more::before, .title_wrap .more::after { content:""; width:1.1875rem; height:1.1875rem; }
.title_wrap .more::before{ position:absolute; right:0; transform:scale(.75); background:url(../img/icon/icon_s_arrowRight.svg) no-repeat center / cover; filter:brightness(100); }
.title_wrap .more::after { border-radius:50%; background:var(--black); }
.title_wrap .play { position:relative; width:2rem; height:2rem; padding:0; }
.title_wrap .play::before, .title_wrap .play::after { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.title_wrap .play::before { width:1.6875rem; height:1.6875rem; border-radius:50%; background:var(--black); }
.title_wrap .play::after { height:.6rem; border-width:0 0 0 .5625rem; border-style:double; border-color:white; }
.title_wrap .pause::after { transform:scale(.85) translate(-45%,-50%); transform-origin:50% 0; border-width:.375rem 0 .375rem .625rem; border-style:solid; border-color:transparent transparent transparent white; }



/* **************************************** *
** table **
* **************************************** */
.table_wrap { max-width:52.5rem; margin:0 auto; padding-top:1.25rem; }
.table_wrap label {  }
.table_wrap label span {  }
.table_wrap .guide { margin-top:1rem; font-size:.875rem; line-height:1.5; }
.table_wrap .guide span { font-weight:500; text-decoration:underline; color:var(--red); }



/* **************************************** *
** modal **
* **************************************** */
/* .modal { position:fixed; inset:0; transition:opacity .3s, visibility .3s; opacity:0; visibility:hidden; z-index:var(--zi-header); }
.modal .modal_box { display:flex; flex-direction:column; position:relative; min-height:100%; max-height:100%; padding:0 1.5rem; background:white; }
.modal .title { display:flex; align-items:center; justify-content:space-between; }
.modal .modal_head, .modal .modal_body, .modal .modal_foot { width:100%; max-width:92rem; margin:0 auto; }
.modal .modal_head { transition:padding-top .3s; padding-top:.75rem; padding-bottom:2rem; }
.modal .modal_head .title { font-size:1.25rem; text-transform:uppercase; }
.modal .modal_head .close { margin-right:-.5rem; }
.modal .modal_body { padding-bottom:2rem; overflow-x:hidden; overflow-y:auto; }
.modal .modal_body .panel { position:relative; padding:2rem 0; }
.modal .modal_body .title { padding-bottom:1.25rem; font-size:1.125rem; }
.modal .modal_body .title a { font-family:Pretendard,sans-serif; font-size:.875rem; font-weight:500; }
.modal .modal_foot { position:relative; left:-1.5rem; width:calc(100% + 3rem); margin-top:auto; }
.modal .modal_foot .button_wrap { gap:unset; padding-top:0; border-top:1px solid var(--black-15); }
.modal .modal_foot .button_wrap button { max-width:unset; border-radius:unset; box-shadow:none; background:none; line-height:3.375rem; } */

/* modal_active */
/* .modal.active, .modal.active .overlay { opacity:1; visibility:visible; }
.modal.active .modal_head { padding-top:1.875rem; } */

/* modal_search */
/* .modal[name=search] form { padding:0; } */
.modal[name=search] .input input { padding:1.1875rem 2.5rem 1.1875rem .125rem; box-shadow:inset 0 -.125rem 0 0 var(--black); font-size:1.125rem; }
.modal[name=search] .input input::placeholder { font-family:Pretendard,sans-serif; font-style:italic; }
.modal[name=search] .input input::-webkit-input-placeholder { font-family:Pretendard,sans-serif; font-style:italic; }
.modal[name=search] .input input::-moz-placeholder { font-family:Pretendard,sans-serif; font-style:italic; }
.modal[name=search] .input input:-ms-input-placeholder { font-family:Pretendard,sans-serif; font-style:italic; }
.modal[name=search] .input button { position:absolute; top:50%; right:0; transform:translateY(-50%); width:2.25rem; height:2.25rem; padding:0; box-shadow:none; background:none; }
.modal[name=search] .recent_search .clear_all { display:none; }
.modal[name=search] .recent_search_empty { display:none; font-size:.875rem; color:var(--black-40); }
.modal[name=search] .recent_search_list { display:flex; flex-wrap:wrap; gap:.5625rem .5rem; }
.modal[name=search] .recent_search_list li { display:flex; align-items:center; position:relative; transition:background .3s; padding-right:2.125rem; background:#f4f6f8; }
.modal[name=search] .recent_search_list .word { font-size:.875rem; font-weight:500; line-height:2rem; padding-left:.75rem; }
.modal[name=search] .recent_search_list .clear { position:absolute; top:0; right:.125rem; width:2rem; height:2rem; }
.modal[name=search] .recent_search_list .clear i { transform:translate(-50%,-50%) scale(.6); }
.modal[name=search] .keyword { display:flex; flex-direction:column; row-gap:.75rem; }
.modal[name=search] .keyword li { align-self:flex-start; }
.modal[name=search] .keyword li a { position:relative; padding-left:.875rem; font-size:.875rem; font-style:italic; line-height:1.3; }
.modal[name=search] .keyword li a::before { content:"#"; position:absolute; top:0; left:0; font-weight:300; }
.modal[name=search] .modal_foot { display:none; }



/* **************************************** *
** swiper slide **
* **************************************** */
/* swiper */
.swiper { position:relative; }
.swiper-slide { background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; }
.swiper-slide:last-of-type { margin-right:0!important; }

/* swiper navigation */
.swiper-button-prev, .swiper-button-next { display:none; transition:opacity .3s; width:2.5rem; height:2.5rem; outline:none; font-family:Pretendard,sans-serif; font-weight:700; z-index:1; }
.swiper-button-prev {  }
.swiper-button-next { transform:scaleX(-1); }
.swiper-button-prev::before, .swiper-button-next::before, .swiper-button-prev::after, .swiper-button-next::after { content:""; position: absolute; top:50%; left:50%; }
.swiper-button-prev::before, .swiper-button-next::before { transform:translate(-100%,-50%) rotate(-45deg); width:25%; height:25%; border-top:.125rem solid var(--black); border-left:.125rem solid var(--black); }
.swiper-button-prev::after, .swiper-button-next::after { transform:translate(-50%,-50%); width:50%; height:.125rem; background:var(--black); }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity:.2; }

/* swiper navigation - white */
.swiper-button-prev.white, .swiper-button-next.white {  }
.swiper-button-prev.white::before, .swiper-button-next.white::before { border-color:white; }
.swiper-button-prev.white::after, .swiper-button-next.white::after { background:white; }

/* swiper pagination */
.swiper-pagination { display:flex; align-items:center; justify-content:center; position:unset; margin-top:1.5rem; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0; }
.swiper-pagination-bullet { position:relative; width:1.5rem; height:1.5rem; border-radius:unset; background:none; opacity:.4; }
.swiper-pagination-bullet::before, .swiper-pagination-bullet::after { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.3s; border-radius:50%; }
.swiper-pagination-bullet::before { width:.5rem; height:.5rem; background:var(--black); opacity:1; }
.swiper-pagination-bullet::after { width:1rem; height:1rem; border:.125rem solid var(--black); opacity:0; }
.swiper-pagination-bullet-active { opacity:1; }
.swiper-pagination-bullet-active::before { opacity:0; }
.swiper-pagination-bullet-active::after { opacity:1; }
.swiper-pagination-fraction { font-size:1.125rem; font-weight:500; color:var(--black-a50); }
.swiper-pagination-current { color:var(--black); }
.swiper-pagination-total {  }
.swiper-pagination-division { transform:rotate(30deg); width:.125rem; height:.75rem; margin:0 .5rem; background:var(--black-a50); }
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { top:auto; bottom:0; height:.125rem; background:var(--black-a15); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--black); }

/* swiper pagination - white */
.swiper-pagination.white .swiper-pagination-bullet::before { background:white; }
.swiper-pagination.white .swiper-pagination-bullet::after { border-color:white; }
.swiper-pagination-fraction.white { color:var(--white-a50); }
.swiper-pagination-fraction.white .swiper-pagination-current { color:white; }
.swiper-pagination-fraction.white .swiper-pagination-division { background:var(--white-a50); }
.swiper-horizontal > .swiper-pagination-progressbar.white, .swiper-pagination-progressbar.swiper-pagination-horizontal.white, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.white, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.white { background:var(--white-a15); }
.swiper-pagination-progressbar.white .swiper-pagination-progressbar-fill { background:white; }

/* swiper pagination - left */
.swiper-pagination.left { justify-content:flex-start; }

/* swiper pagination clickable */
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer; }

/* swiper-controller */
.swiper-controller { display:flex; align-items:center; justify-content:center; gap:.625rem; margin-top:1.5rem; z-index:1; }
.swiper-controller .swiper-button-prev, .swiper-controller .swiper-button-next { flex-shrink:0; position:relative; top:auto; margin:0; }
.swiper-controller .swiper-button-prev { left:auto; }
.swiper-controller .swiper-button-next { right:auto; }
.swiper-controller .swiper-pagination { margin-top:0; }
.swiper-controller .swiper-horizontal > .swiper-pagination-bullets, .swiper-controller .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-controller .swiper-pagination-fraction { top:auto; left:auto; bottom:auto; width:auto; }

/* swiper-controller - left */
.swiper-controller.left { justify-content:flex-start; }

/* swiper fullpage */
.fullpage .swiper-footer:last-of-type { height:auto!important; }
.fullpage .swiper-controller { flex-direction:column; align-items:flex-end; gap:1rem; position:absolute; top:50%; left:50%; transition:opacity .75s, visibility .75s; transform:translate(-50%,-50%); width:100%; max-width:98rem; margin:0; padding:0 1rem; opacity:1; visibility:visible; pointer-events:none; }
.fullpage .swiper-controller > * { pointer-events:auto; }
.fullpage .swiper-controller .swiper-button-prev { transform:rotate(90deg); }
.fullpage .swiper-controller .swiper-button-next { transform:rotate(-90deg); }
.fullpage .swiper-controller .swiper-pagination { flex-direction:column; row-gap:.25rem; transform:none; width:2.5rem; }
.fullpage .swiper-controller .swiper-pagination-bullet:last-of-type { display:none; }
.fullpage .swiper-controller.hide { opacity:0; visibility:hidden; }



/* **************************************** *
** item **
* **************************************** */
.item_container { padding-top:1rem; }
.item_container .item_wrap { display:flex; flex-wrap:wrap; gap:3rem .625rem; padding-bottom:1rem; }
.item_container .item { flex:0 0 calc(50% - .3125rem); position:relative; }
.item_container .item_img { position:relative; }
.item_container .item_img figure { padding-bottom:116%; }
.item_container .item_img figure::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3rem; background:linear-gradient(to top,var(--black-a05),transparent); pointer-events:none; }
.item_container .item_img .swiper-pagination { position:absolute; }
.item_container .item_img .swiper-horizontal > .swiper-pagination-progressbar, .item_container .item_img .swiper-pagination-progressbar.swiper-pagination-horizontal, .item_container .item_img .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .item_container .item_img .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { bottom:.75rem; width:calc(100% - 1.5rem); height:1px; margin:0 .75rem; background:var(--white-a70); }
.item_container .item_img .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--cherry); }
.item_container .item_info { padding-top:.75rem; }
.item_container .item_category { margin-bottom:.25rem; font-size:.8125rem; font-weight:500; text-transform:uppercase; }
.item_container .item_category.badge { position:absolute; left:0; transform:translateY(-100%); margin-top:-.75rem; padding:0 .75rem; background:var(--black); font-weight:400; line-height:1.75rem; color:white; z-index:1; }
.item_container .item_title { font-family:Pretendard,sans-serif; font-size:.9375rem; font-weight:700; line-height:1.2; text-transform:uppercase; }
.item_container .item_description { display:-webkit-box; font-size:.8125rem; line-height:1.3; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.item_container .item_title + .item_description { margin-top:.5rem; }
.item_container .item_name { display:-webkit-box; margin-bottom:.75rem; font-size:.875rem; font-weight:700; line-height:1.2; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.item_container .item_price { display:flex; flex-direction:column; gap:.125rem; position:relative; margin-bottom:.5rem; }
.item_container .sale { font-size:.9375rem; font-weight:600; }
.item_container .sale::before { content:"￦ "; }
.item_container .discount { display:flex; align-items:center; gap:.375rem .625rem; font-size:.875rem; }
.item_container .discount .regular { text-decoration:line-through; color:var(--black-30); }
.item_container .discount .retail { color:var(--cherry); }
.item_container .item_record { font-size:.8125rem; color:var(--black-50); }
.item_container .item_title + .item_record, .item_container .item_description + .item_record { margin-top:.75rem; }
.item_container .item_record .review::before { content:"Review"; margin-right:.125rem; }
.item_container .link { margin-top:1.5rem; }
.item_container .icon.heart { position:absolute; top:.25rem; right:.25rem; transition:opacity .3s; width:2.125rem; height:2.125rem; opacity:.3; z-index:1; cursor:pointer; }
.item_container .icon.heart.active { opacity:1; }
.item_container .item.end { order:1; }
.item_container .item.end a { pointer-events:none; }
.item_container .item.end .item_img figure::before { content:""; position:absolute; inset:0; background:rgba(0,0,0,.5); backdrop-filter:blur(.25rem); z-index:1; }
.item_container .item.end .item_img figure::after { content:"진행 종료"; top:50%; left:50%; right:auto; bottom:auto; transform:translate(-50%, -50%); height:auto; background:none; font-size:1rem; font-weight:500; white-space:nowrap; color:white; z-index:1; }
.item_container .item.end .item_img .swiper-horizontal > .swiper-pagination-progressbar, .item_container .item.end .item_img .swiper-pagination-progressbar.swiper-pagination-horizontal, .item_container .item.end .item_img .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .item_container .item.end .item_img .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .item_container .item.end .icon.heart { opacity:0; visibility:hidden; }
.item_container .item.end .item_category.badge, .item_container .item.end .item_info::before { filter:brightness(.5); }

/* item - small */
.item_container.small .item_wrap { gap:2.5rem .5625rem; }
.item_container.small .item { flex-basis:calc(33.333% - .375rem); }
.item_container.small .item_img figure::after { height:2rem; }
.item_container.small .item_img .swiper-horizontal > .swiper-pagination-progressbar, .item_container.small .item_img .swiper-pagination-progressbar.swiper-pagination-horizontal, .item_container.small .item_img .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .item_container.small .item_img .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { bottom:.5625rem; width:calc(100% - 1.25rem); margin:0 .625rem; }
.item_container.small .item_info { padding-top:.625rem; }
.item_container.small .item_category { font-size:.75rem; }
.item_container.small .item_category.badge { margin-top:-.625rem; padding:0 .5rem; }
.item_container.small .item_title { font-size:.8125rem; }
.item_container.small .item_title + .item_description { margin-top:.3125rem; }
.item_container.small .item_name { margin-bottom:.625rem; font-size:.8125rem; }
.item_container.small .item_price { gap:1px; margin-bottom:0; }
.item_container.small .sale { font-size:.875rem; }
.item_container.small .discount { flex-wrap:wrap; font-size:.8125rem; }
.item_container.small .item_record { display:none; font-size:.75rem; }
.item_container.small .item_title + .item_record, .item_container.small .item_description + .item_record { margin-top:.5rem; }
.item_container.small .icon.heart { top:.125rem; right:.125rem; width:2rem; height:2rem; }
.item_container.small .item.end .item_img figure::after { font-size:.875rem; }

/* item - large */
.item_container.large .item_wrap { gap:4rem 0; }
.item_container.large .item { flex-basis:100%; }
.item_container.large .item_img figure::after { height:4rem; }
.item_container.large .item_img .swiper-horizontal > .swiper-pagination-progressbar, .item_container.large .item_img .swiper-pagination-progressbar.swiper-pagination-horizontal, .item_container.large .item_img .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .item_container.large .item_img .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { bottom:1rem; width:calc(100% - 2rem); height:.125rem; margin:0 1rem; }
.item_container.large .item_info { padding-top:.875rem; }
.item_container.large .item_category { margin-bottom:.5rem; }
.item_container.large .item_category.badge { margin-top:-.875rem; }
.item_container.large .item_title { font-size:1.125rem; }
.item_container.large .item_description { font-size:.875rem; }
.item_container.large .item_name { font-size:1rem; }
.item_container.large .item_price { flex-direction:row-reverse; gap:.75rem; }
.item_container.large .sale { font-size:1.0625rem; }
.item_container.large .discount { flex-grow:1; justify-content:space-between; font-size:.9375rem; }
.item_container.large .item_title + .item_record, .item_container.large .item_description + .item_record { margin-top:1rem; }
.item_container.large .icon.heart { top:.625rem; right:.625rem; width:2.5rem; height:2.5rem; }
.item_container.large .item.end .item_img figure::after { font-size:1.0625rem; font-weight:400; }

/* item swiper */
.item_container.swiper { overflow:visible; }
.item_container.swiper .item_wrap { flex-wrap:nowrap; gap:unset!important; }
.item_container.swiper .item_wrap .item { flex-basis:73.4%; margin-right:.625rem; }
.item_container.swiper .item_wrap .item_img .swiper-wrapper { pointer-events:none; transform:none!important; }
.item_container.swiper .item_wrap .item_img .swiper-horizontal > .swiper-pagination-progressbar, .item_container.swiper .item_wrap .item_img .swiper-pagination-progressbar.swiper-pagination-horizontal, .item_container.swiper .item_wrap .item_img .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .item_container.swiper .item_wrap .item_img .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .item_container.swiper .item_wrap .item:not(.end) .item_img figure::after { display:none; }
.item_container.swiper .item_description { font-size:.875rem; }
.item_container.swiper .item_name { font-size:.9375rem; }
.item_container.swiper .item_price { flex-direction:row-reverse; gap:.75rem; }
.item_container.swiper .discount { flex-grow:1; justify-content:space-between; }
.item_container.swiper .item_title + .item_record, .item_container.swiper .item_description + .item_record { margin-top:1rem; }
.item_container.swiper .icon.heart { top:.5rem; right:.5rem; width:2.5rem; height:2.5rem; }

/* item swiper - small */
.item_container.swiper.small .item_wrap .item { flex-basis:calc(50% - .3125rem); }
.item_container.swiper.small .item_title { font-size:.9375rem; }
.item_container.swiper.small .item_description { font-size:.8125rem; }
.item_container.swiper.small .item_title + .item_description { margin-top:.5rem; }
.item_container.swiper.small .item_name { font-size:.875rem; }
.item_container.swiper.small .item_price { flex-direction:column; gap:.125rem; margin-bottom:.5rem; }
.item_container.swiper.small .discount { justify-content:flex-start; }
.item_container.swiper.small .item_record { display:block; }
.item_container.swiper.small .item_title + .item_record, .item_container.swiper.small .item_description + .item_record { margin-top:.625rem; }
.item_container.swiper.small .icon.heart { top:.25rem; right:.25rem; width:2.125rem; height:2.125rem; }
.item_container.swiper.small .item.end .item_img figure::after { font-size:1rem; }

/* item swiper - large */
.item_container.swiper.large .item_wrap .item { flex-basis:92.5%; }
.item_container.swiper.large .item_name { font-size:1rem; }
.item_container.swiper.large .icon.heart { top:.625rem; right:.625rem; }

/* item ranking */
.item_container.ranking .item { counter-increment:ranking 1; }
.item_container.ranking .item_info::before { content:counter(ranking); display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; min-width:2.5rem; height:2.5rem; padding:0 .5rem 0 .5625rem; background:rgba(0,0,0,.6); font-size:.9375rem; font-style:italic; text-indent:-10%; color:white; z-index:1; }
.item_container.small.ranking .item_info::before { min-width:1.875rem; height:1.875rem; padding:0 .3125rem 0 .25rem; font-size:.8125rem; }
.item_container.large.ranking .item_info::before { min-width:3rem; height:3rem; font-size:1.125rem; }
.item_container.swiper.ranking .item_info::before { min-width:2.75rem; height:2.75rem; font-size:1.0625rem; }
.item_container.swiper.small.ranking .item_info::before { min-width:2.125rem; height:2.125rem; padding:0 .5rem 0 .5625rem; font-size:.875rem; }
.item_container.swiper.large.ranking .item_info::after { min-width:3rem; height:3rem; font-size:1.125rem; }

/* item aos  */
.item.aos-init .item_img { overflow:hidden; }
.item.aos-init .icon.heart { transform:scale(0); }
.ranking .item.aos-init .item_info::before { opacity:0; }
.item.aos-animate .item_img > * { animation:aos_item_img 1s cubic-bezier(0.175, 0.885, 0.32, 1) forwards; }
.item.aos-animate .icon.heart { animation:aos_item_heart .75s .5s forwards; }
.ranking .item.aos-animate .item_info::before { animation:aos_item_opacity .3s .75s forwards; }
@keyframes aos_item_img {
	from { transform:translateY(100%); }
	to { transform:translateY(0); }
}
@keyframes aos_item_heart {
	0% { transform:scale(0); }
	30% { transform:scale(1.2); }
	100% { transform:scale(1); }
}
@keyframes aos_item_opacity {
	to { opacity:1; }
}



/* **************************************** *
** main_visual **
* **************************************** */
.main_visual { position:relative; height:100dvh; padding:0; }
.main_visual::after { content:""; position:absolute; inset:.5rem; border-radius:1rem; box-shadow:0 0 0 100vw white; z-index:1; pointer-events:none; }
.main_visual .radius { right:.375rem; bottom:.375rem; }
.main_visual .radius a { column-gap:.1875rem; background:var(--black); color:white; }
.main_visual .radius a::after { content:""; transform:rotate(-45deg); width:1.25rem; height:1.25rem; margin-right:-.4375rem; background:url(../img/icon/icon_s_arrowRight.svg) no-repeat center / cover; filter:brightness(100); }
.main_visual .swiper-wrapper { transform:scale(1.2); animation:scale_down .75s 1s forwards; z-index:0; }
.main_visual figure > img { inset:.5rem; transform:scale(1.1); transition:transform 2.5s; width:calc(100% - 1rem); height:calc(100% - 1rem); object-position:57.5% center; }
.main_visual figcaption { position:absolute; left:50%; bottom:7rem; transform:translateX(-50%); transition:bottom 1s, opacity 1s; width:100%; max-width:102rem; padding:0 2rem; line-height:1.3; color:white; opacity:0; visibility:hidden; z-index:1; }
.main_visual figcaption .app_icon { display:flex; column-gap:.5rem; margin-bottom:-.25rem; }
.main_visual figcaption .app_icon li { position:relative; width:3.75rem; height:3.75rem; border-radius:.75rem; overflow:hidden; }
.main_visual figcaption h2 { font-weight:800; line-height:1.25; color:inherit; }
.main_visual figcaption p { color:inherit; }
.main_visual .swiper-slide-active figure > img { transform:scale(1); transition-delay:.25s; }
.main_visual .swiper-slide-active figcaption { bottom:8.5rem; opacity:1; visibility:visible; }
.main_visual .swiper-controller { justify-content:space-between; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:100%; max-width:102rem; margin:0; padding:0 2rem 4rem; pointer-events:none; }
.main_visual .pagination_wrap { flex:1; display:flex; align-items:center; position:relative; max-width:8rem; z-index:1; pointer-events:auto; }
.main_visual .swiper-pagination { justify-content:space-between; position:absolute; width:100%; height:100%; font-size:.875rem; font-weight:700; color:white; }
.main_visual .swiper-pagination .total { opacity:.6; }
.main_visual .autoplay-progress { position:absolute; top:50%; left:1.5rem; right:1.5rem; transform:translateY(-50%); height:.1875rem; background:var(--white-a30); overflow:hidden; }
.main_visual .autoplay-progress svg { --progress:0; position:absolute; top:0; left:0; width:100%; stroke-width:100%; stroke:white; fill:none; stroke-dashoffset:calc(100 * (1 - var(--progress))); stroke-dasharray:100; }
.main_visual .swiper-play-state { display:flex; align-items:center; transform:translateX(100%); width:2.5rem; height:2.5rem; margin-left:auto; margin-right:-.25rem; }
.main_visual .slide-pause, .main_visual .slide-play { flex:0 0 100%; position:relative; height:100%; cursor:pointer; }
.main_visual .slide-play { display:none; }
.main_visual .slide-pause::before, .main_visual .slide-play::before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.main_visual .slide-pause::before { height:32%; border-width:0 0 0 .625rem; border-style:double; border-color:white; }
.main_visual .slide-play::before { margin-left:1px; border-width:.4rem 0 .4rem .625rem; border-style:solid; border-color:transparent transparent transparent white; }
.main_visual .navigation_wrap { display:flex; flex:0; }
.main_visual .scroll_down { display:flex; flex-direction:row-reverse; align-items:center; column-gap:1.25rem; position:fixed; right:1.625rem; bottom:0; transform:translateX(-50%); font-size:.625rem; font-weight:500; text-transform:uppercase; writing-mode:tb-rl; color:white; }
.main_visual .scroll_down::before, .main_visual .scroll_down::after { content:""; width:1px; height:3.5rem; }
.main_visual .scroll_down::before { background:var(--white-a40); }
.main_visual .scroll_down::after { position:absolute; background:linear-gradient(white 0 0) 0 0/auto 0 no-repeat; animation:scroll_down 1.75s infinite; }
@keyframes scale_down {
	to { transform:scale(1); }
}
@keyframes scroll_down {
	0% { background-position:0 0; background-size:auto 0; }
	42.5% { background-position:0 0; background-size:auto 100%; }
	57.5% { background-position:0 100%; background-size:auto 100%; }
	100% { background-position:0 100%; background-size:auto 0; }
}



/* **************************************** *
** main_partners **
* **************************************** */
.main_partners { padding-top:4rem; overflow:unset; }
.main_partners .radius.link { transform-origin:right bottom; transform:scale(.75); padding:0 1.125rem 1.125rem 0; background:none; }
.main_partners .radius.link::before, .main_partners .radius.link::after { opacity:0; visibility:hidden; }
.main_partners ul { display:flex; flex-direction:column; row-gap:1.125rem; padding-top:4rem; }
.main_partners li { position:relative; padding:.5rem 1rem 1.5rem 1.5rem; border-radius:1rem; }
.main_partners figure { display:flex; align-items:center; justify-content:space-between; }
.main_partners figure img { flex-shrink:0; position:relative; width:9.5rem; height:auto; }
.main_partners figcaption { align-self:flex-end; }
.main_partners figcaption h4 { display:flex; flex-direction:column; align-items:flex-start; font-size:1.375rem; font-weight:700; }
.main_partners figcaption p { padding-top:.875rem; font-size:.875rem; font-weight:500; line-height:1.4; }
.main_partners li:nth-child(1), .main_partners li:nth-child(1) .radius em { background:#406ec7; color:white; }
.main_partners li:nth-child(1) figure img { filter:brightness(100); }
.main_partners li:nth-child(2), .main_partners li:nth-child(2) .radius em { background:var(--yellow); }
.main_partners li:nth-child(3), .main_partners li:nth-child(3) .radius em { background:#89dcff; }



/* **************************************** *
** main_brands **
* **************************************** */
.main_brands { background:linear-gradient(var(--black-05),white); }
.main_brands .loop_wrap { padding-top:4rem; }
.main_brands .loop { font-size:0; white-space:nowrap; }
.main_brands .loop + .loop { padding-top:.75rem; }
.main_brands .loop ul { display:inline-block; position:relative; width:max-content; font-size:0; white-space:nowrap; }
.main_brands .loop li { display:inline-block; width:10.25rem; padding-right:.75rem; }
.main_brands .loop figure { position:relative; border-radius:.625rem; background:white; overflow:hidden; }
.main_brands .loop figure::after { content:""; position:absolute; inset:0; border-radius:inherit; border:1px solid var(--black-a12); pointer-events:none; }
.main_brands .loop .thumb { padding-bottom:60%; }
.main_brands .loop figcaption { padding:.6875rem 1rem; font-size:.875rem; font-weight:500; }
.main_brands .swipe ul { animation:swipeLoop 30s linear infinite; }
.main_brands .reverse ul { animation-direction:reverse; }
.main_brands .pause ul { animation-play-state:paused; }
.main_brands .loop + .loop ul { left:-5.125rem; }
@keyframes swipeLoop {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}



/* **************************************** *
** main_success **
* **************************************** */
.main_success { background-image:url(../img/bg_section_01.webp); }
.main_success ul strong { display:flex; align-items:baseline; column-gap:.25rem; font-size:3.5rem; font-weight:600; letter-spacing:-.05em; color:var(--primary); }
.main_success ul span { font-size:1.125rem; font-weight:500; letter-spacing:-.02em; }
.main_success ul span.plus::after { content:"+"; font-size:150%; font-weight:300; vertical-align:35%; }
.main_success ul p { padding:.375rem .25rem; font-size:1rem; font-weight:600; line-height:1.4; }
.main_success .stat_large { display:flex; flex-direction:column; padding-top:4rem; }
.main_success .stat_large li + li { margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--black-a15); }
.main_success .stat_small { display:flex; flex-wrap:wrap; align-items:flex-end; gap:2.5rem 2rem; margin-top:1.5rem; padding-top:1.75rem; border-top:1px solid var(--black-a15); }
.main_success .stat_small li { flex:0 0 calc(50% - 1rem); }
.main_success .stat_small p { padding-top:0; }



/* **************************************** *
** main_factory **
* **************************************** */
.main_factory .video_wrap { position:relative; width:calc(100% + 1.25rem); margin-top:4rem; }
.main_factory .video_wrap .radius em { background:var(--primary-a12); color:var(--primary-dark); }
.main_factory .video_wrap figure { height:20rem; border-radius:1rem 0 0 1rem; }
.main_factory .video_wrap iframe { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; pointer-events:none; }
.main_factory .video_wrap figcaption { display:flex; flex-direction:column; justify-content:space-between; position:absolute; inset:0; padding:4.5rem 1.5rem 1.75rem; background:rgba(0,0,0,.5); }
.main_factory .video_wrap figcaption strong { font-size:2.875rem; font-weight:600; line-height:1.1; color:white; }
.main_factory .video_wrap figcaption p { font-size:1.125rem; font-weight:500; line-height:1.5; color:white; }
.main_factory .video_wrap figcaption em { align-self:flex-start; margin-bottom:.625rem; padding:0 .8125rem; border-radius:1.5rem; background:var(--primary); font-size:.8125rem; font-weight:500; line-height:1.75rem; color:white; }
.main_factory ul { display:flex; flex-direction:column; row-gap:1.125rem; padding-top:1.125rem; }
.main_factory li { display:flex; flex-direction:column; row-gap:1rem; position:relative; padding:1.5rem; border-radius:1rem; background:var(--black-05); }
.main_factory li figure { width:3.5rem; height:3.5rem; padding:.25rem; border-radius:.875rem; background:white; }
.main_factory li figure img { position:relative; }
.main_factory li p { font-size:.9375rem; line-height:1.5; color:var(--black-90); }
.main_factory li strong { display:block; padding-bottom:.4375rem; font-size:1.25rem; font-weight:600; line-height:1.35; color:var(--black); }




















/* ===================== [ MOBILE (large) ] ===================== */
@media screen and (min-width:500px){
/* **************************************** *
** reset **
* **************************************** */
html { font-size:16px; }
section { padding:5rem 0; }
section:last-of-type { padding-bottom:7.5rem; }
table {  }
table::before {  }
th, td {  }



/* **************************************** *
** wrap **
* **************************************** */
.scroll_lock, .modal_active, .header_active {  }
.inner_wrap { padding:0 2rem; }
.inner_wrap.full .title_wrap, .inner_wrap.full .text_wrap { padding-left:2rem; padding-right:2rem; }
.overlay {  }



/* **************************************** *
** radius **
* **************************************** */
/* default (top right) */
.radius { padding:0 0 .625rem .625rem; border-radius:0 0 0 1.75rem; }
.radius * { min-width:2.5rem; min-height:2.5rem; padding:0 2rem; }
.radius.link { border-radius:0 0 0 2.125rem; }
.radius.link * { min-width:3.25rem; min-height:3.25rem; }
.radius.link *:not(:empty) { padding:0 1.25rem 0 1.75rem; }
.radius.link *::after { width:1.5rem; height:1.5rem; }

/* radius - left (+ top) */
.radius.left { border-radius:0 0 1.75rem 0; padding:0 .625rem .625rem 0; }
.radius.link.left { border-radius:0 0 2.125rem 0; }

/* radius - bottom (+ right) */
.radius.bottom { padding:.625rem 0 0 .625rem; border-radius:1.75rem 0 0 0; }
.radius.link.bottom { border-radius:2.125rem 0 0 0; }

/* radius - bottom left */
.radius.bottom.left { padding:.625rem .625rem 0 0; border-radius:0 1.75rem 0 0; }
.radius.link.bottom.left { border-radius:0 2.125rem 0 0; }



/* **************************************** *
** header **
* **************************************** */
header .inner_wrap { padding:0 1.5rem; }
header .logo { z-index:1; }
header .logo a { column-gap:.5rem; }
header .logo img { width:2.3125rem; }
header .logo p { font-size:1.25rem; }
header .gnb_wrap nav { max-width:22.5rem; padding:4rem 3.5rem 0 1.5rem; }
header .gnb_wrap nav::before, header .gnb_wrap nav::after { position:absolute; top:2rem; left:1.5rem; }
header .gnb_wrap nav::before { content:"성공적인 비즈니스의 시작"; transform:translateY(-100%); height:auto!important; margin:0!important; background:none; font-size:.8125rem; font-weight:500; }
header .gnb_wrap nav::after { content:"아이원페이먼트"; font-size:1.125rem; font-weight:700; line-height:1.5rem; color:var(--primary); }
header .main_menu > li { padding:.375rem 0; }
header .main_menu strong.has_sub::after { width:1.625rem; height:1.625rem; }
header .main_menu strong.link a::after { width:1.375rem; height:1.375rem; margin-top:-.25rem; }
header .sub_menu { padding:1.125rem 1.75rem; }
header .sub_menu li { line-height:2.75rem; color:var(--black); }
header .active .sub_menu { margin-bottom:1.1875rem; }
header .util_menu { row-gap:1.25rem; padding:2.5rem 0; }
header .util_menu .contact { font-size:1.0625rem; }
header .util_menu .copyright { font-size:.875rem; }

/* header active */
header.active .overlay { opacity:1; visibility:visible; }

/* header main */
header.main:not(.scrolled) { padding:1.875rem .75rem .625rem; }
header.main.active:not(.scrolled) .logo { filter:brightness(100); }
header.main.active:not(.scrolled) .gnb_wrap nav { padding:5.25rem 4.25rem 0 1.5rem; }
header.main.active:not(.scrolled) .gnb_wrap nav::before, header.main.active:not(.scrolled) .gnb_wrap nav::after { top:3.125rem; }

/* loading */
.loading .logo_splash { row-gap:1.5rem; margin-top:-1.5rem; }
.loading .logo_splash img { width:8.5rem; }
.loading .logo_splash p { font-size:1.125rem; }
.loading .logo_splash p span { margin-top:.5rem; font-size:2rem; font-weight:800; }



/* **************************************** *
** footer **
* **************************************** */
footer .f_top .company { column-gap:.625rem; font-size:1.375rem; }
footer .f_top .company img { width:2.75rem; }
footer .f_top .address { column-gap:1.375rem; padding:2rem 3.75rem 1.25rem 0; }
footer .f_top .address li { column-gap:.625rem; margin-bottom:.5rem; font-size:.875rem; }
footer .f_bottom .copyright { font-size:.9375rem; }
footer .f_bottom .sns { column-gap:.5rem; }
footer .f_bottom .sns li { flex-basis:2.75rem; padding:.375rem; }
footer .scroll_top { right:2rem; width:3.25rem; height:3.25rem; }
footer .scroll_top img { width:1.8125rem; }
footer .scroll_top p { font-size:.8125rem; }
footer .f_quick_btn { row-gap:.5rem; padding:1rem; }
footer .f_quick_btn li { width:4.5rem; height:4.5rem; }
footer .f_quick_btn p { font-size:.75rem; }



/* **************************************** *
** input **
* **************************************** */



/* **************************************** *
** selectric **
* **************************************** */



/* **************************************** *
** icon custom **
* **************************************** */
.icon { width:2.75rem; height:2.75rem; }
.icon i {  }
.icon i::before, .icon i::after {  }

/* icon custom - menu */
.icon.menu i {  }
.icon.menu i::before, .icon.menu i::after {  }
.icon.menu i::before { margin-top:-.3125rem }
.icon.menu i::after { margin-top:.3125rem }

/* icon custom - back */
.icon.back i {  }
.icon.back i::before {  }
.icon.back i::after {  }

/* icon custom - close */
.icon.close i {  }
.icon.close i::before, .icon.close i::after {  }
.icon.close i::before {  }
.icon.close i::after {  }

/* icon custom - search */
.icon.search i {  }
.icon.search i::before {  }
.icon.search i::after {  }



/* **************************************** *
** button_wrap **
* **************************************** */
.button_wrap { gap:.75rem; padding-top:4rem; }
.button_wrap + .button_wrap { padding-top:.75rem; }

/* btn  */
.btn { padding:0 1.5rem; font-size:1rem; line-height:3.25rem; }
.btn.arrow::before, .btn.arrow::after { width:1.5rem; height:1.5rem; }
.btn.arrow::before { margin-left:.625rem; }
.btn.arrow.space { padding-right:3.625rem; }
.btn.arrow.space::before, .btn.arrow.space::after { right:1.5rem; }



/* **************************************** *
** text_wrap **
* **************************************** */
.text_wrap + .text_wrap { padding-top:5rem; }
.text_wrap h2 { font-size:2.125rem; }
.text_wrap h2.large { font-size:2.6875rem; }
.text_wrap h3 { font-size:1.875rem; }
.text_wrap h3.large { font-size:2.375rem; }
.text_wrap h4 { font-size:1.625rem; }
.text_wrap h4.large { font-size:2.0625rem; }
.text_wrap h5 { font-size:1.375rem; }
.text_wrap h5.large { font-size:1.75rem; }
.text_wrap h6 { font-size:1.25rem; line-height:1.4; }
.text_wrap h6.large { font-size:1.625rem; }
.text_wrap h6 em { font-size:1rem; }
.text_wrap h2 + p, .text_wrap h3 + p, .text_wrap h4 + p { font-size:1.0625rem; line-height:1.5; }
.text_wrap > *:not(:first-child) { padding-top:1.375rem; }



/* **************************************** *
** title_wrap **
* **************************************** */
.title_wrap { padding-bottom:1.25rem; }
.title_wrap h4 { font-size:1.4375rem; }
.title_wrap .util { font-size:1rem; }
.title_wrap .more { column-gap:.5rem; }
.title_wrap .more::before, .title_wrap .more::after { width:1.3125rem; height:1.3125rem; }
.title_wrap .play::before { width:1.875rem; height:1.875rem; }
.title_wrap .play::after { height:.625rem; }
.title_wrap .pause::after { transform:scale(.9) translate(-40%,-50%); }



/* **************************************** *
** table **
* **************************************** */



/* **************************************** *
** modal **
* **************************************** */



/* **************************************** *
** swiper slide **
* **************************************** */



/* **************************************** *
** item **
* **************************************** */



/* **************************************** *
** main_visual **
* **************************************** */
.main_visual::after { inset:.75rem; }
.main_visual .radius { right:.625rem; bottom:.625rem; border-radius:1.875rem 0 0 0; }
.main_visual .radius a { column-gap:.25rem; height:2.75rem; padding:0 2.25rem; font-size:.9375rem; }
.main_visual .radius a::after { width:1.375rem; height:1.375rem; margin-right:-.5625rem; }
.main_visual figure > img { inset:.75rem; width:calc(100% - 1.5rem); height:calc(100% - 1.5rem); }
.main_visual figcaption { bottom:9.25rem; padding:0 2.75rem; }
.main_visual figcaption .app_icon { column-gap:.625rem; margin-bottom:-.375rem; }
.main_visual figcaption h2 { font-size:2.25rem; }
.main_visual .swiper-slide-active figcaption { bottom:10.75rem; }
.main_visual .swiper-controller { padding:0 2.75rem 5.75rem; }
.main_visual .swiper-pagination { font-size:.9375rem; }
.main_visual .scroll_down { right:2.25rem; font-size:.75rem; }
.main_visual .scroll_down::before, .main_visual .scroll_down::after { height:5.25rem; }



/* **************************************** *
** main_partners **
* **************************************** */
.main_partners { padding-top:4.25rem; }
.main_partners .text_wrap { max-width:30rem; margin:0 auto; text-align:center; }
.main_partners ul { row-gap:1.25rem; max-width:30rem; margin:0 auto; padding-top:5rem; }
.main_partners li { padding:.5rem 2.5rem 1rem 2rem; }
.main_partners figure img { width:10.75rem; }
.main_partners figcaption { padding-bottom:.75rem; }
.main_partners figcaption h4 { font-size:1.5rem; }
.main_partners figcaption p { font-size:.9375rem; }



/* **************************************** *
** main_brands **
* **************************************** */
.main_brands .loop_wrap { padding-top:5rem; }
.main_brands .loop li { width:12.5rem; }
.main_brands .loop figcaption { padding:.8125rem 1.125rem; font-size:.9375rem; }
.main_brands .loop + .loop ul { left:-6.25rem; }



/* **************************************** *
** main_success **
* **************************************** */
.main_success .text_wrap strong { padding-top:1.5rem; }
.main_success .stat_large { padding-top:5rem; }
.main_success .stat_large li + li { margin-top:2rem; padding-top:2rem; }
.main_success ul strong { font-size:4rem; }
.main_success ul span { font-size:1.1875rem; }
.main_success ul span.plus::after { font-weight:200; }
.main_success ul p { padding-top:.5rem; }
.main_success .stat_small { margin-top:2rem; padding-top:2rem; }



/* **************************************** *
** main_factory **
* **************************************** */
.main_factory .video_wrap { width:calc(100% + 2rem); margin-top:5rem; }
.main_factory .video_wrap figure { height:22.5rem; }
.main_factory .video_wrap figcaption { padding:5rem 2rem 2rem; }
.main_factory .video_wrap figcaption strong { font-size:3rem; }
.main_factory .video_wrap figcaption p { font-size:1.1875rem; }
.main_factory .video_wrap figcaption em { margin-bottom:.75rem; padding:0 .9375rem; font-size:.875rem; line-height:2.125rem; }
.main_factory ul { row-gap:1.25rem; padding-top:1.25rem; }
.main_factory li { flex-direction:row-reverse; align-items:center; column-gap:2rem; padding:1.5rem 2rem; }
.main_factory li figure { flex-shrink:0; width:4.5rem; height:4.5rem; }
.main_factory li p { flex:1; font-size:1rem; }
.main_factory li strong { padding-bottom:.625rem; font-size:1.3125rem; }
}




















/* ===================== [ TABLET ] ===================== */
@media screen and (min-width:750px){
/* **************************************** *
** reset **
* **************************************** */
section { padding:7.5rem 0; }
section:last-of-type { padding-bottom:11.25rem; }
table {  }
table::before {  }
th, td {  }



/* **************************************** *
** wrap **
* **************************************** */
.scroll_lock, .modal_active, .header_active {  }
.inner_wrap { padding:0 3rem; }
.inner_wrap.full .title_wrap, .inner_wrap.full .text_wrap { padding-left:3rem; padding-right:3rem; }
.overlay {  }



/* **************************************** *
** radius **
* **************************************** */
/* default (top right) */
.radius * { font-size:.9375rem; }
.radius.large { border-radius:0 0 0 2.125rem; }
.radius.large * { min-width:3.25rem; min-height:3.25rem; padding:0 3rem; font-size:1.0625rem; }
.radius.large.link { border-radius:0 0 0 2.5625rem; }
.radius.large.link * { min-width:4.125rem; min-height:4.125rem; padding:0; font-size:1.125rem; }
.radius.large.link *:not(:empty) { padding:0 1.75rem 0 2.25rem; }

/* radius - left (+ top) */
.radius.large.left { border-radius:0 0 2.125rem 0; }
.radius.large.link.left { border-radius:0 0 2.5625rem 0; }

/* radius - bottom (+ right) */
.radius.large.bottom { border-radius:2.125rem 0 0 0; }
.radius.large.link.bottom { border-radius:2.5625rem 0 0 0; }

/* radius - bottom left */
.radius.large.bottom.left { border-radius:0 2.125rem 0 0; }
.radius.large.link.bottom.left { border-radius:0 2.5625rem 0 0; }



/* **************************************** *
** header **
* **************************************** */
header .inner_wrap { padding:0 2rem; }
header .gnb_wrap nav { padding:4rem 4rem 0 2rem; }

/* header main */
header.main:not(.scrolled) { padding:2.5rem 1rem .625rem; }
header.main.active:not(.scrolled) .gnb_wrap nav { padding:5.875rem 5rem 0 1.5rem; }
header.main.active:not(.scrolled) .gnb_wrap nav::before, header.main.active:not(.scrolled) .gnb_wrap nav::after { top:3.75rem; }



/* **************************************** *
** footer **
* **************************************** */
footer .f_top .address { column-gap:1.625rem; }
footer .f_bottom .sns { column-gap:.75rem; }
footer .scroll_top { right:3rem; }
footer .f_quick_btn { padding:1.25rem; }



/* **************************************** *
** input **
* **************************************** */



/* **************************************** *
** selectric **
* **************************************** */



/* **************************************** *
** icon custom **
* **************************************** */



/* **************************************** *
** button_wrap **
* **************************************** */
.button_wrap { padding-top:4.5rem; }

/* btn  */
.btn { padding:0 1.625rem; font-size:1.0625rem; line-height:3.5rem; }
.btn.arrow::before { margin-left:.75rem; }
.btn.arrow.space { padding-right:3.875rem; }
.btn.arrow.space::before, .btn.arrow.space::after { right:1.625rem; }



/* **************************************** *
** text_wrap **
* **************************************** */
.text_wrap h2 { font-size:2.25rem; }
.text_wrap h2.large { font-size:2.875rem; }
.text_wrap h2 em { font-size:1.3125rem; }
.text_wrap h3 { font-size:2rem; }
.text_wrap h3.large { font-size:2.5rem; }
.text_wrap h3 em { font-size:1.1875rem; }
.text_wrap h4 { font-size:1.75rem; line-height:1.3; }
.text_wrap h4.large { font-size:2.25rem; }
.text_wrap h4 em { font-size:1.125rem; }
.text_wrap h5 { font-size:1.5rem; line-height:1.35; }
.text_wrap h5.large { font-size:1.875rem; }
.text_wrap h5 em { font-size:1.0625rem; }
.text_wrap h6 { font-size:1.375rem; }
.text_wrap h6.large { font-size:1.75rem; }
.text_wrap p { font-size:1.0625rem; }
.text_wrap h2 + p, .text_wrap h3 + p, .text_wrap h4 + p, .text_wrap h5 + p { font-size:1.125rem; line-height:1.5; }
.text_wrap > *:not(:first-child) { padding-top:1.5rem; }



/* **************************************** *
** title_wrap **
* **************************************** */
.title_wrap { padding-bottom:1.4375rem; }
.title_wrap h4 { font-size:1.5625rem; }
.title_wrap .util { font-size:1.0625rem; }
.title_wrap .more { column-gap:.5625rem; }
.title_wrap .more::before, .title_wrap .more::after { width:1.5rem; height:1.5rem; }
.title_wrap .play::before { width:2rem; height:2rem; }
.title_wrap .play::after { height:.6875rem; }
.title_wrap .pause::after { transform:scale(.9) translate(-40%,-50%); }



/* **************************************** *
** table **
* **************************************** */



/* **************************************** *
** modal **
* **************************************** */



/* **************************************** *
** swiper slide **
* **************************************** */



/* **************************************** *
** item **
* **************************************** */



/* **************************************** *
** main_visual **
* **************************************** */
.main_visual::after { inset:1rem; border-radius:1.25rem; }
.main_visual .radius { right:.875rem; bottom:.875rem; padding:.75rem 0 0 .75rem; border-radius:2.25rem 0 0 0; }
.main_visual .radius::before, .main_visual .radius::after { width:1.5625rem; height:1.5625rem; }
.main_visual .radius a { column-gap:.25rem; height:3.25rem; padding:0 2.5rem; font-size:1rem; }
.main_visual .radius a::after { width:1.375rem; height:1.375rem; margin-right:-.5625rem; }
.main_visual .radius a:hover { background:var(--black-90); }
.main_visual figure > img { inset:1rem; width:calc(100% - 2rem); height:calc(100% - 2rem); object-position:55% center; }
.main_visual figcaption { bottom:12rem; padding:0 3.5rem; }
.main_visual figcaption .app_icon { column-gap:.75rem; margin-bottom:-.5rem; }
.main_visual figcaption h2 { font-size:2.75rem; }
.main_visual figcaption p { font-size:1.25rem; }
.main_visual .swiper-slide-active figcaption { bottom:13.5rem; }
.main_visual .swiper-controller { padding:0 3.5rem 7.5rem; }
.main_visual .pagination_wrap { max-width:10rem; }
.main_visual .swiper-pagination { font-size:1.125rem; }
.main_visual .autoplay-progress { left:1.75rem; right:1.75rem; }
.main_visual .swiper-play-state { margin-right:-.5rem; }
.main_visual .slide-pause::before { height:40%; border-width:0 0 0 .75rem; }
.main_visual .slide-play::before { border-width:.5rem 0 .5rem .8125rem; }
.main_visual .scroll_down { right:3rem; }
.main_visual .scroll_down::before, .main_visual .scroll_down::after { height:6rem; }



/* **************************************** *
** main_partners **
* **************************************** */
.main_partners { padding-top:6.5rem; }
.main_partners .radius.link { transform:none; padding:.625rem 0 0 .625rem; border-radius:2.125rem 0 0 0; background:white; }
.main_partners .radius.link::before, .main_partners .radius.link::after { opacity:1; visibility:visible; }
.main_partners .inner_wrap { display:flex; column-gap:4rem; }
.main_partners .text_wrap { align-self:flex-start; position:sticky; top:6.5rem; max-width:22.5rem; margin:0; text-align:left; }
.main_partners ul { flex:1; row-gap:4rem; max-width:unset; margin:0; padding-top:3.25rem; }
.main_partners li { width:100%; max-width:20rem; padding:4.75rem 2rem 1.5rem; }
.main_partners li:nth-child(odd) { margin-left:auto; }
.main_partners figure { flex-direction:column; justify-content:center; }
.main_partners figure img { width:12.5rem; }
.main_partners figcaption { align-self:inherit; padding-bottom:0; }
.main_partners figcaption h4 { align-items:center; font-size:1.625rem; }
.main_partners figcaption p { padding:.625rem 0; font-size:1rem; text-align:center; }
.main_partners li:nth-child(3) figure img { margin:-.75rem 0; }



/* **************************************** *
** main_brands **
* **************************************** */
.main_brands .loop + .loop { padding-top:.875rem; }
.main_brands .loop li { width:13rem; padding-right:.875rem; }
.main_brands .loop figure { border-radius:.75rem; }
.main_brands .loop + .loop ul { left:-6.5rem; }



/* **************************************** *
** main_success **
* **************************************** */
.main_success ul strong { column-gap:.4375rem; font-size:4.5rem; }
.main_success ul span { font-size:1.25rem; }
.main_success ul p { padding-top:1rem; font-size:1.0625rem; }
.main_success .stat_large { flex-direction:row; }
.main_success .stat_large li { flex:0 0 20rem; }
.main_success .stat_large li + li { flex-basis:auto; margin:0; padding:0 0 0 3rem; border-top:none; border-left:1px solid var(--black-a15); }
.main_success .stat_small { justify-content:space-between; margin-top:2.5rem; }
.main_success .stat_small li { flex-basis:auto; }



/* **************************************** *
** main_factory **
* **************************************** */
.main_factory .video_wrap { width:100%; margin-top:6rem; }
.main_factory .video_wrap figure { height:25rem; border-radius:1rem; }
.main_factory .video_wrap figcaption { padding:6rem 2.5rem 2.5rem; }
.main_factory .video_wrap figcaption strong { font-size:3.5rem; line-height:1.05; }
.main_factory .video_wrap figcaption p { font-size:1.25rem; }
.main_factory ul { flex-direction:row; column-gap:1.125rem; }
.main_factory li { flex:1; flex-direction:column; align-items:flex-start; row-gap:1.25rem; padding:1.75rem; }
.main_factory li figure { width:4rem; height:4rem; }
.main_factory li strong { font-size:1.25rem; }
}




















/* ===================== [ PC (small) ] ===================== */
@media screen and (min-width:1025px){
/* **************************************** *
** wrap **
* **************************************** */
.scroll_lock, .modal_active {  }
.header_active { overflow:unset; }
.inner_wrap { padding:0 4rem; }
.inner_wrap.full .title_wrap, .inner_wrap.full .text_wrap { padding-left:4rem; padding-right:4rem; }
.overlay {  }



/* **************************************** *
** radius **
* **************************************** */
/* default (top right) */
.radius.link *:hover { background:var(--black-90); }



/* **************************************** *
** header **
* **************************************** */
header { top:0!important; }
header .logo a { column-gap:.5625rem; }
header .logo img { width:2.75rem; }
header .logo p { font-size:1.375rem; }
header .icon.menu { display:none; }
header .gnb_wrap { position:relative; pointer-events:auto; }
header .gnb_wrap nav { flex-direction:row; align-items:center; justify-content:flex-end; column-gap:1rem; position:relative; right:unset; max-width:unset; padding:0; background:none; overflow:unset; }
header .gnb_wrap nav::before, header .gnb_wrap nav::after { display:none; }
header .main_menu { flex-direction:row; column-gap:2rem; margin:0; padding:0; }
header .main_menu > li { position:relative; padding:0; font-size:1.0625rem; line-height:3.75rem; }
header .main_menu > li:hover .sub_menu { opacity:1; visibility:visible; }
header .main_menu strong a { padding:0 1.5rem; }
header .main_menu strong.has_sub::after { display:none; }
header .main_menu strong.has_sub a { pointer-events:auto; }
header .main_menu strong.link a::after { transform:scale(.9); margin-top:-.5rem; margin-left:.1875rem; }
header .sub_menu { display:flex; flex-direction:column; row-gap:.25rem; position:absolute; top:3.5rem; left:.25rem; transition:opacity .3s; min-width:10.5rem; padding:.75rem .5rem; border:1px solid var(--black-12); border-radius:1rem; background:white; opacity:0; visibility:hidden; }
header .sub_menu li { font-size:.9375rem; line-height:1.5; }
header .sub_menu li:hover { border-radius:.5rem; background:var(--primary-a08); font-weight:600; color:var(--black); }
header .sub_menu li a { padding:.75rem; white-space:nowrap; }
header .active .sub_menu { margin:0; }
header .active .menu_item:not(.link) a { transition:color .3s .3s; }
header .util_menu { padding:0; }
header .util_menu .lang { margin:0; }
header .util_menu .lang li a { padding:0 .625rem; font-size:.8125rem; line-height:2rem; }
header .util_menu .contact, header .util_menu .copyright { display:none; }

/* header active */
header.active .overlay { opacity:0; visibility:hidden; }

/* header main */
header.main:not(.scrolled) { padding-top:2.375rem; }
header.main:not(.scrolled) .main_menu > li { color:var(--white-a70); }
header.main:not(.scrolled) .main_menu strong.link a::after { filter:brightness(100) opacity(.8); }
header.main:not(.scrolled) .active .menu_item:not(.link) a { color:white; }
header.main:not(.scrolled) .util_menu .lang { box-shadow:var(--bs-b1-black-40); background:none; }
header.main:not(.scrolled) .util_menu .lang li a { color:var(--white-a60); }
header.main:not(.scrolled) .util_menu .lang li a.active { color:white; }
header.main:not(.scrolled) .util_menu .lang li + li a::before { border-color:var(--white-a60); }
header.main.active:not(.scrolled) .logo { transition-delay:.3s; }
header.main.active:not(.scrolled) .gnb_wrap nav { padding:0; }



/* **************************************** *
** footer **
* **************************************** */
footer { padding-bottom:3rem; }
footer .f_top .company { column-gap:.6875rem; font-size:1.5rem; }
footer .f_top .company img { width:3rem; }
footer .scroll_top { right:4rem; }
footer .f_quick_btn li:hover { z-index:1; }
footer .f_quick_btn a:hover { animation:pulse 1.6s infinite; }
footer .f_quick_btn .kakao:hover { animation-name:pulseKakao; }
@keyframes pulse {
	0% { box-shadow:0 0 0 0 rgba(0,0,0,.15); }
	70% { box-shadow:0 0 0 1.75rem rgba(0,0,0,0); }
	100% { box-shadow:0 0 0 0 rgba(0,0,0,0); }
}
@keyframes pulseKakao {
	0% { box-shadow:0 0 0 0 rgba(250,225,0,.85); }
	70% { box-shadow:0 0 0 1.75rem rgba(0,0,0,0); }
	100% { box-shadow:0 0 0 0 rgba(0,0,0,0); }
}



/* **************************************** *
** button_wrap **
* **************************************** */
/* btn  */
.btn { font-size:1.1875rem; line-height:3.75rem; }
.btn:hover { background:var(--black-12); }
.btn.arrow::before, .btn.arrow::after { width:1.625rem; height:1.625rem; }
.btn.arrow.space { padding-right:4rem; }

/* btn - black */
.btn.black:hover { background:var(--black-95); }
.btn.black.ghost:hover { background:var(--black-a12); }

/* btn - primary */
.btn.primary:hover { background:var(--primary-dark); }
.btn.primary.ghost:hover { background:var(--primary-a12); }



/* **************************************** *
** text_wrap **
* **************************************** */
.text_wrap h2 { font-size:2.5rem; }
.text_wrap h2.large { font-size:3.125rem; }
.text_wrap h2 em { font-size:1.4375rem; }
.text_wrap h3 { font-size:2.25rem; }
.text_wrap h3.large { font-size:2.875rem; }
.text_wrap h3 em { font-size:1.3125rem; }
.text_wrap h4 { font-size:2rem; }
.text_wrap h4.large { font-size:2.5rem; }
.text_wrap h4 em { font-size:1.1875rem }
.text_wrap h5 { font-size:1.75rem; line-height:1.3; }
.text_wrap h5.large { font-size:2.25rem; }
.text_wrap h5 em { font-size:1.125rem; }
.text_wrap h6 { font-size:1.625rem; line-height:1.35; }
.text_wrap h6.large { font-size:2.0625rem; }
.text_wrap h6 em { font-size:1.0625rem; }
.text_wrap p { font-size:1.125rem; line-height:1.5; }
.text_wrap p strong { padding:1.5rem 0; }
.text_wrap h2 + p, .text_wrap h3 + p, .text_wrap h4 + p, .text_wrap h5 + p, .text_wrap h6 + p { font-size:1.25rem; line-height:1.45; }



/* **************************************** *
** title_wrap **
* **************************************** */
.title_wrap { padding-bottom:1.625rem; }
.title_wrap h4 { font-size:1.75rem; }
.title_wrap .util { font-size:1.125rem; }
.title_wrap .more { column-gap:.625rem; }
.title_wrap .more::before, .title_wrap .more::after { width:1.625rem; height:1.625rem; }
.title_wrap .play { width:2.25rem; height:2.25rem; }
.title_wrap .play::before, .title_wrap .play::after {  }
.title_wrap .play::before { width:100%; height:100%; }
.title_wrap .play::after { border-left-width:.625rem; }
.title_wrap .pause::after { transform:translate(-35%,-50%); }



/* **************************************** *
** main_visual **
* **************************************** */
.main_visual figcaption { bottom:13rem; padding:0 4rem; }
.main_visual figcaption .app_icon { column-gap:.875rem; }
.main_visual figcaption .app_icon li { width:4.5rem; height:4.5rem; border-radius:.9375rem; }
.main_visual figcaption h2 { font-size:3.25rem; font-weight:700; line-height:1.2; }
.main_visual figcaption p { font-size:1.375rem; }
.main_visual .swiper-slide-active figcaption { bottom:14.5rem; }
.main_visual .swiper-controller { padding-left:4rem; padding-right:4rem; }
.main_visual .pagination_wrap { left:2.5rem; }
.main_visual .swiper-button-prev, .main_visual .swiper-button-next { display:block; position:absolute; }
.main_visual .swiper-button-prev { left:-.5rem; transform:translateX(-100%); }
.main_visual .swiper-button-next { right:-.25rem; transform:translateX(200%) scaleX(-1); }
.main_visual .swiper-button-prev::before, .main_visual .swiper-button-next::before { transform:translate(-25%,-50%) rotate(-45deg) scale(.8); width:35%; height:35%; border-width:.1875rem; border-color:white; }
.main_visual .swiper-button-prev::after, .main_visual .swiper-button-next::after { display:none; }
.main_visual .scroll_down { right:3.5rem; }
.main_visual .scroll_down::before, .main_visual .scroll_down::after { height:7.5rem; }



/* **************************************** *
** main_partners **
* **************************************** */
.main_partners .inner_wrap { display:block; }
.main_partners .text_wrap { position:relative; top:unset; max-width:unset; text-align:center; }
.main_partners ul { flex-direction:row; justify-content:center; column-gap:1.25rem; padding-top:4rem; }
.main_partners li { padding:4.625rem 2rem 1.125rem; }
.main_partners li:nth-child(odd) { margin:unset; }
.main_partners figure img { width:10.75rem; }
.main_partners figcaption p { padding-bottom:.375rem; font-size:1.0625rem; }
.main_partners li:nth-child(3) figure img { margin:0; }



/* **************************************** *
** main_brands **
* **************************************** */
.main_brands .loop + .loop { padding-top:1rem; }
.main_brands .loop li { width:18.5rem; padding-right:1rem; }
.main_brands .loop figure { border-radius:.875rem; }
.main_brands .loop figure::after { border-color:var(--black-a05); }
.main_brands .loop .thumb { padding-bottom:48%; }
.main_brands .loop figcaption { display:flex; align-items:flex-end; position:absolute; inset:0; transition:opacity .3s; padding:1rem 1.25rem; background:linear-gradient(transparent,rgba(0,0,0,.5)); font-size:1.0625rem; color:white; opacity:0; }
.main_brands .loop figcaption:hover { opacity:1; }
.main_brands .loop:hover ul { animation-play-state:paused; }
.main_brands .loop + .loop ul { left:-9.25rem; }



/* **************************************** *
** main_success **
* **************************************** */
.main_success .text_wrap { display:flex; }
.main_success .text_wrap h3 { flex:0 0 clamp(0rem,40%,25rem); }
.main_success .text_wrap p { padding-top:.3125rem; }
.main_success .text_wrap strong { padding-top:0; }
.main_success ul strong { font-size:4rem; }
.main_success .stat_large { margin-left:clamp(0rem,40%,25rem); }
.main_success .stat_large li { flex-basis:clamp(0rem,55%,22.5rem); }
.main_success .stat_large li + li { padding:0; border:none; }
.main_success .stat_small { justify-content:space-around; padding:3rem 2.5rem; border-radius:1rem; border:none; background:var(--white-a75); }



/* **************************************** *
** main_factory **
* **************************************** */
.main_factory .video_wrap figure { height:28rem; }
.main_factory li { min-height:9.25rem; padding:1.5rem 1.75rem 1.375rem; }
.main_factory li figure { position:absolute; right:-.125rem; bottom:-.125rem; width:3.75rem; height:3.75rem; border-radius:1rem 0 0 0; overflow:unset; }
.main_factory li figure::before, .main_factory li figure::after { content:""; position:absolute; width:1.25rem; height:1.25rem; background:url(../img/icon/icon_s_radius.svg) no-repeat center / cover; }
.main_factory li figure::before { left:0; bottom:0; transform:scaleY(-1) translate(-80%,-10%); }
.main_factory li figure::after { top:0; right:0; transform:scaleY(-1) translate(10%,80%); }
.main_factory li figure img { top:.125rem; left:.125rem; }
.main_factory li p { padding-right:3rem; }
.main_factory li strong { width:calc(100% + 3rem); padding-bottom:.875rem; }
}




















/* ===================== [ PC (regular) ] ===================== */
@media screen and (min-width:1280px){
/* **************************************** *
** reset **
* **************************************** */
section { padding:8rem 0; }
section:last-of-type { padding-bottom:12rem; }
button {  }
table {  }
table::before {  }
th, td {  }



/* **************************************** *
** wrap **
* **************************************** */
.scroll_lock, .modal_active {  }
.header_active {  }
.inner_wrap {  }
.inner_wrap.full .title_wrap, .inner_wrap.full .text_wrap {  }
.overlay {  }



/* **************************************** *
** radius **
* **************************************** */
/* default (top right) */
.radius { padding:0 0 .75rem .75rem; border-radius:0 0 0 1.875rem; }
.radius.link * { font-size:1.125rem; }
.radius.link *:not(:empty) { column-gap:.5rem; }
.radius.link, .radius.large { border-radius:0 0 0 2.25rem; }
.radius.large.link { border-radius:0 0 0 2.6875rem; }

/* radius - left (+ top) */
.radius.left { border-radius:0 0 1.875rem 0; padding:0 .75rem .75rem 0; }
.radius.link.left, .radius.large.left { border-radius:0 0 2.25rem 0; }
.radius.large.link.left { border-radius:0 0 2.6875rem 0; }

/* radius - bottom (+ right) */
.radius.bottom { padding:.75rem 0 0 .75rem; border-radius:1.875rem 0 0 0; }
.radius.link.bottom, .radius.large.bottom { border-radius:2.25rem 0 0 0; }
.radius.large.link.bottom { border-radius:2.6875rem 0 0 0; }

/* radius - bottom left */
.radius.bottom.left { padding:.75rem .75rem 0 0; border-radius:0 1.875rem 0 0; }
.radius.link.bottom.left, .radius.large.bottom.left { border-radius:0 2.25rem 0 0; }
.radius.large.link.bottom.left { border-radius:0 2.6875rem 0 0; }



/* **************************************** *
** header **
* **************************************** */
header .logo img { width:2.875rem; }
header .logo p { font-size:1.4375rem; }
header .gnb_wrap nav { column-gap:4rem; }
header .main_menu { column-gap:3rem; }
header .main_menu > li { font-size:1.125rem; }
header .sub_menu li { font-size:1rem; }
header .util_menu .lang li a { padding:0 .875rem; font-size:.875rem; line-height:2.25rem; }

/* header main */
header.main:not(.scrolled) { padding:3.25rem 2rem .625rem; }



/* **************************************** *
** footer **
* **************************************** */
footer { padding-bottom:3.5rem; }
footer .f_top { display:flex; align-items:flex-start; }
footer .f_top .company { flex:0 0 20rem; column-gap:.75rem; font-size:1.6875rem; }
footer .f_top .company img { width:3.5rem; }
footer .f_top .address { column-gap:2rem; padding-top:1rem; }
footer .f_top .address li { column-gap:.75rem; font-size:.9375rem; }
footer .f_bottom { padding-left:20rem; }
footer .f_bottom .copyright { font-size:1rem; }
footer .scroll_top { top:0; width:3.5rem; height:3.5rem; }
footer .scroll_top img { width:2rem; }



/* **************************************** *
** input **
* **************************************** */



/* **************************************** *
** selectric **
* **************************************** */



/* **************************************** *
** icon custom **
* **************************************** */



/* **************************************** *
** button_wrap **
* **************************************** */
.button_wrap {  }
.button_wrap + .button_wrap {  }
.button_wrap .btn {  }
.button_wrap .btn.min {  }
.button_wrap .btn.max {  }
/* btn  */
.btn {  }
.btn.arrow::before, .btn.arrow::after {  }
.btn.arrow::before {  }
.btn.arrow::after {  }
.btn.arrow.space {  }
.btn.arrow.space::before, .btn.arrow.space::after {  }
.btn.arrow.space::after {  }
.btn.ghost {  }



/* **************************************** *
** text_wrap **
* **************************************** */
.text_wrap h2 { font-size:2.75rem; }
.text_wrap h2.large { font-size:3.5rem; }
.text_wrap h2 em { font-size:1.5rem; }
.text_wrap h3 { font-size:2.5rem; }
.text_wrap h3.large { font-size:3.125rem; }
.text_wrap h3 em { font-size:1.4375rem; }
.text_wrap h4 { font-size:2.25rem; }
.text_wrap h4.large { font-size:2.875rem; }
.text_wrap h4 em { font-size:1.3125rem }
.text_wrap h5 { font-size:2rem; }
.text_wrap h5.large { font-size:2.5rem; }
.text_wrap h5 em { font-size:1.1875rem; }
.text_wrap h6 { font-size:1.75rem; line-height:1.3; }
.text_wrap h6.large { font-size:2.25rem; }
.text_wrap h6 em { font-size:1.125rem; }



/* **************************************** *
** title_wrap **
* **************************************** */
.title_wrap { padding-bottom:1.75rem; }
.title_wrap h4 { font-size:1.875rem; }
.title_wrap .util {  }
.title_wrap .more {  }
.title_wrap .more::before, .title_wrap .more::after { width:1.75rem; height:1.75rem; }
.title_wrap .more::before{  }
.title_wrap .more::after {  }
.title_wrap .play { width:2.5rem; height:2.5rem; }
.title_wrap .play::before, .title_wrap .play::after {  }
.title_wrap .play::before {  }
.title_wrap .play::after { height:.75rem; border-left-width:.75rem; }
.title_wrap .pause::after { border-width:.4375rem 0 .4375rem .6875rem; }



/* **************************************** *
** table **
* **************************************** */



/* **************************************** *
** modal **
* **************************************** */



/* **************************************** *
** swiper slide **
* **************************************** */



/* **************************************** *
** item **
* **************************************** */



/* **************************************** *
** main_visual **
* **************************************** */
.main_visual::after { inset:2rem; border-radius:1.5rem; }
.main_visual .radius { right:1.875rem; bottom:1.875rem; border-radius:2.25rem 0 0 0; }
.main_visual .radius::before, .main_visual .radius::after { width:1.875rem; height:1.875rem; }
.main_visual .radius::before { transform:scaleY(-1) translate(-80%,-12.5%); }
.main_visual .radius::after { transform:scaleY(-1) translate(12.5%,80%); }
.main_visual .radius a { column-gap:.3125rem; height:3.5rem; padding:0 2.75rem; font-size:1.0625rem; }
.main_visual .radius a::after { width:1.5rem; height:1.5rem; margin-right:-.6875rem; }
.main_visual figure > img { inset:2rem; width:calc(100% - 4rem); height:calc(100% - 4rem); }
.main_visual figcaption { padding:0 6rem; }
.main_visual figcaption h2 { font-size:3.5rem; line-height:1.15; }
.main_visual .swiper-controller { padding-left:6rem; padding-right:6rem; }
.main_visual .scroll_down { right:5.5rem; }
.main_visual .scroll_down::before, .main_visual .scroll_down::after { height:9rem; }



/* **************************************** *
** main_partners **
* **************************************** */
.main_partners { padding-top:6rem; }
.main_partners .radius.link { padding:.75rem 0 0 .75rem; }
.main_partners ul { column-gap:1.5rem; }



/* **************************************** *
** main_brands **
* **************************************** */
.main_brands .loop_wrap { padding-top:4.5rem; }
.main_brands .loop + .loop { padding-top:1.125rem; }
.main_brands .loop li { width:21.125rem; padding-right:1.125rem; }
.main_brands .loop figure { border-radius:1rem; }
.main_brands .loop .thumb { padding-bottom:45%; }
.main_brands .loop + .loop ul { left:-10.5625rem; }



/* **************************************** *
** main_success **
* **************************************** */
.main_success .text_wrap h3 { flex-basis:clamp(0rem,50%,35rem); }
.main_success ul strong { font-size:4.75rem; }
.main_success ul span { font-size:1.375rem; }
.main_success ul p { font-size:1.1875rem; }
.main_success .stat_large { margin-left:clamp(0rem,50%,35rem); }
.main_success .stat_large li { flex-basis:clamp(0rem,55%,25rem); }
.main_success .stat_small { margin-top:3rem; }



/* **************************************** *
** main_factory **
* **************************************** */
.main_factory .video_wrap figure { height:auto; padding-bottom:40%; }
.main_factory .video_wrap figcaption { padding:6.5rem 3rem 2.5rem; }
.main_factory .video_wrap figcaption p { font-size:1.3125rem; }
.main_factory ul { column-gap:1.5rem; padding-top:1.5rem; }
.main_factory li { padding:1.75rem 2rem; }
.main_factory li figure { width:4.5rem; height:4.5rem; padding:0; }
.main_factory li figure img { top:.375rem; left:.375rem; }
.main_factory li p { padding-right:4rem; font-size:1.0625rem; }
.main_factory li strong { width:calc(100% + 4.5rem); font-size:1.375rem; }
}