@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');
/* font-family:'Gmarket Sans'; */
br {font-family:sans-serif;}
html {font-family:'Noto Sans KR',sans-serif;scroll-behavior:smooth;}
img {max-width:100%;}

#lightcase-overlay {background:rgba(0,0,0,0.8);}
#contents,
#subWrap {min-height:0 !important;}
#subWrap {overflow:visible;}

/* img background */
.img-bg-copy {background-position:center;background-repeat:no-repeat;background-size:cover;}
.img-bg-copy img {display:none;}

a:focus,button:focus,input:focus,textarea:focus,
a:hover,button:hover,input:hover,textarea:hover {outline:none;}

.mfp-preloader {display:none !important;}


body {overflow:visible !important;}
#wrapper {overflow:visible !important;}

@keyframes menuFadeIn {
	0% {
		opacity:0;
		transform:translateX(20px);
	}
	100% {
		opacity:1;
		transform:translateX(0);
	}
}

@media all and (min-width:1025px){
	#__header {z-index:200;position:absolute;left:0;top:0;width:100%;transition:0.2s;padding:0 100px;transition:height 0.2s, background 0.2s;height:100px;}
	#__header:before {content:"";display:block;position:absolute;left:0;top:100px;pointer-events:none;height:1px;width:100%;background:#bfc0c0;z-index:5;transition:0.2s;opacity:0;}
	#__header .wrap {position:relative;z-index:10;height:100px;display:flex;justify-content:flex-end;}
	#__header .logo {position:absolute;top:30px;left:0;z-index:10;}
	#__header .logo a {display:block;width:256px;height:43px;text-indent:-9999px;background:url(../images/logo2.svg) no-repeat 0 50% / contain;}
	#__header .gnb {display:flex;margin-right:265px;}
	#__header .gnb > li {position:relative;}
	#__header .gnb > li > a {padding:0 45px;display:block;position:relative;transition:0.2s;}
	#__header .gnb > li > a > span {display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;color:#fff;height:100px;position:relative;transition:0.2s;}
	#__header .gnb > li > a > span em {display:flex;align-items:center;justify-content:center;height:100px;position:absolute;left:0;top:0;width:100%;font-style:normal;}
	#__header .gnb > li > a > span strong {display:flex;align-items:center;justify-content:center;height:100px;opacity:0;}
	#__header .gnb > li:hover > a > span:before {transform:scale(1,1);}
	html:not(.navOn) #__header .gnb > li > ul {display:none;position:absolute;top:100%;width:150px;left:50%;margin-left:-75px;padding:0;visibility:visible;opacity:0;transform:translateX(20px);transition:0.2s;pointer-events:none;/*border:1px solid #fff;*/}
	html:not(.navOn) #__header .gnb > li > ul > li ~ li {/*border-top:1px solid #fff;*/}
	html:not(.navOn) #__header .gnb > li > ul > li > a {display:block;font-size:18px;font-weight:500;line-height:1.2;color:#fff;padding:15px 0;transition:0.2s;position:relative;text-align:center;}
	html:not(.navOn) #__header .gnb > li:hover > a > span {color:#fff;font-weight:700;}
	html:not(.navOn) #__header .gnb > li:hover > ul {display:block;visibility:visible;pointer-events:auto;animation:menuFadeIn 0.2s forwards;}
	html:not(.navOn) #__header .gnb > li > ul > li:hover > a,
	html:not(.navOn) #__header .gnb > li > ul > li.active > a {background:#08163e;font-weight:bold;}
	html:not(.navOn) #__header .gnb > li > ul > li:hover > a:before,
	html:not(.navOn) #__header .gnb > li > ul > li.active > a:before {opacity:1;transform:translateX(0);}
	#__header .lang {position:absolute;right:50px;top:0;}
	#__header .lang button {display:flex;align-items:center;height:100px;background:none;text-align:left;position:relative;}
	#__header .lang button svg {width:22px;}
	#__header .lang button svg path {transition:0.2s;}
	#__header .lang ul {visibility:hidden;opacity:0;position:absolute;left:50%;margin-left:-31px;top:100%;margin-top:-16px;width:62px;background:#fff;text-align:center;font-size:14px;padding:0;transform-origin:50% 0;transition:0.2s;}
	#__header .lang ul li ~ li {border-top:1px solid #dedede;}
	#__header .lang ul li a {display:block;padding:5px 0;transition:0.2s;}
	#__header .lang ul li a:hover {color:#0b235d;font-weight:bold;}
	#__header .store {display:flex;align-items:center;justify-content:center;width:94px;height:32px;border-radius:16px;border:1px solid #fff;color:#fff;font-size:18px;position:absolute;right:90px;top:35px;transition:0.2s;}
	#__header .mnu {width:60px;height:60px;position:absolute;right:40px;top:21px;background:#fff;z-index:10;transition:0.2s;}
	#__header .mnu:before,
	#__header .mnu:after {content:"";display:block;background:#000;height:1px;position:absolute;transition:0.2s;}
	#__header .mnu:before {bottom:50%;left:50%;margin-left:-10px;margin-bottom:2px;width:20px;}
	#__header .mnu:after {top:50%;right:50%;margin-right:-10px;margin-top:2px;width:20px;}


	#wrapper:has(.__pdtView) #__header {background:rgba(255,255,255,0.9);}
	#wrapper:has(.__pdtView) #__header:before {opacity:1;}
	#wrapper:has(.__pdtView) #__header .logo a {background-image:url(../images/logo.svg);}
	#wrapper:has(.__pdtView) #__header .gnb > li > a > span {color:#000;}
	html:not(.navOn) #wrapper:has(.__pdtView) #__header .gnb > li > ul {background-color:rgba(0,0,0,0.6);}
	#wrapper:has(.__pdtView) #__header .lang button svg path {fill:#000 !important;stroke:#000 !important;}
	#wrapper:has(.__pdtView) #__header .store {color:#000;border-color:#000;}
	#wrapper:has(.__pdtView) #__header .mnu {background:#08163e;}
	#wrapper:has(.__pdtView) #__header .mnu:before,
	#wrapper:has(.__pdtView) #__header .mnu:after {background:#b3b7c3;}

	.navOn #__header {background:rgba(255,255,255,0.9);overflow:hidden;height:430px;}
	.navOn #__header:before {opacity:1;}
	.navOn #__header .logo a {background-image:url(../images/logo.svg);}
	.navOn #__header .gnb > li > a > span {color:#000;}
	.navOn #__header .gnb > li:hover > a > span {color:#08163e;font-weight:bold;}
	.navOn #__header .gnb > li > ul {position:absolute;left:0;top:100%;width:100%;text-align:center;padding-top:15px;}
	.navOn #__header .gnb > li > ul > li {padding:13px 0;}
	.navOn #__header .gnb > li > ul > li > a {display:inline-block;font-size:18px;color:#000;padding-bottom:2px;transition:0.2s;position:relative;}
	.navOn #__header .gnb > li > ul > li > a:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#b3b4ba;transform:scale(0,1);transition:0.2s;}
	.navOn #__header .gnb > li > ul > li > a:hover {font-weight:bold;}
	.navOn #__header .gnb > li > ul > li > a:hover:before {transform:scale(1,1);}
	.navOn #__header .lang button svg path {fill:#000 !important;stroke:#000 !important;}
	.navOn #__header .store {color:#000;border-color:#000;}
	.navOn #__header .mnu {background:#08163e;}
	.navOn #__header .mnu:before,
	.navOn #__header .mnu:after {background:#b3b7c3;}
	.navOn #__header .mnu:before {margin-bottom:-0.5px;transform:rotate(-45deg);}
	.navOn #__header .mnu:after {margin-top:-0.5px;transform:rotate(45deg);}

	.langOn #__header .lang button:before {transform:rotate(180deg);}
	.langOn #__header .lang ul {visibility:visible;opacity:1;transform:scale(1,1);}

	/* .fix #__header {background:rgba(255,255,255,0.9);}
	.fix #__header:before {opacity:1;}
	.fix #__header .logo a {background-image:url(../images/logo.svg);}
	.fix #__header .gnb > li > a > span {color:#000;}
	.fix:not(.navOn) #__header .gnb > li > ul {background-color:rgba(0,0,0,0.6);}
	.fix #__header .gnb > li:hover > a > span {color:#08163e !important;font-weight:bold;}
	.fix #__header .lang button svg path {fill:#000 !important;stroke:#000 !important;}
	.fix #__header .store {color:#000;border-color:#000;}
	.fix #__header .mnu {background:#08163e;}
	.fix #__header .mnu:before,
	.fix #__header .mnu:after {background:#b3b7c3;} */
}

@media all and (max-width:1700px) and (min-width:1025px){
	#__header {padding:0 15px;}
	#__header .store {right:140px;}
	#__header .lang {right:90px;}
	#__header .mnu {right:15px;}
}

@media all and (max-width:1340px) and (min-width:1025px){
	#__header .lang {right:80px;}
	#__header .store {right:120px;}
	#__header .gnb {margin-right:220px;}
	#__header .gnb > li > a {padding:0 20px;}
}

@media all and (max-width:1200px) and (min-width:1025px){
	#__header .gnb > li > a {padding:0 15px;}
	#__header .gnb > li > a > span {font-size:18px;}
}

@media all and (max-width:1024px){
	#wrap,
	#wrapper {padding-top:0;}
	#__header {position:fixed;top:0;padding:0 15px;height:auto;overflow:visible;background:rgba(255,255,255,0.8);width:100%;left:0;z-index:300;transition:0.2s;box-shadow:inset 0 -1px 0 #dfdfdf;}
	#__header .wrap {height:55px;padding:0;}
	#__header .logo {position:absolute;left:15px;top:50%;margin-top:-15px;}
	#__header .logo a {display:block;width:160px;height:30px;text-indent:-9999px;background:url(../images/logo.svg) no-repeat 0 50% / contain;}
	#__header .gnb {display:none;}
	#__header .lang {display:none;}
	#__header .mnu {position:absolute;top:0;width:55px;height:55px;right:0;border:none;background:#19294f;color:#fff;font-size:0;text-indent:0;}
	#__header .mnu i {font-size:24px;}
	#__header .sch {border:none;background:none;position:absolute;right:55px;top:0;width:55px;height:55px;background:none;color:#222;}
	#__header .sch i {font-size:24px;}

	#__header .store {letter-spacing:0;display:flex;align-items:center;justify-content:center;width:50px;height:24px;border-radius:3px;border:1px solid #000;color:#000;font-size:14px;position:absolute;right:65px;top:50%;margin-top:-12px;transition:0.2s;}


	.fix #__header {backdrop-filter:blur(4px);}
}

@media all and (min-width:1025px){
	#__nav {display:none;}
}

@media all and (max-width:1024px){
	#__nav {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
	#__nav .bg {position:fixed;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.7);}
	#__nav .wrap {position:fixed;right:0;top:0;width:320px;height:100%;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
	#__nav .head {position:relative;height:55px;background:#fff;}
	#__nav .head .logo {position:absolute;left:15px;top:50%;margin-top:-15px;}
	#__nav .head .logo a {display:block;width:160px;height:30px;text-indent:-9999px;background:url(../images/logo.svg) no-repeat 0 50% / contain;}
	#__nav .head .cls {position:absolute;right:0;top:0;width:55px;height:55px;color:#fff;background:#19294f;font-size:0;}
	#__nav .head .cls i {font-size:24px;font-family:axicon;}
	#__nav .gnb {height:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:#fff;border-top:1px solid #ddd;}
	#__nav .gnb a {display:block;letter-spacing:-0.05em;}
	#__nav .gnb > li {border-bottom:1px solid #ddd;}
	#__nav .gnb > li > a {font-size:18px;padding:15px;color:#333;position:relative;}
	#__nav .gnb > li > a:before {content:"\e114";display:block;position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;font-family:axicon;font-style:normal;color:#999;}
	#__nav .gnb > .nochi > a:before {content:"\f105";right:20px;}
	#__nav .gnb > li > a strong {font-weight:inherit;}
	#__nav .gnb > li > a em {display:none;}
	#__nav .gnb > li > ul {border-top:1px solid #ddd;padding:10px 0;background:#eee;display:none;}
	#__nav .gnb > li > ul > li > a {font-size:16px;padding:4px 15px 4px 20px;color:#666;}
	#__nav .gnb > li > ul > li > ul {padding:0 0 5px;}
	#__nav .gnb > li > ul > li > ul > li > a {font-size:15px;padding:2px 15px 2px 25px;color:#999;}
	#__nav .gnb > li > ul > li > ul > li > a:before {content:"- ";}
	#__nav .gnb > .active > a {color:#19294f;}
	#__nav .gnb > .active > a:before {content:"\e115";}
	#__nav .gnb > li > ul > li.active > a {color:#19294f;}
	#__nav .gnb > li > ul > li > ul > li.active > a {color:#333;text-decoration:none !important;}
	#__nav .lang > button {display:none;}
	#__nav .lang ul {border-top:1px solid #ddd;display:table;width:100%;table-layout:fixed;}
	#__nav .lang ul li {display:table-cell;vertical-align:middle;text-align:center;}
	#__nav .lang ul li ~ li {border-left:1px solid #ddd;}
	#__nav .lang ul li a {display:block;padding:10px 0;font-size:14px;color:#000;background:#f3f3f3;}
	#__nav .bot {margin-top:20px;text-align:center;font-size:0;}
	#__nav .bot li {display:inline-block;vertical-align:top;position:relative;}
	#__nav .bot li a {color:#000;padding:0 15px;display:block;font-size:14px;border-radius:17px;letter-spacing:-0.05em;}
	#__nav .bot li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ddd;}

	.navOn #__nav {visibility:visible;opacity:1;}
	.navOn #__nav .wrap {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}


#footer {position:relative;background:#000;padding:40px 15px; /*80px 15px;*/text-align:center;}
#footer .top-btn {display:none !important;width:94px;height:94px;right:30px;border-radius:50%;background:#19294f;color:rgba(255,255,255,0.8);font-weight:bold;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;gap:10px;z-index:100;/* transition:0.2s;transform:translateY(30px);opacity:0;visibility:hidden; */font-size:0;}
#footer .top-btn:before {content:"";display:block;width:24px;height:28px;background:url(../images/gotop.png) no-repeat 50% 50% / contain;}
#footer .top-btn.fixed {top:-47px;}
#footer h2 span {display:inline-block;width:249px;height:42px;background:url(../images/logo2.svg) no-repeat 50% 50% / contain;text-indent:-9999px;opacity:0.3;}
#footer .fnb {margin-top:15px; /*25px;*/display:flex;justify-content:center;flex-wrap:wrap;}
#footer .fnb li {font-size:16px;font-weight:300;color:#fff;margin-right:14px;padding-right:16px;position:relative;}
#footer .fnb li:before {content:"";display:block;width:2px;height:10px;background:#fff;position:absolute;right:0;top:50%;margin-top:-5px;}
#footer .fnb li:last-child {margin-right:0;padding-right:0;}
#footer .fnb li:last-child:before {display:none;}
#footer .sns {display:flex;gap:5px;margin-top:15px; /*22px;*/justify-content:center;}
#footer .sns img {display:block;}
#footer .copy {font-size:16px;color:rgba(255,255,255,0.3);font-weight:300;margin-top:15px; /*40px;*/}

@keyframes move {
	0% {transform:translateX(0);}
	100% {transform:translateX(-50%);}
}


@media all and (max-width:1024px){
	#footer {padding:30px 15px;}
	#footer h2 span {width:160px;height:30px;}
	#footer .fnb {margin-top:15px;}
	#footer .fnb li {font-size:14px;margin-right:10px;padding-right:11px;}
	#footer .fnb li:before {width:1px;}
	#footer .sns {margin-top:15px;}
	#footer .sns img {width:26px;}
	#footer .copy {font-size:14px;margin-top:15px;}
}


#__vis {height:100vh;position:relative;overflow:hidden;}
#__vis video,
#__vis iframe {height:100%;width:177.77777778vh;min-width:100%;/* min-height:56.25vw; */min-height:62vw;z-index:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#__vis .wrap {position:absolute;left:0;top:0;width:100%;height:100%;padding:0 15px;}
#__vis .in {max-width:1400px;height:100%;margin:0 auto;position:relative;}
#__vis dl {position:absolute;left:0;bottom:300px;color:#fff;z-index:5;}
#__vis dl dt {font-size:30px;}
#__vis dl dd {margin-top:15px;}
#__vis dl dd img {display:block;}
#__vis .img {position:absolute;right:0;top:215px;animation:float 3s infinite ease-in-out}
#__vis .img img {display:block;}
#__vis .cont {width:57px;height:57px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:0;bottom:165px;background:url(../images/ico-vis-play.png) no-repeat 50% 50% / 13px auto;}
#__vis .cont.stop {background-image:url(../images/ico-vis-stop.png);}

@keyframes float {
	0% {transform:translateY(0);}
	50% {transform:translateY(-20px);}
	100% {transform:translateY(0);}
}

@media all and (max-width:1024px){
	#__vis dl {bottom:auto;top:130px;}
	#__vis dl dt {font-size:20px;}
	#__vis dl dd {margin-top:10px;}
	#__vis dl dd img {width:280px;}
	#__vis .img {top:40%;width:250px;}
	#__vis .cont {width:40px;height:40px;bottom:50px;background-size:12px auto;left:auto;}
}

#__doj {padding:135px 15px 120px;background:url(../images/bg-doj.png) no-repeat 100% 100%;text-align:center;}
#__doj h3 {font-size:30px;line-height:1.5;color:#000;letter-spacing:-0.05em;}
#__doj .img {background:url(../images/img-doj.jpg) no-repeat 50% 50% / cover;height:462px;border-radius:231px;max-width:1321px;margin:45px auto;display:flex;align-items:center;justify-content:center;}
#__doj .img img {display:block;width:373px;}
#__doj p {font-size:40px;font-weight:bold;line-height:1.2;color:#000;letter-spacing:-0.05em;}

@media all and (max-width:1024px){
	#__doj {padding:40px 15px;background-size:200px auto;}
	#__doj h3 {font-size:17px;line-height:1.4;}
	#__doj .img {height:150px;border-radius:75px;margin:20px auto;}
	#__doj .img img {width:200px;}
	#__doj p {font-size:20px;}
}

#__pdt {background:#f8f8f8;padding:105px 15px 110px;overflow:hidden;}
#__pdt .wrap {max-width:1510px;margin:0 auto;}
#__pdt .tit {display:flex;justify-content:space-between;align-items:center;margin-bottom:110px;}
#__pdt .tit h3 {font-size:50px;font-weight:bold;color:#000;letter-spacing:-0.05em;}
#__pdt .tit a {display:inline-flex;align-items:center;width:195px;height:60px;border-radius:30px;color:#fff;background:#146eff;padding:0 10px;transition:0.2s;}
#__pdt .tit a:before {content:"→";display:flex;background:#19294f;width:41px;height:41px;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-size:20px;font-family:'Pretendard Variable',sans-serif;}
#__pdt .tit a span {flex-grow:1;font-size:16px;font-weight:bold;text-align:center;display:block;}
#__pdt .tit a:hover {background:#005df2;}
#__pdt .area {}
#__pdt .area .box {display:block;transition:0.2s;overflow:hidden;background:#fff;}
#__pdt .area .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid transparent;z-index:5;transition:0.2s;}
#__pdt .area .box .img img {display:block;width:100%;object-fit:contain;apsect-ratio:490/395;}
#__pdt .area .box .info {padding:20px 45px 28px;position:relative;}
#__pdt .area .box .info .cate {font-size:18px;color:#535353;font-weight:300;margin-bottom:7px;line-height:1;}
#__pdt .area .box .info .subject {font-size:30px;font-weight:bold;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.1;}
#__pdt .area .box .info:before {content:"→";position:absolute;right:45px;top:36px;color:#19294f;font-size:20px;font-family:'Pretendard Variable',sans-serif;opacity:0;transition:0.2s;transform:translateX(20px);}
#__pdt .area .box:hover {border-color:#17274b;border-radius:0 0 55px 0;box-shadow:11px 11px 23px 0 rgba(0,0,0,0.12);}
#__pdt .area .box:hover:before {border-color:#17274b;border-radius:0 0 55px 0;}
#__pdt .area .box:hover .info:before {opacity:1;transform:translateX(0);}
#__pdt .page {height:2px;background:#fff;position:relative;margin-top:65px;}
#__pdt .page .swiper-pagination-progressbar-fill {background:#aaa;}

@media all and (max-width:1024px){
	#__pdt {padding:40px 15px;}
	#__pdt .tit {margin-bottom:15px;}
	#__pdt .tit h3 {font-size:26px;}
	#__pdt .tit a {width:120px;height:40px;border-radius:20px;padding:0 5px;}
	#__pdt .tit a:before {width:30px;height:30px;font-size:16px;}
	#__pdt .tit a span {font-size:12px;}
	#__pdt .area .box .info {padding:15px;}
	#__pdt .area .box .info .cate {font-size:12px;margin-bottom:5px;}
	#__pdt .area .box .info .subject {font-size:14px;}
	#__pdt .area .box .info:before {right:15px;top:20px;font-size:16px;}
	#__pdt .area .box:hover,
	#__pdt .area .box:hover:before {border-radius:0 0 15px 0;}
	#__pdt .page {margin-top:20px;}
}

#__make {padding:115px 15px 165px;overflow:hidden;}
#__make .wrap {max-width:1720px;margin:0 auto;position:relative;}
#__make .wrap:before {content:"";display:block;width:1016px;height:94px;background:url(../images/make-logo.png) no-repeat 0 50% / contain;position:absolute;left:0;bottom:0;}
#__make .in {position:relative;padding-left:110px;display:flex;justify-content:space-between;gap:50px;}
#__make h2 {position:absolute;left:0;top:40px;font-size:16px;font-weight:bold;color:#000;}
#__make .lef {padding-top:125px;color:#000;position:relative;}
#__make .lef dl dt {font-size:20px;line-height:1.5;letter-spacing:-0.05em;font-weight:300;}
#__make .lef dl dd {font-size:30px;line-height:1.33;letter-spacing:-0.05em;font-weight:300;margin-top:23px;}
#__make .drone {position:absolute;left:693px;top:55px;animation:float 2.7s infinite ease-in-out;z-index:2;}

@media all and (max-width:1300px){
	#__make .in {padding-left:0;}
}

@media all and (max-width:1024px){
	#__make {padding:40px 15px;}
	#__make .wrap:before {width:300px;height:30px;}
	#__make .in {display:block;padding:0 125px 80px 0;}
	#__make h2 {position:relative;top:0;font-size:14px;}
	#__make .lef {padding-top:20px;position:relative;z-index:1;}
	#__make .lef dl dt {font-size:16px;line-height:1.4;}
	#__make .lef dl dd {font-size:18px;line-height:1.3;margin-top:15px;}
	#__make .rig {position:absolute;right:0;bottom:-10px;width:120px;opacity:0.2;}
	#__make .drone {left:auto;right:0;top:30px;width:150px;}
}

#__why {padding:200px 15px 950px;text-align:center;position:relative;overflow:hidden;}
#__why .bg {position:absolute;left:0;top:-400px;width:100%;height:calc(100% + 400px);background:url(../images/bg-why.jpg) no-repeat 50% 0;}
#__why .wrap {max-width:1620px;margin:0 auto;position:relative;z-index:5;}
#__why .tit {margin-bottom:105px;}
#__why .tit h3 {color:#fff;font-size:60px;font-weight:bold;line-height:1;}
#__why .tit p {margin-top:30px;}
#__why .tit a {display:inline-flex;align-items:center;width:195px;height:60px;border-radius:30px;color:#fff;background:#146eff;padding:0 10px;transition:0.2s;}
#__why .tit a:before {content:"→";display:flex;background:#19294f;width:41px;height:41px;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-size:20px;font-family:'Pretendard Variable',sans-serif;}
#__why .tit a span {flex-grow:1;font-size:16px;font-weight:bold;text-align:center;display:block;}
#__why .tit a:hover {background:#005df2;}
#__why .area {display:flex;}
#__why .area .box {width:0;flex-grow:1;background:rgba(0,0,0,0.4);border:1px solid #878c90;padding:135px 10px 0;height:400px;}
#__why .area .box ~ .box {margin-left:-1px;}
#__why .area .box dt { height: 4.5rem; display: -ms-flexbox; display: flex;-ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important;  justify-content: center !important;}
#__why .area .box dt img { vertical-align: middle; }
#__why .area .box dl dd {margin-top:40px;font-size:18px;color:#fff;line-height:1.65;letter-spacing:-0.05em;}
#__why .slogan {margin-top:480px;}
#__why .slogan dl dt {color:#fff;font-size:60px;font-weight:300;line-height:1.25;letter-spacing:-0.05em;}
#__why .slogan dl dd {margin-top:75px;}
#__why .slogan dl dd a {display:inline-block;position:relative;font-size:30px;color:#fff;padding-bottom:5px;}
#__why .slogan dl dd a:before {content:"↗";position:absolute;left:100%;top:-5px;font-size:20px;font-weight:600;color:#fffaac;font-family:'Pretendard Variable',sans-serif;transition:1s;transition-delay:0.5s;transform:translate(5px,-5px);opacity:0;}
#__why .slogan dl dd a:after {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#fff;transition:1s;transform:scale(0,1);transition-delay:0.5s;}
#__why .slogan dl dd.aos-animate a:before {transform:translate(0,0);opacity:1;}
#__why .slogan dl dd.aos-animate a:after {transform:scale(1,1);}


@media all and (max-width:1024px){
	#__why {padding:70px 15px 200px;min-height:0;background-size:cover;background-position:50% 0 !important;}
	#__why .bg {top:0;width:100%;height:100%;background-size:cover;background-position:50% 0 !important;}
	#__why .tit {margin-bottom:40px;}
	#__why .tit h3 {font-size:28px;}
	#__why .tit p {margin-top:15px;}
	#__why .tit a {width:120px;height:40px;border-radius:20px;padding:0 5px;}
	#__why .tit a:before {width:30px;height:30px;font-size:16px;}
	#__why .tit a span {font-size:12px;}
	#__why .area {flex-wrap:wrap;}
	#__why .area .box {width:30%;padding:25px 10px;height:auto;}
	#__why .area .box ~ .box {margin-left:-1px;}
	#__why .area .box:nth-child(4) {margin-left:0;}
	#__why .area .box:nth-child(n+4) {margin-top:-1px;}
	#__why .area .box dl dt img {width:50px;}
	#__why .area .box dl dd {margin-top:20px;font-size:13px;line-height:1.3;}
	#__why .slogan {margin-top:60px;}
	#__why .slogan dl dt {font-size:22px;}
	#__why .slogan dl dd {margin-top:15px;}
	#__why .slogan dl dd a {font-size:16px;}
	#__why .slogan dl dd a:before {font-size:16px;}
}

#__aside {position:fixed;bottom:40px;right:30px;z-index:100;width:70px;border-radius:35px;padding:7px;background:rgba(255,255,255,0.3);text-align:center;transition:0.2s;}
#__aside .top {}
#__aside .top a {display:block;}
#__aside .top a img {display:block;}
#__aside .top a span {display:block;font-size:16px;letter-spacing:-0.05em;margin-top:6px;line-height:1;color:#fff;white-space:nowrap;}
#__aside .go {max-width:48px;margin:9px auto 0;border-top:1px solid rgba(255,255,255,0.4);padding-top:17px;}
.fix #__aside {background:rgba(0,0,0,0.3);}

@media all and (max-width:1024px){
	#__aside {right:15px;width:50px;border-radius:25px;padding:5px 5px 10px;}
	#__aside .top a span {font-size:12px;margin:5px -5px 0;}
	#__aside .go {padding-top:10px;}
	#__aside .go img {width:20px;}
}

#__svis {height:100vh;background:url(../images/svis1.jpg) no-repeat 50% 50% / cover;display:flex;align-items:center;justify-content:center;text-align:center;}
#__svis dl dt {font-size:100px;font-weight:900;color:#fff;letter-spacing:-0.05em;line-height:1;}
#__svis dl dd {margin-top:40px;}
#__svis dl dd ul {display:flex;align-items:center;justify-content:center;}
#__svis dl dd ul img {width:16px;display:block;}
#__svis dl dd ul li {position:relative;font-size:16px;color:#fff;letter-spacing:-0.05em;margin-right:15px;padding-right:22px;line-height:1;}
#__svis dl dd ul li:before {content:"";display:block;width:9px;height:12px;background:url(../images/ico-arr.svg) no-repeat 0 50% / contain;position:absolute;right:0;top:3px;}
#__svis dl dd ul li:last-child {margin-right:0;padding-right:0;}
#__svis dl dd ul li:last-child:before {display:none;}
#__svis dl dd ul li:first-child:after {content:"";display:block;width:16px;height:15px;background:url(../images/ico-home.svg) no-repeat 50% 50% / contain;}

.sub2 #__svis {background-image:url(../images/svis2.jpg);}
.sub3 #__svis {background-image:url(../images/svis3.jpg);}
.sub4 #__svis {background-image:url(../images/svis4.jpg);}

#__snb {border-bottom:1px solid #aaa;display:flex;justify-content:center;text-align:center;margin-bottom:120px;background:#fff;z-index:100;width:100%;left:0;top:0;}
#__snb a {display:flex;align-items:center;justify-content:center;width:200px;font-size:20px;font-weight:bold;color:#434343;letter-spacing:-0.05em;height:90px;transition:0.2s;position:relative;}
#__snb a:hover,
#__snb .active {color:#19294f;}
#__snb .active:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#19294f;}


@media all and (min-width:1025px){
	.snbFix #__snb {position:fixed;}
	.snbFix #contents {padding-top:211px;}
    .snbFix #wrapper:has(.__pdtView) #contents {padding-top:0px;}
}

@media all and (max-width:1024px){
	#__svis {height:260px;padding-top:55px;background-position:50% 0 !important;}
	#__svis dl dt {font-size:40px;}
	#__svis dl dd {margin-top:20px;}
	#__svis dl dd ul li {font-size:14px;}

	#__snb {overflow:auto;white-space:nowrap;margin-bottom:40px;display:block;}
	#__snb a {display:inline-block;width:auto;height:40px;line-height:40px;font-size:16px;flex-grow:unset;border-bottom-color:transparent;padding:0 15px;}
}

.__layout {padding:0 15px;}
.__layout.pt {padding-top:100px;}
.__layout.pb {padding-bottom:100px;}
.__layout.bg {background:#f9f9f9;}
.__layout > .wrap {max-width:1620px;margin:0 auto;}

@media all and (max-width:1024px){
	.__layout.pt {padding-top:40px;}
	.__layout.pb {padding-bottom:40px;}
}

.__pdtList {display:flex;flex-wrap:wrap;gap:62px;}
.__pdtList .box {display:block;text-align:center;width:calc(50% - 31px);}
.__pdtList .box .img {position:relative;}
.__pdtList .box .img img {display:block;aspect-ratio:780 / 470;object-fit:contain;width:100%;}
.__pdtList .box .img:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #dcdcdc;transition:0.1s;}
.__pdtList .box .txt {margin-top:32px;line-height:1.2;font-size:26px;font-weight:500;color:#000;}
.__pdtList .box:hover .img:before {border:5px solid #19294f;}

@media all and (max-width:1024px){
	.__pdtList {gap:30px 10px;}
	.__pdtList .box {width:calc(50% - 5px);}
	.__pdtList .box .txt {margin-top:10px;font-size:14px;}
}

#wrapper:has(.__pdtView) #__svis {height:auto;background:none;display:block;padding:200px 15px 100px;}
#wrapper:has(.__pdtView) #__svis dl {max-width:1400px;margin:0 auto;}
#wrapper:has(.__pdtView) #__svis dl dt {display:none;}
#wrapper:has(.__pdtView) #__svis dl dd {transition-delay:0s !important;margin-top:0;transform:translate3d(0,0,0) !important;opacity:1 !important;transition:0s !important;}
#wrapper:has(.__pdtView) #__svis dl dd ul {justify-content:flex-start;}
#wrapper:has(.__pdtView) #__svis dl dd ul li {color:#000;}
#wrapper:has(.__pdtView) #__svis dl dd ul li:before {background-image:url(../images/ico-arr2.svg);}
#wrapper:has(.__pdtView) #__svis dl dd ul li:first-child:after {background-image:url(../images/ico-home2.svg);}
#wrapper:has(.__pdtView) #__snb {display:none;}

.__pdtView {max-width:1400px;margin:0 auto;}
.__pdtView h2 {text-align:center;font-size:24px;font-weight:bold;color:#000;line-height:1.1;margin-bottom:35px;}
.__pdtView .one {display:flex;align-items:flex-start;gap:40px;}
.__pdtView .one .img {width:calc((660 / 1400) * 100%);position:sticky;top:120px;}
.__pdtView .one .img .big img {asepct-ratio:660 / 500;display:block;width:100%;object-fit:contain;}
.__pdtView .one .img .thm {display:flex;gap:7px;margin-top:7px;}
.__pdtView .one .img .thm a {display:block;width:calc(25% - (21px / 4));border:1px solid #dcdcdc;transition:0.2s;}
.__pdtView .one .img .thm a img {asepct-ratio:660 / 500;display:block;width:100%;object-fit:cover;}
.__pdtView .one .img .thm .active {border-color:#000;}
.__pdtView .one .info {width:0;flex-grow:1;}
.__pdtView .one .info .tit {border-bottom:1px solid #000;position:relative;padding-right:120px;padding-bottom:28px;margin-bottom:50px;}
.__pdtView .one .info .tit h3 {font-size:50px;font-weight:bold;color:#000;line-height:1.2;}
.__pdtView .one .info .tit a {display:flex;align-items:center;justify-content:center;width:108px;height:40px;border-radius:5px;color:#fff;background:#000;font-size:20px;font-weight:bold;position:absolute;right:0;top:9px;}
.__pdtView .one .info .desc .box {}
.__pdtView .one .info .desc .box ~ .box {margin-top:75px;}
.__pdtView .one .info .desc .box h4 {font-size:24px;font-weight:bold;color:#000;line-height:1.2;}
.__pdtView .one .info .desc .box .con {font-size:18px;line-height:1.65;color:#000;letter-spacing:-0.05em;margin-top:27px;}
.__pdtView .one .info .desc .box .dot > li {position:relative;padding-left:22px;}
.__pdtView .one .info .desc .box .dot > li:before {content:"";display:block;width:5px;height:5px;background:#000;border-radius:50%;position:absolute;left:0;top:13px;}
.__pdtView .two {margin-top:100px;padding-top:60px;border-top:1px solid #d4d4d4;text-align:center;}
.__pdtView .two .sec ~ .sec {margin-top:75px;}
.__pdtView .two .roll {overflow:hidden;}
.__pdtView .two .roll2 .box iframe {display:block;aspect-ratio:16/9;object-fit:cover;width:100%;}
.__pdtView .two .rollwrap {position:relative;}
.__pdtView .two .rollwrap button {width:62px;height:62px;border-radius:50%;border:1px solid #19294f;background:#19294f;color:#fff;font-size:18px;box-shadow:0 10px 10px rgba(0,0,0,0.15);position:absolute;top:124px;z-index:5;transition:0.2s;}
.__pdtView .two .rollwrap button i { font-size: 2.5rem;}
.__pdtView .two .rollwrap .prev {left:-31px;}
.__pdtView .two .rollwrap .next {right:-31px;}
.__pdtView .two .rollwrap .swiper-button-disabled {border-color:#707070;color:#707070;background:none;box-shadow:none;}
.__pdtView .two .rollwrap .txt {margin-top:25px;font-size:18px;color:#000;line-height:1.2;}
.__pdtView .two .rollwrap.roll2 button {top:50%;margin-top:-31px;}
.__pdtView .two .roll1 img {display:block;width:100%;aspect-ratio:45/30;object-fit:contain;}
.__pdtView .thr {margin-top:100px;padding-top:60px;border-top:1px solid #d4d4d4;}
.__pdtView .thr .editor {text-align:center;}

@media all and (max-width:1024px){
	#wrapper:has(.__pdtView) #__svis {padding:70px 15px 40px;}

	.__pdtView h2 {font-size:20px;margin-bottom:20px;}
	.__pdtView .one {display:block;}
	.__pdtView .one .img {width:auto;position:relative;top:0;}
	.__pdtView .one .info {width:auto;margin-top:30px;}
	.__pdtView .one .info .tit {padding-right:90px;padding-bottom:10px;margin-bottom:30px;}
	.__pdtView .one .info .tit h3 {font-size:28px;}
	.__pdtView .one .info .tit a {width:80px;height:30px;font-size:14px;top:1px;}
	.__pdtView .one .info .desc .box ~ .box {margin-top:40px;}
	.__pdtView .one .info .desc .box h4 {font-size:20px;}
	.__pdtView .one .info .desc .box .con {font-size:14px;line-height:1.5;margin-top:15px;}
	.__pdtView .one .info .desc .box .dot > li {padding-left:12px;}
	.__pdtView .one .info .desc .box .dot > li:before {width:3px;height:3px;top:10px;}
	.__pdtView .two {margin-top:40px;padding-top:40px;}
	.__pdtView .two .sec ~ .sec {margin-top:40px;}
	.__pdtView .two .rollwrap button {width:40px;height:40px;font-size:13px;top:50%;margin-top:-20px;}
	.__pdtView .two .rollwrap .prev {left:-10px;}
	.__pdtView .two .rollwrap .next {right:-10px;}
	.__pdtView .two .rollwrap .txt {margin-top:10px;font-size:14px;}
	.__pdtView .two .rollwrap.roll1 button {transform:translateY(-13px);}
	.__pdtView .two .rollwrap.roll2 button {margin-top:-20px;}
	.__pdtView .thr {margin-top:40px;padding-top:40px;}
}

.__serviceList {display:flex;flex-wrap:wrap;gap:50px 40px;}
.__serviceList .box {display:block;width:calc(50% - 20px);background:#19294f;border-radius:5px;padding:50px 50px 35px;}
.__serviceList .box .one {display:flex;align-items:flex-end;gap:45px;}
.__serviceList .box .one .img {width:calc((329 / 690) * 100%);}
.__serviceList .box .one .img img {display:block;aspect-ratio:329/321;object-fit:cover;width:100%;width:100% !important;}
.__serviceList .box .one .info {width:0;flex-grow:1;color:#fff;}
.__serviceList .box .one .info .num {font-size:14px;font-weight:300;line-height:1;margin-bottom:25px;}
.__serviceList .box .one .info .subject {font-size:26px;font-weight:bold;line-height:1.35;}
.__serviceList .box .one .info .subject p {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.__serviceList .box .two {margin-top:60px;border-top:1px solid #465271;padding-top:22px;display:flex;align-items:center;gap:23px;color:#fff;font-size:16px;}
.__serviceList .box .two:after {content:"";display:block;width:102px;height:16px;background:url(../images/ico-ser-arr.png) no-repeat 50% 50% / contain;}

@media all and (max-width:1024px){
	.__serviceList {gap:10px;}
	.__serviceList .box {width:calc(50% - 5px);padding:15px;}
	.__serviceList .box .one {display:block;}
	.__serviceList .box .one .img {width:auto;}
	.__serviceList .box .one .info {width:auto;margin-top:15px;}
	.__serviceList .box .one .info .num {font-size:12px;margin-bottom:10px;}
	.__serviceList .box .one .info .subject {font-size:16px;}
	.__serviceList .box .two {margin-top:10px;padding-top:10px;gap:10px;font-size:14px;}
	.__serviceList .box .two:after {width:60px;height:8px;}
}

.__serviceView {padding:0 15px 130px;}
.__serviceView .one {display:flex;align-items:flex-start;gap:75px;}
.__serviceView .one .lef {width:calc((790 / 1620) * 100%);height:510px;border-radius:5px;padding:95px 105px 0;color:#fff;background:#19294f;}
.__serviceView .one .lef .num {font-size:14px;font-weight:300;line-height:1;margin-bottom:32px;}
.__serviceView .one .lef .subject {font-size:40px;font-weight:bold;line-height:1.25;letter-spacing:-0.05em;}
.__serviceView .one .rig {width:0;flex-grow:1;padding-top:95px;color:#000;}
.__serviceView .one .rig dl ~ dl {margin-top:84px;}
.__serviceView .one .rig dl dt {font-size:20px;line-height:1.5;font-weight:bold;}
.__serviceView .one .rig dl dd {font-size:18px;line-height:1.65;margin-top:10px;}
.__serviceView .two {margin-top:130px;position:relative;padding:0 110px;}
.__serviceView .two .roll {overflow:hidden;}
.__serviceView .two .swiper-slide img {display:block;width:100%;aspect-ratio:407/259;object-fit:contain;background:#dcdcdc;}
.__serviceView .two button {display:block;width:35px;height:69px;position:absolute;top:50%;transform:translateY(-50%);}
.__serviceView .two .prev {left:0;background:url(../images/service-prev.png) no-repeat 50% 50% / contain;}
.__serviceView .two .next {right:0;background:url(../images/service-next.png) no-repeat 50% 50% / contain;}

.__serviceView2 {padding:100px 15px;border-top:1px solid #dbdbdb;}
.__serviceView2 h2 {font-size:60px;font-weight:bold;color:#000;line-height:1;margin-bottom:75px;text-align:center;}
.__serviceView2 .editor {text-align:center;}

#wrapper:has(.__serviceList) .board-wrap {display:none;}

@media all and (max-width:1024px){
	.__serviceView {padding:0 15px 40px;}
	.__serviceView .one {display:block;}
	.__serviceView .one .lef {width:auto;height:auto;padding:25px 15px;}
	.__serviceView .one .lef .num {font-size:12px;margin-bottom:15px;}
	.__serviceView .one .lef .subject {font-size:24px;}
	.__serviceView .one .rig {width:auto;padding-top:20px;}
	.__serviceView .one .rig dl ~ dl {margin-top:25px;}
	.__serviceView .one .rig dl dt {font-size:16px;}
	.__serviceView .one .rig dl dd {font-size:14px;line-height:1.5;margin-top:5px;}
	.__serviceView .two {margin-top:40px;padding:0 35px;}
	.__serviceView .two button {width:20px;height:30px;}

	.__serviceView2 {padding:40px 15px;}
	.__serviceView2 h2 {font-size:26px;margin-bottom:15px;}
}

html:has(.__about) #__snb {margin-bottom:0;}
.__about {position:relative;overflow:hidden;padding:135px 15px;}
.__about .bg {position:absolute;left:0;top:-500px;width:100%;height:calc(100% + 500px);background:url(../images/bg-about.jpg) no-repeat 50% 0;}
.__about .wrap {position:relative;}
.__about h3 {font-size:60px;font-weight:bold;color:#fff;line-height:1;text-align:center;}
.__about .txt {font-size:20px;line-height:1.8;color:#fff;margin-top:85px;letter-spacing:-0.05em;text-align:center;}
.__about h3 ~ h3 {margin-top:210px;}
.__about .area {display:flex;flex-wrap:wrap;gap:12px;margin-top:80px;}
.__about .area .box {width:calc(50% - 6px);border-radius:6px;background:rgba(0,0,0,0.5) url(../images/ico-about1.png) no-repeat right 25px top 30px /*100% 0*/; padding:45px 60px;color:#fff;min-height:270px;}
.__about .area .box h4 {font-size:22px;font-weight:bold;color:#fff;line-height:1.35;min-height:2.7em;letter-spacing:-0.05em;margin-bottom:27px;}
.__about .area .box ul {font-size:18px;line-height:1.65;color:#fff;letter-spacing:-0.05em;}
.__about .area .box ul li {position:relative;padding-left:24px;}
.__about .area .box ul li:before {content:"";display:block;width:6px;height:6px;border-radius:50%;background:#fff;position:absolute;left:0;top:13px;}
.__about .area .box2 {background-image:url(../images/ico-about2.png);}
.__about .area .box3 {background-image:url(../images/ico-about3.png);}
.__about .area .box4 {background-image:url(../images/ico-about4.png);}
.__about .area .box5 {background-image:url(../images/ico-about5.png);}
.__about .area .box6 {background-image:url(../images/ico-about6.png);}

.__about2 {background:url(../images/bg-about2.jpg) no-repeat 50% 0 / cover;padding:125px 15px 160px;text-align:center;}
.__about2 .wrap {max-width:800px;}
.__about2 h3 {color:#000;font-size:60px;font-weight:bold;line-height:1;letter-spacing:-0.05em;margin-bottom:50px;}
.__about2 .video iframe {width:100%;display:block;aspect-ratio:16/9;object-fit:cover;}

@media all and (max-width:1024px){
	.__about {padding:40px 15px;}
	.__about .bg {top:0;height:100%;background-size:cover;background-position:50% 0 !important;}
	.__about h3 {font-size:26px;}
	.__about .txt {font-size:14px;line-height:1.6;margin-top:20px;}
	.__about h3 ~ h3 {margin-top:40px;}
	.__about .area {display:block;margin-top:40px;}
	.__about .area .box {width:auto;border-radius:5px;background-size:40px /*55px auto*/;background-position:right 10px top 10px;  /*right 0 top -7px*/;padding:15px;min-height:0;}
	.__about .area .box ~ .box {margin-top:10px;}
	.__about .area .box h4 {font-size:16px;line-height:1.2;min-height:0;margin-bottom:15px;padding-right:50px;}
	.__about .area .box ul {font-size:14px;line-height:1.5;}
	.__about .area .box ul li {padding-left:12px;}
	.__about .area .box ul li:before {width:3px;height:3px;top:10px;}

	.__about2 {padding:40px 15px;}
	.__about2 h3 {font-size:26px;margin-bottom:20px;}
}


.__history {max-width:1400px;margin:0 auto;}
.__history h2 {text-align:center;font-size:60px;font-weight:bold;color:#000;line-height:1.15;letter-spacing:-0.05em;margin-bottom:65px;}
.__history .area {display:flex;align-items:flex-start;gap:80px;}
.__history .area .lef {width:calc((660 / 1400) * 100%);height:843px;background:url(../images/bg-history.jpg) no-repeat 50% 50% / cover;}
.__history .area .rig {width:0;flex-grow:1;}
.__history .area .rig dl {display:flex;border-top:1px solid #000;padding:30px 0;color:#000;}
.__history .area .rig dl dt {width:100px;font-size:22px;font-weight:bold;}
.__history .area .rig dl dd {width:0;flex-grow:1;font-size:18px;line-height:1.6;}
.__history .area .rig dl dd li {position:relative;padding-left:24px;}
.__history .area .rig dl dd li ~ li {margin-top:8px;}
.__history .area .rig dl dd li:before {content:"";display:block;width:5px;height:5px;background:#000;border-radius:50%;position:absolute;left:0;top:13px;}

@media all and (max-width:1024px){
	.__history h2 {font-size:24px;margin-bottom:20px;line-height:1.2;}
	.__history .area {display:block;}
	.__history .area .lef {display:none;}
	.__history .area .rig {width:auto;}
	.__history .area .rig dl {display:block;padding:15px 0;}
	.__history .area .rig dl dt {width:auto;font-size:18px;margin-bottom:5px;}
	.__history .area .rig dl dd {width:auto;font-size:14px;line-height:1.5;}
	.__history .area .rig dl dd li {padding-left:12px;}
	.__history .area .rig dl dd li ~ li {margin-top:3px;}
	.__history .area .rig dl dd li:before {width:3px;height:3px;top:10px;}
}


.__loc {background:url(../images/bg-loc.png) no-repeat 0 100%;}
.__loc .area {display:flex;gap:60px;justify-content:space-between;}
.__loc .area .lef {width:calc((750 / 1620) * 100%);padding:100px 0 0 110px;}
.__loc .area .lef .logo img {display:block;width:563px;}
.__loc .area .lef .add {margin-top:285px;}
.__loc .area .lef .add dl {display:flex;align-items:center;font-size:20px;color:#000;padding:20px 0;border-bottom:1px solid #bfbfbf;}
.__loc .area .lef .add dl dt {display:flex;align-items:center;width:165px;padding-left:15px;gap:18px;font-weight:bold;}
.__loc .area .lef .add dl dt img {display:block;}
.__loc .area .lef .add dl dd {width:0;flex-grow:1;}
.__loc .area .rig {width:calc((780 / 1620) * 100%);}
.__loc .area .rig iframe {display:block;height:780px;width:100%;}

@media all and (max-width:1460px){
	.__loc .area .lef {padding-left:0;}
}

@media all and (max-width:1024px){
	.__loc {background-size:200px auto;}
	.__loc .area {display:block;}
	.__loc .area .lef {width:auto;padding:0;}
	.__loc .area .lef .logo {padding-right:50px;}
	.__loc .area .lef .add {margin-top:30px;}
	.__loc .area .lef .add dl {display:block;font-size:16px;padding:15px 0;}
	.__loc .area .lef .add dl dt {width:auto;padding-left:0;gap:10px;}
	.__loc .area .lef .add dl dt img {width:24px;}
	.__loc .area .lef .add dl dd {width:auto;margin-top:10px;}
	.__loc .area .rig {width:auto;margin-top:40px;}
	.__loc .area .rig iframe {height:250px;}
}

.__partner {max-width:1400px;margin:0 auto;}
.__partner h2 {text-align:center;font-size:60px;font-weight:bold;color:#000;line-height:1.15;letter-spacing:-0.05em;margin-bottom:65px;}
.__partner .board-wrap {display:none;}
.__partner .area {display:flex;flex-wrap:wrap;gap:20px 14px;}
.__partner .area .box {border:1px solid #dcdcdc;width:calc(25% - (42px / 4));}
.__partner .area .box img {display:block;width:100% !important;aspect-ratio:338/98;object-fit:contain;}

@media all and (max-width:1024px){
	.__partner h2 {font-size:24px;margin-bottom:20px;line-height:1.2;}
	.__partner .area {gap:10px;}
	.__partner .area .box {width:calc(100% / 3 - (20px / 3));}
}

.__tab {display:flex;justify-content:center;margin-bottom:80px;}
.__tab li {position:relative;}
.__tab li:before {content:"";display:block;width:2px;height:10px;background:#bfbfbf;position:absolute;right:-1px;top:50%;margin-top:-5px;}
.__tab li:last-child:before {display:none;}
.__tab li a {width:214px;display:flex;align-items:center;justify-content:center;height:70px;border-bottom:2px solid transparent;font-size:20px;letter-spacing:-0.05em;color:rgba(0,0,0,0.5);}
.__tab .on a,
.__tab li a:hover {color:#19294f;font-weight:bold;}
.__tab .on a {border-bottom-color:#19294f;}

@media all and (max-width:1024px){
	.__tab {margin-bottom:20px;}
	.__tab li {width:0;flex-grow:1}
	.__tab li a {width:100%;height:40px;font-size:14px;}
	.__tab .on a {border-bottom-color:#19294f;}
}

.__topArea {display:flex;justify-content:space-between;margin-bottom:25px;/* padding-bottom:35px;border-bottom:1px solid #151515; */align-items:flex-end;}
.__topArea .count {font-size:16px;color:#000;font-weight:bold;}
.__topArea .count span {color:#000;}
.__topArea .sch {border:1px solid #434343;position:relative;}
.__topArea .sch select {height:60px;font-size:18px;line-height:60px;appearance:none;background:#fff url(../images/ico-sel.png) no-repeat right 15px center / 11px auto;padding:0 40px 0 0;margin-right:10px;border:none;min-width:100px;}
.__topArea .sch input {width:254px;height:41px;padding-left:15px;font-size:16px;font-weight:300;color:#000;border:none;}
.__topArea .sch input::placeholder {color:rgba(0,0,0,0.3);}
.__topArea .sch button {width:52px;height:100%;display:flex;align-items:center;justify-content:center;background:url(../images/ico-sch.png) no-repeat 50% 50%;text-indent:-9999px;border:none;position:absolute;right:0;top:0;}

@media all and (max-width:1024px) {
	.__topArea {flex-direction:column;margin-bottom:15px;gap:10px}
	.__topArea .count {font-size:14px;text-align:right;}
	.__topArea .sch {order:-1;width:100%;}
	.__topArea .sch input {width:0;flex-grow:1;height:34px;padding-left:10px;font-size:14px;}
	.__topArea .sch button {width:40px;background-size:35px auto}
}

.__down {display:inline-flex !important;height:40px;border-radius:5px;color:#fff !important;background:#19294f;font-size:16px !important;font-weight:bold;padding:0 25px;align-items:center;justify-content:center;}

.__certList {display:flex;gap:34px;flex-wrap:wrap;}
.__certList .box {display:block;position:relative;width:calc(25% - (102px / 4));}
.__certList .box .img {padding:24px;background:#f8f8f8;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;}
.__certList .box .img span {display:block;width:227px;aspect-ratio:227/328;object-fit:contain;}
.__certList .box .img img {display:block;object-fit:contain;width:100%;height:100%;}
.__certList .box .txt {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:18px;line-height:1.2;padding:0 20px;transition:0.2s;opacity:0;}
.__certList .box:hover .txt {opacity:1;}

.mfp-content .white-popup {padding:30px;}
.mfp-inline-holder .mfp-content {width:500px;}
.mfp-close-btn-in .mfp-close {right:0;width:36px;height:36px;top:-50px;}
.showroom-box .slider .slick-list .slick-slide h3.title {display:none !important;}

@media all and (max-width:1024px){
	.__certList {gap:10px;}
	.__certList .box {width:calc(50% - 5px);}
	.__certList .box .img {padding:15px;}
	.__certList .box .txt {font-size:14px;padding:0 15px;}

	.mfp-container {padding:15px;}
	.mfp-content .white-popup {padding:15px;}
	.mfp-close-btn-in .mfp-close {right:0;width:30px;height:30px;top:-40px !important;}
}

.__galList {display:flex;gap:34px;flex-wrap:wrap;}
.__galList .box {display:block;position:relative;width:calc(25% - (102px / 4));}
.__galList .box .img {padding:0;display:flex;align-items:center;justify-content:center;}
.__galList .box .img img {display:block;width:100%;aspect-ratio:1/1;object-fit:cover;}
.__galList .box .txt {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:18px;line-height:1.2;padding:0 20px;transition:0.2s;opacity:0;}
.__galList .box:hover .txt {opacity:1;}

@media all and (max-width:1024px){
	.__galList {gap:10px;}
	.__galList .box {width:calc(50% - 5px);}
	.__galList .box .txt {font-size:14px;padding:0 15px;}
}

.__vidList {display:flex;flex-wrap:wrap;gap:60px;}
.__vidList .box {width:calc(100% / 3 - (120px /3));}
.__vidList .box .img iframe,
.__vidList .box .img video {aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block;}

@media all and (max-width:1024px){
	.__vidList {gap:10px;}
	.__vidList .box {width:calc(50% - 5px);}
}


.__inq {max-width:1400px;margin:0 auto;}
.__inq .tit {text-align:center;color:#000;margin-bottom:80px;}
.__inq .tit dt {font-size:50px;font-weight:bold;line-height:1.1;}
.__inq .tit dd {font-size:20px;line-height:1.2;margin-top:20px;}
.__inq table {width:100%;border:1px solid #dcdcdc;table-layout:fixed;}
.__inq table col:nth-child(odd) {width:195px;}
.__inq table tr > * {border-bottom:1px solid #dcdcdc;vertical-align:middle;color:#000;}
.__inq table tr th {background:#efefef;font-size:18px;line-height:1.4;font-weight:normal;text-align:center;}
.__inq table tr th span {color:#df043e;}
.__inq table tr td {font-size:16px;line-height:1.4;}
.__inq table tr td input {display:block;width:100%;border:none;height:68px;font-size:16px;padding-left:15px;}
.__inq table tr td textarea {display:block;width:100%;border:none;height:250px;font-size:16px;padding:10px 15px;line-height:1.5;resize:none;}
.__inq table tr .ct {padding:12px;}
.__inq table tr .ct .privacy_box--fc {margin:0;background:#f8f8f8;color:#000;border-radius:5px;padding:10px 14px;border:none;font-weight:normal;}
.__inq table tr .ct .privacy_box--fc pre {font:inherit;}
.__inq table tr .ct .privacy_txt--fc {margin-top:10px;}
.__inq table tr .ct .privacy_txt--fc label {color:#000;}
.__inq table tr .ct .captcha_box--fc {margin:0;display:flex;gap:12px;align-items:center;}
.__inq table tr .ct .captcha_box--fc .captcha__num--fc {width:auto;}
.__inq table tr .ct .captcha_box--fc #displayCaptcha {height:42px;width:auto;}
.__inq table tr .ct .captcha_box--fc a {margin:0;width:auto;height:auto;display:flex;border:none;padding:0;}
.__inq table tr .ct .captcha_box--fc a img {width:24px;height:auto;}
.__inq table tr .ct .captcha_box--fc input {height:42px;border:1px solid #434343;width:255px !important;}
.__inq .bt {margin-top:100px;text-align:center;}
.__inq .bt button {display:inline-flex;width:193px;justify-content:space-between;align-items:center;height:70px;border:none;border-bottom:3px solid #17274b;font-size:26px;font-weight:bold;background:none;color:#17274b;}

@media all and (max-width:1024px){
	.__inq .tit {margin-bottom:20px;}
	.__inq .tit dt {font-size:24px;}
	.__inq .tit dd {font-size:14px;margin-top:10px;}
	.__inq table,
	.__inq table tbody {display:block;}
	.__inq table tr {display:flex;flex-wrap:wrap;}
	.__inq table tr > * {display:block;}
	.__inq table tr th {width:90px;font-size:13px;line-height:1.3;display:flex;align-items:center;padding:0 10px;text-align:left;}
	.__inq table tr td {width:calc(100% - 100px);font-size:13px;line-height:1.3;}
	.__inq table tr td input {height:40px;font-size:14px;padding-left:10px;}
	.__inq table tr td textarea {height:150px;font-size:14px;padding:10px;line-height:1.4;}
	.__inq table tr .ct {padding:10px;}
	.__inq table tr .ct .privacy_box--fc {padding:10px;}
	.__inq table tr .ct .privacy_box--fc pre {line-height:1.3;font-size:12px;}
	.__inq table tr .ct .captcha_box--fc {margin:0 !important;gap:5px;flex-wrap:wrap;}
	.__inq table tr .ct .captcha_box--fc .captcha__num--fc {width:auto;}
	.__inq table tr .ct .captcha_box--fc #displayCaptcha {height:30px;width:auto;}
	.__inq table tr .ct .captcha_box--fc a img {width:20px;}
	.__inq table tr .ct .captcha_box--fc input {height:30px;width:100% !important;margin:0 !important;font-size:14px;}
	.__inq .bt {margin-top:30px;}
	.__inq .bt button {width:100px;height:40px;border-bottom:2px solid #17274b;font-size:16px;}
}

@media all and (max-width:1024px){

}

@media all and (max-width:1024px){

}