:root {
	font-family: 'Pretendard';
	word-break: keep-all;
	--purple:#3d0694;
	--headerH:75px;
	--vh:1vh;
	--vh100:calc(var(--vh,1vh) * 100);
}
.wrap { width: 95%; margin: 0 auto; }
.wrap[max="full"] { width: calc(100% - 100px); }
.wrap[max="1820"] { max-width: 1820px; }
.wrap[max="1640"] { max-width: 1640px; }
.wrap[max="1600"] { max-width: 1600px; }
.wrap[max="1440"] { max-width: 1440px; }
.wrap[max="1420"] { max-width: 1420px; }
.wrap[max="1280"] { max-width: 1280px; }


body{background-color: #fff;}

@media screen and (max-width:1600px) {
	:root{--headerH:55px;}
 }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) {
	:root{--headerH:45px;}
 }
@media screen and (max-width:1024px) {
	:root{--headerH:43px;}
 }
@media screen and (max-width:820px) {
	.wrap { width: 90% !important; }
}
@media screen and (max-width:500px) {
	:root{--headerH:39px;}
 }
@media screen and (max-width:320px) { }

a { display: block; }




/* 인트로 */
._intro{
	position: fixed; z-index: 999999; width: 100%; height: 100%;
	background-color: #fff; left: 0; top: 0;
	display: flex; align-items: center; justify-content: center;
}
._intro .svgBx{
	width: calc(574/1920*100vw); position: relative;
	display: flex; align-items: center; justify-content: center;
}
._intro .gradiant{position: absolute; width: 210%; height: 150%;}
._intro .gradiant.n1{background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%); right: 0;}
._intro .gradiant.n2{background: linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); right: 100%;}
._intro svg{width: 100%;}
._intro svg *{fill: #3b0694;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	._intro .svgBx{width: 80%;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}


/* header */
header{ position: fixed; z-index: 99999; width: 100%; padding-top: 50px; transition: background-color 0.8s;}
header.bg{background-color: rgba(255,255,255,0.9); backdrop-filter: blur(10px);}
header .wrap{ display: flex; align-items: center; justify-content: space-between; transition-property: opacity,transform; transition-duration: 0.8s;}
@media screen and (min-width:1025px) {
	header.hide .wrap{opacity: 0; transform: translateY(-60px); pointer-events: none;}
}

header .wrap .logo svg{height: 22px; overflow: visible;}
header .wrap nav{
	/* position: absolute; left: 50%; transform: translateX(-50%);  */
	width: 100%;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	/* border: 1px solid black;box-sizing: border-box; */
}
header .wrap nav>ul{position:Relative; display: flex; align-items: center; gap: 110px;}

header .wrap nav>ul>li>a{ font-size: 17px; font-weight: 500; letter-spacing: -0.04em; }
header .wrap .right{
	display: flex; align-items: center; gap: 20px;
}
header .wrap .right .contact{
	font-size: 14px; font-weight: 500; letter-spacing: -0.025em;
	box-sizing: border-box; padding: 1em 2.8em; overflow: hidden;
	border-radius: 4px; position: relative; color: #fff;
}
header .wrap .right .contact::before,
header .wrap .right .contact::after {
	content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	transition: opacity 0.5s;
}
header .wrap .right .contact::before{background: linear-gradient(135deg,rgba(59, 6, 148, 1) 20%, rgba(0, 159, 227, 1) 180%);}
header .wrap .right .contact::after{background: linear-gradient(135deg, rgb(193 156 255) 30%, rgb(26 213 255) 100%); opacity: 0;}

header .wrap .right .contact a{position: relative; z-index: 2;letter-spacing: 0.025em;}
/* hover */
html.pc header .wrap .right .contact:hover::after{opacity: 1;}
html.pc header .wrap .right .contact:hover::before{opacity: 0;}




header.menu_on .wrap .right .contact{display: none;}
header .wrap .lang{ font-size: 18px; display: flex; align-items: center; cursor: pointer; }
header .wrap .lang .txt{ width: 43px; text-align: center; position: relative; }
header .wrap .lang .txt ul{ display: none; position: absolute; top: 100%; margin-top: 14px; left: 50%; transform: translateX(-50%); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
header .wrap .lang .txt ul li a{ background-color: #fff; color: #000; font-size: 14px; padding: 8px 28px; box-sizing: border-box; font-weight: 500; }
html.pc header .wrap .lang .txt ul li a:hover{background-color: #444; color: #fff;}
header .wrap .lang .txt ul li:first-child a{padding-top: 10px; border-radius: 4px 4px 0 0;}
header .wrap .lang .txt ul li:last-child a{padding-bottom: 10px; border-radius: 0 0 4px 4px;}


header .wrap nav .s_gnb_box{
	position:absolute;
	/* left:38%; top:12px;  */
	z-index:20; padding-top:40px;
	/* transform: translateX(-50%);  */
	visibility: hidden; opacity:0;
	/* visibility: visible; opacity:1; */
	transition: all 0.3s ease-out;
	/* border: 1px solid black;box-sizing: border-box; */
}
header .wrap nav .s_gnb_box.n2{right:0;}
header .wrap nav .s_gnb_box .s_gnb{
	position:relative;
	border-radius:8px;
	padding: 1em 1.5em;
    width: 100%;
	min-width: 400px;
	min-height: 240px;
    box-sizing: border-box;
	background-color: rgb(255 255 255 / 0.9);
	backdrop-filter: blur(4px) brightness(1.05) contrast(0.95) saturate(1.2);
	box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.9);
	pointer-events: none;
}
header .wrap nav .s_gnb_box .s_gnb ul{
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
}
header .wrap nav .s_gnb_box .s_gnb>ul>li{box-sizing:border-box;}
header .wrap nav .s_gnb_box .s_gnb>ul>li{margin-bottom:12px;}
header .wrap nav .s_gnb_box .s_gnb>ul>li>a{
	width: 158px;
	display:flex; align-items:center;
	justify-content:flex-start; border:1px solid #A3A3A3;
	border-radius:6px; font-size:16px; color:#191919;
	box-sizing:border-box; transition: all 0.3s ease-out;
	white-space: nowrap; padding: .8em;
}

header .wrap nav .s_gnb_box .s_gnb_sub:before{position:absolute; left:0; top:0; width:1px; height:200px; background-color:#a3a3a3; display:block; content:""; opacity:0.66;}
header .wrap nav .s_gnb_box .s_gnb_sub{
	box-sizing:border-box;
	opacity:0; visibility: hidden;
	/* opacity:1; visibility: visible;  */
	position: absolute;
	top: 10%;
    left: 54%;
	padding-left: 1.5em;
	pointer-events: none;
	transition: all 0.3s ease-out;}
header .wrap nav .s_gnb_box .s_gnb_sub ul li{margin-bottom:14px; pointer-events: none; }
header .wrap nav .s_gnb_box .s_gnb_sub ul li a{position:relative; font-size:16px; letter-spacing:-0.04em; color:#191919; line-height:1.6; color:#000; transition: all 0.3s ease-out; display:inline-block; }


header .menuIco{ display: none; width: 34px; height: 20px; align-items: center; justify-content: center; position: relative;  cursor:pointer; }
header .menuIco::before { content:''; display: block; position: absolute; width: 100%; height: 100%; padding: 20px; }
header .menuIco div{ position: absolute; width: 100%; height: 2px; background-color: #000; transition: background-color 0.5s,transform 0.5s; }
header .menuIco div:nth-child(1){top: 0;}
header .menuIco div:nth-child(3){bottom: 0;}

header .menuIco .xi-close{
	position: absolute; right: 0; top: -4px; cursor: pointer;
	font-size: 34px; color: #000;
	display: none;
}

.gnb_wrap{display: flex; align-items: center;}
.gnb_wrap .mb_nation{display: none;}
.gnb_wrap .mb_area{display:none;}



/* 흰색 */
header .wrap .logo svg *{transition: fill 0.3s;}
header .wrap nav ul li a{transition: color 0.3s;}
header .wrap .lang > *{transition: color 0.3s;}

/* 헤더 색반전 */
header.white .wrap .logo svg *{fill: #fff;}
header.white .wrap nav ul li a{color: #fff;}
header.white .wrap .lang > *{color: #fff;}
header.white .menuIco div{background-color: #fff;}

header.bg .wrap .logo svg g *{fill: #3d0694 !important;}
header.bg .wrap .logo svg g.g_txt *{fill: #000 !important;}
header.bg .wrap nav ul li a{color: #000 !important;}
header.bg .wrap .lang > *{color: #000 !important;}
header.bg .menuIco div{background-color: #000 !important;}


@media screen and (max-width:1600px) {
	header{padding-top: 30px;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	header{padding-top: 20px;}
	/* header .wrap nav ul{gap: 60px;} */
	header .wrap nav>ul {gap: 60px;}

	header .wrap .right .contact{padding: 0.8em 2em;}
}
@media screen and (max-width:1024px) {
	header{padding: 20px 0;}
	header .wrap .logo svg{height: 20px;}
	header .wrap .lang{display: none;}
	header .menuIco{display: flex;}

	header .wrap nav{height: auto;}
	header .wrap nav ul{gap: 12px;}

	header.white nav ul li a,
	header .wrap nav ul li a{color:#000 !important;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	header{padding: 8px 0;}
	header .wrap .logo svg{height: 16px;}
	header .menuIco{width: 32px; height: 18px;}
	header .menuIco .xi-close{font-size: 26px; top: 3px; right: 0;}
	header .wrap .right .contact{font-size: 12px; }
}
@media screen and (max-width:320px) {}

@media screen and (min-width: 1025px) {
header .wrap nav>ul>li.on .s_gnb_box{visibility: visible; opacity:1;  }
header .wrap nav>ul>li.on .s_gnb_box .s_gnb{ pointer-events: unset; }
header .wrap nav .s_gnb_box .s_gnb{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}
header .wrap nav ul li:not(.type2) .s_gnb_box .s_gnb>ul>li.on>a{background-color:#3B0694; border-color:#3B0694; color:#fff; box-shadow:2px 0 6px rgba(56,56,56,0.5);}
header .wrap nav .s_gnb_box .s_gnb_sub ul li a:hover{padding-left:16px; background:url(../asset/img/layout/sgnb_arrow.png) no-repeat 0 6px; color:#3b0694;}
/* header .wrap nav .s_gnb_box .s_gnb>ul>li:hover .s_gnb_sub{opacity:1; visibility: visible; } */
header .wrap nav .s_gnb_box .s_gnb>ul>li.on .s_gnb_sub ul li{ pointer-events: unset; }
header .wrap nav .s_gnb_box .s_gnb>ul>li.on .s_gnb_sub{opacity:1; visibility: visible; pointer-events: unset; }

header .wrap nav .type2{position:relative;}
/*header .wrap nav .type2 .s_gnb_box{visibility:visible; opacity:1;}*/
header .wrap nav .type2 .s_gnb_box .s_gnb{min-width:200px;box-sizing:border-box; min-height:0;}
header .wrap nav .type2 .s_gnb_box .s_gnb>ul>li{width:100%; margin-bottom:0; padding-right:0; box-sizing:border-box; }
header .wrap nav .type2 .s_gnb_box .s_gnb>ul>li:last-child{margin-bottom:0;}
header .wrap nav .type2 .s_gnb_box .s_gnb>ul>li>a{height:auto; line-height:1.3; font-size:16px; border:none; border-radius:0; display:block;}
header .wrap nav .type2 .s_gnb_box .s_gnb>ul>li>a:hover{padding-left:16px; background:url(../asset/img/layout/sgnb_arrow.png) no-repeat 0px 15px; color:#3b0694; box-shadow:none;}
}


@media screen and (max-width: 1024px) {
.gnb_wrap{position:fixed; left:0; top:0;  width:100%; height:100vh; background-color:#fff; z-index:999; display:none; padding:30px; padding-top: 20px; box-sizing:border-box; overflow:auto; }
header.menu_on .gnb_wrap{display:block;}
header .wrap nav{position:relative; left:auto; display:block; transform:none; border-top:1px solid #eaeaea;}

.gnb_wrap .mb_nation{display: flex; align-items: center; gap: 13px; margin-bottom: 112px;}
.gnb_wrap .mb_nation i{font-size: 18px; padding-bottom: 1px;}
.gnb_wrap .mb_nation ul{display: flex; gap: 12px;}
.gnb_wrap .mb_nation ul li{position: relative;}
.gnb_wrap .mb_nation ul li.on{color: var(--purple);}
.gnb_wrap .mb_nation ul li::after {
	content:''; display: none; width: 100%; height: 2px; background-color: var(--purple);
	position: absolute; left: 0; bottom: -3px;
}
.gnb_wrap .mb_nation ul li.on::after{display: block;}
.gnb_wrap .mb_nation ul li a{}

.gnb_wrap .mb_area{display:block; }
.gnb_wrap .gnb_close{margin-left:auto; width:30px; aspect-ratio: 1/1;  background:url(../asset/img/layout/gnb_popup_close.png) no-repeat center center; display:block; border:none;cursor:pointer;} /* sb 변경 svg -> png로 변경*/

header .wrap nav ul li a.s_gnb_open{position:relative; background:url(../asset/img/layout/ic_plus.png) no-repeat right 10px center; } /* sb 변경 svg -> png로 변경*/
header .wrap nav ul li.on a.s_gnb_open{background:url(../asset/img/layout/ic_minus.png) no-repeat right 10px center; color:#3B0694;} /* sb 변경 svg -> png로 변경*/
header .wrap nav>ul{display:block; }
header .wrap nav>ul>li{border-bottom:1px solid #EAEAEA;}
header .wrap nav>ul>li>a{position:Relative; padding:26px 20px; font-size:20px; font-weight:600; color:#000; display:block; }
header .wrap nav .s_gnb_box{position:relative; left:auto; top:auto; padding: 10px 20px; transform:none; background-color:#F1F1F1; visibility:visible; opacity:1; display:none; transition:none;}
header .wrap nav .s_gnb_box .s_gnb{padding:0;  background:none; width:auto; padding:0; min-height:1px; border-radius:0; min-width: unset; pointer-events: unset; backdrop-filter: unset; box-shadow: unset;}
header .wrap nav .s_gnb_box .s_gnb>ul>li{padding-right:0; margin-bottom: 0; width:100%; }
header .wrap nav .s_gnb_box .s_gnb>ul>li:last-child{margin-bottom:0;}
header .wrap nav .s_gnb_box .s_gnb>ul>li>a{position:relative;  height:auto; display:block; border:none; font-size:16px; font-weight:600;padding: .8em 0;}
header .wrap nav .s_gnb_box .s_gnb>ul>li>a.sgnb_sub_open{padding-bottom:10px; padding: .8em 0;}
/* header .wrap nav .s_gnb_box .s_gnb>ul>li>a.sgnb_sub_open:before{position:absolute; left:0; bottom:0; width:10px; height:1px; background-color:#44179C; display:block; content:"";} */
header .wrap nav .s_gnb_box .s_gnb_sub{position:relative; left:auto; top:auto; padding-left:0; width:100%; visibility:visible; opacity:1; pointer-events: unset;}
header .wrap nav .s_gnb_box .s_gnb_sub:before{display:none;}
header .wrap nav .s_gnb_box .s_gnb_sub ul{display:flex; flex-wrap:wrap; flex-direction: row; gap:5px 20px; }
header .wrap nav .s_gnb_box .s_gnb_sub ul li a{font-size:16px; color:#868686 !important; font-weight:300; }
header .wrap nav .s_gnb_box .s_gnb_sub ul li{margin-bottom:0; pointer-events: unset;}
.gnb_wrap .mb_area{margin-top:70px; padding-left:20px; }
.gnb_wrap .mb_area .tit{font-size:16px; font-weight:500; color:#6B6B6B;}
.gnb_wrap .mb_area p{margin-top:5px; line-height:1.6; font-size:20px; font-weight:600;}

.gnb_wrap .mb_area .btn_area{margin-top:35px;}
.gnb_wrap .mb_area .btn_area a {display: flex;align-items: center;justify-content: space-between; height: 40px; border-radius: 7px;padding: 0 calc(22/17*1em);box-sizing: border-box;color: #fff;overflow: hidden;font-size: 16px;letter-spacing: -0.04em;margin: 0 auto;position: relative;display: inline-flex;gap: 0.5em;}
.gnb_wrap .mb_area .btn_area a::before,
.gnb_wrap .mb_area .btn_area a::after {content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;transition: opacity 0.5s; }
.gnb_wrap .mb_area .btn_area a::before { background: linear-gradient(270deg,rgba(59, 6, 148, 1) 20%, rgba(0, 159, 227, 1) 180%); }
.gnb_wrap .mb_area .btn_area a::after { background: linear-gradient(135deg, rgb(193 156 255) 30%, rgb(26 213 255) 100%); }

.gnb_wrap .mb_area .btn_area a::after { opacity: 0; }
.gnb_wrap .mb_area .btn_area a:hover::after { opacity: 1; }

.gnb_wrap .mb_area .btn_area a p { position: relative; z-index: 3; margin-top:0;}
.gnb_wrap .mb_area .btn_area a .ico { display: flex; position: relative; z-index: 3; }
.gnb_wrap .mb_area .btn_area a .ico i {animation: opacity05 forwards infinite 3s;font-size: calc(20/17*1em); }
.gnb_wrap .mb_area .btn_area a .ico i:nth-child(2) { animation-delay: 0.15s; margin: 0 -0.5em; }
.gnb_wrap .mb_area .btn_area a .ico i:nth-child(3) { animation-delay: 0.3s; }


header.menu_on .right{z-index: 1000;}
header.menu_on .menuIco div{background-color: #000 !important;display: none;}
header.menu_on .menuIco .xi-close{display: flex;}

}

@media screen and (max-width: 500px){
	.gnb_wrap{padding: 20px;}
	.gnb_wrap .mb_nation{margin-bottom: 60px;}
	header .wrap nav>ul>li>a{padding: 20px 10px;}
	.gnb_wrap .mb_area{padding-left: 10px;}
}






/* 퀵메뉴 */
._quick_scrollDown{
	position: fixed; z-index: 9999;
	width: 55px; height: 55px; border-radius: 7px;
	background-color: #29292b; color: #fff;
	cursor: pointer; font-size: 20px;
	display: flex; align-items: center; justify-content: center;
	left: 2.5vw; bottom: 50px; overflow: hidden;
	transition: transform 0.5s, opacity 0.5s;
}
._quick_scrollDown.hide{
	transform: translateY(-40px); opacity: 0; pointer-events: none;
}
._quick_scrollDown::before {
	content:''; display: block; position: absolute;
	background: linear-gradient(135deg,rgba(59, 6, 148, 1) 20%, rgba(0, 159, 227, 1) 180%);
	width: 100%; height: 100%; opacity: 0;
}
._quick_scrollDown i{position: relative;}


/* 호버 */
._quick_scrollDown::before{transition: opacity 0.4s;}
html.pc ._quick_scrollDown:hover::before {opacity: 1;}




._quick_contact{
	position: fixed; z-index: 9999;
	display: flex; align-items: center; justify-content: center;
	right: 2.5vw; bottom: 50px; font-size: 48px;
	transition: transform 0.5s, opacity 0.5s;
	width: 86px; height: 86px; border-radius: 50%;
}
._quick_contact.hide{
	transform: translateY(-40px); opacity: 0; pointer-events: none;
}
._quick_contact::before{
	content:''; display: block; position: absolute;
	background: linear-gradient(135deg,rgba(59, 6, 148, 1) 20%, rgba(0, 159, 227, 1) 180%);
	width: 100%; height: 100%; border-radius: 50%; transition: opacity 0.5s;
}
._quick_contact::after {
	content:''; display: block; position: absolute;
	background: linear-gradient(135deg, rgb(193 156 255) 30%, rgb(26 213 255) 100%);
	width: 100%; height: 100%; opacity: 0; border-radius: 50%; transition: opacity 0.5s;
}
._quick_contact i{color: #fff; position: relative; z-index: 2;}

/* 호버 */
html.pc ._quick_contact:hover::before{opacity: 0;}
html.pc ._quick_contact:hover::after{opacity: 1;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._quick_scrollDown{bottom: 20px; width: 50px; height: 50px; border-radius: 5px; font-size: 16px;}
	._quick_contact{width: 70px; height: 70px; bottom: 20px;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	._quick_scrollDown{left: 5vw; width: 40px; height: 40px;}
	._quick_contact{width: 50px; height: 50px; right: 5vw; font-size: 20px; }
}
@media screen and (max-width:320px) {}










/* footer */
footer {
	background-color: #000; color: #fff; position: relative; letter-spacing: -0.04em;
	margin-top: -1px;
}
footer{
    position: relative;
    overflow: hidden;
}
footer .bg{
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    background-size: contain; background-position: center;
    opacity: 0.08; pointer-events: none; z-index: 1;
    /* -webkit-mask-image: radial-gradient(
        circle var(--r) at var(--x) var(--y),
        #fff 0,
        rgba(255,255,255,0) 100%
    );
    mask-image: radial-gradient(
		circle var(--r) at var(--x) var(--y),
        #fff 0,
        rgba(255,255,255,0) 100%
    );
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-mode: alpha; */
	mix-blend-mode: overlay;
}

footer .circle{
    position: absolute; left: 0; right: 0; width: 100%; height: 100%;
    z-index: 0; pointer-events: none; display: flex; align-items: center; justify-content: center;
}
footer .circle div{
	width: clamp(500px,calc(800/1920*100vw),800px); border-radius: 50%;
	background-color: #4630e877; opacity: 0.7;
	filter: blur(100px); animation: scale70 forwards infinite 6s;
}
footer .circle div::before {
	content:''; display: block; padding-bottom: 100%;
}

footer a { transition: color 0.1s; white-space: nowrap;}
footer a:hover { color: #fff; }
footer .wrap { position: relative; z-index: 3; }
footer .row { display: flex; align-items: flex-start; }
footer .row .txt {margin-top: calc(32/16*1em);}
footer .row .txt em { display: block; margin-bottom: calc(26/16*1em); }
footer .row .txt strong { display: block; margin-bottom: calc(16/16*1em); }
footer .row .txt strong a{pointer-events: none;}
footer .row .txt > div { font-weight: 300; color: #b1b1b1; line-height: 1.6; margin-bottom: calc(10/16*1em); display: flex;}
footer .row .txt > div:last-child { margin-bottom: 0; }
footer .row .txt > div b { display: block; min-width: calc(100/16*1em); color: #fff; }

footer .inner {width: 100%;max-width: 1100px; margin: 0 auto;display: flex; align-items: normal; justify-content: space-between; }

footer .row.n1 { padding: 50px 0; box-sizing: border-box; }
footer .row.n2 { padding: 50px 0; box-sizing: border-box; border-top: 1px solid rgba(255,255,255,0.1); position: relative; }

/* 추가 1117 */
footer .row .flxBx { display: flex; gap: calc(100/16*1em); }

footer .row .subBx.n2 {
	display: flex;
    flex-direction: column;
    gap: calc(40 / 16 * 1em);
    justify-content: space-between;
}
footer .row .subBx.n2 .txt{margin-top: calc(16/16*1em);}
footer .row .subBx.n2 .txt_n2{margin-top: calc(28/16*1em);}


footer .scrollUp{
	position: absolute; top: 50px; right: 0;
	width: 55px; height: 55px; border-radius: 7px;
	background-color: #29292b; color: #fff;
	cursor: pointer; font-size: 20px;
	display: flex; align-items: center; justify-content: center;
	overflow: hidden;
	transition: background-color 0.5s,color 0.5s;
}


/* 호버 */
html.pc footer .scrollUp:hover {background-color: #fff; color: #000;}

footer .row.n2 .logo {position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
footer .row.n2 .logo svg { height: 25px; }
footer .row.n2 .logo svg * { fill: #fff; }
footer .row.n2 .flexBx { display: flex; flex-direction: column; gap: 20px; padding-right: calc(64/16*1em); }

footer .row.n3 { border-top: 1px solid rgba(255,255,255,0.1); display: flex; align-items: flex-start; justify-content: space-between; padding: 26px 0; box-sizing: border-box; }
footer .row.n3 .left { font-size: 14px; font-weight: 300; color: rgba(255,255,255,0.24); }
footer .row.n3 .left p { }
footer .row.n3 .right { display: flex; align-items: center; }
footer .row.n3 .right .privacy { display: flex; gap: 50px; margin-right: 90px; font-size: 14px; font-weight: 300; color: rgba(255,255,255,0.24); }
footer .row.n3 .right .privacy a { }
footer .row.n3 .right .sns { display: flex; align-items: center; gap: 16px; font-size: 20px; color: #fff; }
footer .row.n3 .right .sns a { }
footer .row.n3 .right .sns i { }
footer .row.n3 .right .sns p{opacity: 0; width: 0; height: 0;}

@media screen and (max-width:1600px) {
	footer .scrollUp{position: unset;}
	footer .row.n2 .logo { position: unset; transform: unset; width: 100%; max-width: 1100px; margin: 0 auto; margin-bottom: 50px; }
	footer .row.n2 { flex-direction: column; }
}
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) {
	footer .row.n2 .inner { flex-direction: column; gap: 50px; }
	footer .row.n2 .flexBx{gap: 0;}
}
@media screen and (max-width:1024px) {
	footer { font-size: 14px; }
	footer .circle div{filter: blur(80px);}
	footer .row.n1 { flex-wrap: wrap; gap: 40px 0; }
	footer .row.n1 .txt { width: 50%; }

	footer .row.n2 .inner { gap: 30px; }

	footer .row.n3 .right .privacy { gap: 20px; margin-right: 30px; }
	footer .row.n3 .right .sns { gap: 10px; }

	footer .scrollUp{width: 50px; height: 50px; font-size: 16px; border-radius: 5px;}


	footer .row .flxBx{gap: calc(80 / 16 * 1em);;}
}
@media screen and (max-width:820px) {
	footer .circle div{filter: blur(60px);}
	footer .row.n3 { flex-direction: column-reverse; gap: 20px; }
	footer .row.n3 .left { font-size: 12px; }
	footer .row.n3 .right { }
	footer .row.n3 .right .privacy { font-size: 12px; }
	footer .row.n3 .right .sns { font-size: 18px; }

	footer .row .flxBx { flex-direction: column; gap: 0;}

	footer .row .subBx.n2{justify-content: unset;}
}
@media screen and (max-width:500px) {
	footer { font-size: 12px; }
	footer .row.n1 { padding: 30px 0; }
	footer .row.n2 { padding: 30px 0; }
	footer .row.n2 .logo { margin-bottom: 40px; }
	footer .row.n2 .logo svg { height: 20px; }
	footer .row.n2 .inner { gap: 20px; }
	footer .row.n3 { gap: 12px; }
	footer .row.n3 .right { flex-direction: column; align-items: flex-start; gap: 12px; }
	footer .row.n3 .right .privacy { margin-right: 0; }

	footer .row .txt > div br { display: none; }

	footer .scrollUp{width: 40px; height: 40px;}
}
@media screen and (max-width:360px) {
	footer .scrollUp {
        width: 30px;
        height: 30px;
    }
}




/* 더보기 버튼 공통 */
._moreBtn{display: block; text-align: center;}
._moreBtn > * {
	display: flex;align-items: center;justify-content: space-between; height: calc(50/17*1em);border-radius: 7px;padding: 0 calc(22/17*1em);box-sizing: border-box;color: #fff;overflow: hidden;font-size: 17px;letter-spacing: -0.04em;margin: 0 auto;position: relative;display: inline-flex;gap: 0.5em;
	border: 0; cursor: pointer;
}
._moreBtn._contact > *{padding: 0 calc(42/17*1em);height: calc(60/17*1em);}
._moreBtn > *::before,
._moreBtn > *::after {content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;transition: opacity 0.5s; }
._moreBtn > *::before { background: linear-gradient(270deg,rgba(59, 6, 148, 1) 20%, rgba(0, 159, 227, 1) 180%); }
._moreBtn > *::after { background: linear-gradient(135deg, rgb(193 156 255) 30%, rgb(26 213 255) 100%); }

._moreBtn > *::after { opacity: 0; }
html.pc ._moreBtn > *:hover::after { opacity: 1; }

._moreBtn > * p { position: relative; z-index: 3; }
._moreBtn > * > i{color: #fff;z-index: 123;}
._moreBtn > * .ico { display: flex; position: relative; z-index: 3; }
._moreBtn > * .ico i {animation: opacity05 forwards infinite 3s;font-size: calc(20/17*1em); }
._moreBtn > * .ico i:nth-child(1) { }
._moreBtn > * .ico i:nth-child(2) { animation-delay: 0.15s; margin: 0 -0.5em; }
._moreBtn > * .ico i:nth-child(3) { animation-delay: 0.3s; }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	._moreBtn > *{font-size: 15px;}
}
@media screen and (max-width:1024px) {
	._moreBtn > *{font-size: 14px; border-radius: 4px;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}



/* 개인정보 처리방침 스타일 모음 */
.___policy{
	font-size: 15px; letter-spacing: -0.04em; line-height: 1.8; width: 90%; padding: 120px 0; max-width: 900px; margin: 0 auto;
	word-break: break-all;
}

.___policy .fs12{font-size: 1.2em; }
.___policy .fs15{font-size: 1.5em; }

.___policy .pl01{padding-left: 1em; }
.___policy .pl02{padding-left: 2em; }
.___policy .pl03{padding-left: 3em; }
.___policy .pl04{padding-left: 4em; }
.___policy .pl05{padding-left: 5em; }

.___policy .fw500{font-weight: 500;}
.___policy .fw600{font-weight: 600;}

.___policy .txt_center{text-align: center;}
.___policy .bg{background-color: #eee; vertical-align: middle;}
.___policy .color_white{color: #fff;}

.___policy .tableBx{
	width: 100%; max-width: 700px; overflow: auto; padding: 10px 0;
}
.___policy table{
	border-collapse: collapse; font-size: 1em; min-width: 600px;
}
.___policy tr{}
.___policy th{
	font-weight: 500;
	border: 1px solid #000; box-sizing: border-box; padding: 4px;
}
.___policy td{
	border: 1px solid #000; box-sizing: border-box; padding: 4px; min-width: calc(80/14*1em);
}

.___policy > div{}
.___policy a:hover{color: var(--purple);}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.___policy{padding: 80px 0;}
}
@media screen and (max-width:820px) {
	.___policy{padding: 40px 0; font-size: 12px; }
}
@media screen and (max-width:665px) {
	.___policy .tableBx::after {
		content:'scroll →'; display: inline-block; margin-top: 10px;
		box-sizing: border-box; border-radius: 100px;
		padding: 2px 12px; background-color: #444; color: #fff;
		animation: scroll forwards infinite 3s;
	}
	@keyframes scroll {
		0%{transform: translateX(0px);}
		50%{transform: translateX(15px);}
		100%{transform: translateX(0px);}
	}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}



.inlineBlock{display: inline-block;}

/* max-width */
@media screen and (max-width:1600px) {
	.max-1600 { display: block; }
	.min-1601 { display: none; }
	.max-1600-none { display: none; }
}
@media screen and (max-width:1440px) {
	.max-1440 { display: block; }
	.min-1441 { display: none; }
	.max-1440-none { display: none; }
}
@media screen and (max-width:1280px) {
	.max-1280 { display: block; }
	.min-1281 { display: none; }
	.max-1280-none { display: none; }
}
@media screen and (max-width:1024px) {
	.max-1024 { display: block; }
	.min-1025 { display: none; }
	.max-1024-none { display: none; }
}
@media screen and (max-width:820px) {
	.max-820 { display: block; }
	.min-821 { display: none; }
	.max-820-none { display: none; }
}
@media screen and (max-width:500px) {
	.max-500 { display: block; }
	.min-501 { display: none; }
	.max-500-none { display: none; }
}
@media screen and (max-width:320px) {
	.max-320 { display: block; }
	.min-321 { display: none; }
	.max-320-none { display: none; }
}


/* min-width */
@media screen and (min-width:1601px) {
	.min-1601 { display: block; }
	.max-1600 { display: none; }
	.min-1601-none { display: none; }
}
@media screen and (min-width:1441px) {
	.min-1441 { display: block; }
	.max-1440 { display: none; }
	.min-1441-none { display: none; }
}
@media screen and (min-width:1281px) {
	.min-1281 { display: block; }
	.max-1280 { display: none; }
	.min-1281-none { display: none; }
}
@media screen and (min-width:1025px) {
	.min-1025 { display: block; }
	.max-1024 { display: none; }
	.min-1025-none { display: none; }
}
@media screen and (min-width:821px) {
	.min-821 { display: block; }
	.max-820 { display: none; }
	.min-821-none { display: none; }
}
@media screen and (min-width:501px) {
	.min-501 { display: block; }
	.max-500 { display: none; }
	.min-501-none { display: none; }
}
@media screen and (min-width:321px) {
	.min-321 { display: block; }
	.max-320 { display: none; }
	.min-321-none { display: none; }
}




/* 애니메이션 모음 */
@keyframes opacity {
	0%{opacity: 1;}
	50%{opacity: 0;}
	100%{opacity: 1;}
}

@keyframes opacity05 {
	0%{opacity: 1;}
	50%{opacity: 0.5;}
	100%{opacity: 1;}
}

@keyframes opacity025 {
	0%{opacity: 1;}
	50%{opacity: 0.25;}
	100%{opacity: 1;}
}

@keyframes rotate {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

@keyframes floating20 {
	0%{transform:translateY(0px)}
	50%{transform:translateY(-20px)}
	100%{transform:translateY(0px)}
}
@keyframes floating30 {
	0%{transform:translateY(0px)}
	50%{transform:translateY(-30px)}
	100%{transform:translateY(0px)}
}
@keyframes floating40 {
	0%{transform:translateY(0px)}
	50%{transform:translateY(-40px)}
	100%{transform:translateY(0px)}
}
@keyframes floating50 {
	0%{transform:translateY(0px)}
	50%{transform:translateY(-50px)}
	100%{transform:translateY(0px)}
}
@keyframes floating60 {
	0%{transform:translateY(0px)}
	50%{transform:translateY(-60px)}
	100%{transform:translateY(0px)}
}
@keyframes floating70 {
	0%{transform:translateY(0px)}
	50%{transform:translateY(-70px)}
	100%{transform:translateY(0px)}
}



@keyframes scale150 {
	0%{transform:scale(1)}
	50%{transform:scale(1.5)}
	100%{transform:scale(1)}
}
@keyframes scale140 {
	0%{transform:scale(1)}
	50%{transform:scale(1.4)}
	100%{transform:scale(1)}
}
@keyframes scale130 {
	0%{transform:scale(1)}
	50%{transform:scale(1.3)}
	100%{transform:scale(1)}
}
@keyframes scale120 {
	0%{transform:scale(1)}
	50%{transform:scale(1.2)}
	100%{transform:scale(1)}
}
@keyframes scale110 {
	0%{transform:scale(1)}
	50%{transform:scale(1.1)}
	100%{transform:scale(1)}
}


@keyframes scale90 {
	0%{transform:scale(1)}
	50%{transform:scale(0.9)}
	100%{transform:scale(1)}
}
@keyframes scale80 {
	0%{transform:scale(1)}
	50%{transform:scale(0.8)}
	100%{transform:scale(1)}
}
@keyframes scale70 {
	0%{transform:scale(1)}
	50%{transform:scale(0.7)}
	100%{transform:scale(1)}
}
@keyframes scale60 {
	0%{transform:scale(1)}
	50%{transform:scale(0.6)}
	100%{transform:scale(1)}
}
@keyframes scale50 {
	0%{transform:scale(1)}
	50%{transform:scale(0.5)}
	100%{transform:scale(1)}
}



.ani_opacity{animation: opacity forwards infinite 5s;}
.ani_opacity_05{animation: opacity05 forwards infinite 5s;}
.ani_opacity_025{animation: opacity025 forwards infinite 5s;}

.ani_floating_20{animation: floating20 forwards infinite 5s;}
.ani_floating_30{animation: floating30 forwards infinite 5s;}
.ani_floating_40{animation: floating40 forwards infinite 5s;}
.ani_floating_50{animation: floating50 forwards infinite 5s;}
.ani_floating_60{animation: floating60 forwards infinite 5s;}

.ani_scale_150{animation: scale150 forwards infinite 5s;}
.ani_scale_140{animation: scale140 forwards infinite 5s;}
.ani_scale_130{animation: scale130 forwards infinite 5s;}
.ani_scale_120{animation: scale120 forwards infinite 5s;}
.ani_scale_110{animation: scale110 forwards infinite 5s;}

.ani_scale_90{animation: scale90 forwards infinite 5s;}
.ani_scale_80{animation: scale80 forwards infinite 5s;}
.ani_scale_70{animation: scale70 forwards infinite 5s;}
.ani_scale_60{animation: scale60 forwards infinite 5s;}
.ani_scale_50{animation: scale50 forwards infinite 5s;}

.ani_rotate{animation: rotate forwards infinite 10s linear;}

.ani_delay_01{animation-delay: 0.1s;}
.ani_delay_02{animation-delay: 0.2s;}
.ani_delay_03{animation-delay: 0.3s;}
.ani_delay_04{animation-delay: 0.4s;}
.ani_delay_05{animation-delay: 0.5s;}
.ani_delay_06{animation-delay: 0.6s;}
.ani_delay_07{animation-delay: 0.7s;}
.ani_delay_08{animation-delay: 0.8s;}
.ani_delay_09{animation-delay: 0.9s;}
.ani_delay_10{animation-delay: 1s;}
.ani_delay_15{animation-delay: 1.5s;}
.ani_delay_20{animation-delay: 2s;}
.ani_delay_25{animation-delay: 2.5s;}
.ani_delay_30{animation-delay: 3s;}

.ani_duration_1{animation-duration: 1s;}
.ani_duration_2{animation-duration: 2s;}
.ani_duration_3{animation-duration: 3s;}
.ani_duration_4{animation-duration: 4s;}
.ani_duration_5{animation-duration: 5s;}
.ani_duration_6{animation-duration: 6s;}
.ani_duration_7{animation-duration: 7s;}
.ani_duration_8{animation-duration: 8s;}
.ani_duration_9{animation-duration: 9s;}
.ani_duration_10{animation-duration: 10s;}
.ani_duration_11{animation-duration: 11s;}
.ani_duration_12{animation-duration: 12s;}
.ani_duration_13{animation-duration: 13s;}
.ani_duration_14{animation-duration: 14s;}
.ani_duration_15{animation-duration: 15s;}
.ani_duration_16{animation-duration: 16s;}
.ani_duration_17{animation-duration: 17s;}
.ani_duration_18{animation-duration: 18s;}
.ani_duration_19{animation-duration: 19s;}
.ani_duration_20{animation-duration: 20s;}
.ani_duration_21{animation-duration: 21s;}
.ani_duration_22{animation-duration: 22s;}
.ani_duration_23{animation-duration: 23s;}
.ani_duration_24{animation-duration: 24s;}
.ani_duration_25{animation-duration: 25s;}
.ani_duration_26{animation-duration: 26s;}
.ani_duration_27{animation-duration: 27s;}
.ani_duration_28{animation-duration: 28s;}
.ani_duration_29{animation-duration: 29s;}
.ani_duration_30{animation-duration: 30s;}