img {max-width:100%;} @media(min-width:1201px){ #header {position:fixed;left:0;top:0;width:100%;z-index:200;padding:0 15rem;transition:0.2s;height:95rem;overflow:hidden;} #header:before {content:"";display:block;position:absolute;left:0;top:95rem;width:100%;height:1rem;background:#CFCFCF;pointer-events:none;opacity:0;transition:0.2s;} #header .inner {max-width:1500rem;margin:0 auto;position:relative;display:flex;justify-content:center;padding:0 40rem 0 238rem;} #header .logo {position:absolute;left:0;top:47rem;} #header .logo a {display:block;width:238rem;height:29rem;background:url(../images/logo.svg) no-repeat 0 50% / contain;text-indent:-9999rem;} #header .mnu {width:40rem;height:40rem;top:40rem;position:absolute;right:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24rem;transition:0.2s;} #header .gnb {display:flex;padding-top:25rem;text-align:center;} #header .gnb > li {position:relative;} #header .gnb > li > a {display:block;padding:0 30rem;font-size:15rem;font-weight:bold;color:#fff;transition:0.2s;} #header .gnb > li > a > span {height:70rem;display:flex;align-items:center;padding:0 10rem;position:relative;} #header .gnb > li > a > span:before {content:"";display:block;width:100%;height:3rem;background:#715091;left:0;bottom:0;position:absolute;transform:scale(0,1);transition:0.2s;} #header .gnb > li > div {display:none;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;} #header .gnb > li:hover > div {display:block;} #header .gnb > li ul {display:flex;justify-content:center;} #header .gnb > li div a {display:inline-block;line-height:54rem;padding:0 10rem;font-size:13rem;font-weight:500;color:#333;} #header .gnb > li:nth-child(2) div {justify-content:center;} #header .gnb > li:nth-child(2) div dl {width:200rem;} #header .gnb > li:nth-child(2) div dl dd ul {display:block;} #header .gnb > li:nth-child(2) div dl dd ul li {margin:0 -10rem;} #header .gnb > li:nth-child(2) div dl dd ul li a {line-height:36rem;} #header .gnb > li:nth-child(2):hover div {display:flex;} #header:has(.gnb:hover) {background:#fff;height:149rem;} #header:has(.gnb:hover):before {opacity:1;} /*#header:has(.gnb > li:nth-child(2):hover):hover {height:380rem;} */ #header:has(.gnb > li:nth-child(8):hover):hover {height:95rem;} #header:has(.gnb:hover) .logo a {background-image:url(../images/logo2.svg);} #header:has(.gnb:hover) .gnb > li > a {color:#333;} #header:has(.gnb:hover) .gnb > li:hover > a > span:before {transform:none;} #header:has(.gnb:hover) .gnb > li:hover > a {color:#715091;} #header:has(.gnb:hover) .mnu {color:#333;} #header:has(.gnb:hover) .gnb > li li:hover > a {color:#715091;} #header:has(.gnb:hover) .gnb > li .active > a {color:#715091;} .fix #header {background:rgba(255,255,255,0.85);box-shadow:0 1rem 1rem rgba(0,0,0,0.15);backdrop-filter:blur(3rem);} .fix #header .logo a {background-image:url(../images/logo2.svg);} .fix #header .gnb > li > a {color:#333;} .fix #header .gnb > li:hover > a > span:before {transform:none;} .fix #header .gnb > li:hover > a {color:#715091;} .fix #header .mnu {color:#333;} .fix #header .gnb > li li:hover > a {color:#715091;} .fix #header .gnb > li .active > a {color:#715091;} #nav {position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:#fff;padding:0 15rem;opacity:0;visibility:hidden;pointer-events:none;transition:0.3s;} #nav .inner {height:100%;max-width:1500rem;margin:0 auto;position:relative;} #nav .logo {position:absolute;left:0;top:80rem;} #nav .logo a {display:block;width:300rem;height:35rem;background:url(../images/logo2.svg) no-repeat 0 50% / contain;text-indent:-9999rem;} #nav .close {width:40rem;height:40rem;top:40rem;position:absolute;right:0;display:flex;align-items:center;justify-content:center;color:#333;font-size:24rem;transition:0.2s;} #nav .gnb {padding-top:150rem;display:flex;justify-content:space-between;} #nav .gnb > li {position:relative;} #nav .gnb > li > a {font-size:40rem;font-weight:bold;color:#333;letter-spacing:-0.05em;} #nav .gnb > li > div {position:absolute;left:0;top:100%;margin-top:45rem;} #nav .gnb > li > div dl {} #nav .gnb > li > div dl ~ dl {} #nav .gnb > li > div dl dt {} #nav .gnb > li > div dl dd {padding-left:25rem;} #nav .gnb > li > div a {display:block;padding:8rem 0;font-size:16rem;font-weight:500;color:#333;white-space:nowrap;} #nav .gnb > li > div .active > a, #nav .gnb > li > div a:hover {color:#715091;} #nav .gnb > li:nth-child(4) > div a {white-space:normal;} .navOn #nav {visibility:visible;pointer-events:auto;opacity:1;} } @media(min-width:1201px) and (max-width:1400px){ #header .gnb > li > a {padding:0 25rem;} #header .gnb > li > a > span {padding:0;} } @media(max-width:1200px){ #header {position:fixed;left:0;top:0;width:100%;z-index:200;padding:0 15rem;transition:0.2s;background:rgba(255,255,255,0.8);backdrop-filter:blur(2rem);} #header .inner {height:60rem;position:relative;} #header .logo {position:absolute;left:0;top:20rem;} #header .logo a {display:block;width:200rem;height:24rem;background:url(../images/logo2.svg) no-repeat 0 50% / contain;text-indent:-9999rem;} #header .mnu {width:40rem;height:40rem;top:10rem;position:absolute;right:-10rem;display:flex;align-items:center;justify-content:center;color:#333;font-size:24rem;transition:0.2s;} #header .gnb {display:none;} #nav {position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:#fff;padding:0 15rem;opacity:0;visibility:hidden;pointer-events:none;transition:0.3s;} #nav .inner {height:100%;position:relative;background:none;} #nav .inner:before {content:"";display:block;position:absolute;right:0;bottom:0;width:100%;height:100%;z-index:0;background:url(../images/bg-nav.svg) no-repeat right 15rem bottom 30rem;background-size:80rem auto;pointer-events:none;opacity:0.2;} #nav .inner:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:60rem;background:rgba(255,255,255,0.8);backdrop-filter:blur(2rem);z-index:15;} #nav .logo {position:absolute;left:0;top:20rem;z-index:20;} #nav .logo a {display:block;width:200rem;height:24rem;background:url(../images/logo2.svg) no-repeat 0 50% / contain;text-indent:-9999rem;} #nav .close {width:40rem;height:40rem;top:10rem;position:absolute;right:-10rem;display:flex;align-items:center;justify-content:center;color:#333;font-size:24rem;transition:0.2s;z-index:20;} #nav .gnb {padding:80rem 15rem;height:100%;margin:0 -15rem;overflow:auto;position:relative;z-index:10;} #nav .gnb > li ~ li {margin-top:15rem;} #nav .gnb > li > a {font-size:26rem;font-weight:700;color:#333;display:block;position:relative;letter-spacing:-0.05em;} #nav .gnb > li > a:before {content:"\ea4e";font-family:remixicon;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1;font-weight:normal;} #nav .gnb > li > div {display:none;padding:15rem 0 20rem;} #nav .gnb > li > div ul {display:flex;flex-wrap:wrap;gap:8rem 0;} #nav .gnb > li > div ul li {min-width:50%;} #nav .gnb > li > div a {display:block;font-size:18rem;color:#333;} #nav .gnb > li > div dl ~ dl {margin-top:20rem;} #nav .gnb > li > div dl dt {padding-bottom:10rem;} #nav .gnb > li > div dl dt a {font-size:20rem;font-weight:bold;} #nav .gnb > li.active > a:before {transform:rotate(180deg);} #nav .gnb > li.active > div {display:block;} .navOn #nav {visibility:visible;pointer-events:auto;opacity:1;} } #gotop {width:82rem;height:82rem;border-radius:50%;background:#252525 url(../images/gotop.png) no-repeat 50% 50% / 20rem auto;position:fixed;right:15rem;bottom:50rem;text-indent:-9999rem;z-index:100;visibility:hidden;opacity:0;transition:0.2s;pointer-events:none;transform:translateY(20rem);} .fix #gotop {visibility:visible;opacity:1;pointer-events:auto;transform:none;} #footer {background:#F6F6F6;padding:75rem 15rem;} #footer .inner {max-width:1500rem;margin:0 auto;} #footer .head {display:flex;gap:30rem;position:relative;} #footer .head h2 {width:249rem;height:29rem;background:url(../images/logo2.svg) no-repeat 0 50% / contain;text-indent:-9999rem;} #footer .head .fnb {display:flex;gap:20rem;padding-top:7rem;} #footer .head .fnb a {font-size:15rem;font-weight:500;color:#666;} #footer .head .fnb a:first-child {color:#8625BE;} #footer .head .sns {position:absolute;right:0;top:0;display:flex;gap:10rem;} #footer .mid {margin-top:50rem;} #footer .mid ul {display:flex;font-size:16rem;font-weight:500;color:#777;gap:10rem 0;overflow:hidden;} #footer .mid ul ~ ul {margin-top:10rem;} #footer .mid ul li {position:relative;margin-right:20rem;} #footer .mid ul li:before {content:"";display:block;width:1rem;height:14rem;background:#aaa;position:absolute;left:-10rem;top:50%;margin-top:-7rem;} #footer .mid ul li:last-child {margin-right:0;} #footer .copy {margin-top:55rem;font-size:16rem;font-weight:500;color:#777;} @media(max-width:1200px){ #gotop {width:50rem;height:50rem;background-size:12rem auto;} #footer {padding:30rem 15rem;} #footer .head {display:block;} #footer .head h2 {width:200rem;height:24rem;} #footer .head .fnb {padding-top:15rem;flex-wrap:wrap;gap:5rem 15rem;} #footer .head .fnb a {font-size:14rem;} #footer .head .sns {position:relative;margin-top:20rem;} #footer .head .sns img {width:35rem;} #footer .mid {margin-top:25rem;} #footer .mid ul {flex-wrap:wrap;font-size:13rem;gap:5rem 0;} #footer .mid ul ~ ul {margin-top:5rem;} #footer .mid ul li:before {height:10rem;margin-top:-5rem;} #footer .copy {margin-top:20rem;font-size:13rem;} } #aside {position:fixed;right:0;top:50%;transform:translate(90rem,-50%);z-index:100;} #aside button {right:100%;margin-right:-16rem;width:39rem;height:50rem;position:absolute;top:50%;transform:translateY(-50%);background:url(../images/bg-aside.svg) no-repeat 0 50% / contain;} #aside button i {display:block;position:absolute;left:0;top:50%;margin-top:-12rem;line-height:1;font-size:24rem;color:#fff;transform:rotate(180deg);} #aside .inner {position:relative;z-index:10;border-right:none;background:#fff;width:90rem;text-align:center;box-shadow:0 4rem 10rem 0 rgba(0,0,0,0.15);} #aside a {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:110rem;} #aside a ~ a {border-top:1px solid #DFDFDF;} #aside a em {display:flex;align-items:center;justify-content:center;width:45rem;height:45rem;border-radius:50%;background:#F0F2F6;font-size:28rem;color:#000;} #aside a span {display:block;margin-top:8rem;font-size:14rem;font-weight:500;line-height:1.05;white-space:nowrap;font-weight:600;} #aside a:last-child {background:#A67CE2;} #aside a:last-child em {color:#A67CE2;} #aside a:last-child span {color:#FFE9E9;margin-top:5rem;font-size:13rem;font-weight:bold;line-height:1.2;letter-spacing:-0.05em;} #aside.active {transform:translate(0,-50%)} #aside.active button i {transform:none;} .load #aside {transition:0.2s;} /*[S] 260213*/ #vis {opacity:0;} .load #vis {opacity:1;} #vis, #vis .vis {height:100dvh;position:relative;overflow:hidden;} #vis .vis {display:flex;align-items:center;justify-content:center;padding:0;} #vis.swiper-fade .swiper-slide.active {pointer-events:auto;} #vis .vis > a {display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;flex:1;align-self:stretch;z-index:1;color:inherit;text-decoration:none;} #vis video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;pointer-events:none;} #vis .vis > a .bg {position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;background:url() no-repeat 50% 50% / cover;transform:scale(1.05);transition:5s;} #vis .vis .txt {display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;z-index:10;gap:10rem;transition:1s;} #vis .vis .txt strong {font-size:48rem;font-weight:800;display:block;opacity:0;transition:2s;} #vis .vis .txt strong:first-child {transform:translateX(-50rem);} #vis .vis .txt strong:last-child {transform:translateX(50rem);} #vis .vis .txt span {width:286rem;border-bottom:1rem solid #fff;height:28rem;display:block;position:relative;width:0;transition:2s 2s;} #vis .vis .txt span em {font-size:20rem;position:absolute;left:0;bottom:10rem;white-space:nowrap;width:100%;opacity:0;transform:translateY(-5rem);transition:1s 4s;} #vis .vis .txt2 {width:1500px;max-width:100%;text-align:left;position:relative;z-index:10;padding:0 15rem 30rem;transition:1s 0.5s;transform:translateX(-10rem);opacity:0;} #vis .vis .txt2 h4 {font-family:'Gmarket Sans',sans-serif;font-size:30rem;font-weight:500;color:#fff;margin-bottom:10rem;} #vis .vis .txt2 dl dt {font-family:'Gmarket Sans',sans-serif;} #vis .vis .txt2 .top dt {font-size:80rem;letter-spacing:-0.075em;line-height:1.05;color:#fff;font-weight:bold;} #vis .vis .txt2 .top dt span {color:#fff;} #vis .vis .txt2 .top dd {font-family:'Gmarket Sans',sans-serif; font-size:30rem;line-height:1.3;color:#a0ffe7;margin-top:10rem;font-weight:700;} #vis .vis .txt2 .bot {margin-top:35rem;} #vis .vis .txt2 .bot dt {color:#fff;letter-spacing:-0.075em;font-weight:500;font-size:24rem;margin-top:17rem;} #vis .vis .txt2 .bot dd {color:rgba(255,255,255,0.53);font-size:20rem;line-height:1.5;font-weight:500;} #vis .ban {position:absolute;left:0;bottom:80rem;width:100%;z-index:10;padding:0 15rem;align-items:center;} #vis .ban .inner {max-width:1585rem;margin:0 auto;height:84rem;border-radius:42rem;background:#fff;overflow:hidden;} #vis .ban ._p {display:flex;padding:0 60rem;justify-content:space-between;gap:20rem;} #vis .ban span {display:flex;align-items:center;} #vis .vis.active .bg, #vis .vis.active > a .bg {transform:none;} #vis .vis.active .txt strong {transform:none;opacity:1;} #vis .vis.active .txt span {width:286rem;} #vis .vis.active .txt span em {opacity:1;transform:none;} #vis .vis.active .txt2 {transform:none;opacity:1;} @keyframes scroll-left { 0% {transform:translate3d(0,0,0);} 100% {transform:translate3d(-50%,0,0);} } @keyframes scroll-right { 0% {transform:translate3d(-50%,0,0);} 100% {transform:translate3d(0,0,0);} } @media(max-width:1200px){ #vis .txt {flex-direction:column;} #vis .txt strong {font-size:40rem;} #vis .txt span {margin-top:15rem;} #vis .ban {bottom:20rem;} #vis .ban .inner {height:60rem;border-radius:30rem;} #vis .vis {background:#000;} #vis .vis .bg {opacity:1;} /* #vis .vis .txt2 {transform:translateY(10rem);margin-top:-140rem;} #vis .vis .txt2 h4 {font-size:12rem;} #vis .vis .txt2 .top dt {font-size:34rem;font-weight:800;letter-spacing:-0.0em;} #vis .vis .txt2 .top dd {font-size:22rem;line-height:1.4;letter-spacing:-0.05em;font-weight:600;} #vis .vis .txt2 .bot {margin-top:15rem;} #vis .vis .txt2 .bot dt {font-size:14rem;margin-top:15rem;letter-spacing:-0.00em;} #vis .vis .txt2 .bot dd {font-size:13rem;line-height:1.4;letter-spacing:-0.05em;} */ #vis .vis .txt2 {transform:translateY(10rem);margin-top:-140rem;} #vis .vis .txt2 h4 {font-size:12rem;} #vis .vis .txt2 .top dt {font-size:34rem;font-weight:800;letter-spacing:-0.0em; text-align:center;} #vis .vis .txt2 .top dd {font-size:18rem;line-height:1.4;letter-spacing:-0.05em;font-weight:600; text-align:center;} #vis .vis .txt2 .bot {margin-top:15rem;} #vis .vis .txt2 .bot dt {font-size:14rem;margin-top:15rem;letter-spacing:-0.00em; text-align:center;} #vis .vis .txt2 .bot dd {font-size:13rem;line-height:1.4;letter-spacing:-0.05em; text-align:center;} .load #vis .txt {gap:10rem;} .load #vis .txt span {width:260rem;} #vis .marquee {display:inline-flex;will-change:transform;width:max-content;animation:scroll-left 20s linear infinite;} #vis .marquee .group {display:flex;flex:0 0 auto;} #vis .marquee span {flex-shrink:0;margin-right:30rem;} #vis .marquee span img {height:60rem;} } /*[E] 260213*/ ._tit {text-align:center;margin-bottom:45rem;} ._tit p {font-size:16rem;font-weight:500;} ._tit h3 {font-size:50rem;font-weight:100;color:#111;} ._tit + ._tab {margin-top:-35rem;} ._tab {display:flex;gap:4rem;justify-content:center;margin-bottom:60rem;} ._tab a {display:flex;align-items:center;justify-content:center;text-align:center;padding:0 14rem;height:36rem;border:1rem solid #999;border-radius:18rem;font-size:14rem;font-weight:500;color:#999;} ._tab a:hover, ._tab .active {background:#845DAE;border-color:#845DAE;color:#fff;} #career {padding:100rem 15rem 115rem;} #career .inner {max-width:1500rem;margin:0 auto;} #career .area .sec {display:none;} #career .area .sec.active {display:block;} ._careerList {display:flex;flex-wrap:wrap;gap:50rem 20rem;} ._careerList .box {width:calc(25% - (60rem / 4));} ._careerList .box .img {border-radius:15rem;overflow:hidden;position:relative;} ._careerList .box .img img {display:block;aspect-ratio:360 / 206;object-fit:cover;} ._careerList .box .img .clock {position:absolute;right:18rem;top:18rem;height:24rem;background:#ff0066;border-radius:4rem;padding:0 10rem;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12rem;font-weight:600;letter-spacing:-0.03em;} ._careerList .box .img .clock:before {content:"\ea1b";font-family:remixicon;font-weight:normal;font-size:15rem;margin-right:1rem;} ._careerList .box .img .clock.black {background:#3D3D3D;} ._careerList .box .info {padding:15rem 10rem 0;} ._careerList .box .info .cate {font-size:12rem;font-weight:bold;color:#A069F9;margin-bottom:12rem;} ._careerList .box .info .subject {font-size:20rem;line-height:1.2;height:2.4em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} ._careerList .box .info .hash {margin-top:12rem;display:flex;flex-wrap:wrap;gap:5rem;} ._careerList .box .info .hash span {display:inline-block;height:20rem;line-height:20rem;border-radius:5rem;background:#e9e9e9;font-size:12rem;font-weight:600;color:#FF6400;padding:0 6rem;white-space:nowrap;} #belt {background:linear-gradient(270deg, #0B132C 0%, #0C2055 50%, #0B132C 100%);padding:45rem 15rem;text-align:center;color:#fff;font-size:30rem;font-weight:800;} #belt span {color:#57A0FF;} #rev {padding:130rem 15rem 80rem;background:rgba(0,0,0,0.05);} #rev .inner {max-width:1500rem;margin:0 auto;} #rev .tit {text-align:center;margin-bottom:45rem;} #rev .tit p {font-size:16rem;font-weight:500;margin-bottom:5rem;} #rev .tit h3 {font-size:50rem;font-weight:200;color:#111;letter-spacing:-0.04em;} #rev .tit h3 strong {font-weight:900;} #rev .area .roll {overflow:hidden;} #rev .area .box {border:1rem solid #e4e4e4;border-radius:20rem;background:#fff;padding:60rem 20rem 35rem;position:relative;} #rev .area .box:before {content:"";display:block;width:24rem;height:24rem;background:url(../images/ico-dot.svg) no-repeat 50% 50% / contain;top:20rem;left:20rem;position:absolute;} #rev .area .box .txt {position:relative;font-weight:600;color:#7c7c7c;font-size:13rem;line-height:1.3;height:6.5em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} #rev .area .box .inf {margin-top:30rem;display:flex;align-items:center;} #rev .area .box .inf li {position:relative;margin-right:10rem;padding-right:10rem;} #rev .area .box .inf li:before {content:"";display:block;width:1rem;height:10rem;position:absolute;right:0;top:50%;transform:translateY(-5rem);background:#7c7c7c;} #rev .area .box .inf li:last-child {margin-right:0;padding-right:0;} #rev .area .box .inf li:last-child:before {display:none;} #rev .area .box .inf .name {font-size:13rem;font-weight:600;color:#7c7c7c;} #rev .area .box .cls {margin-top:40rem;display:flex;gap:8rem;align-items:center;} #rev .area .box .cls dt {width:88rem;} #rev .area .box .cls dt span {height:30rem;display:flex;align-items:center;justify-content:center;background:#E9E9E9;border-radius:3rem;text-align:center;font-size:12rem;font-weight:600;color:#ff6400;} #rev .area .box .cls dd {width:0;flex-grow:1;font-size:11rem;font-weight:500;color:#7c7c7c;letter-spacing:-0.03em;} #rev + #port {background:none;} #rev33 {padding:130rem 15rem 80rem;background:rgba(0,0,0,0.05);} #rev33 .inner {max-width:1500rem;margin:0 auto;} #rev33 .tit {text-align:center;margin-bottom:45rem;} #rev33 .tit p {font-size:16rem;font-weight:500;margin-bottom:5rem;} #rev33 .tit h3 {font-size:50rem;font-weight:200;color:#111;letter-spacing:-0.04em;} #rev33 .tit h3 strong {font-weight:900;} #rev33 .area .roll {overflow:hidden;} #rev33 .area .box {border:1rem solid #e4e4e4;border-radius:20rem;background:#fff;padding:60rem 20rem 35rem;position:relative;} #rev33 .area .box:before {content:"";display:block;width:24rem;height:24rem;background:url(../images/ico-dot.svg) no-repeat 50% 50% / contain;top:20rem;left:20rem;position:absolute;} #rev33 .area .box .txt {position:relative;font-weight:600;color:#7c7c7c;font-size:13rem;line-height:1.3;height:6.5em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} #rev33 .area .box .inf {margin-top:30rem;display:flex;align-items:center;} #rev33 .area .box .inf li {position:relative;margin-right:10rem;padding-right:10rem;} #rev33 .area .box .inf li:before {content:"";display:block;width:1rem;height:10rem;position:absolute;right:0;top:50%;transform:translateY(-5rem);background:#7c7c7c;} #rev33 .area .box .inf li:last-child {margin-right:0;padding-right:0;} #rev33 .area .box .inf li:last-child:before {display:none;} #rev33 .area .box .inf .name {font-size:13rem;font-weight:600;color:#7c7c7c;} #rev33 .area .box .cls {margin-top:40rem;display:flex;gap:8rem;align-items:center;} #rev33 .area .box .cls dt {width:88rem;} #rev33 .area .box .cls dt span {height:30rem;display:flex;align-items:center;justify-content:center;background:#E9E9E9;border-radius:3rem;text-align:center;font-size:12rem;font-weight:600;color:#ff6400;} #rev33 .area .box .cls dd {width:0;flex-grow:1;font-size:11rem;font-weight:500;color:#7c7c7c;letter-spacing:-0.03em;} #rev33 + #port {background:none;} ._star {display:inline-flex;gap:1rem;font-size:15rem;color:#DCDCDC;position:relative;} ._star .active {color:#FFCC49;} ._star.ty2 {font-size:40rem;} ._star.ty2 input {position:absolute;top:0;height:100%;opacity:0;z-index:10;width:20%;} ._star.ty2 input[value='1'] {left:0;} ._star.ty2 input[value='2'] {left:20%;} ._star.ty2 input[value='3'] {left:40%;} ._star.ty2 input[value='4'] {left:60%;} ._star.ty2 input[value='5'] {left:80%;} ._star.ty2:has(.chk1:checked) .star1, ._star.ty2:has(.chk2:checked) .star1, ._star.ty2:has(.chk2:checked) .star2, ._star.ty2:has(.chk3:checked) .star1, ._star.ty2:has(.chk3:checked) .star2, ._star.ty2:has(.chk3:checked) .star3, ._star.ty2:has(.chk4:checked) .star1, ._star.ty2:has(.chk4:checked) .star2, ._star.ty2:has(.chk4:checked) .star3, ._star.ty2:has(.chk4:checked) .star4, ._star.ty2:has(.chk5:checked) .star1, ._star.ty2:has(.chk5:checked) .star2, ._star.ty2:has(.chk5:checked) .star3, ._star.ty2:has(.chk5:checked) .star4, ._star.ty2:has(.chk5:checked) .star5 {color:#FFCC49;} #succ {overflow:hidden;padding:65rem 15rem 55rem;} #succ .inner {} #succ h3 {text-align:center;font-size:16rem;font-weight:500;} #succ h3 span {background:linear-gradient(90deg, #AE48F2 0%, #FF0004 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:bold;} #succ .word {overflow:hidden;font-size:0;white-space:nowrap;} #succ .marquee {display:inline-flex;will-change:transform;width:max-content;} #succ .group {display:flex;flex:0 0 auto;} #succ .word1 {margin-top:15rem;} #succ .word1 .marquee {animation:scroll-left 20s linear infinite;} #succ .word2 {margin-top:4rem;} #succ .word2 .marquee {animation:scroll-right 20s linear infinite;} #succ .word img {flex-shrink:0;margin-right:30rem;} #succ .word {-webkit-mask-image:linear-gradient(to right, transparent, #fff 6%, #fff 94%, transparent);mask-image:linear-gradient(to right, transparent, #fff 6%, #fff 94%, transparent);} @media(max-width:1200px){ ._tit {margin-bottom:25rem;} ._tit p {font-size:14rem;} ._tit h3 {font-size:34rem;} ._tit + ._tab {margin-top:-10rem;} ._tab {margin-bottom:25rem;} ._tab a {padding:0 10rem;height:32rem;border-radius:16rem;font-size:13rem;} #career {padding:40rem 15rem;} ._star.ty2 {font-size:30rem;} ._careerList {gap:40rem 10rem;} ._careerList .box {width:calc(50% - 5rem);} ._careerList .box .img {border-radius:10rem;} ._careerList .box .img .clock {right:5rem;top:5rem;height:20rem;padding:0 5rem;} ._careerList .box .img .clock:before {font-size:14rem;} ._careerList .box .info {padding:10rem 0 0;} ._careerList .box .info .cate {margin-bottom:5rem;} ._careerList .box .info .subject {font-size:16rem;} ._careerList .box .info .hash {margin-top:12rem;display:flex;flex-wrap:wrap;gap:5rem;} #career {padding:40rem 15rem;} ._star.ty2 {font-size:30rem;} ._careerList {gap:40rem 10rem;} ._careerList .box {width:calc(50% - 5rem);} ._careerList .box .img {border-radius:10rem;} ._careerList .box .img .clock {right:5rem;top:5rem;height:20rem;padding:0 5rem;} ._careerList .box .img .clock:before {font-size:14rem;} ._careerList .box .info {padding:10rem 0 0;} ._careerList .box .info .cate {margin-bottom:5rem;} ._careerList .box .info .subject {font-size:16rem;} ._careerList .box .info .hash {margin-top:12rem;display:flex;flex-wrap:wrap;gap:5rem;} #belt {padding:30rem 15rem;font-size:24rem;} #rev {padding:40rem 15rem;} #rev .tit {margin-bottom:25rem;} #rev .tit p {font-size:14rem;} #rev .tit h3 {font-size:30rem;} #rev .tit h3 strong {font-weight:900;} #rev .area .roll {margin:0 -15rem;padding:0 15rem;} #rev .area .box {border-radius:10rem;padding:50rem 10rem 20rem;} #rev .area .box:before {width:18rem;height:18rem;top:20rem;left:10rem;} #rev .area .box .txt {font-size:13rem;line-height:1.3;height:3.9em;-webkit-line-clamp:3;} #rev .area .box .inf {margin-top:15rem;} #rev .area .box .inf li {margin-right:5rem;padding-right:5rem;} #rev .area .box .inf .name {font-size:12rem;} #rev .area .box .cls {margin-top:20rem;display:block;} #rev .area .box .cls dt {width:auto} #rev .area .box .cls dt span {display:inline-flex;padding:0 10rem;} #rev .area .box .cls dd {width:auto;line-height:1.3;margin-top:10rem;} ._star {gap:0;font-size:14rem;} #succ {padding:40rem 15rem;} #succ h3 {font-size:16rem;font-weight:500;line-height:1.3;} #succ .word img {margin-right:15rem;width:110rem;} } #port {background:rgba(0,0,0,0.05);padding:70rem 0 115rem;overflow:hidden;} #port .area {margin-top:45rem;} #port .word {overflow:hidden;font-size:0;white-space:nowrap;} #port .marquee {display:inline-flex;will-change:transform;width:max-content;} #port .group {display:flex;flex:0 0 auto;} #port .word1 .marquee {animation:scroll-left 30s linear infinite;} #port .marquee:hover {animation-play-state:paused !important;} #port .word img {flex-shrink:0;margin-right:30rem;} #port .more {margin-top:55rem;text-align:center;} #port .more a {display:inline-flex;align-items:center;justify-content:center;width:210rem;height:56rem;border-radius:28rem;color:#fff;background:#212121;font-size:16rem;font-weight:500;} @media(max-width:1200px){ #port {padding:40rem 0;} #port .area {margin-top:20rem;} #port .word img {margin-right:15rem;width:180rem;} #port .more {margin-top:55rem;text-align:center;} #port .more a {width:140rem;height:40rem;border-radius:20rem;} } #port2 {padding:70rem 0 115rem;overflow:hidden;} #port2 .area {margin-top:45rem;} #port2 .word {overflow:hidden;font-size:0;white-space:nowrap;} #port2 .marquee {display:inline-flex;will-change:transform;width:max-content;} #port2 .group {display:flex;flex:0 0 auto;} #port2 .word1 .marquee {animation:scroll-left 30s linear infinite;} #port2 .marquee:hover {animation-play-state:paused !important;} #port2 .word img {flex-shrink:0;margin-right:30rem;} #port2 .more {margin-top:55rem;text-align:center;} #port2 .more a {display:inline-flex;align-items:center;justify-content:center;width:210rem;height:56rem;border-radius:28rem;color:#fff;background:#212121;font-size:16rem;font-weight:500;} @media(max-width:1200px){ #port2 {padding:40rem 0;} #port2 .area {margin-top:20rem;} #port2 .word img {margin-right:15rem;width:280rem;} #port2 .more {margin-top:55rem;text-align:center;} #port2 .more a {width:140rem;height:40rem;border-radius:20rem;} } #inq {overflow:hidden;position:relative;display:flex;} #inq .vis {width:50%;overflow:hidden;position:relative;} #inq .vis .swiper-slide {height:860rem;background:url(../images/img-inq1.png) no-repeat 50% 50% / cover;display:flex;justify-content:flex-end;padding-left:15rem;} #inq .vis .swiper-slide dl {width:750rem;max-width:100%;padding-top:75rem;color:#000;} #inq .vis .swiper-slide dl dt {font-size:20rem;font-weight:500;letter-spacing:-0.03em;} #inq .vis .swiper-slide dl dd {font-size:48rem;font-weight:800;line-height:1.15;margin-top:5rem;letter-spacing:-0.03em;} #inq .vis .bt {position:absolute;left:0;top:300rem;width:100%;max-width:100%;z-index:10;display:flex;justify-content:flex-end;} #inq .vis .bt .in {width:750rem;max-width:100%;display:flex;gap:7rem;} #inq .vis .bt button {width:45rem;height:45rem;border-radius:50%;background:#222 url(../images/ico-prev.svg) no-repeat 50% 50% / 12rem auto;box-shadow:0 4rem 8rem 0 rgba(0,0,0,0.15);} #inq .vis .bt .next {background-image:url(../images/ico-next.svg);} #inq .inq {width:50%;} #inq .inq .inner {width:750rem;max-width:100%;padding:75rem 15rem 0 45rem;} #inq .inq .tit {margin-bottom:40rem;} #inq .inq .tit dt {font-size:36rem;font-weight:bold;color:#8625BE;letter-spacing:-0.03em;} #inq .inq .tit dd {font-size:32rem;font-weight:300;color:#7C7C7C;letter-spacing:-0.03em;} #inq .inq .area {display:flex;justify-content:space-between;} #inq .inq .area .lef {width:292rem;} #inq .inq .area .lef {width:292rem;} #inq .inq .area .lef .detailChk {display:flex;gap:17rem 30rem;flex-wrap: wrap;} #inq .inq .area .lef .detailChk ._lab {display:block;font-size:12rem;font-weight:300;} #inq .inq .area .rig {width:280rem;margin-right:23rem;} #inq .inq .area .step {margin-bottom:20rem;} #inq .inq .area .step ~ .step {margin-top:30rem;} #inq .inq .area .step dt {font-size:12rem;font-weight:800;color:#b5b5b5;} #inq .inq .area .step dd {font-size:16rem;font-weight:500;color:#4a4a4a;margin-top:3rem;white-space:nowrap;} #inq .inq .area .lab {display:flex;flex-wrap:wrap;gap:5rem;} #inq .inq .area .lab label:not(._lab) {} #inq .inq .area .lab label:not(._lab) input {display:none;} #inq .inq .area .lab label:not(._lab) span {display:flex;align-items:center;justify-content:center;height:44rem;border-radius:8rem;padding:0 20rem;background:#ECEDF4;font-size:14rem;font-weight:500;color:#000;} #inq .inq .area .lab label:not(._lab) input:checked ~ span {background:#A67CE2;color:#fff;} #inq .inq .area .inp ul {display:flex;align-items:center;gap:5rem;} #inq .inq .area .inp ul ~ ul {margin-top:10rem;} #inq .inq .area .inp ul li:has(input) {width:0;flex-grow:1;} #inq .inq .area .inp ul li:has(textarea) {width:0;flex-grow:1;} #inq .inq .area .inp input {display:block;width:100%;border:1rem solid #ECEDF4;height:40rem;border-radius:7rem;padding-left:15rem;font-size:14rem;font-weight:500;background:#F7F9FD;} #inq .inq .area .inp textarea {height:85rem;padding:12rem 15rem;background:#F7F9FD;font-size:14rem;line-height:1.4;border:1rem solid #ECEDF4;width:100%;border-radius:7rem;} #inq .inq .area .pri {margin-top:20rem;} #inq .inq .area .pri dt {font-size:13rem;font-weight:600;color:#5b5b5b;} #inq .inq .area .pri dd {border:1rem solid #ECEDF4;border-radius:10rem;font-size:11rem;line-height:1.4;padding:20rem 15rem;margin-top:10rem;color:#4A5272;background:#F7F9FD;} #inq .inq .area .agr {margin-top:10rem;} #inq .inq .area .agr label {display:block;position:relative;padding-left:24rem;} #inq .inq .area .agr label input {display:none;} #inq .inq .area .agr label i {position:absolute;left:0;top:-2rem;font-size:16rem;color:#aaa;} #inq .inq .area .agr label strong {display:block;font-size:13rem;font-weight:normal;color:#000;} #inq .inq .area .agr label span {display:block;font-size:12rem;color:#ff4400;margin-top:4rem;} #inq .inq .area .agr label input:checked~ i {color:#A67CE2;} #inq .inq .area .bt {margin-top:25rem;} #inq .inq .area .bt button {width:100%;display:flex;height:50rem;border-radius:25rem;align-items:center;justify-content:center;color:#fff;background:#8625BE;font-size:16rem;font-weight:600;} #inq.ty2 {display:block;} #inq.ty2 .inq {width:auto;} #inq.ty2 .inq .inner {width:auto;padding:0;} #inq.ty2 .inq .area .lef {width:calc(500 / 1200 * 100%);} #inq.ty2 .inq .area .rig {width:calc(582 / 1200 * 100%);} #inq.ty2 .inq .area .step dd span {color:#888;font-weight:normal;} #inq.ty2 .inq .area .detailChk {display:flex;gap:17rem 30rem;} #inq.ty2 .inq .area .detailChk ._lab {display:block;} @media(max-width:1200px){ #inq {display:block;} #inq .vis {width:auto;} #inq .vis .swiper-slide {aspect-ratio:3 / 2;height:auto;position:relative;} #inq .vis .swiper-slide:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.3);} #inq .vis .swiper-slide dl {padding-top:30rem;position:relative;} #inq .vis .swiper-slide dl dt {font-size:12rem;} #inq .vis .swiper-slide dl dd {font-size:20rem;margin-top:5rem;} #inq .vis .bt {top:auto;bottom:30rem;padding-left:15rem;} #inq .vis .bt button {width:40rem;height:40rem;background-size:10rem auto;} #inq .inq {width:auto;} #inq .inq .inner {width:auto;padding:30rem 15rem;} #inq .inq .tit {margin-bottom:20rem;} #inq .inq .tit dt {font-size:24rem;} #inq .inq .tit dd {font-size:20rem;margin-top:3rem;} #inq .inq .area {display:block;} #inq .inq .area .lef {width:auto;} #inq .inq .area .rig {width:auto;margin:25rem 0 0;} #inq .inq .area .step {margin-bottom:10rem;} #inq .inq .area .step ~ .step {margin-top:25rem;} #inq .inq .area .step dt {font-size:12rem;} #inq .inq .area .step dd {font-size:16rem;} #inq .inq .area .lab label:not(._lab) span {height:34rem;border-radius:5rem;padding:0 10rem;} #inq .inq .area .inp input {height:34rem;border-radius:5rem;padding-left:10rem;} #inq .inq .area .pri {margin-top:15rem;} #inq .inq .area .pri dd {padding:15rem;} #inq.ty2 .inq .area .lef {width:auto;} #inq.ty2 .inq .area .rig {width:auto;} #inq.ty2 .inq .area .detailChk {display:block;} #inq.ty2 .inq .area .detailChk ._lab {display:inline-flex;min-width:45%;align-items:center;} #inq.ty2 .inq .area .detailChk ._lab span {height:auto;position:relative;top:1rem;} } #wrap.sub {padding-top:95rem;} #wrap.sub:has(._about1) {padding-top:0;} ._about1 {background:url(../images/bg-about1.png) no-repeat 50% 50% / cover;overflow:hidden;position:relative;padding:50rem 15rem;} ._about1 video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;pointer-events:none;} ._about1 .inner {max-width:1440rem;margin:0 auto;min-height:100dvh;display:flex;align-items:center;color:#fff;position:relative;} ._about1 dl {position:relative;width:100%;} ._about1 dl dt {font-size:80rem;line-height:1.1;font-weight:bold;letter-spacing:-0.03em;} ._about1 dl dd {position:absolute;left:0;bottom:10rem;font-size:20rem;width:100%;padding-left:300rem;letter-spacing:-0.03em;} ._about1 dl dd span {display:inline-block;position:relative;} ._about1 dl dd span:before {content:"";display:block;position:absolute;left:100%;margin-left:10rem;bottom:5rem;width:50vw;height:1rem;background:#fff;} ._about2 {background:url(../images/bg-about2.png) no-repeat 50% 50% / cover;overflow:hidden;position:relative;padding:50rem 15rem;} ._about2 .inner {max-width:1440rem;margin:0 auto;min-height:100dvh;color:#fff;align-items:center;display:flex;position:relative;} ._about2 .wrap {width:100%;} ._about2 .tit dt {font-size:80rem;line-height:1.1;font-weight:bold;letter-spacing:-0.03em;} ._about2 .tit dd {font-size:20rem;line-height:1.35;margin-top:40rem;} ._about2 .bot {margin-top:145rem;} ._about2 .bot dt {font-size:36rem;line-height:1.2;letter-spacing:-0.03em;} ._about2 .bot dt span {color:#A37ADE;} ._about2 .bot dd {font-size:20rem;line-height:1.35;margin-top:10rem;} ._about3 {padding:50rem 15rem;background:#1c1c1c;} ._about3 .inner {max-width:1440rem;height:100dvh;margin:0 auto;display:flex;align-items:center;position:relative;} ._about3 .wrap {width:100%;} ._about3 .tit {margin-bottom:80rem;} ._about3 .tit dt {font-size:36rem;font-weight:500;color:#fff;} ._about3 .tit dt span {color:#a37ade;} ._about3 .tit dd {font-size:20rem;font-weight:500;color:#C8C8C8;margin-top:5rem;} ._about3 .area {display:flex;flex-wrap:wrap;} ._about3 .area dl {width:50%;display:flex;} ._about3 .area dl:nth-child(n+3) dd {order:-1;} ._about3 .area dl > * {width:50%;aspect-ratio:1 / 1;border-radius:50%;} ._about3 .area dl dt {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} ._about3 .area dl dd {background:#000;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:40rem;} ._about3 .area dl dd span {display:block;font-size:24rem;font-weight:300;line-height:1.1;color:#fff;} ._about4 {padding:120rem 15rem;} ._about4 .inner {max-width:1440rem;margin:0 auto;} ._about4 .head {display:flex;align-items:center;justify-content:space-between;} ._about4 .head dt {font-size:36rem;line-height:1.3;color:#000;letter-spacing:-0.03em;} ._about4 .head dt strong {font-size:40rem;} ._about4 .head dd {width:715rem;margin-right:75rem;font-size:18rem;line-height:1.3;} ._about4 .area {margin-top:115rem;display:flex;gap:37rem;} ._about4 .area .box {width:0;flex-grow:1;} ._about4 .area .box dl {padding:30rem 10rem 0;} ._about4 .area .box dl dt {font-size:28rem;font-weight:600;color:#000;letter-spacing:-0.03em;} ._about4 .area .box dl dd {font-size:14rem;font-weight:500;color:#8b8b8b;margin-top:20rem;line-height:1.3;} ._about5 {padding:60rem 15rem;} ._about5 .inner {max-width:1440rem;margin:0 auto;} ._about5 .head {display:flex;align-items:center;justify-content:space-between;} ._about5 .head dt {font-size:36rem;line-height:1.3;color:#000;letter-spacing:-0.03em;} ._about5 .head dt strong {font-size:40rem;} ._about5 .head dd {width:715rem;margin-right:75rem;font-size:18rem;line-height:1.3;} ._about5 .area {margin-top:25rem;display:flex;gap:37rem;} ._about5 .area .box {width:0;flex-grow:1;} ._about5 .area .box dl {padding:30rem 10rem 0;} ._about5 .area .box dl dt {font-size:28rem;font-weight:600;color:#000;letter-spacing:-0.03em;} ._about5 .area .box dl dd {font-size:14rem;font-weight:500;color:#8b8b8b;margin-top:20rem;line-height:1.3;} @media(min-width:1201px){ #wrap.sub:not(:has(._about1)) #header {background:#fff;box-shadow:0 1rem 1rem rgba(0,0,0,0.15);} #wrap.sub:not(:has(._about1)) #header .logo a {background-image:url(../images/logo2.svg);} #wrap.sub:not(:has(._about1)) #header .gnb > li > a {color:#333;} #wrap.sub:not(:has(._about1)) #header .mnu {color:#333;} #wrap.sub:not(:has(._about1)) #header .gnb > li li:hover > a {color:#715091;} #wrap.sub:not(:has(._about1)) #header .gnb > li .active > a {color:#715091;} } @media(max-width:1200px){ #wrap.sub {padding-top:60rem;} #wrap.sub:has(._about1) {padding-top:0;} #wrap.sub #header {box-shadow:0 1rem 1rem rgba(0,0,0,0.15);} ._about1 {padding:30rem 15rem;} ._about1:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);} ._about1 dl {padding-right:50rem;} ._about1 dl dt {font-size:36rem;} ._about1 dl dd {position:relative;bottom:auto;font-size:16rem;padding-left:0;margin-top:15rem;line-height:1.35;} ._about1 dl dd span:before {display:none;} ._about2 {padding:30rem 15rem;} ._about2:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);} ._about2 .tit dt {font-size:36rem;} ._about2 .tit dd {font-size:16rem;margin-top:15rem;line-height:1.35;} ._about2 .bot {margin-top:30rem;} ._about2 .bot dt {font-size:20rem;} ._about2 .bot dd {font-size:16rem;line-height:1.35;margin-top:10rem;} ._about3 {padding:40rem 15rem;} ._about3 .inner {height:unset;} ._about3 .tit {margin-bottom:40rem;} ._about3 .tit dt {font-size:20rem;} ._about3 .tit dd {font-size:16rem;} ._about3 .area {padding:0 10rem;} ._about3 .area dl {width:100%;display:flex;} ._about3 .area dl:nth-child(even) dd {order:-1;} ._about3 .area dl:nth-child(odd) dd {order:unset;} ._about3 .area dl > * {width:50%;} ._about3 .area dl dd {gap:20rem;} ._about3 .area dl dd img {width:45rem;} ._about3 .area dl dd span {font-size:14rem;line-height:1.3;} ._about4 {padding:40rem 15rem;} ._about4 .head {display:block;} ._about4 .head dt {font-size:30rem;line-height:1.15;} ._about4 .head dt strong {font-size:30rem;} ._about4 .head dd {width:auto;margin:15rem 0 0;font-size:16rem;line-height:1.4;} ._about4 .area {margin-top:25rem;flex-wrap:wrap;gap:30rem 10rem;} ._about4 .area .box {width:calc(100% - 5rem);} ._about4 .area .box dl {padding:15rem 0 0;} ._about4 .area .box dl dt {font-size:16rem;letter-spacing:-0.04em;word-spacing:-0.03em;} ._about4 .area .box dl dd {font-size:13rem;margin-top:5rem;} ._about5 {padding:40rem 15rem;} ._about5 .head {display:block;} ._about5 .head dt {font-size:30rem;line-height:1.15;} ._about5 .head dt strong {font-size:30rem;} ._about5 .head dd {width:auto;margin:15rem 0 0;font-size:16rem;line-height:1.4;} ._about5 .area {margin-top:25rem;flex-wrap:wrap;gap:30rem 10rem;} ._about5 .area .box {width:calc(100% - 5rem);} ._about5 .area .box dl {padding:15rem 0 0;} ._about5 .area .box dl dt {font-size:16rem;letter-spacing:-0.04em;word-spacing:-0.03em;} ._about5 .area .box dl dd {font-size:13rem;margin-top:5rem;} } ._classVis {position:relative;overflow:hidden;} ._classVis .bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} ._classVis video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;pointer-events:none;filter: brightness(50%);} ._classVis .inner {position:relative;max-width:1090rem;margin:0 auto;height:530rem;padding-top:95rem;text-align:center;} ._classVis .top dl dt {font-size:20rem;color:#fff;margin-bottom:7rem;} ._classVis .top dl dd {font-size:48rem;font-weight:bold;background:linear-gradient(90deg, #FFA268 0%, #BA00F8 100%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-0.05em;} ._classVis .top p {font-size:16rem;font-weight:600s;line-height:1.4;color:#fff;margin-top:25rem;} ._classVis .bot {margin-top:50rem;background:#fff;display:flex;border-radius:28rem;padding:24rem 30rem;} ._classVis .bot .box {width:0;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:126rem;} ._classVis .bot .box ~ .box {border-left:1rem solid #dfdfdf;} ._classVis .bot .box .ico {font-size:30rem;color:#A4A4B0;} ._classVis .bot .box dl {margin-top:12rem;} ._classVis .bot .box dl dt {font-size:16rem;margin-bottom:3rem;color:#5c5c5c;} ._classVis .bot .box dl dd {font-size:18rem;font-weight:bold;color:#414141;} ._classVis10 {position:relative;overflow:hidden;} ._classVis10 .bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} ._classVis10 video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;pointer-events:none;} ._classVis10 .inner {position:relative;max-width:1090rem;margin:0 auto;height:180rem;padding-top:95rem;text-align:center;} ._classVis10 .top dl dt {font-size:20rem;color:#000;margin-bottom:7rem;} ._classVis10 .top dl dd {font-size:48rem;font-weight:bold;color:#000;letter-spacing:-0.05em;} ._classVis10 .top p {font-size:16rem;font-weight:600s;line-height:1.4;color:#fff;margin-top:25rem;} ._classBan {background:#F8F8F8;padding:70rem 15rem 60rem;} ._classBan .inner {max-width:1500rem;margin:0 auto;position:relative;} ._classBan .roll {overflow:hidden;} ._classBan .swiper-slide {position:relative;height:130rem;border-radius:20rem;background:#00E893;color:#fff;font-size:24rem;font-weight:bold;letter-spacing:-0.04em;display:flex;align-items:center;padding:0 54rem;} ._classBan .swiper-slide:nth-child(3n+2) {background:#00BEFD;} ._classBan .swiper-slide:nth-child(3n+3) {background:#8C41E2;} ._classBan .swiper-slide .txt {position:relative;z-index:5;} ._classBan .swiper-slide .ico {position:absolute;right:30rem;top:50%;transform:translateY(-50%);} ._classBan .prev, ._classBan .next {width:48rem;height:48rem;border-radius:50%;border:1rem solid #e0e0e0;position:absolute;top:40rem;z-index:10;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24rem;color:#9B9B9B;} ._classBan .prev {left:-24rem;} ._classBan .next {right:-24rem;} ._classBan .page {margin-top:28rem;display:flex;justify-content:center;gap:4rem;} ._classBan .page button {width:10rem;height:10rem;border-radius:5rem;background:#E4E7F4;border:none;transition:0.2s;} ._classBan .page .swiper-pagination-bullet-active {width:30rem;background:#3B02F8;} ._recommend {padding:70rem 15rem;} ._recommend .inner {text-align:center;max-width:1300rem;margin:0 auto;} ._recommend h3 {font-size:32rem;font-weight:200;color:#333;margin-bottom:70rem;} ._recommend .area {display:flex;justify-content:center;gap:80rem;} ._recommend .area .box {width:240rem;} ._recommend .area .box .img {position:relative;} ._recommend .area .box .img:before {content:"";display:block;width:120rem;height:120rem;margin:0 auto;border-radius:50%;background:#f5f5f5;} ._recommend .area .box .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} ._recommend .area .box .txt {margin-top:45rem;font-size:16rem;font-weight:500;line-height:1.4;letter-spacing:-0.03em;} ._recommend2 {padding:70rem 15rem;} ._recommend2 ._tit {text-align:center;} ._recommend2 .inner {text-align:center;} ._recommend2 h3 {font-size:32rem;font-weight:200;color:#333;margin-bottom:5rem;} ._recommend2 .area {display:flex;justify-content:center;} ._recommend2 .area .box {width:340rem;} ._recommend2 .area .box .img {position:relative;margin-top:5rem;} ._recommend2 .area .box .img:before {content:"";display:block;width:120rem;height:120rem;margin:0 auto;border-radius:50%;background:#fff;} ._recommend2 .area .box .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} ._recommend2 .area .box .txt1 {margin-top:0rem;font-size:20rem;font-weight:500;line-height:1.4;letter-spacing:-0.03em;color:#333;} ._recommend2 .area .box .txt {margin-top:5rem;font-size:14rem;font-weight:400;line-height:1.4;letter-spacing:-0.03em;} ._recommend3 {padding:70rem 15rem; background:#EFEFEF;} ._recommend3 ._tit {text-align:center;} ._recommend3 .inner {text-align:center;} ._recommend3 h3 {font-size:32rem;font-weight:200;color:#333;margin-bottom:5rem;} ._recommend3 .area {display:flex;justify-content:center;} ._recommend3 .area .box {width:340rem;} ._recommend3 .area .box .img {position:relative;margin-top:5rem;} ._recommend3 .area .box .img:before {content:"";display:block;width:120rem;height:120rem;margin:0 auto;border-radius:50%;background:#fff;} ._recommend3 .area .box .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} ._recommend3 .area .box .txt1 {margin-top:0rem;font-size:20rem;font-weight:500;line-height:1.4;letter-spacing:-0.03em;color:#333;} ._recommend3 .area .box .txt {margin-top:5rem;font-size:14rem;font-weight:400;line-height:1.4;letter-spacing:-0.03em;} ._recommend4 {padding:70rem 15rem;} ._recommend4 .inner {text-align:center;max-width:1300rem;margin:0 auto;} ._recommend4 h3 {font-size:32rem;font-weight:200;color:#333;margin-bottom:70rem;} ._recommend4 .area {display:flex;justify-content:center;gap:80rem;} ._recommend4 .area .box {width:240rem;} ._recommend4 .area .box .img {position:relative;} ._recommend4 .area .box .img:before {content:"";display:block;width:120rem;height:120rem;margin:0 auto;border-radius:50%;background:#fff;} ._recommend4 .area .box .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} ._recommend4 .area .box .txt {margin-top:45rem;font-size:16rem;font-weight:500;line-height:1.4;letter-spacing:-0.03em;} ._recommend4 .area .box .txt1 {margin-top:0rem;font-size:24rem;font-weight:500;line-height:1.4;letter-spacing:-0.03em;color:#333;} ._classInfo {background:#EFEFEF;padding:70rem 15rem;} ._classInfo .inner {max-width:1500rem;margin:0 auto;display:flex;align-items:center;gap:70rem;} ._classInfo .img {width:calc(680 / 1500 * 100%);} ._classInfo .info {width:0;flex-grow:1;} ._classInfo .info dl dt {font-size:40rem;font-weight:bold;color:#383838;letter-spacing:-0.04em;} ._classInfo .info dl dd {font-size:16rem;line-height:1.4;letter-spacing:-0.04em;margin-top:60rem;} ._classInfo .info dl dd .num {margin-bottom:12rem;display:inline-flex;height:26rem;align-items:center;border-radius:13rem;border:1rem solid #8c8c8c;padding:0 13rem;background:#fff;font-size:13rem;color:#0C2B59;font-weight:600;} ._classInfo2 {background:#f9f9f9;padding:70rem 15rem;} ._classInfo2 .inner {max-width:1000rem;margin:0 auto;} ._classInfo3 {background:#f9f9f9;padding:70rem 15rem;} ._classInfo3 .inner {max-width:1300rem;margin:0 auto;} ._classInfo3 .step {display:flex;gap:35rem;justify-content:center;flex-wrap:wrap;} ._classInfo3 .step .box {width:calc(25% - (200rem / 4));border:1rem solid #DFE0E9;display:flex;flex-direction:column;text-align:center;border-radius:14rem;position:relative;background:#fff;} ._classInfo3 .step .box .info {flex-grow:1;padding:20rem;} ._classInfo3 .step .box .info .step {margin-bottom:15rem;} ._classInfo3 .step .box .info .step span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#715091;height:26rem;border-radius:13rem;padding:0 7rem;font-size:12rem;font-weight:bold;} ._classInfo3 .step .box .info dl dt {margin-top:20rem;font-size:24rem;line-height:1.1;letter-spacing:-0.03em;font-weight:bold;color:#000;} ._classInfo3 .step .box .info dl dd {font-size:14rem;line-height:1.3;color:#888;margin-top:13rem;} ._classInfo6 {background:#f9f9f9;padding:70rem 15rem;} ._classInfo6 .inner {max-width:1300rem;margin:0 auto;} ._classInfo6 .step {display:flex;gap:35rem;justify-content:center;flex-wrap:wrap;} ._classInfo6 .step .box {width:calc(50% - (200rem / 4));border:1rem solid #DFE0E9;display:flex;flex-direction:column;text-align:center;border-radius:14rem;position:relative;background:#fff;} ._classInfo6 .step .box .info {flex-grow:1;padding:20rem;} ._classInfo6 .step .box .info .step {margin-bottom:15rem;} ._classInfo6 .step .box .info .step span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#715091;height:26rem;border-radius:13rem;padding:0 7rem;font-size:12rem;font-weight:bold;} ._classInfo6 .step .box .info dl dt {margin-top:20rem;font-size:24rem;line-height:1.1;letter-spacing:-0.03em;font-weight:bold;color:#000;} ._classInfo6 .step .box .info dl dd {font-size:14rem;line-height:1.3;color:#888;margin-top:13rem;} ._classInfo4 {background:#f9f9f9;padding:70rem 15rem;} ._classInfo4 .inner {max-width:1500rem;margin:0 auto;} ._classInfo4 .step {display:flex;gap:35rem;justify-content:center;flex-wrap:wrap;} ._classInfo4 .step .box {width:calc(20% - (140rem / 5));border:1rem solid #DFE0E9;display:flex;flex-direction:column;text-align:center;border-radius:14rem;position:relative;background:#fff;} ._classInfo4 .step .box .info {flex-grow:1;padding:20rem;} ._classInfo4 .step .box .info .step {margin-bottom:15rem;} ._classInfo4 .step .box .info .step span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#715091;height:26rem;border-radius:13rem;padding:0 7rem;font-size:12rem;font-weight:bold;} ._classInfo4 .step .box .info dl dt {margin-top:20rem;font-size:24rem;line-height:1.1;letter-spacing:-0.03em;font-weight:bold;color:#000;} ._classInfo4 .step .box .info dl dd {font-size:14rem;line-height:1.3;color:#888;margin-top:13rem;} ._classInfo5 {background:#fff;padding:70rem 15rem;} ._classInfo5 .inner {max-width:1500rem;margin:0 auto;display:flex;align-items:center;gap:70rem;} ._classInfo5 .img {width:calc(680 / 1500 * 100%);} ._classInfo5 .info {width:0;flex-grow:1;} ._classInfo5 .info dl dt {font-size:40rem;font-weight:bold;color:#383838;letter-spacing:-0.04em;} ._classInfo5 .info dl dd {font-size:16rem;line-height:1.4;letter-spacing:-0.04em;margin-top:60rem;} ._classInfo5 .info dl dd .num {margin-bottom:12rem;display:inline-flex;height:26rem;align-items:center;border-radius:13rem;border:1rem solid #8c8c8c;padding:0 13rem;background:#fff;font-size:13rem;color:#0C2B59;font-weight:600;} ._classRoad {padding:90rem 15rem;} ._classRoad .inner {max-width:1500rem;margin:0 auto;} ._classRoad h3 {font-size:36rem;font-weight:bold;color:#000;text-align:center;margin-bottom:45rem;} ._classRoad h3 span {color:#715091;} ._classRoad p {font-size:16rem;font-weight:500;color:#666;text-align:center;margin-bottom:45rem;} ._classRoad .step {display:flex;gap:35rem;justify-content:center;flex-wrap:wrap;} ._classRoad .step .box {width:calc(20% - (140rem / 5));border:1rem solid #DFE0E9;display:flex;flex-direction:column;text-align:center;border-radius:14rem;position:relative;} ._classRoad .step .box:before {content:"\ea6e";font-family:remixicon;position:absolute;left:100%;margin-left:1rem;width:35rem;height:100%;display:flex;align-items:center;justify-content:center;font-size:24rem;color:#715091;} ._classRoad .step .box:last-child:before {display:none;} ._classRoad .step .box .info {flex-grow:1;padding:20rem;} ._classRoad .step .box .info .step {margin-bottom:15rem;} ._classRoad .step .box .info .step span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#715091;height:26rem;border-radius:13rem;padding:0 7rem;font-size:12rem;font-weight:bold;} ._classRoad .step .box .info dl dt {font-size:24rem;line-height:1.1;letter-spacing:-0.03em;font-weight:bold;color:#000;} ._classRoad .step .box .info dl dd {font-size:18rem;line-height:1.3;color:#888;margin-top:13rem;} ._classRoad .class {max-width:1080rem;margin:100rem auto 0;} ._classRoad .class .top {margin-bottom:30rem;} ._classRoad .class .top h4 {font-size:32rem;font-weight:200;color:#000;letter-spacing:-0.03em;line-height:1.2;} ._classRoad .class .top h4 strong {font-weight:600;} ._classRoad .class .top .txt {margin-top:15rem;font-size:17rem;font-weight:300;line-height:1.5;color:#888;letter-spacing:-0.03em;} ._classRoad .class .bot {} ._classRoad .class .bot .box {border:1rem solid #E5EBF4;background:#F6F8FB;padding:25rem 30rem 30rem;border-radius:10rem;} ._classRoad .class .bot .box ~ .box {margin-top:20rem;} ._classRoad .class .bot .box button {display:block;text-align:left;position:relative;width:100%;} ._classRoad .class .bot .box button:before {content:"\ea4e";font-family:remixicon;font-size:24rem;color:#8999B2;position:absolute;right:0;top:0;transition:0.2s;} ._classRoad .class .bot .box button .num {margin-bottom:12rem;display:inline-flex;height:26rem;align-items:center;border-radius:13rem;border:1rem solid #8c8c8c;padding:0 13rem;background:#fff;font-size:13rem;color:#0C2B59;font-weight:600;} ._classRoad .class .bot .box button .txt {font-size:16rem;font-weight:500;color:#3C3C3C;line-height:1.3;letter-spacing:-0.04em;} ._classRoad .class .bot .box .cont {display:none;margin-top:10rem;background:#fff;border:1rem solid #DCE7F6;border-radius:10rem;padding:15rem 45rem;font-size:14rem;line-height:1.7;color:#505E73;letter-spacing:-0.03em;} ._classRoad .class .bot .box.active button:before {transform:rotate(180deg);} /*._classRoad .class .bot .box.active .cont {display:block;} 251113 삭제*/ ._classRoad .class1 {max-width:1080rem;margin:0rem auto 0;} ._classRoad .class1 .top {margin-bottom:30rem;} ._classRoad .class1 .top h4 {font-size:32rem;font-weight:200;color:#000;letter-spacing:-0.03em;line-height:1.2;} ._classRoad .class1 .top h4 strong {font-weight:600;} ._classRoad .class1 .top .txt {margin-top:15rem;font-size:17rem;font-weight:300;line-height:1.5;color:#888;letter-spacing:-0.03em;} ._classRoad .class1 .bot {} ._classRoad .class1 .bot .box {border:1rem solid #E5EBF4;background:#F6F8FB;padding:25rem 30rem 30rem;border-radius:10rem;} ._classRoad .class1 .bot .box ~ .box {margin-top:20rem;} ._classRoad .class1 .bot .box button {display:block;text-align:left;position:relative;width:100%;} ._classRoad .class1 .bot .box button:before {content:"\ea4e";font-family:remixicon;font-size:24rem;color:#8999B2;position:absolute;right:0;top:0;transition:0.2s;} ._classRoad .class1 .bot .box button .num {margin-bottom:12rem;display:inline-flex;height:26rem;align-items:center;border-radius:13rem;border:1rem solid #8c8c8c;padding:0 13rem;background:#fff;font-size:13rem;color:#0C2B59;font-weight:600;} ._classRoad .class1 .bot .box button .txt {font-size:16rem;font-weight:500;color:#3C3C3C;line-height:1.3;letter-spacing:-0.04em;} ._classRoad .class1 .bot .box .cont {display:none;margin-top:10rem;background:#fff;border:1rem solid #DCE7F6;border-radius:10rem;padding:15rem 45rem;font-size:14rem;line-height:1.7;color:#505E73;letter-spacing:-0.03em;} ._classRoad .class1 .bot .box.active button:before {transform:rotate(180deg);} /*._classRoad .class .bot .box.active .cont {display:block;} 251113 삭제*/ ._classRoad .class .inner p {text-align:left;} ._classRoad2 {padding:90rem 15rem;} ._classRoad2 .inner {max-width:1200rem;margin:0 auto;} ._classRoad2 .step {display:flex;gap:35rem;justify-content:center;flex-wrap:wrap;} ._classRoad2 .step .box {width:calc(20% - (140rem / 5));border:0rem solid #DFE0E9;display:flex;flex-direction:column;text-align:center;border-radius:14rem;position:relative;} ._classRoad2 .step .box:before {content:"\ea6e";font-family:remixicon;position:absolute;left:100%;margin-left:1rem;width:35rem;height:100%;display:flex;align-items:center;justify-content:center;font-size:24rem;color:#715091;} ._classRoad2 .step .box:last-child:before {display:none;} ._classRoad2 .step .box .info {flex-grow:1;padding:20rem;} ._classRoad2 .step .box .info .step {margin-bottom:15rem;} ._classRoad2 .step .box .info .step span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#715091;height:26rem;border-radius:13rem;padding:0 7rem;font-size:12rem;font-weight:bold;} ._classRoad2 .step .box .info dl dt {font-size:20rem;line-height:1.1;letter-spacing:-0.03em;font-weight:500;color:#000;} ._classRoad2 .step .box .info dl dd {font-size:14rem;line-height:1.3;color:#888;margin-top:13rem;} ._classRoad2 .step .box img {max-width:140rem;} ._classRoad3 {padding:90rem 15rem;} ._classRoad3 .inner {max-width:1400rem;margin:0 auto;} ._classRoad3 .step {display:flex;gap:35rem;justify-content:center;flex-wrap:wrap;} ._classRoad3 .step .box {width:calc(16% - (120rem / 6));border:0rem solid #DFE0E9;display:flex;flex-direction:column;text-align:center;border-radius:14rem;position:relative;} ._classRoad3 .step .box:before {content:"\ea6e";font-family:remixicon;position:absolute;left:100%;margin-left:1rem;width:35rem;height:100%;display:flex;align-items:center;justify-content:center;font-size:24rem;color:#715091;} ._classRoad3 .step .box:last-child:before {display:none;} ._classRoad3 .step .box .info {flex-grow:1;padding:20rem;} ._classRoad3 .step .box .info .step {margin-bottom:15rem;} ._classRoad3 .step .box .info .step span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#715091;height:26rem;border-radius:13rem;padding:0 7rem;font-size:12rem;font-weight:bold;} ._classRoad3 .step .box .info dl dt {font-size:20rem;line-height:1.1;letter-spacing:-0.03em;font-weight:500;color:#000;} ._classRoad3 .step .box .info dl dd {font-size:14rem;line-height:1.3;color:#888;margin-top:13rem;} ._classRoad3 .step .box img {max-width:140rem;} ._classRoad4 {padding:30rem 0rem;text-align:center;} ._classRoad4 .inner {max-width:1400rem;margin:0 auto;text-align:center;} @media(max-width:1200px){ ._classVis .inner {height:auto;padding:40rem 15rem;} ._classVis .top dl dt {font-size:14rem;margin-bottom:5rem;} ._classVis .top dl dd {font-size:28rem;line-height:1.1;} ._classVis .top p {font-size:14rem;margin-top:15rem;} ._classVis .bot {margin-top:30rem;flex-wrap:wrap;border-radius:10rem;padding:0;justify-content:center;} ._classVis .bot .box {width:calc(100% / 3);height:80rem;} ._classVis .bot .box ~ .box {border-left:1rem solid #dfdfdf;} ._classVis .bot .box:nth-child(3n+1) {border-left:none;} ._classVis .bot .box:nth-child(n+4) {border-top:1rem solid #dfdfdf;} ._classVis .bot .box .ico {font-size:20rem;} ._classVis .bot .box dl {margin-top:3rem;} ._classVis .bot .box dl dt {font-size:12rem;} ._classVis .bot .box dl dd {font-size:13rem;letter-spacing:-0.03em;} ._classVis10 .inner {height:auto;padding:40rem 15rem;height:140rem;} ._classVis10 .top dl dt {font-size:14rem;color:#000;margin-bottom:7rem;} ._classVis10 .top dl dd {font-size:43rem;font-weight:bold;color:#000;letter-spacing:-0.05em;} ._classVis10 .top p {font-size:14rem;font-weight:600s;line-height:1.4;color:#fff;margin-top:25rem;} ._classBan {padding:15rem;} ._classBan .swiper-slide {height:100rem;border-radius:10rem;font-size:16rem;padding:0 15rem;} ._classBan .swiper-slide .ico {right:15rem;} ._classBan .prev, ._classBan .next {display:none;} ._classBan .page {margin-top:15rem;} ._recommend {padding:40rem 15rem;} ._recommend h3 {font-size:24rem;letter-spacing:-0.04em;margin-bottom:40rem;} ._recommend .area {flex-wrap:wrap;gap:50rem 10rem;} ._recommend .area .box {width:calc(50% - 5rem);} ._recommend .area .box .img:before {width:100rem;height:100rem;} ._recommend .area .box .img img {} ._recommend .area .box .txt {margin-top:45rem;font-size:13rem;line-height:1.3;} ._recommend4 {padding:40rem 15rem;} ._recommend4 h3 {font-size:24rem;letter-spacing:-0.04em;margin-bottom:40rem;} ._recommend4 .area {flex-wrap:wrap;gap:50rem 10rem;} ._recommend4 .area .box {width:calc(50% - 5rem);} ._recommend4 .area .box .img:before {width:100rem;height:100rem;} ._recommend4 .area .box .img img {} ._recommend4 .area .box .txt {margin-top:20rem;font-size:13rem;line-height:1.3;} ._recommend4 .area .box .txt1 {margin-top:0rem;font-size:14rem;font-weight:500;line-height:1.4;letter-spacing:-0.03em;color:#333;} ._recommend2 {padding:40rem 15rem;} ._recommend2 ._tit {text-align:center;} ._recommend2 .inner {text-align:center;} ._recommend2 h3 {font-size:32rem;font-weight:200;color:#333;margin-bottom:5rem;} ._recommend2 .area {display:flex;justify-content:center;} ._recommend2 .area .box {width:340rem;} ._recommend2 .area .box .img {position:relative;margin-top:5rem;} ._recommend2 .area .box .img:before {content:"";display:block;width:120rem;height:120rem;margin:0 auto;border-radius:50%;background:#fff;} ._recommend2 .area .box .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} ._recommend2 .area .box .txt1 {margin-top:0rem;font-size:14rem;font-weight:500;line-height:1.4;letter-spacing:-0.03em;color:#333;} ._recommend2 .area .box .txt {margin-top:5rem;font-size:12rem;font-weight:400;line-height:1.4;letter-spacing:-0.03em;} ._recommend3 {padding:40rem 15rem;background:#EFEFEF;} ._recommend3 ._tit {text-align:center;} ._recommend3 .inner {text-align:center;} ._recommend3 h3 {font-size:32rem;font-weight:200;color:#333;margin-bottom:5rem;} ._recommend3 .area {display:flex;justify-content:center;} ._recommend3 .area .box {width:340rem;} ._recommend3 .area .box .img {position:relative;margin-top:5rem;} ._recommend3 .area .box .img:before {content:"";display:block;width:120rem;height:120rem;margin:0 auto;border-radius:50%;background:#fff;} ._recommend3 .area .box .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} ._recommend3 .area .box .txt1 {margin-top:0rem;font-size:14rem;font-weight:500;line-height:1.4;letter-spacing:-0.03em;color:#333;} ._recommend3 .area .box .txt {margin-top:5rem;font-size:12rem;font-weight:400;line-height:1.4;letter-spacing:-0.03em;} ._classInfo {padding:40rem 15rem;} ._classInfo .inner {display:block;} ._classInfo .img {width:auto;} ._classInfo .img img {display:block;width:100%;} ._classInfo .info {width:auto;margin-top:20rem;} ._classInfo .info dl dt {font-size:24rem;} ._classInfo .info dl dd {font-size:14rem;margin-top:15rem;} ._classInfo5 {padding:40rem 15rem;} ._classInfo5 .inner {display:block;} ._classInfo5 .img {width:auto;} ._classInfo5 .img img {display:block;width:100%;} ._classInfo5 .info {width:auto;margin-top:20rem;} ._classInfo5 .info dl dt {font-size:24rem;} ._classInfo5 .info dl dd {font-size:14rem;margin-top:15rem;} ._classInfo2 {background:#f9f9f9;padding:40rem 15rem;} ._classInfo2 .inner {max-width:1000rem;margin:0 auto;} ._classRoad {padding:40rem 15rem;} ._classRoad h3 {font-size:24rem;margin-bottom:15rem;} ._classRoad .step {flex-wrap:wrap;gap:10rem;} ._classRoad .step .box {width:calc(50% - 5rem);} ._classRoad .step .box:before {display:none;} ._classRoad .step .box .info {padding:15rem;} ._classRoad .step .box .info .step {margin-bottom:10rem;} ._classRoad .step .box .info .step span {height:20rem;border-radius:10rem;font-size:11rem;} ._classRoad .step .box .info dl dt {font-size:18rem;} ._classRoad .step .box .info dl dd {font-size:13rem;line-height:1.25;margin-top:5rem;} ._classRoad .step .box .img img {display:block;width:100%;} ._classRoad .class {margin:50rem auto 0;} ._classRoad .class .top {margin-bottom:20rem;} ._classRoad .class .top h4 {font-size:24rem;} ._classRoad .class .top .txt {margin-top:10rem;font-size:14rem;line-height:1.4;} ._classRoad .class .bot .box {padding:15rem;} ._classRoad .class .bot .box ~ .box {margin-top:10rem;} ._classRoad .class .bot .box .cont {padding:15rem;line-height:1.6;} ._classRoad .class .bot .box button .num {margin-bottom:12rem;display:inline-flex;height:26rem;align-items:center;border-radius:13rem;border:1rem solid #8c8c8c;padding:0 13rem;background:#fff;font-size:10rem;color:#0C2B59;font-weight:600;} ._classRoad .class .bot .box button .txt {font-size:13rem;font-weight:500;color:#3C3C3C;line-height:1.3;letter-spacing:-0.04em;} ._classRoad .class .bot .box .cont {display:none;margin-top:10rem;background:#fff;border:1rem solid #DCE7F6;border-radius:10rem;padding:15rem 25rem;font-size:12rem;line-height:1.7;color:#505E73;letter-spacing:-0.03em;} ._classRoad .class1 {margin:0rem auto 0;} ._classRoad .class1 .top {margin-bottom:20rem;} ._classRoad .class1 .top h4 {font-size:24rem;} ._classRoad .class1 .top .txt {margin-top:10rem;font-size:14rem;line-height:1.4;} ._classRoad .class1 .bot .box {padding:15rem;} ._classRoad .class1 .bot .box ~ .box {margin-top:10rem;} ._classRoad .class1 .bot .box .cont {padding:15rem;line-height:1.6;} ._classRoad .class1 .bot .box button .num {margin-bottom:12rem;display:inline-flex;height:26rem;align-items:center;border-radius:13rem;border:1rem solid #8c8c8c;padding:0 13rem;background:#fff;font-size:10rem;color:#0C2B59;font-weight:600;} ._classRoad .class1 .bot .box button .txt {font-size:13rem;font-weight:500;color:#3C3C3C;line-height:1.3;letter-spacing:-0.04em;} ._classRoad .class1 .bot .box .cont {display:none;margin-top:10rem;background:#fff;border:1rem solid #DCE7F6;border-radius:10rem;padding:15rem 25rem;font-size:12rem;line-height:1.7;color:#505E73;letter-spacing:-0.03em;} ._classRoad2 {padding:40rem 15rem;} ._classRoad2 .step {display:flex;gap:35rem;justify-content:center;flex-wrap:wrap;} ._classRoad2 .step .box {width:calc(50% - (140rem / 5));border:1rem solid #DFE0E9;display:flex;flex-direction:column;text-align:center;border-radius:14rem;position:relative;} ._classRoad3 .step .box:before {display:none;} ._classRoad2 .step .box .info {flex-grow:1;padding:6rem;} ._classRoad2 .step .box .info .step {margin-bottom:8rem;} ._classRoad2 .step .box .info .step span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#715091;height:16rem;border-radius:13rem;padding:0 7rem;font-size:9rem;font-weight:400;} ._classRoad2 .step .box .info dl dt {font-size:15rem;line-height:1.1;letter-spacing:-0.03em;font-weight:500;color:#000;} ._classRoad2 .step .box .info dl dd {font-size:11rem;line-height:1.3;color:#888;margin-top:13rem;} ._classRoad2 .step .box img {max-width:140rem;} ._classRoad3 {padding:40rem 15rem;} ._classRoad3 .step {display:flex;gap:35rem;justify-content:center;flex-wrap:wrap;} ._classRoad3 .step .box {width:calc(50% - (140rem / 6));border:1rem solid #DFE0E9;display:flex;flex-direction:column;text-align:center;border-radius:14rem;position:relative;} ._classRoad3 .step .box:before {content:"\ea6e";font-family:remixicon;position:absolute;left:100%;margin-left:1rem;width:35rem;height:100%;display:flex;align-items:center;justify-content:center;font-size:24rem;color:#715091;} ._classRoad3 .step .box:last-child:before {display:none;} ._classRoad3 .step .box:before {display:none;} ._classRoad3 .step .box .info {flex-grow:1;padding:6rem;} ._classRoad3 .step .box .info .step {margin-bottom:8rem;} ._classRoad3 .step .box .info .step span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#715091;height:16rem;border-radius:13rem;padding:0 7rem;font-size:9rem;font-weight:400;} ._classRoad3 .step .box .info dl dt {font-size:15rem;line-height:1.1;letter-spacing:-0.03em;font-weight:500;color:#000;} ._classRoad3 .step .box .info dl dd {font-size:11rem;line-height:1.3;color:#888;margin-top:13rem;} ._classRoad3 .step .box img {max-width:140rem;} ._classInfo3 {padding:40rem 15rem;} ._classInfo3 h3 {font-size:24rem;margin-bottom:15rem;} ._classInfo3 .step {flex-wrap:wrap;gap:10rem;} ._classInfo3 .step .box {width:calc(50% - 5rem);} ._classInfo3 .step .box:before {display:none;} ._classInfo3 .step .box .info {padding:15rem;} ._classInfo3 .step .box .info .step {margin-bottom:10rem;} ._classInfo3 .step .box .info .step span {height:20rem;border-radius:10rem;font-size:11rem;} ._classInfo3 .step .box .info dl dt {font-size:18rem;} ._classInfo3 .step .box .info dl dd {font-size:13rem;line-height:1.25;margin-top:5rem;} ._classInfo3 .step .box .img img {display:block;width:100%;} ._classInfo4 {padding:40rem 15rem;} ._classInfo4 h3 {font-size:24rem;margin-bottom:15rem;} ._classInfo4 .step {flex-wrap:wrap;gap:10rem;} ._classInfo4 .step .box {width:calc(50% - 5rem);} ._classInfo4 .step .box:before {display:none;} ._classInfo4 .step .box .info {padding:15rem;} ._classInfo4 .step .box .info .step {margin-bottom:10rem;} ._classInfo4 .step .box .info .step span {height:20rem;border-radius:10rem;font-size:11rem;} ._classInfo4 .step .box .info dl dt {font-size:18rem;} ._classInfo4 .step .box .info dl dd {font-size:13rem;line-height:1.25;margin-top:5rem;} ._classInfo4 .step .box .img img {display:block;width:100%;} } #sub {padding:40rem 15rem 120rem;} #sub > .inner {max-width:1200rem;margin:0 auto;} #sub.w1500 > .inner {max-width:1500rem;margin:0 auto;} #tit {margin-bottom:50rem;padding-bottom:35rem;border-bottom:1rem solid #ddd;} #tit:has(.snb) {padding-bottom:0;border-bottom:none;} #tit h2 {font-size:48rem;font-weight:bold;color:#000;} #tit .snb {margin-top:24rem;display:flex;gap:4rem;} #tit .snb > li > a {display:flex;align-items:center;height:40rem;border-radius:20rem;border:1rem solid #9f9f9f;padding:0 25rem;font-size:16rem;font-weight:600;letter-spacing:-0.04em;transition:0.2s;} #tit .snb > li:hover > a, #tit .snb > li.active > a {color:#fff;background:#845DAE;border-color:#845DAE;} @media(max-width:1200px){ #sub {padding:30rem 15rem 40rem;} #tit {margin-bottom:25rem;padding-bottom:15rem;} #tit h2 {font-size:30rem;} #tit .snb {margin-top:15rem;align-items:center;font-size:0;margin-left:-15rem;margin-right:-15rem;padding:0 15rem;white-space:nowrap;overflow:auto;} #tit .snb > li > a {height:30rem;border-radius:15rem;padding:0 12rem;font-size:14rem;} } ._topArea {margin-bottom:20rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15rem;} ._topArea:has(.rig:first-child) {justify-content:flex-end;} ._topArea .all {color:#000;font-weight:500;font-size:16rem;} ._topArea .all strong {color:#ff0000;} ._topArea .rig {display:flex;flex-wrap:wrap;align-items:center;gap:10rem 20rem;} ._topArea h4 {font-size:20rem;font-weight:500;color:#000;} ._topArea h6 {font-size:16rem;font-weight:500;color:#000;} ._topArea.line {padding-bottom:15rem;border-bottom:1rem solid #d1d1d1;margin-bottom:40rem;} ._botArea {margin-top:40rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10rem;} ._botArea:has(.rig:first-child) {justify-content:flex-end;} ._botArea ._btWrap {margin-top:0;} ._botArea .all {color:#000;font-weight:500;font-size:16rem;} ._botArea.line {padding-top:40rem;border-top:1rem solid #000;} @media all and (max-width:1200px){ ._topArea .rig:has(._sch) {width:100%;} ._topArea ._sch {width:100%;} ._topArea ._sch input.inp {flex-grow:1;width:0;} ._topArea.line {padding-bottom:10rem;margin-bottom:20rem;} ._botArea:has(.lef + .rig) {justify-content:center;} } ._tbl {table-layout:fixed;width:100%;} ._tbl.auto {table-layout:auto} ._tbl.ty1 {border-top:2rem solid #333;} ._tbl.ty1 tr {border-bottom:1rem solid #D5D5D5;} ._tbl.ty1 tr > * {padding:10rem;height:62rem;text-align:center;} ._tbl.ty1 tr th {font-size:15rem;font-weight:500;color:#222;} ._tbl.ty1 tr td {font-size:14rem;} ._tbl.ty1 .subject {text-align:left;} ._tbl.ty1 .subject a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;} ._tbl.ty2 tr {border-bottom:1rem solid #D5D5D5;} ._tbl.ty2 tr > * {padding:15rem 13rem;text-align:center;border:1rem solid #D5D5D5;line-height:1.3;} ._tbl.ty2 tr th {font-size:15rem;font-weight:500;color:#222;background:#F5F5F5;} ._tbl.ty2 tr td {font-size:14rem;} ._tbl.ty2 .subject {text-align:left;} ._tbl.ty2 .subject a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;font-size:16rem;color:#333;font-weight:500;} ._tbl.ty3 tr {border-bottom:1rem solid #D5D5D5;} ._tbl.ty3 tr > * {padding:15rem 13rem;text-align:center;border:1rem solid #D5D5D5;line-height:1.3;} ._tbl.ty3 tr th {font-size:15rem;font-weight:500;color:#fff;background:#203476;} ._tbl.ty3 tr td {font-size:14rem;} ._tbl.ty4 {border-top:1rem solid #000;} ._tbl.ty4 tr {border-bottom:1rem solid #DEDEDE;} ._tbl.ty4 tr > * {padding:15rem 20rem;text-align:left;line-height:1.3;} ._tbl.ty4 tr th {font-size:14rem;font-weight:500;background:#F5F5F5;color:#333;height:71rem;} ._tbl.ty4 tr td {font-size:14rem;} ._tbl.ty5 {border-top:2rem solid #46579f;} ._tbl.ty5 tr {border-bottom:1rem solid #D5D5D5;} ._tbl.ty5 tr > * {padding:10rem;height:62rem;text-align:center;} ._tbl.ty5 tr th {font-size:15rem;font-weight:500;color:#3353dd;text-align:center;background:#e4e9ff;} ._tbl.ty5 tr td {font-size:14rem; text-align:center;background:#fff;} ._tbl.ty5 .subject {text-align:center;} ._tbl.ty5 .subject a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;} ._tbl.tblPay tr td {font-size:24rem;font-weight:600;padding:0;} ._tbl.tblPay tr td div {padding:35rem 10rem;color:#000;position:relative;} ._tbl.tblPay tr td div i {width:26rem;height:26rem;position:absolute;left:100%;top:50%;margin:-13rem 0 0 -13rem;background:#203476;color:#fff;font-size:20rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:normal;} @media all and (max-width:1200px){ ._tbl.respond1 {display:block;} ._tbl.respond1 thead {display:none;} ._tbl.respond1 tbody {display:block;} ._tbl.respond1 tbody tr {display:flex;flex-wrap:wrap;align-items:center;gap:5rem 16rem;padding:10rem 0;overflow:hidden;} ._tbl.respond1 tbody tr td {padding:0;height:auto;position:relative;} ._tbl.respond1 tbody tr td:after {content:"";display:block;width:1rem;height:10rem;background:#ddd;position:absolute;left:-8rem;top:50%;transform:translateY(-50%);} ._tbl.respond1 tbody tr td ._icoNotice {width:18rem;} ._tbl.respond1 tbody tr [data-th]:before {content:attr(data-th) " : ";} ._tbl.respond1 tbody tr .subject {order:-1;width:100%;} ._tbl.respond1 tbody tr .chk {order:-2;width:100%;text-align:left;} ._tbl.respond1 tbody tr .mw100p {text-align:left;} ._tbl.respond1.ty2 {border-top:2rem solid #1E45C5;} ._tbl.respond1.ty2 tbody tr > * {padding:0;border:none;} ._tbl.respond2 {display:block;} ._tbl.respond2 colgroup, ._tbl.respond2 thead {display:none;} ._tbl.respond2 tbody {display:block;} ._tbl.respond2 tbody tr {display:block;} ._tbl.respond2 tbody tr th, ._tbl.respond2 tbody tr td {display:block;padding:15rem;} ._tbl.respond2 tbody tr th {height:auto;} ._tbl.tblPay {display:block;overflow:visible;} ._tbl.tblPay thead {display:none;} ._tbl.tblPay tbody {display:block;} ._tbl.tblPay tbody tr {display:flex;flex-wrap:wrap;} ._tbl.tblPay tbody tr td {padding:0;height:auto;display:block;border:none;width:50%;flex-grow:1;font-size:20rem;} ._tbl.tblPay tbody tr td div {padding:20rem 20rem 20rem 0;} ._tbl.tblPay tbody tr [data-th]:before {content:attr(data-th);display:block;text-align:center;padding:10rem;margin:0 -1rem;background:#203476;color:#fff;font-size:16rem;} ._tbl.tblPay tr td div i {margin-left:-26rem;} } ._sch {display:flex;gap:10rem;} ._sch .inp {height:40rem;border-radius:5rem;border:1rem solid #D4D6D5;padding-left:12rem;font-size:15rem;color:#000;background:#F1F2F6;} ._sch select.inp {padding-right:28rem;appearance:none;background:#fff url(../images/ico-mem-sel.svg) no-repeat right 7rem center / 18rem auto;appearance:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} ._sch button {width:60rem;height:40rem;border-radius:5rem;background:#0D0E10;color:#fff;font-size:18rem;} ._paging {margin-top:40rem;display:flex;justify-content:center;text-align:center;gap:10rem;} ._paging a {display:flex;align-items:center;justify-content:center;text-align:center;width:46rem;height:46rem;border-radius:5rem;border:1rem solid #d5d5d5;font-size:15rem;font-weight:bold;color:#000;} ._paging a:hover {border-color:#000;color:#000;} ._paging .active {border-color:#000;} ._paging .arr {background-color:#F1F2F6;border-color:#D5D7D6;color:#666;font-weight:normal;font-size:24rem;} ._paging .prev {margin-right:40rem;} ._paging .next {margin-left:40rem;} @media all and (max-width:1200px){ ._paging {gap:5rem;margin-top:30rem;} ._paging a {width:30rem;height:30rem;font-size:14rem;} ._paging .arr {font-size:22rem;} ._paging .prev {margin-right:0;} ._paging .next {margin-left:0;} } ._lab input {display:none;} ._lab i {font-style:normal;font-weight:normal;font-size:1.4em;vertical-align:middle;margin-right:0.2em;position:relative;} ._lab i:before {font-family:'remixicon';color:#BFBFBF;vertical-align:middle;} ._lab input[type='checkbox'] ~ i:before {content:"\eb82";} ._lab input[type='checkbox']:checked ~ i:before {color:#8625BE;} ._lab input[type='radio'] ~ i:before {content:"\f050";} ._lab input[type='radio']:checked ~ i:before {color:#8625BE;} ._lab span {vertical-align:middle;} ._flx {display:flex;align-items:center;flex-wrap:wrap;gap:0;} ._flx > .grow {width:0;flex-grow:1;} ._flx.gap5 {gap:5rem;} ._flx.gap10 {gap:5rem 10rem;} ._flx.gap15 {gap:5rem 15rem;} ._flx.gap20 {gap:5rem 20rem;} ._flx.gap30 {gap:5rem 30rem;} ._flx.dib {display:inline-flex;} ._flx.tac {justify-content:center;} ._flx.vat {align-items:flex-start;} ._inp {height:50rem;border:1rem solid #d7d7d7;padding-left:19rem;font-size:15rem;max-width:100%;width:100%;} ._inp::placeholder {color:#B0B0B0;} ._inp[readonly] {background:#F6F6F6;} ._inp.auto {width:auto;} select._inp {padding-right:40rem;appearance:none;background-image:url(../images/ico-mem-sel.svg);background-repeat:no-repeat;background-position:right 13rem center;appearance:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} ._inp2 {height:40rem;border:1rem solid #ccc;padding-left:15rem;font-size:15rem;max-width:100%;width:100%;} ._inp2::placeholder {color:#B0B0B0;} ._inp2[readonly] {background:#F6F6F6;} ._inp2.auto {width:auto;} select._inp2 {padding-right:30rem;appearance:none;background-image:url(../images/ico-mem-sel.svg);background-repeat:no-repeat;background-position:right 5rem center;background-size:20rem auto;appearance:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} textarea._inp2 {padding:10rem 15rem;resize:none;} ._labTab {display:inline-flex;} ._labTab label {flex:1;} ._labTab label input {display:none;} ._labTab label span {width:94rem;display:flex;align-items:center;justify-content:center;border:1rem solid #D7D7D7;height:50rem;font-size:15rem;} ._labTab label ~ label {margin-left:-1rem;} ._labTab input:checked ~ span {position:relative;z-index:5;border:2rem solid #000;color:#000;} @media all and (max-width:1200px){ ._inp {padding-left:14rem;} select._inp {padding-left:14rem;background-position:right 8rem center;background-size:20rem auto;padding-right:23rem;} ._labTab label span {width:auto;padding:0 15rem;} ._flx > .m100 {width:100%;} ._flx > .mGrow {width:0 !important;flex-grow:1;} ._flx > .mGrow > * {width:100%;} ._flx.mdb {display:block;} ._flx.mdb > * {width:auto !important;} ._flx.mdb > * ~ * {margin-top:30rem;} } ._boardView {border-top:2rem solid #333;border-bottom:1rem solid #D5D5D5;} ._boardView .head {border-bottom:1rem solid #d5d5d5;padding:25rem;} ._boardView .head > .subject {position:relative;} ._boardView .head > .subject:has(._ico) {position:relative;display:flex;gap:10rem;} ._boardView .head > .subject ._ico {margin-top:2rem;} ._boardView .head > .subject h3 {font-size:20rem;font-weight:500;color:#000;line-height:1.2;} ._boardView .head > .info {display:flex;margin-top:15rem;align-items:center;} ._boardView .head > .info li {position:relative;margin-right:12rem;padding-right:15rem;font-size:15rem;} ._boardView .head > .info li:before {content:"";display:block;width:1rem;height:12rem;position:absolute;right:0;top:50%;transform:translateY(-50%);} ._boardView .head > .info li:last-child {margin-right:0;padding-right:0;} ._boardView .head > .info li:last-child:before {display:none;} ._boardView .content {padding:40rem 25rem;font-size:16rem;line-height:1.8;} ._boardView .head:has(._reviewList) {padding:0;} ._boardView ._reviewList {border-top:none;} ._boardView ._reviewList .box {border-bottom:none;} ._boardView ._reviewList .box .img {width:70rem;} ._boardView ._reviewList .box .img img {display:block;width:100%;border-radius:50%;background:#E5E9F3;aspect-ratio:1 / 1;object-fit:50% 0;} ._boardView ._reviewList .box .info .mid .subject {font-size:24rem;overflow:visible;white-space:normal;} ._boardPn {margin-top:-1rem;border-top:1rem solid #d5d5d5;} ._boardPn a {display:flex;border-bottom:1rem solid #d5d5d5;gap:20rem;height:62rem;align-items:center;padding:0 20rem;} ._boardPn a div {width:100rem;display:flex;align-items:center;justify-content:center;gap:10rem;font-size:16rem;} ._boardPn a div i {font-size:28rem;color:#000;} ._boardPn a dl {display:flex;align-items:center;flex:1;} ._boardPn a dl dt {font-size:17rem;color:#000;width:0;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} ._boardPn a dl dd {font-size:14rem;color:#999;} @media all and (max-width:1200px){ ._boardView .head {padding:20rem 0;} ._boardView .content {padding:20rem 0;line-height:1.7;} ._boardView ._reviewList .box .info .mid .subject {font-size:18rem;} ._boardPn a {gap:15rem;height:50rem;padding:0;} ._boardPn a div {width:65rem;font-size:14rem;gap:2rem;} ._boardPn a div i {font-size:24rem;} ._boardPn a dl dt {font-size:16rem;} ._boardPn a dl dd {font-size:14rem;} } ._ico {display:inline-flex;line-height:1;align-items:center;justify-content:center;color:#fff;background:#ff0000;font-size:14rem;font-weight:bold;padding:0 10rem;height:26rem;} ._ico.red {} ._ico.orange {background:#FF7100;} ._ico.blue {background:#1E45C5;} ._ico.green {background:#73BA43;} ._ico.emerald {background:#10C6CF;} ._ico.violet {background:#6A74FF;} ._ico.brown {background:#D69D5F;} ._ico.blueLine {background:#fff;border:1rem solid #1E45C5;color:#1E45C5;} ._ico.grayLine {background:#fff;border:1rem solid #999;color:#666;} ._ico.ty1 {} ._ico.ty2 {height:20rem;border-radius:4rem;padding:0 5rem;font-size:12rem;} ._ico.ty3 {height:26rem;padding:0 15rem;font-weight:600;font-size:13rem;border-radius:13rem;} ._ico.ty4 {height:30rem;min-width:70rem;padding:0 5rem;font-weight:500;font-size:13rem;border-radius:4rem;} @media all and (max-width:1200px){ ._ico.ty4 {height:20rem;min-width:0;font-size:12rem;} } ._btWrap {margin-top:40rem;text-align:center;display:flex;justify-content:center;gap:10rem;} ._btWrap > .grow {width:0;flex-grow:1;} ._btn {display:inline-flex;align-items:center;justify-content:center;padding:0 15rem;border:1rem solid #203476;color:#203476;font-size:16rem;gap:3rem;} ._btn.ty1 {height:62rem;border-radius:14rem;font-weight:500;} ._btn.ty2 {height:50rem;font-weight:500;padding:0 30rem;} ._btn.ty3 {height:40rem;font-weight:500;font-size:14rem;} ._btn.ty4 {height:30rem;font-weight:600;font-size:14rem;} ._btn.blueLine {} ._btn.skyblue {background:#DBDEE9;border-color:#A1ABCB;} ._btn.gray {background:#9F9F9F;border-color:#9F9F9F;color:#fff;} ._btn.gray2 {background:#f0f0f0;border-color:#D9D9D9;color:#999;} ._btn.blue {background:#203476;border-color:#203476;color:#fff;} ._btn.blue2 {background:#1E45C5;border-color:#1E45C5;color:#fff;} ._btn.violet {background:#845DAE;border-color:#845DAE;color:#fff;} ._btn.w255 {width:255rem;} ._btn.w188 {width:188rem;} ._btn.w90 {width:90rem;} ._btn.w70 {width:70rem;} ._btn.rad4 {border-radius:4rem} ._btn .ri-user-line {color:#999;font-size:20rem;} ._btn .ri-edit-2-line {font-size:24rem;font-style:normal;} ._btnPrint {width:30rem;height:30rem;background:url(../images/ico-print.svg) no-repeat 50% 50% / contain;text-indent:-9999rem;} ._btnAdd {color:#D3D3D3;font-size:24rem;} ._line {border:none;clear:both;border-top:1rem solid #d1d1d1;height:0;} @media all and (max-width:1200px){ ._btWrap {margin-top:30rem;gap:10rem;} ._btn {padding:0 10rem;font-size:15rem;} ._btn.ty1 {height:50rem;border-radius:10rem;} ._btn.ty2 {padding:0 15rem;height:44rem;} ._btn.w255 {width:160rem;} ._btn.w188 {width:160rem;} ._btn .ri-user-line {font-size:18rem;} ._btnPrint {width:20rem;height:20rem;} } ._svis {background:linear-gradient(90deg, #001A7B 0%, #130950 46.63%, #520584 100%);padding:0 15rem;} ._svis .inner {max-width:1500rem;margin:0 auto;height:440rem;position:relative;display:flex;align-items:center;} ._svis dl {position:relative;z-index:10;} ._svis dl dt {font-size:48rem;color:#fff;} ._svis dl dd {font-size:64rem;font-weight:bold;letter-spacing:-0.05em;background:linear-gradient(90deg, #380DF5 0%, #01FAB4 100%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-0.05em;} ._svis .img {position:absolute;right:0;top:50%;transform:translateY(-50%);} ._svis2 {background:linear-gradient(90deg, #001A7B 0%, #130950 46.63%, #520584 100%);padding:0 15rem;} ._svis2 .inner {max-width:1500rem;margin:0 auto;height:440rem;position:relative;display:flex;align-items:center;} ._svis2 dl {position:relative;z-index:10;} ._svis2 dl dt {font-size:38rem;color:#fff;} ._svis2 dl dd {font-size:54rem;font-weight:bold;letter-spacing:-0.05em;background:linear-gradient(90deg, #380DF5 0%, #01FAB4 100%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-0.05em;} ._svis2 .img {position:absolute;right:0;top:50%;transform:translateY(-50%);} ._svis3 {background:linear-gradient(90deg, #001A7B 0%, #130950 46.63%, #520584 100%);padding:0 15rem;} ._svis3 .inner {max-width:1500rem;margin:0 auto;height:440rem;position:relative;display:flex;align-items:center;} ._svis3 dl {position:relative;z-index:10;} ._svis3 dl dt {font-size:38rem;color:#fff;} ._svis3 dl dd {font-size:30rem;font-weight:bold;letter-spacing:-0.05em;background:linear-gradient(90deg, #380DF5 0%, #01FAB4 100%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-0.05em;} ._svis3 .img {position:absolute;right:0;top:50%;transform:translateY(-50%);} ._teacherList {padding-top:50rem;} ._teacherList .box {display:flex;align-items:center;} ._teacherList .box ~ .box {margin-top:110rem;} ._teacherList .box .lef {width:calc(350 / 1500 * 100%);border:1rem solid #eaeaea;border-radius:24rem;padding:22rem 17rem 25rem;text-align:center;margin-right:50rem;} ._teacherList .box .lef .img {aspect-ratio:315 / 289;display:block;width:100%;background:#e8e8e8;border-radius:21rem 21rem 0 0;position:relative;} ._teacherList .box .lef .img img {display:block;position:absolute;left:0;bottom:0;width:100%;aspect-ratio:315 / 360;object-fit:contain;} ._teacherList .box .lef .name {margin-top:25rem;font-size:22rem;letter-spacing:-0.02em;color:#8f8f8f;} ._teacherList .box .lef .name strong {font-weight:600;color:#000;} ._teacherList .box .lef .cate {margin-top:10rem;color:#5221F9;font-size:13rem;font-weight:600;} ._teacherList .box dl dt {font-size:32rem;font-weight:bold;color:#000;} ._teacherList .box .mid {width:0;flex-grow:1;} ._teacherList .box .mid dl dd {margin-top:30rem;} ._teacherList .box .mid dl dd ul {font-size:14rem;line-height:1.85;color:#5d5d5d;} ._teacherList .box .mid dl dd ul li {position:relative;padding-left:0.8em;} ._teacherList .box .mid dl dd ul li:before {content:"·";position:absolute;left:0;top:0;} ._teacherList .box .rig {border-left:1rem solid #D4D4D4;padding:30rem 0 30rem 45rem;margin-left:30rem;width:420rem;} ._teacherList .box .rig dl ~ dl {margin-top:80rem;} ._teacherList .box .rig dl dd {display:flex;flex-wrap:wrap;gap:4rem;margin-top:13rem;} ._teacherList .box .rig dl dd a {min-width:120rem;padding:0 10rem;height:38rem;border-radius:19rem;border:1rem solid #d7d7d7;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#000;font-size:13rem;letter-spacing:-0.04em;} ._teacherList2 {display:flex;flex-wrap:wrap;gap:85rem 34rem;padding-top:50rem;} ._teacherList2 .box {width:calc(25% - (102rem / 4));border:1rem solid #EAEAEA;border-radius:24rem;padding:22rem 18rem 25rem;} ._teacherList2 .box .img {aspect-ratio:315 / 289;display:block;width:100%;background:#e8e8e8;border-radius:21rem 21rem 0 0;position:relative;} ._teacherList2 .box .img img {display:block;position:absolute;left:0;bottom:0;width:100%;aspect-ratio:315 / 360;object-fit:contain;} ._teacherList2 .box .info {margin-top:25rem;text-align:center;} ._teacherList2 .box .info .name {font-size:22rem;letter-spacing:-0.02em;color:#8f8f8f;} ._teacherList2 .box .info .name strong {font-weight:600;color:#000;} ._teacherList2 .box .info .cate {margin-top:10rem;color:#5221F9;font-size:13rem;font-weight:600;} ._pop {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(2rem);text-align:center;font-size:0;white-space:nowrap;z-index:9999;display:none;padding:15rem;} ._pop:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} ._pop .inner {display:inline-block;vertical-align:middle;text-align:left;white-space:normal;background:#fff;position:relative;border-radius:30rem;max-width:100%;} ._pop .close {font-size:24rem;position:absolute;right:45rem;top:35rem;color:#333;} ._pop.popTeacher .inner {width:960rem;padding:85rem 80rem;} ._pop.popTeacher .roll {overflow:hidden;} ._pop.popTeacher .area {display:flex;gap:70rem;} ._pop.popTeacher .area .lef {width:280rem;text-align:center;} ._pop.popTeacher .area .lef .img {aspect-ratio:280 / 368;display:block;width:100%;background:#d9d9d9;border-radius:140rem;overflow:hidden;position:relative;} ._pop.popTeacher .area .lef .img img {display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;} ._pop.popTeacher .area .lef .name {margin-top:25rem;font-size:22rem;letter-spacing:-0.02em;color:#8f8f8f;} ._pop.popTeacher .area .lef .name strong {font-weight:600;color:#000;} ._pop.popTeacher .area .lef .cate {margin-top:10rem;color:#5221F9;font-size:13rem;font-weight:600;} ._pop.popTeacher .area .rig {width:0;flex-grow:1;padding-top:15rem;} ._pop.popTeacher .area .rig dl ~ dl {margin-top:40rem;} ._pop.popTeacher .area .rig dl dt {font-size:32rem;font-weight:bold;color:#000;} ._pop.popTeacher .area .rig dl dd {display:flex;margin-top:15rem;flex-wrap:wrap;gap:4rem;} ._pop.popTeacher .area .rig dl dd ul {font-size:14rem;line-height:1.85;color:#5d5d5d;width:100%;margin-top:10rem;height:175rem;overflow:auto;} ._pop.popTeacher .area .rig dl dd ul li {position:relative;padding-left:0.8em;} ._pop.popTeacher .area .rig dl dd ul li:before {content:"·";position:absolute;left:0;top:0;} ._pop.popTeacher .area .rig dl dd a {min-width:120rem;padding:0 10rem;height:38rem;border-radius:19rem;border:1rem solid #d7d7d7;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#000;font-size:13rem;letter-spacing:-0.04em;} ._pop.popTeacher .prev, ._pop.popTeacher .next {position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:100rem;} ._pop.popTeacher .prev {right:100%;} ._pop.popTeacher .next {left:100%;} @media(max-width:1200px){ ._svis .inner {height:200rem;} ._svis dl dt {font-size:26rem;} ._svis dl dd {font-size:24rem;} ._svis .img {width:200rem;opacity:0.7;} ._svis2 .inner {height:200rem;} ._svis2 dl dt {font-size:26rem;} ._svis2 dl dd {font-size:24rem;} ._svis2 .img {width:200rem;opacity:0.7;} ._teacherList {padding-top:30rem;} ._teacherList .box {display:block;} ._teacherList .box ~ .box {margin-top:60rem;} ._teacherList .box .lef {width:auto;border-radius:15rem;padding:15rem;text-align:center;margin-right:0;} ._teacherList .box .lef .img {border-radius:15rem 15rem 0 0;} ._teacherList .box .lef .name {margin-top:15rem;font-size:18rem;} ._teacherList .box .lef .cate {margin-top:5rem;} ._teacherList .box dl dt {font-size:24rem;} ._teacherList .box .mid {width:auto;margin-top:25rem;} ._teacherList .box .mid dl dd {margin-top:15rem;} ._teacherList .box .mid dl dd ul {font-size:14rem;line-height:1.6;} ._teacherList .box .rig {border-left:none;padding:0;margin:25rem 0 0;width:auto;} ._teacherList .box .rig dl ~ dl {margin-top:25rem;} ._teacherList .box .rig dl dd {margin-top:10rem;} ._teacherList .box .rig dl dd a {min-width:unset;padding:0 10rem;height:32rem;border-radius:16rem;} ._teacherList2 {gap:30rem 10rem;padding-top:20rem;} ._teacherList2 .box {width:calc(50% - 5rem);border-radius:15rem;padding:15rem;} ._teacherList2 .box .img {border-radius:15rem 15rem 0 0;} ._teacherList2 .box .info {margin-top:15rem;text-align:center;} ._teacherList2 .box .info .name {font-size:16rem;} ._teacherList2 .box .info .cate {margin-top:5rem;} ._pop .inner {border-radius:15rem;} ._pop .close {right:15rem;top:15rem;} ._pop.popTeacher .inner {width:100%;padding:40rem 15rem 20rem;} ._pop.popTeacher .area {display:block;} ._pop.popTeacher .area .lef {width:auto;width:80%;margin:0 auto;} ._pop.popTeacher .area .lef .img {aspect-ratio:630 / 720;border-radius:50%;} ._pop.popTeacher .area .lef .name {margin-top:15rem;font-size:18rem;} ._pop.popTeacher .area .lef .cate {margin-top:5rem;} ._pop.popTeacher .area .rig {width:auto;padding-top:15rem;} ._pop.popTeacher .area .rig dl ~ dl {margin-top:25rem;} ._pop.popTeacher .area .rig dl dt {font-size:24rem;} ._pop.popTeacher .area .rig dl dd {margin-top:10rem;} ._pop.popTeacher .area .rig dl dd ul {line-height:1.6;} ._pop.popTeacher .area .rig dl dd a {min-width:unset;height:32rem;border-radius:16rem;} ._pop.popTeacher .prev, ._pop.popTeacher .next {font-size:30rem;width:30rem;height:30rem;transform:none;top:165rem;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:30;} ._pop.popTeacher .prev {right:100%;margin-right:-60rem;} ._pop.popTeacher .next {left:100%;margin-left:-60rem;} } ._evtList {display:flex;flex-wrap:wrap;gap:30rem;} ._evtList .box {display:block;width:calc(100% / 3 - 20rem);} ._evtList .box .img img {display:block;width:100%;object-fit:cover;aspect-ratio:380 / 280;} ._evtList .box .info {border:1rem solid #e3e3e3;border-top:none;padding:25rem 20rem;} ._evtList .box .info .subject {font-size:20rem;font-weight:bold;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} ._evtList .box .info .sum {margin-top:10rem;font-size:14rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} ._evtList .box .info .date {margin-top:30rem;font-size:12rem;color:#999;} @media all and (max-width:1200px){ ._evtList {gap:10rem;} ._evtList .box {width:calc(50% - 10rem);} ._evtList .box .info {padding:15rem 10rem;} ._evtList .box .info .subject {font-size:16rem;} ._evtList .box .info .sum {margin-top:5rem;font-size:13rem;} ._evtList .box .info .date {margin-top:15rem;} } ._reviewList {border-top:1rem solid #ddd;} ._reviewList .box {border-bottom:1rem solid #ddd;padding:30rem 25rem;} ._reviewList .box ._star {margin-bottom:10rem;font-size:16rem;} ._reviewList .box .txt {font-size:16rem;line-height:1.4;letter-spacing:-0.04em;color:#555;} ._reviewList .box .bot {margin-top:25rem;display:flex;justify-content:space-between;align-items:center;} ._reviewList .box .bot dl {display:flex;align-items:center;gap:10rem;} ._reviewList .box .bot dl dt span {display:inline-flex;align-items:center;justify-content:center;background:#E9E9E9;height:30rem;padding:0 13rem;color:#FF6400;font-size:12rem;font-weight:600;} ._reviewList .box .bot dl dd {font-size:11rem;font-weight:500;letter-spacing:-0.03em ;} ._reviewList .box .bot .nida {display:flex;} ._reviewList .box .bot .nida li {position:relative;font-size:14rem;color:#666;margin-right:10rem;padding-right:10rem;} ._reviewList .box .bot .nida li:before {content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);height:10rem;width:1rem;background:#C9C9C9;} ._reviewList .box .bot .nida li:last-child {margin-right:0;padding-right:0;} ._reviewList .box .bot .nida li:last-child:before {display:none;} @media(max-width:1200px){ ._reviewList .box {padding:15rem 0;position:relative;} ._reviewList .box ._star {margin-bottom:5rem;} ._reviewList .box .txt {font-size:14rem;} ._reviewList .box .bot {margin-top:15rem;display:block;} ._reviewList .box .bot .nida {position:absolute;right:0;top:15rem;margin-top:0;} ._reviewList .box .bot .nida li {font-size:13rem;letter-spacing:-0.03em;} } ._fac .top dt {font-size:36rem;font-weight:bold;line-height:1.2;color:#8625BE;letter-spacing:-0.03em;} ._fac .top dd {font-size:20rem;font-weight:500;margin-top:10rem;color:#7c7c7c;letter-spacing:-0.03em;} ._fac .bot {margin-top:40rem;} ._fac .bot .roll {position:relative;overflow:hidden;border-radius:50rem;} ._fac .bot .roll .prev, ._fac .bot .roll .next {width:56rem;height:56rem;display:flex;align-items:center;justify-content:center;color:#fff;background:#222;font-size:24rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10;border-radius:50%;} ._fac .bot .roll .prev {left:30rem;} ._fac .bot .roll .next {right:30rem;} ._fac .bot .page {margin-top:20rem;text-align:center;font-size:16rem;font-weight:500;color:#777;} @media(max-width:1200px){ ._fac .top dt {font-size:20rem;} ._fac .top dd {font-size:16rem;margin-top:7rem;} ._fac .bot {margin-top:30rem;} ._fac .bot .roll {border-radius:15rem;} ._fac .bot .roll .prev, ._fac .bot .roll .next {width:30rem;height:30rem;font-size:16rem;} ._fac .bot .roll .prev {left:15rem;} ._fac .bot .roll .next {right:15rem;} } ._loc .root_daum_roughmap {width:100% !important;} ._loc .root_daum_roughmap .wrap_map {height:600rem !important;overflow:hidden;border-radius:50rem;} ._loc .root_daum_roughmap .map_border, ._loc .root_daum_roughmap:first-child .cont, ._loc .root_daum_roughmap ~ .root_daum_roughmap .wrap_map {display:none !important;} ._loc .root_daum_roughmap .cont .section {margin-left:0;margin-right:0;} @media(max-width:1200px){ ._loc .root_daum_roughmap .wrap_map {height:250rem !important;border-radius:15rem;} } ._loc .tit2 {position:relative;padding-left:15px;font-size:20px;font-weight:bold;color:#333;margin:65px 0 20px;} ._loc .tit2:before {content:"";width:6px;height:6px;background:#ff8a00;position:absolute;left:0;top:8px;} ._loc .area {border-top:1px solid #000;} ._loc .area dl {display:flex;padding:25px 20px;font-size:16px;line-height:1.6;} ._loc .area dl ~ dl {border-top:1px dotted #aaa;} ._loc .area dl:last-child {padding-bottom:0;} ._loc .area dl dt {width:135px;color:#333;} ._loc .area dl dd {color:#999;font-weight:300;width:0;flex-grow:1;} ._loc .area dl dd li {position:relative;padding-left:20px;} ._loc .area dl dd li i {display:block;width:12px;height:12px;position:absolute;left:0;top:8px;} @media all and (max-width:1024px){ ._loc .tit2 {padding-left:12px;font-size:18px;margin:40px 0 10px;} ._loc .tit2:before {width:5px;height:5px;top:7px;} ._loc .area dl {display:block;padding:15px 0;font-size:14px;line-height:1.5;} ._loc .area dl dt {width:auto;} ._loc .area dl dd {width:auto;margin-top:5px;} ._loc .area dl dd li {padding-left:18px;} ._loc .area dl dd li i {width:10px;height:10px;top:6px;} } ._file {position:relative;width:420rem;padding-right:85rem;} ._file input[type='file'] {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:10;} ._file ._btn {position:absolute;right:0;top:0;width:80rem;} @media all and (max-width:1200px){ ._file {width:100%;padding-right:85rem;} } ._memAgr {max-width:680rem;margin:0 auto;} ._memAgr .sec ~ .sec {margin-top:50rem;} ._memAgr .sec .tit {margin-bottom:15rem;} ._memAgr .sec .tit h4 {font-size:20rem;font-weight:600;color:#004098;margin-bottom:15rem;} ._memAgr .sec .tit p {font-size:14rem;line-height:1.4;margin-top:7rem;} ._memAgr .sec .all {padding:20rem;border:1rem solid #EAEAEA;} ._memAgr .sec .all ._lab {font-size:16rem;font-weight:500;color:#2B4D69;} ._memAgr .sec .all p {font-size:14rem;line-height:1.4;padding:10rem 0 0 27rem;} ._memAgr .sec .agr {border-top:1rem solid #EAEAEA;margin-top:20rem;} ._memAgr .sec .agr .box {border-top:1rem solid #eaeaea;border-bottom:1rem solid #eaeaea;} ._memAgr .sec .agr .box ~ .box {margin-top:-1rem;} ._memAgr .sec .agr .box .head {border-bottom:1rem solid #EAEAEA;padding:20rem;font-size:16rem;font-weight:500;color:#2B4D69;background:#FAFAFA;position:relative;} ._memAgr .sec .agr .box .head button {width:24rem;position:absolute;right:25rem;top:50%;margin-top:-12rem;} ._memAgr .sec .agr .box .head button img {display:block;} ._memAgr .sec .agr .box .foot {font-size:16rem;line-height:1.5;color:#aeaeae;padding:20rem 30rem;height:150rem;overflow:auto;display:none;} ._memAgr .sec .agr .box.active .head button {transform:rotate(180deg);} ._memAgr .sec .agr .box.active .foot {display:block;} ._memAgr .sec .tbl {width:100%;border-top:1rem solid #E4E4E4;border-bottom:1rem solid #E4E4E4;} ._memAgr .sec .tbl tr {} ._memAgr .sec .tbl tr ~ tr {border-top:1rem solid #e4e4e4;} ._memAgr .sec .tbl tr th {background:#F0F0F0;text-align:left;padding-left:25rem;font-size:16rem;color:#2B4D69;width:190rem;} ._memAgr .sec .tbl tr td {padding:15rem 20rem;} ._memAgr .sec .tbl tr td ._lab {font-size:14rem;} ._memAgr .sec .tbl tr td p {margin-top:10rem;color:#888;font-size:12rem;line-height:1.4;} ._memAgr.w100p {max-width:100%;} @media(max-width:1200px){ ._memAgr .sec .tbl tr th {padding-left:15rem;font-size:14rem;width:100rem;} ._memAgr .sec .tbl tr td {padding:15rem;} ._memAgr .sec .tbl tr td ._lab {font-size:13rem;} } @media(max-width:1200px){ } @media(max-width:1200px){ } @media(max-width:1200px){ } .prvcyPage .incPrvcy {height:auto; overflow-y:visible; border:none; color:#333; font-size:14px;} .prvcyPage .incPrvcy h4, .prvcyPage .incPrvcy h5, .prvcyPage .incPrvcy h6 {font-size:18px;} .incPrvcy h4, .incPrvcy h5, .incPrvcy h6 { font-size: 15px; padding-top: 20px; padding-bottom: 5px; font-weight: bold; } .incPrvcy {padding:10px; line-height:1.5; color:#333; font-size:18px;} .incPrvcy h4, .incPrvcy h5, .incPrvcy h6 {font-size:20px; padding-top:20px; padding-bottom:5px; font-weight:bold;} .incPrvcy table {margin-top:20px;} .incPrvcy table th {border:solid 1px #ddd; padding:5px; text-align:center; background:#fafafa;} .incPrvcy table td {border:solid 1px #ddd; padding:10px; text-align:center;} .fa-bell { display:block;width:46px;height:25px;background:url(../images/ico_notice.png) no-repeat;margin: 0 auto; } /* table-layout:fixed; */ .table-bordered {border-top:2rem solid rgb(32, 52, 118);} .table {display:table;border-spacing:0;border-collapse:collapse;width:100%;line-height:1.6;} .table .th_type {background:#f4f6fb;color:rgb(34, 34, 34);} .table thead > tr > td, .table tbody > tr > td, .table tbody > tr > th, .table tfoot > tr > td, .table tfoot > tr > th {padding:15rem 10rem;} .table td, .table th {border:1rem solid #dbdbdb;border-top:none;color:rgb(68, 68, 68);font-size:16rem;} .table td:first-child, .table th:first-child {} .table td:last-child, .table th:last-child {} .table th[scope=row], .table th[scope=col] {text-align:center !important;} .table thead th {background:#f4f6fb;color:rgb(34, 34, 34);font-weight:bold;padding:15rem 10rem;} .table tbody th {background:#f4f6fb;color:rgb(34, 34, 34);} .table tfoot {background:#f4f5f6;font-weight:500;} .table tfoot th {font-weight:bold;} .table td {background:#fff;font-size:14px;} @media(max-width:1200px){ .table thead th {font-weight:bold;font-size:16px;} .table td {background:#fff;font-size:14px;} } ._classInfo_11 {background:#EFEFEF;padding:70rem 15rem;} ._classInfo_11 .inner {max-width:1200rem;margin:0 auto;gap:70rem;} ._classInfo_11 .img {width:calc(680 / 1500 * 100%);} ._classInfo_11 .info {width:0;flex-grow:1;} ._classInfo_11 .info dl dt {font-size:40rem;font-weight:bold;color:#383838;letter-spacing:-0.04em;} ._classInfo_11 .info dl dd {font-size:16rem;line-height:1.4;letter-spacing:-0.04em;margin-top:60rem;} ._classInfo_11 .info dl dd .num {margin-bottom:12rem;display:inline-flex;height:26rem;align-items:center;border-radius:13rem;border:1rem solid #8c8c8c;padding:0 13rem;background:#fff;font-size:13rem;color:#0C2B59;font-weight:600;} .gugbi-support {display:flex; margin-top:45px; padding-bottom:40px;} .gugbi-support .service-list {width:100%; height:auto; border-radius:6px; border:1px solid #cfccdb; background:#f8f8f8;} .gugbi-support .service-list:first-child {margin-right:40px;} .gugbi-support .service-list .title-area {height: 142px;text-align: center;font-size: 25px;font-weight: 500;color: #0f1319;background: #d8d3f8;border-radius: 6px 6px 0 0;} .gugbi-support .service-list .title-area dl {padding-top:30px;} .gugbi-support .service-list .title-area dt {font-size:40px;} .gugbi-support .service-list .title-area dd {padding-top:10px; font-size:20px; color:#0f1319;} .gugbi-support .service-list .sub-title {font-size:22px; font-weight:600; color:#000;} .gugbi-support .service-list .sub-title.second {padding-top:25px;} .gugbi-support .service-list .content {padding:40px 40px;} .gugbi-support .service-list .content li {font-size:19px; color:#222;} @media(max-width:1200px){ ._classInfo_11 {padding:40rem 15rem;} ._classInfo_11 .inner {display:block;} ._classInfo_11 .img {width:auto;} ._classInfo_11 .img img {display:block;width:100%;} ._classInfo_11 .info {width:auto;margin-top:20rem;} ._classInfo_11 .info dl dt {font-size:24rem;} ._classInfo_11 .info dl dd {font-size:14rem;margin-top:15rem;} .gugbi-support {flex-direction:column; margin-top:24px; padding:0 0px;} .gugbi-support .service-list {height:auto; min-height:315px; margin-bottom:15px;} .gugbi-support .service-list .title-area {height:90px;} .gugbi-support .service-list .title-area dl {padding-top:15px;} .gugbi-support .service-list .title-area dt {font-size:24px;} .gugbi-support .service-list .title-area dd {font-size:12px;} .gugbi-support .service-list .sub-title {font-size:15px;font-size:18px;font-weight: 600;} .gugbi-support .service-list .content {padding:15px 25px;} .gugbi-support .service-list .content li {font-size:13px;} .gugbi-support .service-list .sub-title.second {padding-top:5px;font-size:18px;font-weight: 600;} .gugbi-support .service-list.second {min-height:275px;} } #career1 {padding:80rem 15rem 60rem;} #career1 .inner {max-width:1500rem;margin:0 auto;} #career1 .area .sec {display:block;} ._careerList1 {display:flex;flex-wrap:wrap;gap:50rem 20rem;} ._careerList1 .box {width:calc(25% - (60rem / 4));} ._careerList1 .box {position:relative;} @media(max-width:1200px){ #career1 {padding:40rem 15rem;} ._star.ty2 {font-size:30rem;} ._careerList1 {gap:40rem 10rem;} ._careerList1 .box {width:calc(100% - 0rem);} } .career-inv { padding: 50px 30px 50px; border-radius: 10px; border:1rem solid #EAEAEA; width: 100%; } .career-inv .info { text-align: center; } .career-inv .info .board-txt { text-align: left; } .career-inv .info .board-txt dt { font-size: 16px; font-weight: 600; color: #1d2b70; display: block; margin-bottom: 10px; } .career-inv .info .board-txt dd { font-size: 15px; color: #666; font-weight: 400; line-height: 1.6 } .career-inv .info h3 { font-size: 21px; } .career-inv .info h3 span { font-weight: 300; } .career-inv .info p { display: block; margin-top: 6px; margin-bottom: 30px; font-weight: 700; opacity: 0.5 } .career-photo { width: 120px; height: 120px; border-radius: 100%; overflow: hidden; border: 1px solid #ddd; display: block; margin: 0 auto 10px; background-position: 50% !important; background-size: cover !important; } .career-logo { display: block; width: 80px; position: absolute; top: 30px; left: 30px; } .career-logo img { width: 100%; } .ylBlock{background-color:#f6dc00 !important;color:#000 !important;} ._popLayer {position:fixed;z-index:300;display:none;box-shadow:3rem 3rem 5rem rgba(0,0,0,0.15);} ._popLayer img {max-width:100%;height:auto !important;} ._popLayer .area {background:#fff;border:0rem solid #ddd;padding:0rem;font-size:14rem;line-height:1.5em;max-width:100%;overflow-y:auto;} ._popLayer .area * {max-width:100%;height:auto !important;} ._popLayer .bot {background:#1f4bb4;display:flex;align-items:center;justify-content:flex-end;padding:10rem 15rem;} ._popLayer .bot > * {display:inline-flex;align-items:center;color:#fff;font-size:14rem;} ._popLayer .bot button {border:none;background:none;color:#fff;padding:0;font-weight:normal;} ._popLayer .bot label {margin-right:7rem;letter-spacing:-0.05em;font-weight:normal;margin:0 10rem 0 0;} ._popLayer .bot label input {vertical-align:middle;margin:0 3rem 0 0;} @media all and (max-width:1200px){ ._popLayer {left:0 !important;top:0 !important;max-width:100% !important;position:absolute !important;} ._popLayer .area {box-sizing:border-box;max-height:80vh !important;} ._popLayer .bot {padding:5rem 10rem;} }