@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

/* font-family: 'Gmarket Sans'; */
br {font-family:sans-serif;}
html {font-family:'Pretendard Variable',sans-serif;scroll-behavior: smooth;}
img {max-width:100%;}

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

/* 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;}

@media all and (min-width:1025px){
	#__header {z-index:200;position:fixed;left:0;top:0;width:100%;transition:0.2s;height:90px;overflow:hidden;}
	#__header:before {content:"";display:block;width:100%;height:600px;background:rgba(255,255,255,0.95);position:absolute;left:0;top:0;backdrop-filter:blur(2px);}
	#__header:after {content:"";display:block;width:100%;height:1px;background:#dcdcdc;position:absolute;left:0;top:90px;}
	#__header .wrap {background:#fff;padding:0 15px;position:relative;z-index:10;transition:0.2s;}
	#__header .in {position:relative;max-width:1676px;height:90px;margin:0 auto;text-align:center;}
	#__header .logo {position:absolute;top:25px;left:0;z-index:10;}
	#__header .logo a {display:block;width:148px;height:39px;text-indent:-9999px;background:url(../images/logo.svg) no-repeat 0 50% / contain;}
	#__header .gnb {display:inline-flex;justify-content:center;transition:0.2s;gap:0;}
	#__header .gnb > li {position:relative;}
	#__header .gnb > li > a {padding:0 46px;display:block;position:relative;transition:0.2s;}
	#__header .gnb > li > a > span {display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:#1b1a19;height:90px;position:relative;transition:0.2s}
	#__header .gnb > li > a > span:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ef8200;transform:scale(0,1);transition:0.2s;}
	#__header .gnb > li:hover > a > span:before {transform:scale(1,1);}
	#__header .gnb > li > ul {position:absolute;top:100%;min-width:220px;width:100%;left:0;transition:0.2s;text-align:left;padding:35px 15px 0 46px;height:400px;transform:translateY(20px);opacity:0;visibility:hidden;transition:0.2s;}
	#__header .gnb > li > ul > li ~ li {margin-top:40px;}
	#__header .gnb > li > ul > li > a {display:block;font-size:18px;line-height:1.5;font-weight:300;color:#fff;}
	#__header .gnb > li.active > a > span,
	#__header .gnb > li:hover > a > span {color:#ef8200 !important;font-weight:700;}
	#__header .gnb > li:hover > ul {opacity:1;visibility:visible;transform:translateY(0);}
	#__header .gnb > li > ul > li:hover > a,
	#__header .gnb > li > ul > li.active > a {font-weight:700;}
	#__header .lang {position:absolute;right:0;top:50%;margin-top:-14px;}
	#__header .lang button {display:block;width:28px;height:28px;background:url(../images/ico-lang.png) no-repeat 50% 50% / contain;}
	#__header .lang ul {display:none;position:absolute;left:50%;top:59px; z-index: 10; width:80px;margin-left:-40px;background:#fff;border:1px solid #ddd;text-align:center;font-size:16px;padding:10px 0;}
	#__header .mnu {width:30px;height:30px;position:absolute;right:0;top:50%;margin-top:-15px;background:none;display:none;}
	#__header .mnu:before,
	#__header .mnu:after {content:"";display:block;background:#1b1a19;height:3px;position:absolute;transition:0.2s;}
	#__header .mnu:before {bottom:50%;margin-bottom:4.5px;left:0;width:30px;}
	#__header .mnu:after {top:50%;margin-top:4.5px;right:0;width:20px;}

	.gnbOn #__header {height:290px;}
	.gnbOn3 #__header {height:500px;}
	.gnbOn4 #__header {height:340px;}
	.gnbOn #__header:before {background:rgba(0,0,0,0.8);}
	.gnbOn #__header .logo a {background-image:url(../images/logo2.svg);}
	.gnbOn #__header .wrap {background:none;}
	.gnbOn #__header .gnb > li > a {padding:0 55px;}
	.gnbOn #__header .gnb > li > a > span {color:rgba(255,255,255,0.3);}
	.gnbOn #__header .gnb > li > ul {padding-left:55px;}
    
    html[lang="en"].gnbOn0 #__header,
    html[lang="en"].gnbOn1 #__header {height:340px;}

	#__full {position:fixed;left:0;top:0;width:100%;height:100%;z-index:150;background:#08142b;overflow:hidden;padding:195px 15px 0;visibility:hidden;opacity:0;pointer-events:none;transition:0.2s;}
	#__full .wrap {max-width:1676px;margin:0 auto;height:100%;display:flex;}
	#__full .lef {width:43.734255%;padding-right:90px;}
	#__full .lef .box {display:none;}
	#__full .lef .box.active {display:block;}
	#__full .lef .img img {display:block;width:100%;}
	#__full .lef .txt {font-size:16px;line-height:1.65;color:#fff;margin-top:45px;}
	#__full .rig {width:0;flex-grow:1;box-shadow:inset 1px 0 0 #394355;padding-bottom:50px;}
	#__full .rig .gnb {height:100%;display:flex;flex-direction:column;}
	#__full .rig .gnb > li {height:0;flex-grow:1;display:flex;align-items:center;position:relative;padding-left:135px;}
	#__full .rig .gnb > li:before {content:"";display:block;position:absolute;left:0;top:0;width:100vw;height:100%;background:#ff9505;opacity:0;}
	#__full .rig .gnb > li > a {font-size:50px;font-weight:700;color:#fff;width:50%;position:relative;}
	#__full .rig .gnb > li > ul {display:flex;flex-wrap:wrap;gap:10px 20px;width:0;flex-grow:1;position:relative;}
	#__full .rig .gnb > li > ul > li {min-width:calc(50% - 10px);}
	#__full .rig .gnb > li > ul > li > a {font-size:20px;color:rgba(255,255,255,0.5);}
	#__full .rig .gnb > li > ul > li.active > a,
	#__full .rig .gnb > li > ul > li > a:hover {text-decoration:underline;font-weight:700;}
	#__full .rig .gnb > li.active:before {opacity:1;}
	#__full .rig .gnb > li.active > a {color:#000;}
	#__full .rig .gnb > li.active > ul > li > a {color:#000;}


	.langOn #__header {overflow:visible;}
	.langOn #__header:after,
	.langOn #__header:before {display:none;}
	.langOn #__header .lang ul {display:block;}
    .langOn #__header .lang:before { content: ''; display: block; width: 80px; height: calc(100% + 60px); position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);  transform: translateX(-50%);  z-index: 5;}

	.navOn #__header .mnu:before {margin-bottom:-1.5px;transform:rotate(135deg);}
	.navOn #__header .mnu:after {margin-top:-1.5px;transform:rotate(-135deg);width:30px;}

	.navOn #__header:before,
	.navOn #__header:after {display:none;}
	.navOn #__header .wrap {background:none;}
	.navOn #__header .logo a {background-image:url(../images/logo2.svg);}
	.navOn #__header .gnb {visibility:hidden;opacity:0;}
	.navOn #__header .mnu:before,
	.navOn #__header .mnu:after {background:#fff;}

	.navOn #__full {visibility:visible;opacity:1;pointer-events:auto;}


	.fix #__header {box-shadow:0 1px 1px rgba(0,0,0,0.15);}
	.fix .sub #__header {transform:translateY(-110%);}
	.fix .sub #__snb {transform:translateY(0);}


}

@media all and (max-width:1660px) and (min-width:1025px){
	#__full .lef {width:45%;padding-right:50px;}
	#__full .rig .gnb > li {padding-left:50px;}
	#__full .rig .gnb > li > a {width:42%;}
}

@media all and (max-width:1400px) and (min-width:1025px){

	#__full .rig .gnb > li > a {width:45%;font-size:40px;}
	#__full .rig .gnb > li > ul > li > a {font-size:16px;}
}

@media all and (max-width:1300px) and (min-width:1025px){
	#__header .gnb > li > a {padding:0 30px;}
	#__header:hover .gnb {gap:15px;}
}


@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;}
	#__header .wrap {height:55px;padding:0;}
	#__header .logo {position:absolute;left:15px;top:50%;margin-top:-16px;}
	#__header .logo a {display:block;width:120px;height:32px;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:#ef8200;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;}

	.fix #__header {backdrop-filter:blur(4px);}
	.fix .sub #__header {transform:translateY(-110%);}
	.fix .sub #__snb {transform:translateY(0);}
}

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

@media all and (max-width:1024px){
	#__full {display:none;}

	#__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:-16px;}
	#__nav .head .logo a {display:block;width:120px;height:32px;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:#ef8200;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 > 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:#ef8200;}
	#__nav .gnb > .active > a:before {content:"\e115";}
	#__nav .gnb > li > ul > li.active > a {color:#ef8200;}
	#__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);}
}


#__inq {width:85px;height:85px;position:fixed;right:30px;bottom:50px;background:#ef8200 url(../images/ico-gotop.png) no-repeat 50% 50% / 32px auto;z-index:100;text-indent:-9999px;border-radius:50%;transition:0.2s;opacity:0;visibility:hidden;transform:translateY(20px);}
#__inq:hover {margin-bottom:10px;}
.fix #__inq {opacity:1;visibility:visible;transform:translateY(0);}

#footer {background:#08142b;padding:70px 15px;}
#footer .footer-top {display: none !important;}


#footer .wrap {max-width:1400px;margin:0 auto;}
#footer .top-btn {display:none !important;width:65px;text-indent:-9999px;height:65px;border:1px solid #1f4ba2;text-align:center;border-radius:50%;box-shadow:none;font-size:15px;color:#fff;background:url(../images/gotop.svg) no-repeat 50% 50% / 25px auto;}
#footer .top-btn.fixed {top:-33px;}
#footer .head {margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #1d2e4f;}
#footer .head .slogan dt {font-size:40px;font-weight:700;color:#fff;}
#footer .head .slogan dd {font-size:18px;font-weight:300;color:rgba(255,255,255,0.5);margin-top:5px;line-height:1.3;}
#footer .head .bt {margin-top:45px;}
#footer .head .bt a {display:inline-flex;align-items:center;justify-content:space-between;padding:0 20px 0 35px;height:50px;border-radius:25px;width:300px;border:1px solid #ef8200;color:#ef8200;font-size:18px;}
#footer .head .bt a:after {content:"";display:block;width:25px;height:25px;background:url(../images/ico-foot-arr.png) no-repeat 50% 50% / contain;}
#footer .foot {position:relative;}
#footer .foot h2 {width:201px;height:52px;background:url(../images/logo2.svg) no-repeat 0 50% / contain;text-indent:-9999px;}
#footer .foot .fnb {display:flex;margin-top:45px;}
#footer .foot .fnb li {position:relative;margin-right:16px;padding-right:17px;}
#footer .foot .fnb li:before {content:"";display:block;width:1px;height:20px;position:absolute;right:0;top:50%;margin-top:-10px;background:rgba(255,255,255,0.2);}
#footer .foot .fnb li a {display:block;font-size:18px;color:rgba(255,255,255,0.5);}
#footer .foot .fnb li:last-child {margin-right:0;padding-right:0;}
#footer .foot .fnb li:last-child:before {display:none;}
#footer .foot .fnb li:first-child a {color:#ef8200;}
#footer .foot .info {position:absolute;right:0;top:20px;padding-left:100px;font-size:18px;color:rgba(255,255,255,0.5);line-height:1.4;font-weight:300;}
#footer .foot .info h4 {position:absolute;left:0;top:0;line-height:1.4;font-weight:300;}
#footer .foot .info .area {display:flex;gap:65px;}
#footer .foot .info dl {display:flex;}
#footer .foot .info li ~ li,
#footer .foot .info dl ~ dl {margin-top:15px;}
#footer .foot .info dl dt {width:105px;}
#footer .foot .copy {font-size:18px;font-weight:300;color:rgba(255,255,255,0.2);margin-top:10px;}

.sub #footer .head {display:none;}

@media all and (max-width:1200px){
	#footer .foot .info {padding:0;}
	#footer .foot .info h4 {position:relative;margin-bottom:15px;}
	#footer .foot .info .area {gap:50px;}
	#footer .foot .info dl dt {width:60px;}
}

@media all and (max-width:1024px){
	#__inq {width:40px;height:40px;right:15px;background-size:20px auto;}

	#footer .top-btn {width:40px;height:40px;background-size:contain;background-size:16px auto;}
	#footer .top-btn.fixed {top:-20px;}

	#footer {padding:30px 15px;}

	#footer .head {margin-bottom:30px;padding-bottom:30px;}
	#footer .head .slogan dt {font-size:26px;line-height:1.1;}
	#footer .head .slogan dd {font-size:14px;}
	#footer .head .bt {margin-top:25px;}
	#footer .head .bt a {padding:0 15px 0;height:40px;border-radius:20px;width:150px;font-size:16px;}
	#footer .head .bt a:after {width:20px;height:20px;}
	#footer .foot h2 {width:120px;height:32px;}
	#footer .foot .fnb {margin-top:25px;}
	#footer .foot .fnb li {margin-right:10px;padding-right:11px;}
	#footer .foot .fnb li:before {height:12px;margin-top:-6px;}
	#footer .foot .fnb li a {font-size:16px;}
	#footer .foot .info {position:relative;margin-top:15px;font-size:14px;top:0;}
	#footer .foot .info .area {display:block;}
	#footer .foot .info .box {margin-top:10px;}
	#footer .foot .info li ~ li,
	#footer .foot .info dl ~ dl {margin-top:3px;}
	#footer .foot .info dl dt {width:75px;}

	#footer .foot .copy {font-size:18px;font-weight:300;color:rgba(255,255,255,0.2);margin-top:10px;}



	#footer .foot .copy {font-size:13px;}
}

#__vis,
#__vis .vis {height:100vh;position:relative;overflow:hidden;}
#__vis .vis {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding:0 15px;}
#__vis .vis i {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:scale(1.1);transition:4.7s;}
#__vis .vis .wrap {max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;position:relative;}
#__vis .vis .txt {font-size:60px;line-height:1.5;color:#fff;font-family:'Gmarket Sans',sans-serif;font-weight:500;transform:translate3d(0,3rem,0);opacity:0;}
#__vis .vis .txt.ty2 {font-weight:700;font-size:75px;line-height:1.2;width:100%;text-align:center;}
#__vis .vis .txt.ty2 em {font-weight:300;font-style:normal;}
#__vis .vis .txt.ty2 span {color:#ff9505;}
#__vis .vis .txt.ty3 {font-weight:700;font-size:42px;line-height:1.4;width:100%;text-align:center;}
#__vis .vis .txt.ty3 em {font-weight:300;font-style:normal;}
#__vis .vis .txt.ty3 span {color:#ff9505;}
#__vis .pagewrap {position:absolute;z-index:50;left:0;bottom:75px;width:100%;padding:0 15px;}
#__vis .page {max-width:1400px;margin:0 auto;display:flex;gap:9px;}
#__vis .page button {display:block;width:8px;height:8px;border-radius:4px;background:#fff;transition:0.2s;}
#__vis .page .swiper-pagination-bullet-active {width:54px;background:#ef8200;}

#__vis .vis.active i {transform:scale(1);}
#__vis .vis.active .txt {animation:visTxt 1.5s;animation-fill-mode:forwards;animation-delay:0.3s;}

@keyframes visTxt {
	0% {transform:translate3d(0,3rem,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

@media all and (max-width:1024px){
	#__vis,
	#__vis .vis {height:50vh;}
	#__vis .vis {padding-top:55px;}
	#__vis .vis .txt {font-size:30px;line-height:1.2;}
	#__vis .vis .txt.ty2 {font-size:32px;}
	#__vis .vis .txt.ty3 {font-size:18px;}
	#__vis .pagewrap {bottom:30px;}
}


#__we {padding:120px 15px 110px;}
#__we .wrap {max-width:1400px;margin:0 auto;}
#__we .tit {margin-bottom:60px;}
#__we .tit h3 {font-size:50px;font-weight:700;color:#000;font-family:'Gmarket Sans',sans-serif;line-height:1;}
#__we .tit p {font-size:20px;color:#000;margin-top:15px;}
#__we .area {display:flex;}
#__we .area .box {width:0;flex-grow:1;height:725px;position:relative;overflow:hidden;transition:0.3s;}
#__we .area .box i {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/img-we1.jpg) no-repeat 50% 0;}
#__we .area .box span {display:block;position:absolute;left:0;bottom:90px;width:100%;color:#fff;font-size:40px;font-weight:700;z-index:10;padding:0 45px;transition:0.3s;white-space:nowrap;}
#__we .area .box strong {display:block;position:absolute;left:0;bottom:45px;width:100%;color:#fff;font-size:20px;font-weight:400;z-index:10;padding:0 45px;transition:0.3s;white-space:nowrap;}
#__we .area .box dl {display:block;position:absolute;left:0;bottom:65px;width:100%;color:#fff;font-weight:700;z-index:10;padding:0 45px;transition:0.3s;white-space:nowrap;opacity:0;transform:translateY(20px);}
#__we .area .box dl dt {font-size:40px;font-weight:bold;color:#fff;line-height:1.25;/*font-family:'Play','Pretendard Variable',sans-serif;*/}
#__we .area .box dl dd {font-size:18px;line-height:1.55;margin-top:25px;font-weight:300;}
#__we .area .box2 i {background-image:url(../images/img-we2.jpg);}
#__we .area .box3 i {background-image:url(../images/img-we3.jpg);}

@media all and (min-width:1025px){
	#__we .area .box1 {border-radius:20px 0 0 20px;}
	#__we .area .box1 i {background-position:0 0;}
	#__we .area .box3 {border-radius:0 20px 20px 0;}
	#__we .area .box3 i {background-position:100% 0;}
	#__we .area .box:hover {width:74%;flex-grow:unset;/*box-shadow:50px 50px 50px rgb(0,0,0,0.2);*/}
	#__we .area .box:hover span {opacity:0;transform:translateY(20px)}
	#__we .area .box:hover strong {opacity:0;transform:translateY(20px)}
	#__we .area .box:hover dl {opacity:1;transform:translateY(0)}
	#__we .area:hover .box:not(:hover) {filter:grayscale(100%);}
	#__we .area:hover .box:not(:hover) strong {opacity:0;transform:translateY(20px)}
}

@media all and (max-width:1024px){
	#__we {padding:40px 15px;}
	#__we .tit {margin-bottom:20px;}
	#__we .tit h3 {font-size:28px;}
	#__we .tit p {font-size:16px;margin-top:10px;}
	#__we .area {margin:0 -15px;display:block;}
	#__we .area .box {width:100%;height:auto;aspect-ratio:4/3;padding:30px 15px;display:block;}
	#__we .area .box span {display:none;}
	#__we .area .box strong {left:0;bottom:20px;font-size:14px;padding:0 15px;text-shadow:0 0 5px #000,0 0 10px #000;}
	#__we .area .box dl {position:static;opacity:1;transform:translateY(0);padding:0;text-shadow:0 0 5px #000,0 0 10px #000;}
	#__we .area .box dl dt {font-size:22px;}
	#__we .area .box dl dd {font-size:14px;margin-top:15px;}
	#__we .area .box i {background-position:50% 50%;background-size:cover;}
	#__we .area .box1 i {background-image:url(../images/img-we1m.jpg);}
	#__we .area .box2 i {background-image:url(../images/img-we2m.jpg);}
	#__we .area .box3 i {background-image:url(../images/img-we3m.jpg);}
}

#__news {background:#f2f2f2;padding:150px 15px;overflow:hidden;}
#__news .wrap {max-width:1400px;margin:0 auto;}
#__news .tit {margin-bottom:45px;position:relative;}
#__news .tit h3 {font-size:50px;font-weight:700;color:#000;font-family:'Gmarket Sans',sans-serif;line-height:1;}
#__news .tit .more {display:block;width:30px;height:30px;text-indent:-9999px;background:url(../images/ico-nmore.png) no-repeat 100% 50% / contain;position:absolute;right:0;bottom:0;}
#__news .area {position:relative;}
#__news .roll {overflow:hidden;}
#__news .roll .swiper-slide {display:flex;flex-wrap:wrap;gap:30px;}
#__news .roll .box {background:#08142b;color:#fff;width:calc(50% - 15px);height:210px;border-radius:20px;padding:42px 35px 0;display:block;position:relative;overflow:hidden;}
#__news .roll .box i {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;opacity:0.4;}
#__news .roll .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1; /*backdrop-filter:blur(3px);*/}
#__news .roll .box .subject {position:relative;z-index:5;font-size:24px;line-height:1.45;color:#fff;height:2.9em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
#__news .roll .box .date {position:relative;z-index:5;font-size:18px;color:rgba(255,255,255,0.5);margin-top:32px;}
#__news .prev,
#__news .next {width:38px;height:73px;position:absolute;top:190px;transition:0.2s;z-index:10;}
#__news .prev {background:url(../images/news-prev.png) no-repeat 50% 50% / contain;left:-135px;}
#__news .next {background:url(../images/news-next.png) no-repeat 50% 50% / contain;right:-135px;}
#__news .swiper-button-disabled {opacity:0.3;}
#__news .page {margin-top:55px;display:flex;gap:30px;justify-content:center;}
#__news .page button {display:block;width:10px;height:10px;border-radius:50%;background:#dcdcdc;transition:0.2s;}
#__news .page .swiper-pagination-bullet-active {background:#08142b;}

@media all and (max-width:1680px){
	#__news .prev {left:-60px;}
	#__news .next {right:-60px;}
}

@media all and (max-width:1550px){
	#__news .prev {left:-15px;}
	#__news .next {right:-15px;}
}

@media all and (max-width:1024px){
	#__news {padding:40px 15px;}
	#__news .tit {margin-bottom:20px;}
	#__news .tit h3 {font-size:28px;}
	#__news .tit .more {width:28px;height:28px;bottom:-1px;}
	#__news .area {padding:0 30px;}
	#__news .roll {overflow:visible;}
	#__news .roll .swiper-slide {display:block;}
	#__news .roll .box {width:auto;height:130px;border-radius:10px;padding:20px 15px;}
	#__news .roll .box .subject {font-size:18px;line-height:1.4;height:2.8em;}
	#__news .roll .box .date {font-size:14px;margin-top:10px;}
	#__news .prev,
	#__news .next {width:24px;height:30px;top:50px;}
	#__news .page {margin-top:25px;gap:5px;}
	#__news .page button {width:6px;height:6px;}
	#__news .prev {left:2px;}
	#__news .next {right:2px;}
}

#wrapper.sub {padding-top:90px;overflow:hidden;}

#__snb {position:fixed;left:0;top:0;width:100%;z-index:101;background:#fff;transition:0.2s;transform:translateY(-110%);}
#__snb .wrap {max-width:1400px;margin:0 auto;}
#__snb .snb {display:flex;}
#__snb .snb > li {position:relative;box-shadow:inset -1px 0 0 #cfcfcf;}
#__snb .snb > li ~ li {margin-left:-1px;min-width:310px;}
#__snb .snb > li:nth-child(3) {min-width:450px;}
#__snb .snb > li > a {display:block;height:90px;line-height:90px;width:90px;text-indent:-9999px;background:url(../images/ico-home.svg) no-repeat 50% 50% / 20px auto;}
#__snb .snb > li > button {text-align:left;display:block;width:100%;height:90px;line-height:90px;background:none;padding:0 90px 0 50px;position:relative;font-size:20px;color:#000;}
#__snb .snb > li > button:before {content:"";display:block;width:13px;height:8px;background:url(../images/ico-sel.svg) no-repeat 50% 50% / contain;position:absolute;right:50px;top:50%;margin-top:-4px;transition:0.2s;}
#__snb .snb > li > ul {position:absolute;left:0;top:100%;margin-top:-1px;border:1px solid #cfcfcf;width:100%;background:#fff;display:none;}
#__snb .snb > li > ul > li ~ li {border-top:1px solid #cfcfcf;}
#__snb .snb > li > ul > li a {display:block;padding:20px 15px;font-size:18px;line-height:1.2;color:#777;}
#__snb .snb > li > ul > li a:hover {color:#000;}


.fix #__snb {box-shadow:inset 0 -1px 0 #cfcfcf;background:rgba(255,255,255,0.9);backdrop-filter:blur(2px);}

#__page {width:100%;height:2px;position:absolute;left:0;bottom:0;width:100%;pointer-events:none;}
#__page i {display:block;height:100%;background:#ef8200;transform-origin:0 50%;position:absolute;left:0;top:0;width:100%;}

@media all and (min-width:1025px){
	#__snb .snb > li:hover > button:before {transform:rotate(180deg);}
	#__snb .snb > li:hover > ul {display:block;}
}

@media all and (max-width:1024px){
	#wrapper.sub {padding-top:55px;}

	#__snb .snb > li ~ li {width:110px;min-width:0;}
	#__snb .snb > li:last-child {width:0;flex-grow:1}
	#__snb .snb > li:nth-child(3) {min-width:0;}
	#__snb .snb > li > a {height:45px;line-height:45px;width:45px;}
	#__snb .snb > li > button {height:45px;line-height:45px;padding:0 25px 0 10px;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	#__snb .snb > li > button:before {right:10px;width:10px;height:6px;}
	#__snb .snb > li > ul > li a {padding:10px;font-size:14px;}

	#__snb .snb > .active > button:before {transform:rotate(180deg);}
	#__snb .snb > .active > ul {display:block;}

	#__page {width:100%;height:2px;position:absolute;left:0;bottom:0;width:100%;pointer-events:none;}
	#__page i {display:block;height:100%;background:#ef8200;transform-origin:0 50%;position:absolute;left:0;top:0;width:100%;}
}

#__svis {position:relative;overflow:hidden;height:calc(100vh - 90px);padding:0 15px;}
#__svis i {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:scale(1.1);transition:4.7s;/*background-image:url(../images/svis11.jpg); */background-image: none !important;}

#__svis i img {position: absolute; inset: 0;width: 100%;height: 100%;object-fit: cover; }
#__svis .wrap {max-width:1400px;margin:0 auto;padding-top:250px;position:relative;color:#fff;}
#__svis dl dt {font-size:30px;margin-bottom:20px;transform:translate3d(0,3rem,0);opacity:0;}
#__svis dl dd {font-size:75px;line-height:1.2;font-weight:700;font-family:'Gmarket Sans',sans-serif;transform:translate3d(0,3rem,0);opacity:0;}
#__svis p {font-size:22px;line-height:1.65;margin-top:40px;transform:translate3d(0,3rem,0);opacity:0;}

.sub5 #__svis {height:500px;}
.sub5 #__svis .wrap {padding-top:0;display:flex;height:100%;align-items:center;}
.sub5 #__svis .wrap dl dt {color:#ef8200;font-size:20px;font-weight:bold;}
.sub5 #__svis .wrap dl dd {font-family:inherit;}

.sub6 #__svis {height:500px;}
.sub6 #__svis .wrap {padding-top:0;display:flex;height:100%;align-items:center;}
.sub6 #__svis .wrap dl dt {color:#ef8200;font-size:20px;font-weight:bold;}
.sub6 #__svis .wrap dl dd {font-family:inherit;}

.load #__svis i {transform:scale(1);}
.load #__svis dl dt {animation:visTxt 1.5s;animation-fill-mode:forwards;animation-delay:0.3s;}
.load #__svis dl dt img { vertical-align: middle; padding-left: 1.25rem;}
.load #__svis dl dd {animation:visTxt 1.5s;animation-fill-mode:forwards;animation-delay:0.6s;}
.load #__svis p {animation:visTxt 1.5s;animation-fill-mode:forwards;animation-delay:0.9s;}

@media all and (max-width:1024px){
	#__svis {height:calc(100vh - 45px);}
	#__svis .wrap {padding-top:15vw;}
	#__svis dl dt {font-size:6.5vw;margin-bottom:2vw;}
	#__svis dl dd {font-size:12vw;line-height:1.15;}
	#__svis p {font-size:5vw;line-height:1.5;margin-top:5vw;}
	.sub5 #__svis {height:200px;}
	.sub5 #__svis .wrap dl dt {font-size:16px;}
	.sub6 #__svis {height:200px;}
	.sub6 #__svis .wrap dl dt {font-size:16px;}
}

@media all and (min-width:641px){ 
    .load #__svis dl dt {     
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
}

@media all and (max-width:640px){ 
    .load #__svis dl dt img { display: block; padding-left: 0;}
}

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

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

.__tit h2 {font-size:50px;font-family:'Gmarket Sans',sans-serif;font-weight:700;color:#020a13;line-height:1.1;}
.__tit h3 {font-size:40px;font-weight:700;color:#000;line-height:1.1;}
.__tit .txt {font-size:18px;font-weight:300;color:#1b1b1b;font-weight:300;line-height:1.3;margin-top:20px;}
.__tit .txt2 {font-size:18px;color:#000;line-height:1.3;margin-top:15px;}
.__tit .slogan {font-size:30px;line-height:1.53;color:#1b1b1b;}

@media all and (max-width:1024px){
	.__tit h2 {font-size:30px;}
	.__tit h3 {font-size:24px;}
	.__tit .txt {font-size:14px;margin-top:10px;}
	.__tit .txt2 {font-size:14px;margin-top:10px;}

	.__tit .slogan {font-size:20px;line-height:1.2;}
}

.__meta {padding:120px 15px;}
.__meta .area {margin-top:70px;display:flex;gap:8px;}
.__meta .area .box {height:620px;border-radius:20px;display:flex;flex-direction:column;}
.__meta .area .box:not(.box2) {width:0;flex-grow:1;}
.__meta .area .box1 {background:#f8f8f8;padding:50px 26px 38px;text-align:center;}
.__meta .area .box1 h3 {width:100%;font-size:30px;font-weight:700;color:#000;line-height:1;margin-bottom:65px;}
.__meta .area .box1 .con {height:0;flex-grow:1;display:flex;flex-wrap:wrap;gap:10px;}
.__meta .area .box1 .con li {width:calc(50% - 5px);height:calc(50% - 5px);background:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.__meta .area .box1 .con li p {font-size:18px;color:#1b1b1b;margin-top:40px;}
.__meta .area .box2 {width:40.21428%;padding:58px 90px 38px;background:url(../images/bg-meta2.jpg) no-repeat 50% 50% / cover;mask-image:url(../images/bg-meta2-mask.png);mask-repeat:no-repeat;mask-size:100% 100%;}
.__meta .area .box2 h3 {text-align:center;padding-bottom:50px;}
.__meta .area .box2 .con {height:0;flex-grow:1;display:flex;flex-wrap:wrap;flex-direction:column;gap:7px;}
.__meta .area .box2 .con .item {height:0;flex-grow:1;background:rgba(255,255,255,0.9);border-radius:20px;display:flex;align-items:center;padding:0 40px;}
.__meta .area .box2 .con .item .img {width:90px;}
.__meta .area .box2 .con .item dl {width:0;flex-grow:1}
.__meta .area .box2 .con .item dl dt {font-size:22px;font-weight:700;color:#000;}
.__meta .area .box2 .con .item dl dd {font-size:18px;line-height:1.35;margin-top:7px;}
.__meta .area .box3 {gap:20px;}
.__meta .area .box3 .item {text-align: center; height:0;flex-grow:1;background:url(../images/bg-meta3-1.jpg) no-repeat 50% 50% / cover;border-radius:20px;display:flex;align-items:flex-end;justify-content:center;padding:0 10px 20px;font-size:20px;font-weight:700;color:#fff;}
.__meta .area .box3 .item2 {background-image:url(../images/bg-meta3-2.jpg);}
.__meta .area .box3 .item3 {background-image:url(../images/bg-meta3-3.jpg);}



@media all and (max-width:1024px){
	.__meta {padding:40px 15px;}
	.__meta .area {margin-top:20px;display:block;}
	.__meta .area .box {height:auto;border-radius:10px;}
	.__meta .area .box:not(.box2) {width:auto;}
	.__meta .area .box1 {padding:20px 15px;}
	.__meta .area .box1 h3 {font-size:20px;margin-bottom:15px;}
	.__meta .area .box1 .con {height:auto;}
	.__meta .area .box1 .con li {height:auto;border-radius:10px;padding:15px;}
	.__meta .area .box1 .con li img {width:60px;}
	.__meta .area .box1 .con li p {font-size:14px;margin-top:10px;}
	.__meta .area .box2 {width:auto;padding:20px 15px;background:url(../images/bg-meta2.jpg) no-repeat 50% 50% / cover;mask-image:none;margin:40px 0;position:relative;}
	.__meta .area .box2 h3 {padding-bottom:20px;position:relative;}
	.__meta .area .box2 h3 img {width:180px;}
	.__meta .area .box2 .con {height:auto;gap:10px;display:block;}
	.__meta .area .box2 .con .item {height:auto;border-radius:10px;padding:15px 20px;}
	.__meta .area .box2 .con .item ~ .item {margin-top:10px;}
	.__meta .area .box2 .con .item .img {width:60px;}
	.__meta .area .box2 .con .item .img img {width:40px;}
	.__meta .area .box2 .con .item dl dt {font-size:16px;}
	.__meta .area .box2 .con .item dl dd {font-size:14px;margin-top:5px;}
	.__meta .area .box2:before {content:"";display:block;background:url(../images/ico-arr2.svg);width:23px;height:17px;transform:rotate(90deg);position:absolute;left:50%;margin-left:-11px;bottom:100%;margin-bottom:10px;}
	.__meta .area .box2:after {content:"";display:block;background:url(../images/ico-arr2.svg);width:23px;height:17px;transform:rotate(-90deg);position:absolute;left:50%;margin-left:-11px;top:100%;margin-top:10px;}
	.__meta .area .box3 {gap:5px;}
	.__meta .area .box3 .item {height:auto;border-radius:10px;align-items:center;padding:15px;font-size:16px;}
}

.__tab_area.active { width: 100%; position: fixed; top: 0; left: 0; z-index: 100;background: #fff; height: 11%; }
.__tab_area.active::before {  content: ''; display: block;  width: 100%; height: 82px; background: #fff;  position: absolute;  top: 90px; left: 0;}
.__tab_area.active  + .__content_area { margin-top: 260px;}

.__tab {border-bottom:1px solid #ccc;display:flex;justify-content:center;text-align:center;margin-bottom:100px;}
.__tab > li {position:relative;}
.__tab > li > button {height:90px;display:flex;align-items:center;justify-content:center;width:550px;background:none;font-size:30px;color:#dcdcdc;font-weight:700;letter-spacing:-0.03em;line-height:1.1;}
.__tab > li > div {position:absolute;left:0;width:100%;top:100%;margin-top:13px;gap:10px;display:none;}

/*
.__tab > li > div button {width:0;flex-grow:1;height:56px;border-radius:20px;border:1px solid #e3e3e3;background:#f8f8f8;font-size:18px;color:#c8c8c8;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0  3px 3px rgba(0,0,0,0.1)}
.__tab > li > div .active {background:#ef8200;color:#fff;font-weight:bold;box-shadow:inset 0 3px 5px rgba(255,255,255,0.3),inset 0 -3px 5px rgba(0,0,0,0.2)}
*/

.__tab > li > div { gap : 0px; box-shadow: 7px 7px 9px 4px rgba(0, 0, 0, 0.02); }
.__tab > li > div button { width:0;flex-grow:1;height:56px; border: 1px solid #898989; color: #898989; font-size:18px; background: none; position: relative; }
.__tab > li > div button:first-child { border-radius: 5px 0 0 5px; left: 1px; }
.__tab > li > div button:last-child { border-radius: 0 5px 5px 0; right: 1px; }
.__tab > li > div .active { color :#ef8200 ; font-weight: 700; border: 1px solid #ef8200; background: #f8f8f8; z-index: 5; }


.__tab > .active > div {display:flex;}
.__tab.ty2:has(.active:nth-child(2)) {margin-bottom:170px;}

.__tab > .active > button {color:#ef8200;box-shadow:inset 0 -3px 0 #ef8200;}

/*
[class*='_box']:not(.main_layer_pop_box__body, .main_layer_pop_box__foot) {display:none;}
[class*='_box'].active {display:block;}
*/

._box1, ._box2, ._box3, ._box4, ._box5 {display : none} 
._box1.active, ._box2.active, ._box3.active, ._box4.active, ._box5.active {display :block}

.__slogan {margin-bottom:55px;text-align:center;font-size:36px;line-height:1.2;color:#000;letter-spacing:-0.03em;padding-left:15px;padding-right:15px;}
.__slogan span {color:#ef8200;font-weight:600;}

@media all and (max-width:1024px){
    .__tab_area.active::before { content: none;}
    .__tab_area.active  + .__content_area { margin-top: 110px;}

	.__tab {margin-bottom:30px;}
	.__tab > li > button {height:40px;width:auto;flex-grow:1;font-size:15px;padding:0 15px;letter-spacing:-0.05em;}

	.__tab > li > div {left:auto;right:0;margin-top:10px;width:calc(100vw - 40px);justify-content:flex-end;}
	.__tab > li > div button {height:30px;border-radius:15px;font-size:14px;width:auto;padding:0 10px;white-space:nowrap;letter-spacing:-0.05em;flex-grow:unset;}
	.__tab.ty2:has(.active:nth-child(2)) {margin-bottom:70px;}

	.__slogan {margin-bottom:20px;font-size:24px;}
}

.__toj {background:#f8f8f8;padding:120px 15px;}
.__toj .area {background:url(../images/bg-toj.jpg) no-repeat 50% 50% / cover;border-radius:10px;height:637px;display:flex;align-items:center;margin-top:65px;padding:15px;}
.__toj .area .in {width:1206px;max-width:100%;margin:0 auto;}
.__toj .area .top {display:flex;justify-content:center;gap:150px;}
.__toj .area .top li {position:relative;}
.__toj .area .top li:before {content:"";display:block;width:2px;height:70px;position:absolute;right:-76px;top:50%;margin-top:-35px;background:rgba(255,255,255,0.5);}
.__toj .area .top li:last-child:before {display:none;}
.__toj .area .mid {display:flex;margin-top:145px;gap:22px;}
.__toj .area .mid dl {border:1px dashed #ef8200;border-radius:20px;position:relative;background:#06192c;height:104px;width:0;flex-grow:1;padding-top:20px;display:flex;align-items:center;justify-content:center;text-align:center;}
.__toj .area .mid dl:before {content:"";display:block;width:23px;height:17px;background:url(../images/ico-arr.svg) no-repeat 50% 50% / contain;position:absolute;right:-24px;top:50%;transform:translateY(-50%);}
.__toj .area .mid dl:last-child:before {display:none;}
.__toj .area .mid dl dt {position:absolute;left:0;top:-36px;width:100%;}
.__toj .area .mid dl dd {color:#fff;font-size:22px;font-weight:700;padding:0 10px;}
.__toj .area .bot {display:flex;font-size:22px;color:#fff;margin-top:55px;gap:10px 0;flex-wrap:wrap;justify-content:center;text-align:center;}
.__toj .area .bot li {position:relative;margin-right:75px;padding-right:77px;}
.__toj .area .bot li:before {content:"";display:block;width:2px;height:20px;background:rgba(255,255,255,0.5);position:absolute;right:0;top:50%;transform:translateY(-50%);}
.__toj .area .bot li:last-child {margin-right:0;padding-right:0;}
.__toj .area .bot li:last-child:before {display:none;}



@media all and (max-width:1024px){
	.__toj {padding:40px 15px;}
	.__toj .area {height:auto;margin-top:20px;padding:25px 15px;}
	.__toj .area .top {gap:0;}
	.__toj .area .top li {padding:0 15px;}
	.__toj .area .top li:before {width:1px;height:40px;right:-1px;margin-top:-20px;}
	.__toj .area .mid {margin-top:60px;gap:30px;}
	.__toj .area .mid dl {border-radius:10px;height:100px;padding-top:10px;}
	.__toj .area .mid dl:before {width:16px;height:12px;right:-24px;}
	.__toj .area .mid dl:last-child:before {display:none;}
	.__toj .area .mid dl dt {top:-28px;}
	.__toj .area .mid dl dt img {width:40px;}
	.__toj .area .mid dl dd {font-size:15px;line-height:1.2;}
	.__toj .area .bot {display:block;font-size:16px;margin-top:30px;}
	.__toj .area .bot li {margin-right:0;padding-right:0;}
	.__toj .area .bot li ~ li {margin-top:3px;}
	.__toj .area .bot li:before {display:none;}
}

.__mum {padding:60px 15px 120px;}
.__mum .dia {display:flex;text-align:center;margin-top:65px;}
.__mum .dia .item {width:0;flex-grow:1;height:120px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:20px;font-size:22px;font-weight:700;color:#000;}
.__mum .dia .arr {width:72px;text-align:center;display:flex;align-items:center;justify-content:center;}
.__mum .dia .arr li {display:flex;align-items:center;justify-content:center;}

@media all and (max-width:1024px){
	.__mum {padding:40px 15px;}
	.__mum .dia {flex-direction:column;margin-top:30px;}
	.__mum .dia .item {width:auto;flex-grow:unset;height:auto;padding:15px;border-radius:10px;font-size:18px;}
	.__mum .dia .arr {width:auto;text-align:center;display:flex;margin:0 auto;padding:10px 0;}
	.__mum .dia .arr ul {display:flex;align-items:center;gap:5px;}
	.__mum .dia .arr ul li {display:block;}
	.__mum .dia .arr ul li img {display:block;}
	.__mum .dia .arr ul li:nth-child(2) img {transform:rotate(90deg)}
	.__mum .dia .arr ul li:nth-child(3) img {transform:rotate(90deg)}
	.__mum .dia .arr ul li:nth-child(1) {width:4em;text-align:right;}
	.__mum .dia .arr ul li:nth-child(4) {width:4em;text-align:left;}
}

.__spcg {background:url(../images/bg-spcg.jpg) no-repeat 50% 50% / cover;padding:140px 15px 160px;}
.__spcg .title {text-align:center;color:#fff;margin-bottom:75px;}
.__spcg .title h3 {font-size:40px;font-weight:700;line-height:1.2;}
.__spcg .title p {font-size:18px;line-height:1.4;margin-top:10px;}
.__spcg .area {max-width:1046px;margin:0 auto;padding:0 117px;}
.__spcg .area .line {display:flex;gap:30px;}
.__spcg .area .line .box {width:0;flex-grow:1;border:1px dashed #ef8200;border-radius:20px;position:relative;background:rgba(0,0,0,0.5);}
.__spcg .area .line .box .ico {position:absolute;top:50%;transform:translateY(-50%);}
.__spcg .area .line .box:nth-child(1) .ico {left:-122px;}
.__spcg .area .line .box:nth-child(2) .ico {right:-122px;}
.__spcg .area .line1 .box,
.__spcg .area .line2 .box {height:77px;color:#fff;font-size:20px;display:flex;align-items:center;padding:0 40px;}
.__spcg .area .line1 .box:nth-child(2),
.__spcg .area .line2 .box:nth-child(2) {text-align:right;justify-content:flex-end;}
.__spcg .area .line2 {margin-top:22px;}
.__spcg .area .line3 {margin-top:50px;position:relative;}
.__spcg .area .line3:before {content:"";left:30%;width:40%;bottom:100%;margin-bottom:25px;height:25px;border:1px dashed #ef8200;border-top:none;position:absolute;}
.__spcg .area .line3:after {content:"";left:50%;width:0;bottom:100%;margin-bottom:1px;height:24px;border-left:1px dashed #ef8200;position:absolute;}
.__spcg .area .line3 .box {padding:35px;}
.__spcg .area .line3 .box ul {display:flex;width:670px;max-width:100%;margin:0 auto;flex-wrap:wrap;gap:10px;}
.__spcg .area .line3 .box ul li {height:70px;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;border-radius:20px;color:#000;font-weight:700;font-size:22px;width:calc(50% - 5px);}
.__spcg .area .line4 {margin-top:70px;position:relative;}
.__spcg .area .line4:before {content:"";display:block;width:17px;height:23px;background:url(../images/ico-arr.svg) no-repeat 50% 50% / contain;position:absolute;left:50%;margin-left:-8px;bottom:100%;margin-bottom:23px;transform:rotate(90deg);}
.__spcg .area .line4 .box {padding:40px 35px 50px;}
.__spcg .area .line4 .box dl {max-width:555px;margin:0 auto;text-align:center;}
.__spcg .area .line4 .box dl dt img {width:204px;}
.__spcg .area .line4 .box dl dd {margin-top:34px;}
.__spcg .area .line4 .box dl dd ul {display:flex;flex-wrap:wrap;gap:12px 8px;}
.__spcg .area .line4 .box dl dd ul li {height:46px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:#ef8200;border-radius:10px;font-size:22px;width:30%;flex-grow:1;}
.__spcg .area .line5 {margin-top:30px;}
.__spcg .area .line5 .box {padding:35px 40px;}
.__spcg .area .line5 .box ul li {font-size:20px;line-height:1.7;position:relative;padding-left:28px;color:#fff;}
.__spcg .area .line5 .box ul li:before {content:"";display:block;width:6px;height:6px;background:#ef8200;position:absolute;left:0;top:15px;border-radius:50%;}

@media all and (max-width:1024px){
	.__spcg {padding:40px 15px;}
	.__spcg .title {margin-bottom:25px;}
	.__spcg .title h3 {font-size:22px;}
	.__spcg .title p {font-size:16px;}
	.__spcg .area {padding:0 30px;}
	.__spcg .area .line {gap:10px;}
	.__spcg .area .line .box {border-radius:10px;}
	.__spcg .area .line .box .ico {width:35px;}
	.__spcg .area .line .box:nth-child(1) .ico {left:-30px;}
	.__spcg .area .line .box:nth-child(2) .ico {right:-30px;}
	.__spcg .area .line1 .box,
	.__spcg .area .line2 .box {height:40px;font-size:14px;padding:0 15px;}
	.__spcg .area .line2 {margin-top:10px;}
	.__spcg .area .line3 {margin-top:30px;position:relative;}
	.__spcg .area .line3:before {margin-bottom:15px;height:15px;}
	.__spcg .area .line3:after {height:14px;}
	.__spcg .area .line3 .box {padding:10px;}
	.__spcg .area .line3 .box ul {gap:5px;}
	.__spcg .area .line3 .box ul li {height:40px;border-radius:10px;font-size:14px;width:calc(50% - 2.5px);}
	.__spcg .area .line4 {margin-top:30px;}
	.__spcg .area .line4:before {margin-bottom:4px;}
	.__spcg .area .line4 .box {padding:15px 10px;}
	.__spcg .area .line4 .box dl dt img {width:150px;}
	.__spcg .area .line4 .box dl dd {margin-top:10px;}
	.__spcg .area .line4 .box dl dd ul {gap:5px;}
	.__spcg .area .line4 .box dl dd ul li {min-height:40px;padding:5px;font-size:14px;line-height:1.3;}

	.__spcg .area .line5 {margin-top:15px;}
	.__spcg .area .line5 .box {padding:15px;}
	.__spcg .area .line5 .box ul li {font-size:14px;line-height:1.6;padding-left:15px;}
	.__spcg .area .line5 .box ul li:before {width:4px;height:4px;top:10px;}
}

.__port {padding:120px 15px;overflow:hidden;}
.__port .tab {margin:30px 0 60px;display:flex;gap:10px;}
.__port .tab button {display:block;width:216px;height:38px;border-radius:19px;background:none;font-size:20px;color:rgba(0,0,0,0.3);}
.__port .tab .active {color:#fff;background:#08142b;font-weight:600;}
.__port .area {margin-top:45px;position:relative;}
.__port .roll { overflow: hidden;}
.__port .roll .box {position:relative;width:272px;}
.__port .roll .box span {display:block;aspect-ratio:270 / 240;border:1px solid #dcdcdc;border-radius:10px;overflow:hidden;}
.__port .roll .box span img {display:block;width:100% !important;height:100%;object-fit:cover;}
.__port .roll .box strong {display:block;text-align:center;margin-top:25px;font-size:20px;color:#000;line-height:1.2;}
.__port .prev,
.__port .next {display:block;width:51px;height:51px;position:absolute;top:97px;z-index:10;transition:0.2s;}
.__port .prev {left:-26px;background:url(../images/ico-port-prev.png) no-repeat 50% 50% / contain;}
.__port .next {right:-26px;background:url(../images/ico-port-next.png) no-repeat 50% 50% / contain;}
.__port .swiper-button-disabled {opacity:0 !important;visibility:hidden !important;}

@media all and (max-width:1460px){
	.__port .prev {left:-10px;}
	.__port .next {right:-10px;}
}

@media all and (min-width:1025px){
	.__port .prev,
	.__port .next {display:none;}
	.__port:has(.box:nth-child(6)) .prev,
	.__port:has(.box:nth-child(6)) .next {display:block;}
}

@media all and (max-width:1024px){
	.__port {padding:40px 15px;}
	.__port .tab {margin:10px 0 20px;gap:5px;}
	.__port .tab button {width:120px;height:34px;border-radius:17px;font-size:16px;}
	.__port .area {margin-top:20px;}
	.__port .roll .box {width:140px;}
	.__port .roll .box span {border-radius:5px;}
	.__port .roll .box strong {margin-top:10px;font-size:14px;}
	.__port .prev,
	.__port .next {width:36px;height:36px;top:46px;}
}

/* .__spaceMan {background:url(../images/bg-spaceman.jpg) no-repeat 50% 50% / cover;padding:125px 15px 120px;position:relative;} */
/* .__spaceMan:before {content:"";display:block;width:364px;height:404px;background:url(../images/bg-spaceman.png) no-repeat 100% 0 / contain;position:absolute;right:0;top:-44px;} */
.__spaceMan {background:#f8f8f8;padding:125px 15px 120px;position:relative;}
.__spaceMan .wrap {position:relative;z-index:1;}
.__spaceMan .area {display:flex;gap:24px;margin-top:50px;}
.__spaceMan .area .box {width:0;flex-grow:1;}
.__spaceMan .area .box .img {border-radius:20px;overflow:hidden;}
.__spaceMan .area .box .img img {display:block;}
.__spaceMan .area .box .txt {text-align:center;margin-top:37px;}
.__spaceMan .area .box .txt span {display:inline-block;font-size:24px;font-weight:bold;color:#000;padding:0 26px;line-height:1;position:relative;}
.__spaceMan .area .box .txt span:before,
.__spaceMan .area .box .txt span:after {content:"";display:block;width:4px;position:absolute;height:20px;top:50%;transform:translateY(-50%);background:#ef8200;}
.__spaceMan .area .box .txt span:before {left:0;}
.__spaceMan .area .box .txt span:after {right:0;}

@media all and (max-width:1024px){
	.__spaceMan {padding:40px 15px}
	.__spaceMan:before {width:120px;height:120px;top:-15px;}
	.__spaceMan .area {gap:10px;margin-top:15px;}
	.__spaceMan .area .box .img {border-radius:10px;}
	.__spaceMan .area .box .txt {margin-top:15px;}
	.__spaceMan .area .box .txt span {font-size:14px;padding:0 15px;}
	.__spaceMan .area .box .txt span:before,
	.__spaceMan .area .box .txt span:after {width:2px;height:14px;}
}

.__eneyb {padding:120px 15px;}
.__eneyb .area {display:flex;gap:72px;margin-top:50px;}
.__eneyb .area .box {width:0;flex-grow:1;text-align:center;}
.__eneyb .area .box .img {border-radius:10px;overflow:hidden;}
.__eneyb .area .box .img img {display:block;}
.__eneyb .area .box .txt {position:relative;margin-top:10px;display:flex;align-items:center;justify-content:center;height:120px;border-radius:10px;background:#f8f8f8;font-size:22px;font-weight:bold;}
.__eneyb .area .box .txt:before {content:"";display:block;width:23px;height:17px;background:url(../images/ico-arr.svg) no-repeat 50% 50% / contain;position:absolute;top:50%;transform:translateY(-50%);left:100%;margin-left:25px;}
.__eneyb .area .box:last-child .txt:before {display:none;}
.__eneyb .area .box .lst {margin-top:10px;}
.__eneyb .area .box .lst li {display:flex;align-items:center;justify-content:center;border:1px solid #dcdcdc;border-radius:15px;height:60px;font-size:18px;color:#1b1b1b;}
.__eneyb .area .box .lst li ~ li {margin-top:10px;}

@media all and (max-width:1024px){
	.__eneyb {padding:40px 15px;}
	.__eneyb .area {gap:10px;margin-top:15px;}
	.__eneyb .area .box .img {border-radius:5px;}
	.__eneyb .area .box .txt {height:50px;border-radius:5px;font-size:15px;}
	.__eneyb .area .box .txt:before {margin-left:-7px;z-index:10;}
	.__eneyb .area .box .lst li {border-radius:5px;height:45px;font-size:13px;line-height:1.2;padding:0 5px;letter-spacing:-0.05em;word-spacing:-0.03em;}
	.__eneyb .area .box .lst li ~ li {margin-top:5px;}
}

.__jnSafe {background:url(../images/bg-jnsafe.jpg) no-repeat 50% 100% / cover;padding:145px 15px 150px;}
.__jnSafe .__tit h3 {color:#fff;}
.__jnSafe .txt {margin:65px 0 50px;display:flex;gap:20px;}
.__jnSafe .txt li {display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #7c4b15;border-radius:20px;width:0;flex-grow:1;height:78px;font-size:20px;color:#fff;padding:0 10px;letter-spacing:-0.05em;}
.__jnSafe .img {display:flex;gap:15px;}
.__jnSafe .img span {display:block;flex-grow:1;border-radius:10px;overflow:hidden;}
.__jnSafe .img span img {display:block;}

@media all and (max-width:1024px){
	.__jnSafe {padding:40px 15px;}
	.__jnSafe .txt {margin:20px 0 15px;gap:10px;flex-wrap:wrap;}
	.__jnSafe .txt li {border-radius:10px;height:60px;font-size:16px;padding:0 5px;width:30%;line-height:1.2;}
	.__jnSafe .img {gap:10px;}
}


.__digitwin {padding:120px 15px;}
.__digitwin .area {display:flex;margin-top:60px;}
.__digitwin .area > div {width:50%;}
.__digitwin .area .lef .box {display:flex;gap:38px;text-align:center;}
.__digitwin .area .lef .box ~ .box {margin-top:47px;}
.__digitwin .area .lef .box .item {width:0;flex-grow:1;position:relative;border:1px solid #c9c9c9;border-radius:15px;}
.__digitwin .area .lef .box h4 {height:59px;border-bottom:1px solid #c9c9c9;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;}
.__digitwin .area .lef .box .cont {padding:20px 10px 20px;}
.__digitwin .area .lef .box .cont ul {display:flex;gap:25px;justify-content:center;}
.__digitwin .area .lef .box .cont ul li {width:86px;}
.__digitwin .area .lef .box .cont ul li em {display:block;}
.__digitwin .area .lef .box .cont ul li span {display:block;margin:8px -10px 0;font-size:18px;color:#000;line-height:1.3;letter-spacing:-0.04em;}
.__digitwin .area .lef .box .arr {display:flex;align-items:center;gap:15px;font-size:20px;color:#666;position:absolute;bottom:100%;margin-bottom:6px;}
.__digitwin .area .lef .box .arr:before {content:"";display:block;width:17px;height:43px;background:url(../images/ico-arr3.png) no-repeat 50% 50% / contain;}
.__digitwin .area .lef .box .item2 .arr {left:50%;transform:translateX(-50%);}
.__digitwin .area .lef .box .item3 .arr {right:30px;flex-direction:row-reverse;}
.__digitwin .area .lef .box .item4 .arr {left:30px;}
.__digitwin .area .rig {padding-left:50px;}
.__digitwin .area .rig .img img {display:block;border-radius:10px;}
.__digitwin .area .rig ul {margin-top:35px;}
.__digitwin .area .rig ul li {background:#f8f8f8;height:94px;border-radius:10px;display:flex;align-items:center;padding:0 23px;}
.__digitwin .area .rig ul li ~ li {margin-top:18px;}
.__digitwin .area .rig ul li p {display:flex;width:100%;font-size:18px;line-height:1.65;}
.__digitwin .area .rig ul li p strong {color:#ef8200;display:block;width:42px;}
.__digitwin .area .rig ul li p span {display:block;width:0;flex-grow:1;color:#000;}

@media all and (max-width:1024px){
	.__digitwin {padding:40px 15px;}
	.__digitwin .area {margin-top:15px;display:block;}
	.__digitwin .area > div {width:100%;}
	.__digitwin .area > div ~ div {margin-top:40px;}
	.__digitwin .area .lef .box {gap:10px;}
	.__digitwin .area .lef .box ~ .box {margin-top:45px;}
	.__digitwin .area .lef .box .item {border-radius:10px;}
	.__digitwin .area .lef .box h4 {height:34px;font-size:16px;}
	.__digitwin .area .lef .box .cont {padding:15px 10px;}
	.__digitwin .area .lef .box .cont ul {gap:10px;}
	.__digitwin .area .lef .box .cont ul li {width:50px;}
	.__digitwin .area .lef .box .cont ul li span {margin:8px -10px 0;font-size:13px;letter-spacing:-0.04em;}
	.__digitwin .area .lef .box .arr {gap:10px;font-size:13px;margin-bottom:10px;}
	.__digitwin .area .lef .box .arr:before {width:12px;height:30px;}
	.__digitwin .area .lef .box .item3 .arr {right:10px;}
	.__digitwin .area .lef .box .item4 .arr {left:10px;}
	.__digitwin .area .rig {padding-left:0;}
	.__digitwin .area .rig ul {margin-top:15px;}
	.__digitwin .area .rig ul li {height:60px;padding:0 15px;}
	.__digitwin .area .rig ul li ~ li {margin-top:10px;}
	.__digitwin .area .rig ul li p {font-size:14px;line-height:1.5;}
	.__digitwin .area .rig ul li p strong {width:32px;}
}

.__vtbx {padding:120px 15px;}
.__vtbx .tab {margin-top:100px;display:flex;gap:60px;}
.__vtbx .tab button {font-size:20px;border-bottom:2px solid transparent;font-weight:bold;color:rgba(0,0,0,0.3);background:none;letter-spacing:-0.03em;padding-bottom:2px;}
.__vtbx .tab .active {color:#000;border-bottom-color:#000;}
.__vtbx .area {margin-top:30px;}
.__vtbx .area .box {gap:15px;position:relative;}


.__vtbx .area .box {height:472px;background:url(../images/bg-vtbx1-1.jpg) no-repeat 50% 50% / cover;border-radius:10px;}
.__vtbx .area .box2 {background-image:url(../images/bg-vtbx2.jpg);}
.__vtbx .area .box3 {background-image:url(../images/bg-vtbx3.jpg);}

.__vtbx .area .box .txt {position:absolute;right:25px;top:50%;transform:translateY(-50%); border-radius:10px;width:495px;height:calc(100% - 50px); background: rgba(0, 19, 45, 0.68); display:flex; align-items: center; padding: 60px;}
.__vtbx .area .box .txt .cont {width:100%;}
.__vtbx .area .box .txt dl dt {font-size:18px;color:#ef8200;}
.__vtbx .area .box .txt dl dd {font-size:34px;color:#fff;font-weight:bold;}
.__vtbx .area .box .txt ul {margin-top:30px;}
.__vtbx .area .box .txt ul li {font-size:18px;line-height:1.4;padding-left:18px;position:relative;color:#fff;}
.__vtbx .area .box .txt ul li ~ li {margin-top:10px;}
.__vtbx .area .box .txt ul li:before {content:"";display:block;width:6px;height:6px;border-radius:50%;background:#ef8200;position:absolute;left:0;top:10px;}


/*
.__vtbx .area .box .bg {width: calc(100% - 495px - 15px); height:472px; margin-right: 15px; background:url(../images/sub/bg_training_tab01_1.jpg) no-repeat 50% 50% / cover; border-radius:10px;}
.__vtbx .area .box2 .bg { background-image: url(../images/sub/bg_training_tab02_1.jpg); }
.__vtbx .area .box3 .bg { background-image:url(../images/sub/bg_training_tab03_1.jpg); }

.__vtbx .area .box .txt {background:url(../images/sub/bg_training_tab01_2.jpg) no-repeat 50% 50% / cover;}
.__vtbx .area .box2 .txt { background-image: url(../images/sub/bg_training_tab02_2.jpg); }
.__vtbx .area .box3 .txt { background-image:url(../images/sub/bg_training_tab03_2.jpg); }
*/

/*
.__vtbx .area .box .bg {width:0;flex-grow:1;height:472px;background:url(../images/bg-vtbx1-1.jpg) no-repeat 50% 50% / cover;border-radius:10px;}
.__vtbx .area .box .txt {width:548px;height:472px;background:url(../images/bg-vtbx1-2.jpg) no-repeat 50% 50% / cover;border-radius:10px;display:flex;align-items:flex-end;padding:0 55px 50px;}
.__vtbx .area .box .txt .cont {width:100%;}
.__vtbx .area .box .txt dl dt {font-size:18px;color:#ef8200;}
.__vtbx .area .box .txt dl dd {font-size:34px;color:#fff;font-weight:bold;}
.__vtbx .area .box .txt ul {margin-top:30px;}
.__vtbx .area .box .txt ul li {font-size:18px;line-height:1.4;padding-left:18px;position:relative;color:#fff;}
.__vtbx .area .box .txt ul li ~ li {margin-top:10px;}
.__vtbx .area .box .txt ul li:before {content:"";display:block;width:6px;height:6px;border-radius:50%;background:#ef8200;position:absolute;left:0;top:10px;}
.__vtbx .area .box2 .bg {background-image:url(../images/bg-vtbx2-1.jpg);}
.__vtbx .area .box2 .txt {background-image:url(../images/bg-vtbx2-2.jpg);}
.__vtbx .area .box3 .bg {background-image:url(../images/bg-vtbx3-1.jpg);}
.__vtbx .area .box3 .txt {background-image:url(../images/bg-vtbx3-2.jpg);} */

@media all and (max-width:1024px){
	.__vtbx {padding:40px 15px;}
	.__vtbx .tab {margin-top:30px;gap:10px; /*justify-content:space-between;*/}
	.__vtbx .tab button {font-size:16px;line-height:1.2;}
	.__vtbx .tab .active {color:#000;border-bottom-color:#000;}
	.__vtbx .area {margin-top:10px;}
	.__vtbx .area .box {height:auto;padding:15px;}
    .__vtbx .area .box {background:url(../images/sub/bg_training_tab01_1.jpg) no-repeat 50% 50% / cover; border-radius:10px;}
    .__vtbx .area .box2 {background-image: url(../images/sub/bg_training_tab02_1.jpg);}
    .__vtbx .area .box3 {background-image:url(../images/sub/bg_training_tab03_1.jpg); }
    .__vtbx .area .box .bg {display: none;}
	.__vtbx .area .box .txt {position:relative;height:auto;right:0;top:0;transform:none;width:100%;padding:15px; background-image:none!important; background-color: rgba(12, 11, 17,0.4) !important;}
	.__vtbx .area .box .txt dl dt {font-size:14px;}
	.__vtbx .area .box .txt dl dd {font-size:24px;}
	.__vtbx .area .box .txt ul {margin-top:15px;}
	.__vtbx .area .box .txt ul li {font-size:14px;padding-left:12px;}
	.__vtbx .area .box .txt ul li ~ li {margin-top:5px;}
	.__vtbx .area .box .txt ul li:before {width:4px;height:4px;top:7px;}
}

.__hsStep {padding:120px 15px;background:#f8f8f8;}
.__hsStep .area {display:flex;margin-top:50px;flex-wrap:wrap;gap:30px 10px;justify-content:center;}
.__hsStep .area .box {width:calc(100% / 3 - (20px / 3));border-radius:15px;border:1px solid #dcdcdc;}
.__hsStep .area .box .img img {border-radius:15px 15px 0 0;}
.__hsStep .area .box .info {padding:23px 30px;position:relative;}
.__hsStep .area .box .info:before {content:"";display:none;width:23px;height:17px;position:absolute;top:50%;margin-right:-12px;transform:translateY(-50%);right:100%;background:url(../images/ico-arr4.svg) no-repeat 50% 50% / contain;z-index:20;}
.__hsStep .area .box .info dl {display:flex;gap:40px;}
.__hsStep .area .box .info dl dt {font-size:22px;color:#141618;line-height:1.35;}
.__hsStep .area .box .info dl dt strong {color:#1a3862;}
.__hsStep .area .box .info dl dd {font-size:18px;line-height:1.35;color:#141618;padding-top:3px;width:0;flex-grow:1;}
.__hsStep .area .box .info dl dd li {position:relative;padding-left:12px;}
.__hsStep .area .box .info dl dd li:before {content:"";display:block;width:5px;height:5px;background:#1a3862;border-radius:50%;position:absolute;left:0;top:10px;}
.__hsStep .area .box:nth-child(2) .info dl dd ul {display:flex;flex-wrap:wrap;gap:0 5px;}
.__hsStep .area .box:nth-child(2) .info dl dd li {width:calc(50% - 5px);}

@media all and (min-width:1025px){
	.__hsStep .area .box:nth-child(3n+1) .info:before {display:none;}
	/* .__hsStep .area .box:last-child .info:before {display:none;} */
}

@media all and (max-width:1024px){
	.__hsStep {padding:40px 15px;}
	.__hsStep .area {margin-top:20px;gap:10px;}
	.__hsStep .area .box {width:calc(50% - 5px);border-radius:10px;}
	.__hsStep .area .box .img img {border-radius:10px 10px 0 0;}
	.__hsStep .area .box .info {padding:10px 15px;}
	.__hsStep .area .box .info:before {display:none;}
	.__hsStep .area .box .info dl {display:block;}
	.__hsStep .area .box .info dl dt {font-size:16px;}
	.__hsStep .area .box .info dl dt strong {display:block;}
	.__hsStep .area .box .info dl dd {font-size:14px;width:auto;padding-top:10px;}
	.__hsStep .area .box .info dl dd li {padding-left:10px;}
	.__hsStep .area .box .info dl dd li:before {width:3px;height:3px;top:8px;}
	.__hsStep .area .box:nth-child(2) .info dl dd ul {display:block;}
	.__hsStep .area .box:nth-child(2) .info dl dd li {width:100%;}
	.__hsStep .area .box:nth-child(2n) .info:before,
	.__hsStep .area .box:last-child .info:before {display:none;}
}


.__hsDiff {padding:120px 15px;}
.__hsDiff .area {margin-top:40px;display:flex;gap:25px;justify-content:center;}
.__hsDiff .area .box {width:calc(100% / 3 - (104px / 3)); flex-grow:1;}
.__hsDiff .area .box .img {border-radius:10px;overflow:hidden;}
.__hsDiff .area .box .img img {display:block;}
.__hsDiff .area .box dl {margin-top:18px;}
.__hsDiff .area .box dl dt {display:flex;align-items:center;justify-content:center;position:relative;text-align:center;color:#fff;background:#08142b;border-radius:10px;height:60px;font-size:22px;font-weight:bold;}
.__hsDiff .area .box dl dt:before {content:"";display:block;position:absolute;left:100%;top:50%;width:52px;border-top:1px dashed #08142b;}
.__hsDiff .area .box:last-child dl dt:before {display:none;}
.__hsDiff .area .box dl dd {margin-top:25px;display:flex; padding: 0 1.25rem; /*justify-content:center;*/font-size:20px;line-height:1.7;color:#000;}
.__hsDiff .area .box dl dd ul li {position:relative;padding-left:var(--rem-25px) /*2.5rem*/;position:relative;}
.__hsDiff .area .box dl dd ul li:before {content:"";display:block;width:7px;height:7px;border-radius:50%;position:absolute;left:0;top:13px;background:#ef8200;}

@media all and (max-width:1024px){
	.__hsDiff {padding:40px 15px;}
	.__hsDiff .area {margin-top:20px;gap:10px;flex-wrap:wrap;}
	.__hsDiff .area .box {width:calc(50% - 5px);flex-grow:unset;}
	.__hsDiff .area .box .img img {display:block;width:100%;aspect-ratio:432/287;object-fit:contain;background:#363840;}
	.__hsDiff .area .box dl {margin-top:10px;}
	.__hsDiff .area .box dl dt {height:40px;font-size:16px;}
	.__hsDiff .area .box dl dt:before {width:10px;}
	.__hsDiff .area .box:nth-child(2) dl dt:before {display:none;}
	.__hsDiff .area .box dl dd {margin-top:15px;font-size:13px;line-height:1.4;}
	.__hsDiff .area .box dl dd ul li {padding-left:10px;letter-spacing:-0.05em;}
	.__hsDiff .area .box dl dd ul li:before {width:4px;height:4px;top:6px;}
}

@media all and (max-width:480px){ 
    .__hsDiff .area .box {width:calc(100% - 5px);}
}

.__hsCate {background:url(../images/bg-hscate.jpg) no-repeat 50% 50% / cover;padding:125px 15px;overflow:hidden;}
.__hsCate .__tit h3 {color:#fff;}
.__hsCate .area {margin-top:45px;display:flex;flex-wrap:wrap;gap:15px 42px;}
.__hsCate .area .box {width:calc(50% - 21px);border:1px solid #434343;overflow:hidden;border-radius:10px;}
.__hsCate .area .box .img img {display:block;}
.__hsCate .area .box .txt {display:flex;align-items:center;justify-content:center;text-align:center;height:70px;font-size:20px;color:#fff;padding:0 5px;} 

.__hsCate .wrap {display:flex;justify-content:space-between;gap:65px}
.__hsCate .lef {  width: 62.857%;/*width: 60%;width:51.21428%;*/ position:relative;z-index:10;}

.__hsCate .lef .roll {overflow:hidden;border-radius:10px;overflow:hidden;}
.__hsCate .lef .img img {overflow:hidden;display:block;width:100%; height: 100%; aspect-ratio: 880 / 400; /*aspect-ratio:715 / 400; aspect-ratio:1400 / 605;*/object-fit:cover;}


.__hsCate .rig {width:0;flex-grow:1;display:flex;flex-direction:column;}
.__hsCate .rig dl dt {font-size:14px;color:#ef8200;font-weight:500;line-height:1;}
.__hsCate .rig dl dd {font-size:40px;font-weight:bold;color:#fff;line-height:1;margin-top:12px;padding-bottom:28px;border-bottom:1px solid #4e4e4f;margin-bottom:45px;}
.__hsCate .rig .lst {/*text-align: center;*/ flex-grow:1;padding-bottom:50px;font-size:20px;line-height:1.5;color:#fff;}
.__hsCate .rig .lst li {display:none;}
.__hsCate .rig .lst .active {display:block;}

.__hsCate .rig .thm { position: relative; }
.__hsCate .rig .thm .roll2 {  width: 680px; /*width: 875px;*/ left:calc(var(--swiper-slide-width) * -1); position:relative;}
.__hsCate .rig .thm .prev,
.__hsCate .rig .thm .next {width:11px;height:20px;background: url(../images/ico-thm-prev.png) no-repeat center / 11px; top:50%;transform:translateY(-50%);/*display:block;*/ position:absolute;z-index:10;}
.__hsCate .rig .thm .prev {left:-35px;}
.__hsCate .rig .thm .next {right:-35px;background:url(../images/ico-thm-next.png);}

.__hsCate .rig .thm li {position:relative;pointer-events:none;opacity:0;transition:0.2s;}
.__hsCate .rig .thm li:before {content:"";display:none;width:14px;height:14px;background:url(../images/ico-hacate.png) no-repeat 50% 50% / contain;position:absolute;left:12px;top:-7px;z-index: 5;}
.__hsCate .rig .thm li button {background:none; overflow: hidden; position: relative; }
.__hsCate .rig .thm li img {display:block;width:100%;aspect-ratio:245 / 120; /*aspect-ratio:455 / 175;*/object-fit:cover; border-radius: 10px; }
.__hsCate .rig .thm li p { text-align: center; font-size:16px; color: #fff; padding-top: 30px;}
.__hsCate .rig .thm .swiper-slide-active + .img,
.__hsCate .rig .thm .swiper-slide-active + .img + .img,
.__hsCate .rig .thm .swiper-slide-active + .img + .img + .img {pointer-events:auto;opacity:1;}
.__hsCate .rig .thm .swiper-slide-active + .img + .img + .img button::after { content: ''; display: block; width: 100%;  height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.85) 63%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 0;}

/*
.__hsCate .wrap { }
.__hsCate .lef { width: 100% ;position:relative;z-index:10; }
.__hsCate .rig { width: 100% ; }
.__hsCate .rig .thm .roll2  {width: 100%; overflow: hidden; padding-top: 20px; }
*/

@media all and (max-width:1440px){
    .__hsCate .rig .thm .roll2 { width: 100%; } 
    .__hsCate .rig .thm .prev {left: 20px;}
    .__hsCate .rig .thm .next { right: 20px; } 


}

@media all and (max-width:1024px){
	.__hsCate {padding:40px 15px;}
	.__hsCate .wrap {display:block;}
	.__hsCate .lef {width:auto;}
	.__hsCate .rig {width:auto;display:block;margin-top:20px;}
	.__hsCate .rig dl dt {font-size:12px;}
	.__hsCate .rig dl dd {font-size:24px;margin-top:7px;padding-bottom:15px;margin-bottom:15px;}
	.__hsCate .rig .lst {padding-bottom:25px;font-size:16px;}
	.__hsCate .rig .thm li:before {width:10px;height:10px;left:10px;top:-5px;}
    .__hsCate .rig .thm .swiper-slide-active + .img + .img + .img button::after { content: none;}

    .__hsCate .rig .thm .roll2 { width: 100%; } /**/
    .__hsCate .rig .thm li p { font-size:14px; }
    .__hsCate .rig .thm .prev {left: 10px;}
    .__hsCate .rig .thm .next { right: 10px; }
}

@media all and (max-width:767px){
    .__hsCate .lef .lst {padding-bottom:20px; margin-top: 10px !important;}
    .__hsCate .rig .thm li p { font-size:12px; padding-top: 10px;}
}


.__xrTraining {background:#f8f8f8;padding:120px 15px;}
.__xrTraining .area {margin-top:50px; /*border:1px solid #ef8200;border-radius:10px;overflow:hidden;background:#fff;text-align:center;*/}
.__xrTraining .area.type2 { margin-top:20px; border:1px solid #ef8200;border-radius:10px;overflow:hidden;background:#fff;text-align:center;}

.__xrTraining .area .img {position:relative;padding:95px 15px 65px;border-bottom:1px solid #ef8200;}
.__xrTraining .area .img strong {display:block;font-size:26px;font-weight:bold;color:#000;line-height:1;position:absolute;left:30px;top:30px;}

.__xrTraining .area ul.xrt-ico-wrap {display:flex;}
.__xrTraining .area ul.xrt-ico-wrap li {width:0;flex-grow:1;display:flex;align-items:center;justify-content:center;height:95px;font-size:18px;line-height:1.35;color:#000;gap:20px;text-align:left;}
.__xrTraining .area ul.xrt-ico-wrap li ~ li {border-left:1px solid #ef8200;}

.__xrTraining .area ul.xrt-box-wrap {   display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap; gap: 20px; }
.__xrTraining .area ul.xrt-box-wrap li { -webkit-box-flex: 1;  -ms-flex: auto;  flex: auto; height: auto; gap: 0; border-left :none !important;}
.__xrTraining .area ul.xrt-box-wrap .xrt-box { border-radius: 10px; border: 1px solid #ef8200; position: relative; overflow: hidden; }
.__xrTraining .area ul.xrt-box-wrap .xrt-box img { width: 100%; display: block; }
.__xrTraining .area ul.xrt-box-wrap .xrt-box span { display:block;font-size:1.625rem;font-weight:bold;color:#000;line-height:1; position: absolute; left: 20px; top: 22px;}

.__xrTraining h4 {margin:80px 0 40px;font-size:30px;font-weight:bold;color:#000;}
.__xrTraining .step {display:flex;gap:20px;}
.__xrTraining .step .box {  width:0; /*flex-grow:1;*/ width:calc(100% / 5 - (25px / 5)); text-align:center; position:relative;}
.__xrTraining .step .box dl { display:flex; align-items:center; justify-content:center;  -ms-flex-direction: column  !important;  flex-direction: column !important;}
.__xrTraining .step .box dl dt { position: relative; display: inline-block;  width: 93px; height: 93px; line-height: 91px; border-radius: 50%; /*border: 1px solid #08142b;*/ text-align: center;}
.__xrTraining .step .box dl dt::after { content: '';  display: block;  height: 25px; border-left: 1px solid #08142b; position: absolute; top: calc(100% + 1px); left: 50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%); transform: translateX(-50%);}
.__xrTraining .step .box dl dt img {vertical-align: middle;}
.__xrTraining .step .box dl dd { position: relative;  width: 100%;  text-align:center; display:flex; align-items:center; justify-content:center; background:#08142b;  height:89px;  line-height: 1.2;  border-radius:10px;  color:#fff;margin-top:25px;font-size:18px;font-weight:500;}
.__xrTraining .step .box dl dd:before {content:"";display:block;width:23px;height:17px;background:url(../images/ico-arr.svg) no-repeat 50% 50% / contain;position:absolute;left:100%;top:50%;transform:translateY(-50%);z-index:10;}
.__xrTraining .step .box:last-child dl dd:before {display:none;}

.__xrTraining .dot {margin-top:35px;font-size:20px;line-height:1.6;color:#000;}
.__xrTraining .dot li {position:relative;padding-left:0.8em;}
.__xrTraining .dot li:before {content:"·";position:absolute;left:0;top:0;}

@media all and (max-width:1440px){
    .__xrTraining .area ul.xrt-box-wrap { gap: 1.5vw; }
    .__xrTraining .area ul.xrt-box-wrap .xrt-box span { font-size: 1.8vw; left: 1.4vw; top: 1.6vw;}

}

@media all and (max-width:1024px){
	.__xrTraining {padding:40px 15px;}
	.__xrTraining .area {margin-top:20px;}
	.__xrTraining .area .img {padding:60px 15px 30px;}
	.__xrTraining .area .img strong {font-size:18px;left:15px;top:15px;}
	.__xrTraining .area ul.xrt-ico-wrap {display:block;}
    
	.__xrTraining .area ul.xrt-ico-wrap li {height:auto;font-size:15px;line-height:1.3;gap:10px;padding:10px 20px;width:auto;justify-content:flex-start;}
	.__xrTraining .area ul.xrt-ico-wrap li ~ li {border:none;border-top:1px solid #ef8200;}
	.__xrTraining .area ul.xrt-ico-wrap li img {width:30px;}

	.__xrTraining h4 {margin:40px 0 20px;font-size:20px;}
	.__xrTraining .step {gap:10px;flex-wrap:wrap;}
	.__xrTraining .step .box {width:calc(100% / 3 - (20px / 3));align-items:flex-start;padding:20px 10px 0;}
	.__xrTraining .step .box:before {display:none;}
	/*.__xrTraining .step .box dt img {width:60px;}*/
	.__xrTraining .step .box dl dd {margin-top:10px;font-size:14px;letter-spacing:-0.05em;}
	.__xrTraining .dot {margin-top:20px;font-size:14px;}
}

@media all and (max-width:767px) {
    .__xrTraining .step .box dl dt { width: 75px;  height: 75px;    line-height: 77px;}
    .__xrTraining .step .box dl dt img { /*height: 40px;*/ width: auto;}
    .__xrTraining .step .box dl dd { height: 60px; padding: 10px; }

    .__xrTraining .area ul.xrt-box-wrap { -ms-flex-wrap: wrap;  flex-wrap: wrap;}
    .__xrTraining .area ul.xrt-box-wrap li:nth-child(2) { order: -1; width: 100%; }
    .__xrTraining .area ul.xrt-box-wrap li:nth-child(1) { max-width: 56%; }
    .__xrTraining .area ul.xrt-box-wrap li:nth-child(3) { max-width: 42%; }

    .__xrTraining .area ul.xrt-box-wrap li:nth-child(2) .xrt-box span { font-size: 2.5vw; left: 10px;  top: 4.5vw; }
    .__xrTraining .area ul.xrt-box-wrap li:nth-child(1) .xrt-box span,
    .__xrTraining .area ul.xrt-box-wrap li:nth-child(3) .xrt-box span { font-size: 2.5vw; left: 10px;   top: 3.4vw; }
}

.__firehr {padding:120px 15px 70px;background:#f8f8f8;}
.__firehr .area {margin-top:50px;overflow:hidden;border-radius:10px;display:flex;border:1px solid #ef8200;}
.__firehr .area .box {height:520px;background:url(../images/bg-firehr1.jpg) no-repeat 50% 50% / cover;width:0;flex-grow:1;position:relative;}
.__firehr .area .box2 {background-image:url(../images/bg-firehr2.jpg);border-left:1px solid #ef8200;}
.__firehr .area .box ul {display:flex;position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #ef8200;}
.__firehr .area .box ul li {width:0;flex-grow:1;height:96px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);font-size:18px;color:#fff;gap:25px;}
.__firehr .area .box ul li ~ li {border-left:1px solid #ef8200;}
.__firehr h4 {margin:100px 0 40px;font-size:40px;font-weight:bold;color:#000;}
.__firehr .step {display:flex;gap:32px;}
.__firehr .step .box {width:0;flex-grow:1;background:#08142b;position:relative;height:210px;padding:0 35px;display:flex;align-items:center;gap:30px;border-radius:20px;}
.__firehr .step .box .info {width:0;flex-grow:1;}
.__firehr .step .box .info dl dt {font-size:20px;font-weight:bold;color:#fff;}
.__firehr .step .box .info dl dd {margin-top:20px;}
.__firehr .step .box .info dl dd ul li {position:relative;font-size:18px;line-height:1.33;letter-spacing:-0.04em;position:relative;padding-left:0.8em;color:#fff;}
.__firehr .step .box .info dl dd ul li:before {content:"·";display:block;position:absolute;left:0;top:0;}
.__firehr .step .box:before {content:"";display:block;width:28px;height:20px;background:url(../images/ico-arr.svg) no-repeat 50% 50% / contain;position:absolute;left:100%;top:50%;transform:translateY(-50%);z-index:10;}
.__firehr .step .box:last-child:before {display:none;}
.__firehr .rollwrap {margin-top:55px; position:relative; /*border-radius:10px;padding:0 50px;*/}
.__firehr .rollwrap .roll { overflow:hidden; }
.__firehr .rollwrap .roll img { border-radius: 10px; width: 100%; }
/*.__firehr .rollwrap .roll {max-width:1000px;margin:0 auto;position:relative;}
.__firehr .roll .box {transition:0.2s;opacity:0.3;}
.__firehr .roll .box.swiper-slide-active {opacity:1;}*/
.__firehr .rollwrap .prev,
.__firehr .rollwrap .next {width:70px;height:70px;background:#fff url(../images/ico-fire-prev.svg) no-repeat 50% 50% / 15px auto;top:50%;transform:translateY(-50%);/*display:block;*/position:absolute;box-shadow:0 10px 10px rgba(0,0,0,0.2);border-radius:50%;z-index:10;}
.__firehr .rollwrap .prev {left:-35px;}
.__firehr .rollwrap .next {right:-35px;background-image:url(../images/ico-fire-next.svg);}
.__firehr2 {padding:70px 15px;border-top:1px solid #e2e2e2;background:#f8f8f8;}
.__firehr2 .area {display:flex;gap:50px;}
.__firehr2 .area .box {border:1px dashed #08142b;border-radius:10px;position:relative;height:190px;padding:32px 30px;width:0;flex-grow:1;}
.__firehr2 .area .box:before {content:"";display:block;position:absolute;top:50%;width:50px;left:100%;border-bottom:1px dashed #08142b;}
.__firehr2 .area .box:last-child:before {display:none;}
.__firehr2 .area .box dl dt {position:relative;font-size:18px;line-height:1.33;color:#000;position:relative;/*padding-left:0.8em;*/}
/*.__firehr2 .area .box dl dt:before {content:"·";position:absolute;left:0;top:0;}*/
.__firehr2 .area .box dl dd {font-size:60px;font-weight:900;color:#d9dadd;line-height:1;position:absolute;right:15px;bottom:15px;}

@media all and (max-width:1024px){
	.__firehr {padding:40px 15px;}
	.__firehr .area {margin-top:20px;display:block;}
	.__firehr .area .box {width:auto;height:auto;aspect-ratio:35/26;}
	.__firehr .area .box2 {border-left:none;background-color:#000;}
	.__firehr .area .box ul li {height:60px;font-size:15px;gap:10px;padding:0 10px;line-height:1.2;}
	.__firehr .area .box ul li img {height:24px;}
	.__firehr h4 {margin:40px 0 20px;font-size:20px;}
	.__firehr .step {gap:10px;flex-wrap:wrap;}
	.__firehr .step .box {width:calc(50% - 5px);height:auto;padding:20px 15px;gap:15px;border-radius:10px;display:block;}
	.__firehr .step .box .img img {width:32px;}
	.__firehr .step .box .info {width:auto;margin-top:10px;}
	.__firehr .step .box .info dl dt {font-size:16px;}
	.__firehr .step .box .info dl dd {margin-top:10px;}
	.__firehr .step .box .info dl dd ul li {font-size:14px;}
	.__firehr .step .box:before {display:none;}
	.__firehr .rollwrap {margin-top:30px;}
	.__firehr .rollwrap .prev,
	.__firehr .rollwrap .next {width:40px;height:40px;background-size:10px auto;}
	.__firehr .rollwrap .prev {left:-20px;}
	.__firehr .rollwrap .next {right:-20px;}
	.__firehr2 {padding:40px 15px;}
	.__firehr2 .area {display:block;}
	.__firehr2 .area .box {padding:15px 15px 35px;width:auto;height:auto;}
	.__firehr2 .area .box ~ .box {margin-top:10px;}
	.__firehr2 .area .box:before {left:50%;top:100%;width:1px;height:10px;border:none;border-right:1px dashed #08142b;}
	.__firehr2 .area .box dl dt {font-size:14px;}
	.__firehr2 .area .box dl dd {font-size:30px;right:10px;bottom:10px;}
}

.__starXr {padding:120px 15px;}
.__starXr .tit {margin:95px 0 40px;}
.__starXr .tit h3 {font-size:40px;display:flex;gap:10px;align-items:center}
.__starXr .tit h4 {font-size:20px;display:flex;gap:10px;align-items:center;}
.__starXr .tit h4 strong {font-weight:bold;;border-bottom:2px solid #000;color:#000;}
.__starXr .tit h4 span {color:rgba(0,0,0,0.6);font-size:inherit;}
.__starXr .tit p {font-size:20px;color:#000;margin-top:15px;line-height:1.5;}
.__starXr .area {display:flex;gap:10px;}
.__starXr .area .box .img {border-radius:10px;overflow:hidden;}
.__starXr .area .box .img img {display:block;}
.__starXr .area .box .txt {margin-top:20px;text-align:center;font-size:18px;font-weight:bold;line-height:1.2;}
.__starXr .step {display:flex;gap:25px;}
.__starXr .step .box {width:0;flex-grow:1;border-radius:20px;background:#08142b;padding:25px 15px;text-align:center;position:relative;}
.__starXr .step .box dl {margin-top:10px;}
.__starXr .step .box dl dt {font-size:18px;font-weight:300;color:#f5a100;line-height:1;}
.__starXr .step .box dl dd {font-size:20px;line-height:1.5;font-weight:bold;color:#fff;margin-top:15px;}
.__starXr .step .box:before {content:"";display:block;width:23px;height:17px;background:url(../images/ico-arr.svg) no-repeat 50% 50% / contain;position:absolute;left:100%;top:50%;transform:translateY(-50%);z-index:10;}
.__starXr .step .box:last-child:before {display:none;}

@media all and (max-width:1024px){
	.__starXr {padding:40px 15px;}
	.__starXr .tit {margin:40px 0 15px;}
    .__starXr .tit h3 {display:block;font-size:27px;}
	.__starXr .tit h4 {display:block;font-size:17px;}
	.__starXr .tit h4 span {display:block;}
	.__starXr .tit p {font-size:15px;margin-top:10px;}
	.__starXr .area {display:flex;gap:10px;}
	.__starXr .area .box .txt {margin-top:10px;font-size:13px;letter-spacing:-0.05em;}
	.__starXr .step {flex-wrap:wrap;gap:10px;}
	.__starXr .step .box {width:calc(30% - 5px);border-radius:10px;padding:15px 5px;}
	.__starXr .step .box .img img {width:40px;}
	.__starXr .step .box dl {margin-top:2px;}
	.__starXr .step .box dl dt {font-size:15px;}
	.__starXr .step .box dl dd {font-size:13px;margin-top:5px;line-height:1.2;letter-spacing:-0.05em;}
	.__starXr .step .box:before {display:none;}
}

.__govMod {background:url(../images/bg-govmod.jpg) no-repeat 50% 50% / cover;padding:150px 15px;}
.__govMod .__tit {display:flex; /*box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3);*/}
.__govMod .__tit h3 {box-shadow:inset 0 -2px 0 #ef8200;color:#fff;padding-bottom:21px;letter-spacing:-0.05em;}
.__govMod .con {margin-top:100px;}
.__govMod .con .sec {}
.__govMod .con .sec ~ .sec {margin-top:120px;}
.__govMod .con .sec .tit {margin-bottom:40px;}
.__govMod .con .sec .tit h4 {position:relative;font-size:30px;font-weight:bold;color:#fff;padding-top:28px;line-height:1;}
.__govMod .con .sec .tit h4:before {content:"";display:block;width:20px;height:4px;position:absolute;left:0;top:0;background:#ef8200;}
.__govMod .con .sec .ba {display:flex;gap:20px;}
.__govMod .con .sec .ba .box {width:0;flex-grow:1;border-radius:10px;border:1px solid rgba(255,255,255,0.3);position:relative;}
.__govMod .con .sec .ba .box:before {content:"";display:block;width:23px;height:20px;background:url(../images/ico-arr5.svg) no-repeat 50% 50% / 100% 100%;background-size:100% 100%;position:absolute;left:100%;top:50%;transform:translateY(-50%);z-index:10;}
.__govMod .con .sec .ba .box:last-child:before {display:none;}
.__govMod .con .sec .ba .box h5 {display:flex;align-items:center;gap:25px;height:70px;border-bottom:1px solid #434343;padding:0 30px;font-size:18px;color:#fff;}
.__govMod .con .sec .ba .box h5 span {font-weight:normal;}
.__govMod .con .sec .ba .box ul {display:flex;padding:35px 30px;gap:12px;}
.__govMod .con .sec .ba .box ul li {width:0;flex-grow:1;}
.__govMod .con .sec .ba .box ul li .txt {margin-top:15px;font-size:18px;line-height:1.3;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;min-height:2.6em;}
.__govMod .con .sec .ba .box:nth-child(2) {background:#08142b;}
.__govMod .con .sec .ba .box:nth-child(2) h5 {border-bottom-color:rgba(255,255,255,0.3);color:#fff;}
.__govMod .con .sec .ba .box:nth-child(2) h5 strong {color:#ef8200;}

.__govMod .con .sec .service {display:flex;gap:28px;}
.__govMod .con .sec .service .box {border:1px solid rgba(255,255,255,0.3);border-radius:10px;}
.__govMod .con .sec .service .box:not(.box1) {flex-grow:1;width:0;}
.__govMod .con .sec .service .box .bg {height:460px;background:url(../images/img-govmod2-6.jpg) no-repeat 50% 50% / cover;border-radius:10px 10px 0 0;}
.__govMod .con .sec .service .box1 {width:330px;}
.__govMod .con .sec .service .box3 .bg {background-image:url(../images/img-govmod2-7.jpg);}
.__govMod .con .sec .service .box .img {height:460px;background:#f8f8f8;border-radius:10px 10px 0 0;display:flex;align-items:center;}
.__govMod .con .sec .service .box .img ul {width:100%;display:flex;flex-wrap:wrap;gap:5px 32px;justify-content:center;text-align:center;}
.__govMod .con .sec .service .box .img ul li:nth-child(3) {width:100%;}
.__govMod .con .sec .service .box .img ul li strong {display:block;margin-top:3px;line-height:1;color:#050c18;font-size:18px;}
.__govMod .con .sec .service .box .txt {height:110px;position:relative;text-align:center;padding:20px 10px 0;}
.__govMod .con .sec .service .box .txt:before {content:"";display:block;width:30px;height:22px;background:url(../images/ico-arr5.svg) no-repeat 50% 50% / 100% 100%;background-size:100% 100%;position:absolute;left:100%;top:50%;transform:translateY(-50%);z-index:10;}
.__govMod .con .sec .service .box:last-child .txt:before {display:none;}
.__govMod .con .sec .service .box .txt h5 {font-size:18px;font-weight:bold;color:#ef8200;margin-bottom:5px;line-height:1.2;}
.__govMod .con .sec .service .box .txt p {font-size:18px;line-height:1.33;color:#fff;}

.__govMod .con .sec .service2 {display:flex;gap:10px;}
.__govMod .con .sec .service2 .box {width:0;flex-grow:1;border:1px solid rgba(255,255,255,0.3);border-radius:10px;overflow:hidden;}
.__govMod .con .sec .service2 .box img {display:block;}
.__govMod .con .sec .service2 .box .txt {height:80px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;line-height:1.3;color:#fff;padding:0 10px;}

@media all and (max-width:1024px){
	.__govMod {padding:40px 15px;}
	.__govMod .__tit {box-shadow:none;}
	.__govMod .__tit h3 {padding-bottom:10px;box-shadow:none;}
	.__govMod .con {margin-top:40px;}
	.__govMod .con .sec ~ .sec {margin-top:40px;}
	.__govMod .con .sec .tit {margin-bottom:15px;}
	.__govMod .con .sec .tit h4 {font-size:20px;padding-top:10px;}
	.__govMod .con .sec .tit h4:before {width:15px;height:3px;}
	.__govMod .con .sec .ba {display:block;}
	.__govMod .con .sec .ba .box {width:auto;}
	.__govMod .con .sec .ba .box:before {display:none;}
	.__govMod .con .sec .ba .box h5 {gap:15px;height:50px;padding:0 15px;font-size:16px;}
	.__govMod .con .sec .ba .box ul {padding:15px;gap:5px;}
	.__govMod .con .sec .ba .box ul li .txt {margin-top:5px;font-size:13px;min-height:0;letter-spacing:-0.05em;}
	.__govMod .con .sec .ba .box:nth-child(2) {margin-top:15px;}

	.__govMod .con .sec .service {display:flex;gap:10px;flex-wrap:wrap;}
	.__govMod .con .sec .service .box:not(.box1) {flex-grow:1;width:calc(50% - 5px);}
	.__govMod .con .sec .service .box .bg {height:150px;}
	.__govMod .con .sec .service .box1 {width:100%;}
	.__govMod .con .sec .service .box .img {height:auto;padding:15px;}
	.__govMod .con .sec .service .box .img ul {gap:5px 20px;}
	.__govMod .con .sec .service .box .img ul li:nth-child(3) {width:auto;}
	.__govMod .con .sec .service .box .img ul li img {width:70px;}
	.__govMod .con .sec .service .box .img ul li strong {font-size:13px;}
	.__govMod .con .sec .service .box .txt {height:auto;padding:15px 10px;}
	.__govMod .con .sec .service .box .txt:before {display:none;}
	.__govMod .con .sec .service .box .txt h5 {font-size:14px;}
	.__govMod .con .sec .service .box .txt p {font-size:13px;}

	.__govMod .con .sec .service2 {gap:10px;}
	.__govMod .con .sec .service2 .box .txt {height:auto;font-size:13px;padding:10px;letter-spacing:-0.05em;}
}

#wrapper.sub4 {padding-top:0;}
#wrapper.sub4 #__snb {background:rgba(255,255,255,0.9);backdrop-filter:blur(2px);}

.__about {background:#000;position:relative;overflow:hidden;}
.__about .bg {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/bg-about.jpg) no-repeat 50% 0;}
.__about .__layout {position:relative;}
.__about .tit h3 {font-size:50px;font-weight:bold;color:#fff;}

.__about .sec1 {text-align:center;padding:320px 15px 0;color:#fff;}
.__about .sec1 h2 {font-size:40px;font-weight:bold;line-height:1.5;}
.__about .sec1 .line {height:290px;width:1px;margin:150px auto 0;position:relative;background:rgba(255,255,255,0.2);}
.__about .sec1 .line:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;transition:1.5s;transform:scale(1,0);transform-origin:50% 0;transition-delay:0.5s;}
/*.__about .sec1 .line.aos-animate:before {transform:scale(1,1);}*/
.__about .sec1 .line.animate:before {transform:scale(1,1);}
.__about .sec1 .txt {font-size:34px;font-weight:bold;color:#fff;margin-top:160px;line-height:1.6;}

.__about .sec2 {margin-top:220px;}
.__about .sec2 h3 {font-family:'Gmarket Sans',sans-serif;color:#fff;font-size:50px;line-height:1.1;color:#fff;font-weight:bold;text-align:center;}
.__about .sec2 .cont {margin-top:120px;}
.__about .sec2 .cont .box {display:flex;align-items:center;gap:100px;justify-content:space-between;}
.__about .sec2 .cont .box ~ .box {margin-top:60px;}
.__about .sec2 .cont .box .img {width:500px;}
.__about .sec2 .cont .box .img img {display:block;box-shadow: 30px 30px 20px -5px rgba(0, 0, 0, 0.2); } /*28px 35px 32px 0 rgba(0,0,0,0.53);*/
.__about .sec2 .cont .box .info {width:0;flex-grow:1;}
.__about .sec2 .cont .box .info dl dt {font-size:50px;font-weight:bold;color:#fff;font-family:'Gmarket Sans',sans-serif;}
.__about .sec2 .cont .box .info dl dd {font-size:18px;font-weight:500;line-height:1.35;color:#fff;}
.__about .sec2 .cont .box:nth-child(even) .info {order:-1;padding-left:55px;}

.__about .sec3 {margin-top:200px;}
.__about .sec3 .area {margin-top:65px;position:relative;}
.__about .sec3 .area .roll {}
.__about .sec3 .area .box {text-align:center;pointer-evnets:none;opacity:0;transition:0.2s;}
.__about .sec3 .area .box .img {background:#fff;border-radius:20px;box-shadow:16px 19px 22px 0 rgba(0,0,0,0.3);overflow:hidden;}
.__about .sec3 .area .box .img img {display:block;width:100% !important;aspect-ratio:1 / 1;object-fit:contain;}
.__about .sec3 .area .box .txt {line-height:1.1;color:#fff;font-size:21px;font-weight:bold;;margin-top:30px;}
.__about .sec3 .area .prev,
.__about .sec3 .area .next {width:24px;height:24px;border-radius:50%;position:absolute;top:80px;background:rgba(229,229,229,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#ef8200;box-shadow:0 0 10px rgba(0,0,0,0.3);z-index:10;}
.__about .sec3 .area .prev {left:-12px;}
.__about .sec3 .area .next {right:-12px;}
.__about .sec3 .area .swiper-button-disabled {display:none;}
.__about .sec3 .area .board-wrap { display: none; }

.__about .sec4 {margin-top:205px;padding-bottom:140px;margin-bottom:165px;/*border-bottom:1px solid rgba(255,255,255,0.2);*/}
.__about .sec4 .slo {margin:40px 0 135px;}
.__about .sec4 .slo dt {font-size:30px;font-weight:100;color:#fff;}
.__about .sec4 .slo dd {font-size:40px;font-weight:bold;color:#fff;}
.__about .sec4 .area {margin-top:130px;display:flex;gap:74px;}
.__about .sec4 .area .tab {width:29.28571%;}
.__about .sec4 .area .tab button {display:block;width:100%;height:112px;border:1px solid transparent;border-bottom-color:rgba(255,255,255,0.3);background:none;text-align:left;font-size:26px;font-weight:300;color:#fff;padding-left:54px;}
.__about .sec4 .area .tab button.active {border:2px solid #ef8200;padding-left:53px;font-weight:bold;}
.__about .sec4 .area .tab ._tab2 { transition-timing-function: linear !important; }
.__about .sec4 .area .tab .tab-btns, .__about .sec4 .area .tab .btns-box { z-index: 10; position: relative;}

/* .__about .sec4 .area .info {width:0;flex-grow:1;} */
.__about .sec4 .area .info .history .box + .box { margin-top: 40px; }
.__about .sec4 .area .info .img {border-radius:10px;overflow:hidden;margin-bottom:50px;}
.__about .sec4 .area .info .img img {display:block;}
.__about .sec4 .area .info ul {padding-left:25px;font-size:18px;line-height:1.89;}
.__about .sec4 .area .info ul li {position:relative;padding-left:38px;color:#fff;}
.__about .sec4 .area .info ul li:before {content:"";display:block;width:5px;height:5px;border-radius:50%;background:#ef8200;position:absolute;left:0;top:14px;}

/* .__about .sec4 .area .info .history  { height: 560PX; overflow: hidden; }
.__about .sec4 .area .info .history .swiper-slide {}
.__about2 .sec4 .area .info { width: auto; display: block;}
.__about2 .sec4 .area .info .history .swiper-wrapper { -ms-flex-direction: column  !important;  flex-direction: column !important; } */

.__about .sec5 .tab {margin:30px 0 95px;display:flex;gap:5px;}
.__about .sec5 .tab button {width:216px;height:46px;border-radius:23px;border:1px solid rgba(239,130,0,0.3);display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;color:#fff;background:none ; box-sizing: border-box; }
.__about .sec5 .tab button:hover { border:2px solid rgba(239,130,0,1);}
.__about .sec5 .tab .active {background:#ef8200;border-color:#ef8200;color:#fff;}
.__about .sec5 .area ul {display:flex;flex-wrap:wrap;gap:30px 19px;}
.__about .sec5 .area ul li {width:calc(20% - (76px / 5));}
.__about .sec5 .area ul li figure {width: 100%; height: auto; aspect-ratio:265 / 90; border-radius:10px; /*opacity:0.95;*/ overflow: hidden; }
/*.__about .sec5 .area ul li figure:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform:  scale(1.1); }*/
.__about .sec5 .area ul li img {display:block;width:100% !important; height: 100% !important; object-fit:cover; transition: all .5s ease;}

.__about .sec6 {margin-top:150px;padding-bottom:150px;}
.__about .sec6 .loc {margin-top:55px;overflow:hidden;border-radius:10px;}
.__about .sec6 .loc iframe {display:block;width:100%;height:490px;}
.__about .sec6 .info {display:flex;justify-content:center;flex-wrap:wrap;gap:75px;margin-top:65px;padding-bottom:25px;border-bottom:1px solid #fff;border-bottom:1px solid #b5b5b6;color:#fff;font-size:20px;}
.__about .sec6 .info li {display:flex;gap:25px;}

.__about .__layout { z-index: 2;}
.__about .bg_dark { position: relative; z-index: 1;}
.__about .bg_dark::before {
    width: 100%;
    content: url(../images/back_bg_dark_about.png);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media all and (min-width:1025px){
	/* .__about .bg {background-size:auto !important;} */
    .__about .bg { background-size: cover !important; }

    .__about .sec3 .area .swiper-slide-active,
    .__about .sec3 .area .swiper-slide-active + .box,
    .__about .sec3 .area .swiper-slide-active + .box + .box,
    .__about .sec3 .area .swiper-slide-active + .box + .box + .box,
    .__about .sec3 .area .swiper-slide-active + .box + .box + .box + .box,
    .__about .sec3 .area .swiper-slide-active + .box + .box + .box + .box + .box,
    .__about .sec3 .area .swiper-slide-active + .box + .box + .box + .box + .box + .box {opacity:1;pointer-events:auto;}
}

@media all and (max-width:1024px){
	/* .__about .bg {background-size:370% auto;} */
	.__about .bg {background-size:cover;}
	.__about .tit h3 {font-size:28px;}

	.__about .sec1 {padding:50vw 15px 0;}
	.__about .sec1 h2 {font-size:28px;line-height:1.4;}
	.__about .sec1 .line {height:150px;width:1px;margin:70px auto 0;}
	.__about .sec1 .line:before {height:100%;}
	.__about .sec1 .txt {font-size:24px;margin-top:50px;line-height:1.4;}

	.__about .sec2 {margin-top:150px;}
	.__about .sec2 h3 {font-size:40px;}
	.__about .sec2 .cont {margin-top:50px;display:flex;flex-wrap:wrap;gap:0 20px;}
	.__about .sec2 .cont .box {display:block;width:calc(50% - 10px);}
	.__about .sec2 .cont .box:nth-child(2) {margin-top:150px;}
	.__about .sec2 .cont .box:nth-child(3) {margin-top:-100px;}
	.__about .sec2 .cont .box .img {width:auto;}
	.__about .sec2 .cont .box .img img {box-shadow:10px 15px 15px 0 rgba(0,0,0,0.53);}    
	.__about .sec2 .cont .box .info {width:auto;margin-top:15px;}
	.__about .sec2 .cont .box .info dl dt {font-size:20px;}
	.__about .sec2 .cont .box .info dl dd {font-size:14px;margin-top:10px}
	.__about .sec2 .cont .box:nth-child(even) .info {padding-left:0;}

	.__about .sec3 {margin-top:100px;}
	.__about .sec3 .area {margin-top:20px;}
	.__about .sec3 .area .box {opacity:1;pointer-events:auto;}
	.__about .sec3 .area .box .img {border-radius:10px;box-shadow:10px 10px 10px 0 rgba(0,0,0,0.3);}
	.__about .sec3 .area .box .txt {font-size:14px;margin-top:12px;}
	.__about .sec3 .area .prev,
	.__about .sec3 .area .next {top:50%;margin-top:-24px;}
	.__about .sec3 .area .prev {left:-10px;}
	.__about .sec3 .area .next {right:-10px;}

	.__about .sec4 {margin-top:100px;padding-bottom:100px;margin-bottom:100px;}
	.__about .sec4 .slo {margin:20px 0 30px;}
	.__about .sec4 .slo dt {font-size:18px;}
	.__about .sec4 .slo dd {font-size:22px;}
	.__about .sec4 .area {margin-top:30px;display:block;}
    .__about .sec4 .area .tab .tab-btns.on { padding-bottom: 60px; }
    .__about .sec4 .area .tab .tab-btns.on .btns-box { position: fixed; top: 50px; z-index: 10; } 
	.__about .sec4 .area .tab .btns-box {width:calc(100vw - 30px); display:flex; background: #000; z-index: 10;  }
	.__about .sec4 .area .tab button {border:1px solid rgba(255,255,255,0.5); width:0;flex-grow:1;height:60px;font-size:16px;padding:0;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.2;}
	.__about .sec4 .area .tab button ~ button {margin-left:-1px;z-index:10;}
	.__about .sec4 .area .tab button.active {border:2px solid #ef8200;padding-left:0;}
	.__about .sec4 .area .info {width:auto;margin-top:30px;}
	.__about .sec4 .area .info .img {border-radius:10px;overflow:hidden;margin-bottom:50px;}
	.__about .sec4 .area .info .img img {display:block;}
	.__about .sec4 .area .info ul {padding-left:0;font-size:16px;line-height:1.7;}
	.__about .sec4 .area .info ul li {padding-left:20px;}
	.__about .sec4 .area .info ul li:before {width:3px;height:3px;top:13px;}

	.__about .sec5 .tab {margin:20px 0;gap:5px;}
	.__about .sec5 .tab button {width:0;flex-grow:1;height:40px;border-radius:20px;font-size:15px;}
	.__about .sec5 .area ul {gap:10px;}
	.__about .sec5 .area ul li {width:calc(25% - (30px / 4));}
    .__about .sec5 .area ul li figure {border-radius:5px;}

	.__about .sec6 {margin-top:100px;padding-bottom:100px;}
	.__about .sec6 .loc {margin-top:20px;}
	.__about .sec6 .loc iframe {height:250px;}
	.__about .sec6 .info {display:block;margin-top:20px;padding-bottom:0;border-bottom:none;font-size:16px;}
	.__about .sec6 .info li ~ li {margin-top:10px;}
	.__about .sec6 .info li {display:flex;gap:25px;}

    .__about .bg_dark::before { top: 0%; height: 100%;}
}

.__galList {display:flex;flex-wrap:wrap;gap:90px 13px;}
.__galList .box {display:block;width:calc(25% - (39px / 4)); cursor: pointer;}
.__galList .box .img img {display:block;object-fit:cover;width:100%;aspect-ratio:34 / 20;}
.__galList .box .info {margin-top:25px;}
.__galList .box .info .subject {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2;font-size:20px;font-weight:bold;color:#000;}
.__galList .box .info .subject a {display:inline-block; font-size: 100%;}
.__galList .box .info .date {margin-top:20px;font-size:14px;color:#a6a6a6;}

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

.__inq .bt {margin-top:130px;text-align:center;}
.__inq .bt button {width:300px;height:68px;border-radius:10px;background:#ef8200;font-size:18px;font-weight:bold;color:#fff;}

.__inq .area .line {display:flex;gap:45px;}
.__inq .area .line ~ .line {margin-top:20px;}
.__inq .area .line dl {display:flex;width:0;flex-grow:1;}
.__inq .area .line dl dt {font-size:18px;font-weight:bold;color:#333;width:120px;padding-top:12px;}
.__inq .area .line dl:first-child dt {width:180px;}
.__inq .area .line dl dt span {color:#df043e;}
.__inq .area .line dl dd {width:0;flex-grow:1;}
.__inq .area .line dl dd input {display:block;height:56px;background:#f8f8f8;border:none;padding-left:25px;font-size:18px;line-height:1.4;width:100%;}
.__inq .area .line dl dd select {display:block;height:56px;background:#f8f8f8 url(../images/ico-sel.svg) no-repeat right 20px center;border:none;padding-left:25px;font-size:18px;line-height:1.4;width:100%;}
.__inq .area .line dl dd textarea {display:block;height:56px;background:#f8f8f8;border:none;padding:15px 25px;font-size:18px;line-height:1.4;width:100%;height:210px;resize:none;}
.__inq .privacy_box--fc,
.__inq .captcha_box--fc {display:block;}
.__inq .captcha_box--fc {margin:0;display:flex;align-items:center;}
.__inq .captcha__num--fc {width:auto;}
.__inq .captcha__num--fc img {width:200px;height:56px;}
.__inq .captcha_box--fc a {width:56px;height:56px;margin:0 10px;padding:15px;}
.__inq .privacy_box--fc {margin:0;background:#f8f8f8;font-size:18px;border:none;padding:25px;color:rgba(0,0,0,0.5);line-height:1.5;}
.__inq .privacy_box--fc pre {font:inherit;}
.__inq .privacy_txt--fc {margin-top:10px;}
.__inq .privacy_txt--fc label {font-size:18px;color:#000;padding-left:35px;}
.__inq input[type="checkbox"] + label:before {width:28px;height:28px;border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;top:0;}
.__inq input[type="checkbox"]:checked + label:before {border-color:#ef8200;color:#ef8200;background:#fff;font-size:16px;}


@media all and (min-width:1025px){
	.__inq .area .line dl ~ dl dt {text-align:right;padding-right:20px;}
}

@media all and (max-width:1024px){
	.__inq .bt {margin-top:30px;}
	.__inq .bt button {width:150px;height:46px;border-radius:5px;font-size:16px;}

	.__inq .area .line {display:block;}
	.__inq .area .line ~ .line {margin-top:10px;}
	.__inq .area .line dl {width:100%;}
	.__inq .area .line dl ~ dl {margin-top:10px;}
	.__inq .area .line dl dt {font-size:15px;width:80px !important;padding-top:9px;}
	.__inq .area .line dl dd input {height:40px;padding-left:15px;font-size:15px;}
	.__inq .area .line dl dd select {height:40px;background-position:right 15px center;padding-left:15px;font-size:15px;}
	.__inq .area .line dl dd textarea {padding:15px;font-size:15px;height:150px;}

	.__inq .captcha__num--fc {width:85px;}
	.__inq .captcha__num--fc img {width:100%;height:40px;}
	.__inq .captcha_box--fc a {width:40px;height:40px;margin:0 5px;padding:10px;display:flex;align-items:center;justify-content:center;}
	.__inq .captcha_box--fc input {width:0 !important;flex-grow:1;height:40px;margin:0 !important;}
	.__inq .privacy_box--fc {font-size:14px;padding:15px;}
	.__inq .privacy_txt--fc label {font-size:14px;padding-left:30px;}
	.__inq input[type="checkbox"] + label:before {width:24px;height:24px;border:1px solid #ddd;}
}

.__bookmark {position:relative;}
.__bookmark .bookmark {position:absolute;left:0;top:-90px;}
.sub4 .__bookmark .bookmark {top:-120px;}

@media all and (max-width:1024px){
	.__bookmark .bookmark {top:-60px;}
	.sub4 .__bookmark .bookmark {top:-80px;}
}

.__search {}
.__search form {display:flex;justify-content:center;margin-bottom:80px;}
.__search form input {width:595px;height:63px;border:1px solid #dcdcdc;padding-left:25px;font-size:18px;}
.__search form button {width:96px;height:63px;margin-left:-1px;border:1px solid #dcdcdc;color:#fff;background:#ef8200;font-size:18px;font-weight:bold;}
.__search .total {font-size:20px;color:#000;line-height:1;margin-bottom:10px;}

@media all and (max-width:1024px){
	.__search form {margin-bottom:20px;}
	.__search form input {width:0;flex-grow:1;height:40px;padding-left:15px;font-size:16px;}
	.__search form button {width:70px;height:40px;font-size:16px;border-color:#ef8200;}
	.__search .total {margin-top:20px;font-size:16px;}
}

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

}

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

}

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

}

/***************************** lang="en" ********************************/

.br-none-1024px { display: block;}
.br-block-1024px { display: none;}


html[lang="en"] #__snb .snb .br-none-1024px { display: none; }

html[lang="en"]  .__hsStep .area .box .info dl {  
    -ms-flex-direction: column  !important;
    flex-direction: column !important;
}

html[lang="en"]  .__hsStep .area .box .info dl > * {
    width: 100%;
}

html[lang="en"] .__toj .area .bot li:first-child {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

html[lang="en"] .__toj .area .bot li:first-child::before {
    display: none;
}

html[lang="en"] .__tab_area.active {
    height: 12%;
}

html[lang="en"] .__tab > li > div button {
    line-height: 1.2;
}

html[lang="en"] .__toj .area .mid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

html[lang="en"] .__xrTraining .area ul.xrt-box-wrap .xrt-box span { font-size:1.375rem;}


@media all and (max-width:1440px){
    html[lang="en"] .__xrTraining .area ul.xrt-box-wrap .xrt-box span { font-size: 1.5vw;}
}

@media all and (min-width:1025px) { 
    html[lang="en"] #__snb .snb > li:nth-child(3) { min-width: 555px;  }

    html[lang="en"] .__meta .area .box2 .con .item { padding:0 25px;}

    html[lang="en"] .__toj .area .mid dl dd  { font-size:18px;}

    html[lang="en"] .__spcg .area .line4 .box dl dd ul li { height: 60px; font-size: 18px; }

    html[lang="en"] .__digitwin .area .lef .box .arr { font-size: 16px; }

    html[lang="en"] .__jnSafe .txt li { font-size: 16px; }

    html[lang="en"] .__xrTraining .area ul li {  font-size: 16px; }


    html[lang="en"] .__firehr .step .box { height: 300px;  padding: 0 25px; }
    html[lang="en"] .__firehr .step .box .info dl dt { font-size: 18px;}

    html[lang="en"] .__firehr2 .area .box { height: 230px;}

    html[lang="en"] .__govMod .con .sec .service .box .txt { height: 160px; }
    html[lang="en"] .__govMod .con .sec .service .box .img ul li strong { font-size: 16px;  }

    html[lang="en"] .__govMod .con .sec .service .box .img, 
    html[lang="en"] .__govMod .con .sec .service .box .bg {
        height: 490px;
    }

    html[lang="en"] .__digitwin .area .rig ul li {
        height: 120px;
    }

    html[lang="en"] .__hsDiff.distinction_wrap .area .box { 
        width:calc(100% / 3 - (104px / 3)); 
    }

    html[lang="en"] .__inq .area .line {
        gap: 25px;
    }

    html[lang="en"] .__inq .area .line dl:nth-child(2) dt {
        width: 180px;
    }    
}


@media all and (max-width:1024px){
    .br-none-1024px { display: none;}
    .br-block-1024px { display: block;}

    html[lang="en"] #__nav .gnb > li > ul > li > a {
        padding: 4px 10px 4px 15px;
    }

    html[lang="en"] .__inq .area .line dl dt {
        font-size: 14px;
        width: 125px !important;
    }

    html[lang="en"] .__inq .area .line dl dt br {
        display: none;
    }

    html[lang="en"] .__tab > li > div button {
        height: 40px;
    }

    html[lang="en"] .__spcg .area .line1 .box, .__spcg .area .line2 .box {
        height: 70px;
        word-break: break-word;
    }

    html[lang="en"] .__spcg .area .line4 .box dl dd ul li {
        min-height: 70px;
        word-break: break-word;
    }

    html[lang="en"] .__eneyb .area .box .lst li {
        height: 70px;
        word-break: break-word;
    }

    html[lang="en"] .__jnSafe .txt li {
        height: 80px;
        word-break: break-word;
    }

    html[lang="en"] .__digitwin .area .rig ul li {
        height: auto;
        min-height: 60px;
        padding: 10px 15px;
    }

    html[lang="en"] .__digitwin .area .lef .box .cont ul {  
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    html[lang="en"] .__digitwin .area .lef .box .cont ul li {
        width: 70px;
    }
}

@media all and (min-width:1201px)  {
    html[lang="en"] #footer .foot .info {
        width: 58.5%;
    }
}

@media all and (max-width:1200px)  {
    html[lang="en"] #footer .foot .info {
        position: relative;
        margin-top: 15px;
        top: 0;
    }
}

@media all and (max-width:767px)  {
    html[lang="en"] .__toj .area .mid dl {
        min-width: 200px;
        margin-top: 10px;
    }

    html[lang="en"] .__toj .area .mid dl:before {
        right: -17px;
    }

    html[lang="en"] .__xrTraining .area ul.xrt-box-wrap li:nth-child(2) .xrt-box span { font-size: 2.5vw; }
    html[lang="en"] .__xrTraining .area ul.xrt-box-wrap li:nth-child(1) .xrt-box span,
    html[lang="en"] .__xrTraining .area ul.xrt-box-wrap li:nth-child(3) .xrt-box span { font-size: 2.5vw; }
}

@media all and (max-width:430px)  {
    html[lang="en"] #footer .foot .fnb li a {
        font-size: 3.7vw;
    }
}

/* 2025.01.24 추가 */

.__layout > .wrap + .wrap {
    margin-top: 7.5rem;
}

.__digitwin .area.solution-area > div.lef {
    width: calc(50% + 10rem);
}

.__digitwin .area.solution-area > div.right {
    width: calc(50% - 10rem);
    padding-left: 5rem;
}

.__digitwin .area.solution-area > div.lef .box {
    gap: 0;
    text-align: left;
}

.__digitwin .area.solution-area > div.lef .box.tit-box {
    -ms-flex-direction: column  !important;
    flex-direction: column !important;
}


.__digitwin .area.solution-area > div.lef .col-inner {
    position: relative;
}

.__digitwin .area.solution-area > div.lef .col-inner:nth-child(2):before {
    content: url(/html/_skin/images/sub/intelligence/img_sub_intelligence__dep2t_solution-area_left_ab.png);
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(100% - var(--rem-5px));
    z-index: 2;
}

.__digitwin .area.solution-area > div.lef .box.ab-box {
    
    height: 100%;
    border: 2px dashed #f08400;
}

.__digitwin .area.solution-area > div .box.tit-box .tit {
    height: var(--rem-60px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: var(--rem-20px);
}

.__digitwin .area.solution-area > div .box .imgs {
    position: relative;
    width: 100%;
    height: 100%;
}

.__digitwin .area.solution-area > div .box .imgs figure {
    width: 100%;
    height: auto;
    overflow: hidden;
    aspect-ratio: 400 / 260;
}

.__digitwin .area.solution-area > div.lef .box.ab-box figure {
    height: 100%;
}

.__digitwin .area.solution-area > div .box .imgs figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.__digitwin .area.solution-area > div.lef .box .imgs .ab {
    position: absolute;
    bottom: var(--rem-15px);
    left: var(--rem-15px);
}

.__digitwin .area.solution-area > div .list-wrap { 
    margin-top: 0;
    margin-bottom: auto;
}

.__digitwin .area.solution-area > div.lef .list-wrap > li {
    position: relative;
}

.__digitwin .area.solution-area > div.lef .list-wrap > li + li {
    margin-top: var(--rem-5px);
}

.__digitwin .area.solution-area > div.lef .list-wrap > li .box .tit::before {
    content: '';
    display: block;
    font-size: var(--rem-45px);
    font-weight: 500;
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: var(--rem-12px);
}

.__digitwin .area.solution-area > div.lef .list-wrap > li:nth-child(1) .box .tit::before { content: '1';}
.__digitwin .area.solution-area > div.lef .list-wrap > li:nth-child(2) .box .tit::before { content: '2';}
.__digitwin .area.solution-area > div.lef .list-wrap > li:nth-child(3) .box .tit::before { content: '3';}
.__digitwin .area.solution-area > div.lef .list-wrap > li:nth-child(4) .box .tit::before { content: '4';}

.__digitwin .area.solution-area > div  .list-wrap .box .tit,
.__digitwin .area.solution-area > div  .list-wrap .box .sub-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;

}

.__digitwin .area.solution-area > div.lef  .list-wrap .box .tit {
    width: 200px;
    padding-left: var(--rem-45px);
}

.__digitwin .area.solution-area > div.lef  .list-wrap .box .sub-list {
    width: calc(100% - 200px);
}

.__digitwin .area.solution-area > div.lef  .list-wrap .box .sub-list > .row {
    gap: var(--rem-10px) 0;
    width: 100%;
}

.__digitwin .area.solution-area > div.right {
    position: relative;
}

.__digitwin .area.solution-area > div.right::before {
    content: '';
    display: block;
    width: var(--rem-50px);
    height: var(--rem-36px);
    background: url(/html/_skin/images/sub/intelligence/img_sub_intelligence__dep2t_solution-area_arrow.png) no-repeat left center / contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc((5rem - var(--rem-50px)) / 2);
}

.__digitwin .area.solution-area > div.right .box-inner {
    height: 100%;
}

.__digitwin .area.solution-area > div.right .box-inner > * {
    width: 100%;
}

.__digitwin .area.solution-area > div.right .box .imgs figure {
    aspect-ratio: 420 / 325;
}

.__digitwin .area.solution-area > div.right .list-wrap > li {
    position: relative;
}

.__digitwin .area.solution-area > div.right .list-wrap > li + li {
    margin-top: var(--rem-10px);
}

.__digitwin .area.solution-area > div.right  .list-wrap .box .tit {
    width: 125px;
    padding-left: var(--rem-25px);
}

.__digitwin .area.solution-area > div.right  .list-wrap .box .desc {
    width: calc(100% - 125px);
}


.__digitwin .area.solution-area.en > div.lef  .list-wrap .box .tit {
    width: 240px;
    padding-right: var(--rem-10px);
}

.__digitwin .area.solution-area.en > div.right  .list-wrap .box .tit {
    padding-left: var(--rem-20px);
    padding-right: var(--rem-20px);
    -ms-flex-pack: center !important;

}


.dot-list li {
    position: relative;
    padding-left: var(--rem-16px);
    padding-right: var(--rem-5px);
}

.dot-list li::before {
    content: '';
    display: block;
    width: var(--rem-5px);
    height: var(--rem-5px);
    border-radius: 50%;
    background: var(--color-dark);
    position: absolute;
    left: 0;
    top: var(--rem-10px);
}

.ai-solution-area .col-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column  !important;
    flex-direction: column !important;
}

.ai-solution-area .imgs figure {
    width: 100%;
    height: auto;
    overflow: hidden;
    aspect-ratio: 690 / 280;
}

.ai-solution-area .imgs figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ai-solution-area .desc.row {
    gap: var(--rem-30px);
    -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
}

.ai-solution-area .desc p {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}


.__port .roll .box.pop-case span {
    position: relative;
    border: 3px solid var(--color-orange);
    box-shadow: 10px 25px 29px 0 rgba(0, 0, 0, 0.25);
}

.__port .roll .box.pop-case::before {
    content: '';
    display: block;
    width: var(--rem-62px);
    height: var(--rem-88px);
    background: url(/html/_skin/images/sub/intelligence/ico_medal.svg) no-repeat center / contain;
    position: absolute;
    top : 0;
    right: var(--rem-20px);
    z-index: 5;
}

.__port .roll .box.pop-case .btn-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.xr-training-step-area .col-inner {
    position: relative;
    padding: var(--rem-30px) var(--rem-40px) var(--rem-60px);
}

.xr-training-step-area .col-inner::before {
    content: '';
    display: block;
    font-size: var(--rem-60px);
    font-weight: 800;
    color: var(--color-orange);
    position: absolute;
    right: var(--rem-15px);
    bottom: -5px;
}

.xr-training-step-area .col-inner:nth-child(1)::before { content: '01';}
.xr-training-step-area .col-inner:nth-child(2)::before { content: '02';}
.xr-training-step-area .col-inner:nth-child(3)::before { content: '03';}
.xr-training-step-area .col-inner:nth-child(4)::before { content: '04';}
.xr-training-step-area .col-inner:nth-child(5)::before { content: '05';}

@media (min-width: 1025px) {
    .xr-training-step-area .col-inner:nth-child(4),
    .xr-training-step-area .col-inner:nth-child(5) {
        -ms-flex: 0 0 calc(calc(100% / 2) - 50px);
        flex: 0 0 calc(calc(100% / 2) - 50px);
        max-width: calc(calc(100% / 2) - 50px);
        margin-top: 50px;
        margin-left: 50px;
    }
}

.ai-metabus-area .col-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.ai-metabus-area .tit {
    padding: var(--rem-25px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ai-metabus-area .tit b {
    display: inline-block;
}

.ai-metabus-area .desc {
    padding: var(--rem-30px) var(--rem-40px) var(--rem-40px);
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.ai-metabus-area .desc .txt-box  {
    height: 100%;
}

.ai-metabus-area .desc .txt-box ul {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column  !important;
    flex-direction: column !important;
    gap: var(--rem-10px);
}

.ai-metabus-area .desc .txt-box ul li {
    background-color: #fff;
    border-radius: var(--rem-10px);
    height: 33.333%;
    min-height: var(--rem-60px);
    padding: var(--rem-10px) var(--rem-20px);
    display: -ms-flexbox;
    display: flex;
  -ms-flex-align: center !important;
    align-items: center !important;
}

.ai-metabus-area .left .desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.ai-metabus-area .left .desc .logo-box {
    width: 205px;
    padding: 0 var(--rem-16px);
}

.ai-metabus-area .left .desc .txt-box {
    position: relative;
    width: calc(100% - 205px);
    padding-left: var(--rem-30px);
}

.ai-metabus-area .left .desc .txt-box::before {
    content: '';
    display: block;
    width: var(--rem-25px);
    height: var(--rem-25px);
    background: url(/html/_skin/images/sub/digital/img_sub_digital_ai-metabus-area_arrow.png) no-repeat left center / contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.ai-metabus-area .left .desc .txt-box ul {
    gap: var(--rem-5px);
}

.ai-metabus-area .left .desc .txt-box ul li {
    height: 33.333%;
}

.ai-metabus-area.en .tit b {
    line-height: 1;
}

.ai-metabus-area.en .desc .txt-box ul li {
    min-height: var(--rem-80px);
}

.ai-metabus-area.en .desc .txt-box ul li p {
    padding: var(--rem-5px);
}


@media (max-width: 1280px) {  
    .__digitwin .area.solution-area > div.right  .list-wrap .box .tit {
        width: 100%;
        padding: var(--rem-15px);
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    
    .__digitwin .area.solution-area > div.right  .list-wrap .box .desc {
        width: 100%;
    }

    .ai-solution-area .desc p br {
        display: none;
    }
}

@media (max-width: 1024px) {   
    .__layout > .wrap + .wrap {
        margin-top: 3.5rem;
    }
    
    .__digitwin .area.solution-area > div.lef {
        width: 100%;
    }
    
    .__digitwin .area.solution-area > div.right {
        width: 100%;
        /* padding-left: 5rem; */
    }
}

@media (max-width: 768px) { 
    .xr-training-step-area .col-inner {
        padding: var(--rem-30px) var(--rem-20px) var(--rem-60px);
    }

    .xr-training-step-area .col-inner::before {
        font-size: var(--rem-40px);
    }

    .ai-metabus-area .desc {
        padding: var(--rem-30px) var(--rem-20px);
    }
    
    .ai-metabus-area .left .desc .logo-box {
        width: 125px;
        padding: 0 ;
    }

    .ai-metabus-area .left .desc .logo-box img {
        max-width: 120px;
    }

    .ai-metabus-area .left .desc .txt-box {
        width: calc(100% - 125px);
    }
}

@media (max-width: 575px) { 
    .__digitwin .area.solution-area > div.lef  .list-wrap .box .tit,
    .__digitwin .area.solution-area.en > div.lef .list-wrap .box .tit {
        width: 150px;
    }
    
    .__digitwin .area.solution-area > div.lef  .list-wrap .box .sub-list {
        width: calc(100% - 150px);
    }

    .ai-solution-area .desc figure {
        width: 25%;
        max-width: 60px;
    }

    .ai-metabus-area .left .desc {
        -ms-flex-direction: column  !important;
        flex-direction: column !important;    
    }

    .ai-metabus-area .left .desc .logo-box {
        width: 100%;
        text-align: center;
    }

    .ai-metabus-area .left .desc .txt-box {
        width: 100%;
        padding-top: var(--rem-50px);
        padding-left : 0;
    }

    .ai-metabus-area .left .desc .txt-box::before {
        top: var(--rem-10px);
        -webkit-transform: translateX(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);    
        left: 50%;
    }
}


/*---- modal ----*/

/* modal basic style */

body.modal-open {
    overflow: hidden !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10005;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal.fade {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.modal.fade:not(.show) {
    opacity: 0;
}

.modal-dialog {
    position: relative;
    pointer-events: none;
    width: 100%;
    max-width: 921px;
    margin: 0 auto;
    padding: 0 20px;
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.4s ease-out;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
        transform: translate(0, -50px);
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
        transform: none;
}



#casePopup .modal-content {
    position: relative;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
    border-radius: var(--rem-10px);
    border: none;
    padding: var(--rem-40px);
}

#casePopup .modal-content::before {
    content: '';
    display: block;
    width: var(--rem-62px);
    height: var(--rem-88px);
    background: url(/html/_skin/images/sub/intelligence/ico_medal.svg) no-repeat center / contain;
    position: absolute;
    top : 0;
    right: var(--rem-60px);
    z-index: 5;
}

#casePopup .modal-content .close {
    position: absolute;
    top: var(--rem-10px);
    left: calc(100% + var(--rem-10px));
    display: block;
    width: var(--rem-36px);
    height: var(--rem-36px);
    padding: 0;
    border-radius: 0;
    border: 0;
    background-image: url(/html/_skin/images/sub/intelligence/ico_modal_close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#casePopup .modal-header {
    position: relative;
    padding: 0 var(--rem-60px) var(--rem-30px) 0;    
    border-bottom: 1px solid var(--color-orange);
}

#casePopup .modal-header  h2 {
    font-size: var(--rem-25px);
    font-weight: 700;
}


#casePopup .modal-body {
    padding: var(--rem-30px) 0 0 0;
}

#casePopup .col-inner {
    display: -ms-flexbox;
    display: flex;
  -ms-flex-direction: column  !important;
    flex-direction: column !important;
}

#casePopup .tit {
    display: block;
    position: relative;
    padding-left: var(--rem-15px);
    padding-bottom: var(--rem-5px);
    margin-bottom: auto;
}

#casePopup .tit::before {
    content: '';
    display: block;
    width: var(--rem-5px);
    height: var(--rem-5px);
    border-radius: 50%;
    background: var(--color-orange);
    position: absolute;
    left: 0;
    top: var(--rem-10px);
}

#casePopup .imgs {
    width: 100%;
    height: auto;
    overflow: hidden;
    aspect-ratio: 395 / 210;
}

#casePopup .imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

/* mfp popup */
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.5;
}

@media (max-width: 991px) {
    .modal-dialog {
        padding: var(--rem-60px) 20px 0;
    }

    #casePopup {
        padding-right: 0 !important;
    }

    #casePopup .modal-content .close {
        top: initial;
        right: 0;
        left: initial;
        bottom: calc(100% + var(--rem-10px));
    }
}

/******************** 2025.09.26 스타일 추가 *********************/


#__svis .txt {
    margin-top: 1.875rem;
    padding-top: 1.875rem;
    padding-right: 2.8125rem;
    border-top: 1px solid #fff;
    width: fit-content;
}

#__svis .txt > p {    
    margin-top: 0 !important;
}

.btn-link {
    display: inline-block;
    background-color: #ef8200;
    border-radius: 1.5625rem;
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    padding: 0.625rem 2.1875rem;
    margin-top: 1.25rem;
}

.mt-60px { margin-top: 3.75rem !important;}

@media (max-width: 991px) { 
    .br-none-991px { display: none !important;}
}

@media (max-width: 1024px) {
    #__svis.big {
        min-height: calc(100vh - 45px);
        height: auto;
        padding-bottom: 50px;
    }
}