@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');
@font-face {font-family:'PayboocFont';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Light.woff') format('woff');font-weight:300;font-display:swap;}
@font-face {font-family:'PayboocFont';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff') format('woff');font-weight:500;font-display:swap;}
@font-face {font-family:'PayboocFont';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');font-weight:700;font-display:swap;}
@font-face {font-family:'PayboocFont';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-ExtraBold.woff') format('woff');font-weight:800;font-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;padding:0 80px;transition:0.2s;height:110px;}
	#__header .wrap {position:relative;z-index:10;transition:0.2s;height:110px;display:flex;justify-content:center;}
	#__header .logo {position:absolute;top:50%;left:0;z-index:10;margin-top:-20px;}
	#__header .logo a {display:block;width:222px;height:40px;text-indent:-9999px;background:url(../images/logo.svg) no-repeat 0 50% / contain;}
	#__header .gnb {display:flex;position:relative;justify-content:center;}
	#__header .gnb > li {position:relative;}
	#__header .gnb > li > a {padding:0 10px;display:block;position:relative;transition:0.2s;}
	#__header .gnb > li > a > span {display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;height:110px;position:relative;transition:0.2s;font-weight:600;padding:0 50px;}
	#__header .gnb > li > a > span:before {content:"";display:block;position:absolute;left:50%;margin-left:-90px;bottom:0;width:180px;height:4px;background:#f15922;transition:0.2s;transform:scale(0,1);}
	#__header .gnb > li > ul {position:absolute;top:100%;width:180px;left:50%;margin-left:-90px;text-align:center;background:rgba(0,0,0,0.8);padding:15px 0;transition:0.2s;opacity:0;transform:translateY(-4px);pointer-events:none;}
	#__header .gnb > li > ul > li > a {font-size:16px;color:#fff;padding:7px 0;display:block;line-height:1.3;transition:0.2s;}
	#__header .gnb > li > ul > li:hover > a,
	#__header .gnb > li > ul > li.active > a {text-decoration:underline;}
	#__header .gnb > li > ul > li > ul {display:none;}
	#__header .gnb > li:hover > ul {opacity:1;pointer-events:auto;transform:none;}
	#__header .gnb > li:hover > a > span:before {transform:none;}
	#__header .lang {position:absolute;right:70px;top:0;}
	#__header .lang button {display:flex;align-items:center;width:24px;height:110px;background:none;position:relative;transition:0.2s;}
	#__header .lang button path {fill:#fff;transition:0.2s;}
	#__header .lang span {display:block;font-size:18px;font-family:'Poppins',sans-serif;}
	#__header .lang ul {visibility:hidden;opacity:0;position:absolute;left:50%;margin-left:-50px;top:80px;width:100px;background:#fff;text-align:center;font-size:14px;padding:0;transform-origin:50% 0;transition:0.2s;box-shadow:0 0 15px rgba(62, 60, 60, 0.2);}
	#__header .lang ul li ~ li {border-top:1px solid #dedede;}
	#__header .lang ul li a {display:block;padding:5px;transition:0.2s;}
	#__header .lang ul li a:hover {color:#0b235d;font-weight:bold;}
	#__header .mnu {width:28px;height:24px;position:absolute;right:0;top:50%;margin-top:-12px;background:none;}
	#__header .mnu:before,
	#__header .mnu:after {content:"";display:block;background:#fff;height:3px;position:absolute;transition:0.2s;border-radius:1.5px}
	#__header .mnu:before {bottom:50%;margin-bottom:3px;left:0;width:100%;}
	#__header .mnu:after {top:50%;margin-top:3px;right:0;width:100%;}

	#__header:hover {background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.15);}
	#__header:hover .logo a {background-image:url(../images/logo2.svg);}
	#__header:hover .gnb > li > a > span {color:#222;}
	#__header:hover .lang button svg path {fill:#222;}
	#__header:hover .mnu:before,
	#__header:hover .mnu:after {background:#222;}


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

	.fix #__header {background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.15);}
	.fix #__header .logo a {background-image:url(../images/logo2.svg);}
	.fix #__header .gnb > li > a > span {color:#222;}
	.fix #__header .lang button svg path {fill:#222;}
	.fix #__header .mnu:before,
	.fix #__header .mnu:after {background:#222;}
}

@media all and (max-width:1600px) and (min-width:1025px){
	#__header {padding:0 15px;}
	#__header .wrap {padding:0 94px 0 222px;}
}

@media all and (max-width:1400px) and (min-width:1025px){
	#__header {padding:0 15px;}
	#__header .wrap {padding:0 94px 0 222px;}
	#__header .gnb > li > a > span {padding:0 25px;}
}


@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.95);width:100%;left:0;z-index:300;transition:0.2s;box-shadow:inset 0 -1px 0 #dfdfdf;}
	#__header .wrap {height:55px;padding:0;}
	#__header .logo {position:absolute;left:15px;top:50%;margin-top:-16px;}
	#__header .logo a {display:block;width:190px;height:34px;text-indent:-9999px;background:url(../images/logo2.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:#ea5405;color:#fff;font-size:0;text-indent:0;}
	#__header .mnu i {font-size:24px;}
	#__header .sch {border:none;background:none;position:absolute;right:55px;top:0;width:55px;height:55px;background:none;color:#222;}
	#__header .sch i {font-size:24px;}

	#__header .youtube {position:absolute;right:70px;top:50%;transform:translateY(-50%);}
	#__header .youtube a {display:block;width:25px;}
	#__header .youtube a svg {display:block;width:100%;aspect-ratio:16/12;transition:0.2s;}
	#__header .youtube a svg path {fill:#333 !important;}

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

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

	#__full {display:flex;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:#151515 url(../images/bg-full.jpg) no-repeat 100% 100%;padding:95px 15px;transition:0.5s;opacity:0;pointer-events:none;}
	#__full .inner {max-width:1400px;margin:0 auto;}
	#__full .close {width:79px;height:79px;background:url(../images/btn-full-close.png) no-repeat 50% 50% / contain;position:absolute;right:60px;top:90px;z-index:10;}
	#__full .logo a {display:block;width:366px;height:66px;background:url(../images/logo2.svg) no-repeat 0 50% / contain;}
	#__full .gnb {margin-top:100px;display:flex;}
	#__full .gnb > li {padding:0 20px;flex-grow:1;}
	#__full .gnb > li:first-child {padding-left:0;}
	#__full .gnb > li:last-child {padding-right:0;}
	#__full .gnb > li ~ li {border-left:1px solid rgba(255,255,255,0.2);}
	#__full .gnb > li > a {font-size:30px;font-weight:bold;color:#fff;}
	#__full .gnb > li > ul {margin-top:43px;}
	#__full .gnb > li > ul > li ~ li {margin-top:15px;}
	#__full .gnb > li > ul > li > a {font-size:22px;font-weight:500;color:#fff;}
	#__full .gnb > li > ul > li > ul {display:flex;gap:10px 17px;flex-wrap:wrap;padding:10px 0 10px 10px;}
	#__full .gnb > li > ul > li > ul > li > a {font-size:20px;color:#fff;font-weight:300;}
	#__full .slogan {font-family:'PayboocFont',sans-serif;color:rgba(255,255,255,0.2);margin-top:100px;font-size:48px;font-weight:500;}
	#__full .slogan strong {font-weight:800;}

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

@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:-17px;}
	#__nav .head .logo a {display:block;width:190px;height:34px;text-indent:-9999px;background:url(../images/logo2.svg) no-repeat 0 50% / contain;}
	#__nav .head .cls {position:absolute;right:0;top:0;width:55px;height:55px;color:#fff;background:#ea5405;font-size:0;}
	#__nav .head .cls i {font-size:24px;font-family:axicon;}
	#__nav .gnb {height:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:#fff;border-top:1px solid #ddd;}
	#__nav .gnb a {display:block;letter-spacing:-0.05em;}
	#__nav .gnb > li {border-bottom:1px solid #ddd;}
	#__nav .gnb > li > a {font-size:18px;padding:15px;color:#333;position:relative;}
	#__nav .gnb > li > a:before {content:"\e114";display:block;position:absolute;right:15px;top:50%;margin-top:-0.5em;line-height:1em;font-family:axicon;font-style:normal;color:#999;}
	#__nav .gnb > .nochi > a:before {content:"\f105";right:20px;}
	#__nav .gnb > li > a strong {font-weight:inherit;}
	#__nav .gnb > li > a em {display:none;}
	#__nav .gnb > li > ul {border-top:1px solid #ddd;padding:10px 0;background:#eee;display:none;}
	#__nav .gnb > li > ul > li > a {font-size:16px;padding:4px 15px 4px 20px;color:#666;}
	#__nav .gnb > li > ul > li > ul {padding:0 0 5px;}
	#__nav .gnb > li > ul > li > ul > li > a {font-size:15px;padding:2px 15px 2px 25px;color:#999;}
	#__nav .gnb > li > ul > li > ul > li > a:before {content:"- ";}
	#__nav .gnb > .active > a {color:#ea5405;}
	#__nav .gnb > .active > a:before {content:"\e115";}
	#__nav .gnb > li > ul > li.active > a {color:#ea5405;}
	#__nav .gnb > li > ul > li > ul > li.active > a {color:#333;text-decoration:none !important;}
	#__nav .lang > button {display:none;}
	#__nav .lang ul {border-top:1px solid #ddd;display:table;width:100%;table-layout:fixed;}
	#__nav .lang ul li {display:table-cell;vertical-align:middle;text-align:center;}
	#__nav .lang ul li ~ li {border-left:1px solid #ddd;}
	#__nav .lang ul li a {display:block;padding:10px 0;font-size:14px;color:#000;background:#f3f3f3;}
	#__nav .bot {margin-top:20px;text-align:center;font-size:0;}
	#__nav .bot li {display:inline-block;vertical-align:top;position:relative;}
	#__nav .bot li a {color:#000;padding:0 15px;display:block;font-size:14px;border-radius:17px;letter-spacing:-0.05em;}
	#__nav .bot li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ddd;}

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


#footer {position:relative;background:url(../images/bg-foot.jpg) no-repeat 50% 0 / cover;padding:130px 15px;}
#footer .top-btn {width:78px;height:78px;right:30px;background:url(../images/gotop.png) no-repeat 50% 50% / contain;z-index:100;text-indent:-9999px;box-shadow:none;}
#footer .top-btn.fixed {top:-39px;}
#footer .wrap {max-width:1400px;margin:0 auto;}
#footer .top {display:flex;align-items:center;justify-content:space-between;}
#footer .logo {}
#footer .logo span {display:block;background:url(../images/logo2.svg) no-repeat 0 50% / contain;width:366px;height:66px;text-indent:-9999px;}
#footer .slogan {font-family:'PayboocFont',sans-serif;font-size:48px;font-weight:500;color:#fff;}
#footer .slogan strong {font-weight:800;}
#footer .bot {margin-top:90px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:50px;}
#footer .info {color:#fff;}
#footer .info dl {display:flex;font-size:16px;line-height:1.85;}
#footer .info dl dt {min-width:70px;color:#fff;font-weight:500;}
#footer .info dl dd {color:#cfcfcf;}
#footer .gnb {display:flex;gap:75px;}
#footer .gnb > li > a {font-size:18px;font-weight:600;color:#fff;}
#footer .gnb > li > ul {margin-top:17px;}
#footer .gnb > li > ul > li ~ li {margin-top:7px;}
#footer .gnb > li > ul > li > a {font-size:16px;color:rgba(228,228,228,0.8);}
#footer .gnb > li > ul > li > ul {display:none;}
#footer .copy {color:rgba(255,255,255,0.6);font-size:16px;margin-top:15px;}

@media all and (max-width:1300px){
	#footer .slogan {font-size:40px;}
	#footer .gnb {gap:30px;}
}

@media all and (max-width:1024px){
	#footer {padding:30px 15px;}
	#footer .wrap {display:block;}
	#footer .top {display:block;}
	#footer .logo span {width:190px;height:34px;}
	#footer .slogan {font-size:20px;margin-top:15px;}
	#footer .bot {margin-top:30px;display:block;}
	#footer .info dl {font-size:14px;line-height:1.5;}
	#footer .info dl ~ dl {margin-top:5px;}
	#footer .info dl dt {min-width:60px;}
	#footer .info dl dd {width:0;flex-grow:1;}
	#footer .gnb {display:none;}
	#footer .copy {font-size:14px;margin-top:15px;}

	#footer .top-btn {width:40px;height:40px;right:20px;}
	#footer .top-btn.fixed {top:-20px;}
}



#__vis,
#__vis .vis {height:100vh;position:relative;overflow:hidden;}
#__vis .vis {padding:0 80px;}
#__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;background-attachment:fixed;transform:scale(1.1);transition:4.7s;}
#__vis .vis .wrap {height:100%;display:flex;align-items:flex-end;position:relative;}
#__vis .vis .txt {padding:0 0 200px;color:#fff;/* padding-bottom:100px;font-size:58px;font-weight:300;line-height:1.3;letter-spacing:-0.02em;transform:translate3d(0,30px,0);opacity:0; */}
#__vis .vis .txt h4 {font-size:48px;font-weight:bold;line-height:1.25;transform:translate3d(0,30px,0);opacity:0;}
#__vis .vis .txt p {font-size:24px;line-height:1.25;font-weight:500;margin-top:40px;transform:translate3d(0,30px,0);opacity:0;}
#__vis .cont {position:absolute;bottom:40px;z-index:10;padding:0 80px;display:flex;align-items:center;gap:10px;}
#__vis .prev,
#__vis .next {display:block;width:60px;height:60px;opacity:0.4;mix-blend-mode:multiply;transition:0.2s;}
#__vis .prev {background:url(../images/vis-prev.png) no-repeat 50% 50% / contain;}
#__vis .next {background:url(../images/vis-next.png) no-repeat 50% 50% / contain;}
#__vis .auto {display:block;width:16px;height:15px;background:url(../images/ico-stop.png) no-repeat 50% 50% / contain;margin-left:6px;opacity:0.4;transition:0.2s;}
#__vis .auto.stop {background-image:url(../images/ico-play.png);}
#__vis .prev:hover,
#__vis .next:hover,
#__vis .auto:hover {opacity:1;}


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


#__vis .circle {width:141px;height:141px;position:absolute;right:50px;bottom:60px;z-index:10;background:url(../images/scr-arr.png) no-repeat 50% 50% / contain;}
#__vis .circle:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/scr-txt.png) no-repeat 50% 50% / contain;animation:visRot linear 8s infinite;}

#__vis .scr {position:absolute;right:70px;bottom:50px;display:flex;align-items:center;gap:10px;font-size:14px;color:#fff;z-index:10;animation:visScr 2s infinite;}
#__vis .scr:after {content:"";display:block;width:10px;height:22px;background:url(../images/ico-scr.svg) no-repeat 50% 50% / contain;}

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

@keyframes progress {
	0% {stroke-dashoffset:125.664px;}
	100% {stroke-dashoffset:0;}
}
@keyframes visScr {
	0% {transform:translate3d(0,0,0);}
	50% {transform:translate3d(0,10px,0);}
	100% {transform:translate3d(0,0,0);}
}

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


@media all and (max-width:1600px){
	#__vis .vis {padding:0 15px;}
	#__vis .cont {padding:0 15px;}
}


@media all and (max-width:1024px){
	#__vis .vis {padding:0 15px;}
	#__vis .vis .wrap {align-items:flex-start;}
	#__vis .vis .txt {padding:130px 0 0;}
	#__vis .vis .txt h4 {font-size:24px;}
	#__vis .vis .txt p {font-size:18px;margin-top:20px;line-height:1.3;}
	#__vis .cont {bottom:30px;padding:0 15px;gap:5px;}
	#__vis .prev,
	#__vis .next {width:40px;height:40px;}
	#__vis .auto {width:14px;height:12px;margin-left:5px;}


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


	#__vis .scr {right:15px;bottom:50px;}
}


#__tech .head {padding:145px 80px 50px;}
#__tech .area {background:url(../images/bg-tech.jpg) no-repeat 50% 50% / cover;height:500px;display:flex;align-items:center;justify-content:center;padding:0 15px;gap:40px;}
#__tech .area a {width:440px;max-width:calc(33.333% - 20px);height:400px;background:rgba(23,23,23,0.4);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;}
#__tech .area a svg {position:absolute;inset:0;pointer-events:none;left:0;top:0;width:100%;height:100%;}
#__tech .area a svg rect {fill:none;stroke:#ea5405;stroke-width:8px;vector-effect:non-scaling-stroke;stroke-dasharray:2500;stroke-dashoffset:2500;transition:stroke-dashoffset 1s linear;width:100%;height:100%;}
#__tech .area a:hover svg rect {stroke-dashoffset:0;}

#__tech .area a dl dt {font-size:36px;font-weight:800;}
#__tech .area a dl dt span {display:inline-block;position:relative;}
#__tech .area a dl dt span:before {content:"";display:block;width:31px;height:12px;background:url(../images/ico-more2.svg) no-repeat 0 50% / contain;position:absolute;left:100%;top:50%;margin-top:-6px;margin-left:27px;transition:0.2s;opacity:0;transform:translate(-10px,0);}
#__tech .area a dl dd {  word-break: auto-phrase;font-size:20px;line-height:1.5;font-weight:600;margin-top:40px;}
#__tech .area a:hover dl dt span:before {opacity:1;transform:none;}

.__mtit dl dt {display:flex;font-size:24px;font-weight:800;color:#ea5405;gap:8px;align-items:flex-end;line-height:1;}
.__mtit dl dt:after {content:"";display:block;width:9px;height:9px;border-radius:50%;background:#222;position:relative;top:-4px;}
.__mtit dl dd {font-size:40px;font-weight:bold;color:#333;margin-top:30px;line-height:1.2;}
.__mtit .more {margin-top:40px;}
.__mtit .more a {display:inline-flex;align-items:center;gap:15px;font-size:16px;color:#444;}
.__mtit .more a:after {content:"";display:block;width:31px;height:12px;background:url(../images/ico-more.svg) no-repeat 0 50% / contain;}


#__pdt {padding:115px 80px 160px; overflow-x: hidden;}
#__pdt .area {max-width:1400px;margin:75px auto 0;}
#__pdt .area .roll {width:1380px;}
#__pdt .area .box {transition:0.2s;opacity:0;transition:0.2s;pointer-events:none;}
#__pdt .area .box .img {position:relative;transition:0.2s;}
#__pdt .area .box .img:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d7d7d7;}
#__pdt .area .box .img img {aspect-ratio:440 / 400;object-fit:contain;display:block;display:block;width:100%;}
#__pdt .area .box .img svg {position:absolute;inset:0;pointer-events:none;left:0;top:0;width:100%;height:100%;}
#__pdt .area .box .img svg rect {fill:none;stroke:#ea5405;stroke-width:8px;vector-effect:non-scaling-stroke;stroke-dasharray:1800;stroke-dashoffset:1800;transition:stroke-dashoffset 1s linear;width:100%;height:100%;}
#__pdt .area .box .txt {text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:24px;font-weight:bold;color:#222;margin-top:25px;opacity:0;transition:0.2s;}
#__pdt .area .swiper-slide-active,
#__pdt .area .swiper-slide-active + .box,
#__pdt .area .swiper-slide-active + .box  + .box,
#__pdt .area .swiper-slide-active + .box  + .box + .box,
#__pdt .area .swiper-slide-active + .box  + .box + .box + .box {opacity:1;pointer-events:auto;}
#__pdt .cont {display:flex;gap:10px;position:relative;z-index:10;margin-top:-10px;}
#__pdt .cont button {width:60px;height:60px;background:url(../images/pdt-prev.png) no-repeat 50% 50% / contain;transition:0.2s;filter:grayscale(100%);opacity:0.6;}
#__pdt .cont .next {background-image:url(../images/pdt-next.png);}
#__pdt .cont button:hover {filter:grayscale(0%);opacity:1;}


#__who {position:relative;background:#f5f5f5 url(../images/bg-who.jpg) no-repeat 100% 100%;padding:130px 80px 140px;}
#__who .word {overflow:hidden;font-size:0;white-space:nowrap;position:absolute;left:0;top:0;width:100%;font-size:160px;font-weight:900;color:rgba(0,0,0,0.1);line-height:1;margin-top:-0.5em;}
#__who .marquee {display:inline-flex;will-change:transform;width:max-content;animation:scroll-left 50s linear infinite;}
#__who .group {display:flex;flex:0 0 auto;}
#__who .wrap {display:flex;position:relative;}
#__who .lef {position:absolute;left:0;top:0;}
#__who .lef dl {color:#222;}
#__who .lef dl dt {font-size:60px;font-weight:bold;line-height:1;}
#__who .lef dl dd {font-size:20px;line-height:1.5;margin-top:38px;}
#__who .rig {display:flex;flex-wrap:wrap;width:1400px;max-width:100%;margin:0 auto;justify-content:flex-end;padding-left:350px;}
#__who .rig a {width:450px;max-width:50%;min-height:300px;padding:48px;position:relative;display:block;transition:0.3s;}
#__who .rig a dl {color:#222;}
#__who .rig a dl dt {font-weight:800;font-size:30px;}
#__who .rig a dl dt span {display:inline-block;position:relative;}
#__who .rig a dl dt span:before {content:"";display:block;width:31px;height:12px;background:url(../images/ico-more2.svg) no-repeat 0 50% / contain;position:absolute;left:100%;top:50%;margin-top:-6px;margin-left:27px;transition:0.2s;opacity:0;transform:translate(-10px,0);}
#__who .rig a dl dd {font-size:20px;line-height:1.5;margin-top:25px;}
#__who .rig a svg {position:absolute;inset:0;pointer-events:none;left:0;top:0;width:100%;height:100%;}
#__who .rig a svg rect {fill:none;stroke:#ea5405;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 1s linear;width:100%;height:100%;opacity:0;}
#__who .rig a:hover svg rect {stroke-dashoffset:0;opacity:1;}
#__who .rig a:hover {background:#fff;}
#__who .rig a:hover dl dt span:before {opacity:1;transform:none;}

@keyframes scroll-left {
	0% {transform:translate3d(0,0,0);}
	100% {transform:translate3d(-50%,0,0);}
}

@keyframes scroll-right {
	0% {transform:translate3d(-50%,0,0);}
	100% {transform:translate3d(0,0,0);}
}

@media all and (max-width:1600px){
	#__tech .head {padding:145px 15px 50px;}
	#__pdt {padding:115px 15px 160px;}
	#__who {padding:130px 15px 140px;}
	#__who .rig br {display:none;}
}

@media all and (min-width:1025px){
	#__pdt .area .swiper-slide-active + .box {transform:translateY(-50px);}
	#__pdt .area .swiper-slide-active + .box .img {box-shadow:0 10px 10px rgba(0,0,0,0.15);}
	#__pdt .area .swiper-slide-active + .box .img svg rect {stroke-dashoffset:0;opacity:1;}
	#__pdt .area .swiper-slide-active + .box .txt {opacity:1;}
}

@media all and (max-width:1024px){
	#__tech .head {padding:40px 15px 20px;}
	#__tech .area {height:auto;padding:30px 15px;gap:10px;align-items:unset;}
	#__tech .area a {width:calc(50% - 5px);max-width:unset;height:auto;padding:20px 10px;align-items:unset;}
	#__tech .area a svg rect {stroke-width:6px;stroke-dasharray:0;stroke-dashoffset:0;}
	#__tech .area a dl dt {font-size:20px;}
	#__tech .area a dl dt span:before {display:none;}
	#__tech .area a dl dd {font-size:14px;line-height:1.4;margin-top:15px;}

	.__mtit dl dt {font-size:16px;gap:5px;}
	.__mtit dl dt:after {width:6px;height:6px;top:-3px;}
	.__mtit dl dd {font-size:24px;margin-top:15px;}
	.__mtit .more {margin-top:25px;}
	.__mtit .more a {gap:10px;font-size:14px;}
	.__mtit .more a:after {width:24px;height:8px;}


	#__pdt {padding:40px 15px;}
	#__pdt .area {margin:30px auto 0;}
	#__pdt .area .roll {width:auto;}
	#__pdt .area .box .img svg rect {stroke-width:8px;stroke-dasharray:2500;stroke-dashoffset:2500;opacity:0;}
	#__pdt .area .box .txt {font-size:16px;margin-top:15px;}
	#__pdt .area .swiper-slide-active {transform:translateY(-15px);}
	#__pdt .area .swiper-slide-active .img {box-shadow:0 10px 10px rgba(0,0,0,0.15);}
	#__pdt .area .swiper-slide-active .img svg rect {stroke-dashoffset:0;opacity:1;}
	#__pdt .area .swiper-slide-active .txt {opacity:1;}
	#__pdt .cont {display:flex;gap:5px;position:relative;z-index:10;margin-top:10px;}
	#__pdt .cont button {width:40px;height:40px;}


	#__who {background-size:300px auto;padding:60px 15px 40px;}
	#__who .word {font-size:60px;}
	#__who .marquee {animation:scroll-left 50s linear infinite;}
	#__who .wrap {display:block;}
	#__who .lef {position:relative;}
	#__who .lef dl dt {font-size:30px;}
	#__who .lef dl dd {font-size:16px;line-height:1.4;margin-top:15px;}
	#__who .rig {margin-top:20px;width:auto;padding:0;gap:10px;}
	#__who .rig a {width:calc(50% - 5px);height:auto;min-height: 0; padding:20px 15px;background:#fff;}
	#__who .rig a img {width:35px;}
	#__who .rig a dl dt {font-size:20px;}
	#__who .rig a dl dt span:before {display:none;}
	#__who .rig a dl dd {font-size:14px;line-height:1.4;margin-top:10px;}
	#__who .rig a svg {position:absolute;inset:0;pointer-events:none;left:0;top:0;width:100%;height:100%;}
	#__who .rig a svg rect {stroke-dasharray:0;stroke-dashoffset:0;opacity:1;stroke-width:3px;}
	#__who .rig a:hover {background:#fff;}
}


#__svis {background:url(../images/svis1.jpg) no-repeat 50% 50% / cover;padding:110px 15px 80px;position:relative;}
#__svis .top {max-width:1400px;margin:0 auto;height:410px;display:flex;align-items:center;color:#fff;}
#__svis .top dl dt {font-size:60px;font-weight:600;line-height:1;}
#__svis .top dl dd {font-size:20px;font-weight:600;margin-top:12px;}
#__svis .snb {position:absolute;left:0;bottom:0;z-index:5;background:rgba(0,0,0,0.45);backdrop-filter:blur(3px);width:100%;}
#__svis .snb ul {display:flex;max-width:1400px;margin:0 auto;}
#__svis .snb ul li {width:0;flex-grow:1;}
#__svis .snb ul li a {display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;font-weight:600;color:rgba(255,255,255,0.5);height:80px;background:rgba(0,0,0,0.45);position:relative;}
#__svis .snb ul .active a {color:#fff;background:#000;}
#__svis .snb ul .active a:before {content:"";display:block;width:9px;height:9px;left:50%;transform:translateX(-50%);background:#f15922;border-radius:50%;bottom:12px;position:absolute;}

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

@media all and (max-width:1024px){
	#__svis {padding:55px 15px 40px;}
	#__svis .top {height:150px;}
	#__svis .top dl dt {font-size:34px;}
	#__svis .top dl dd {font-size:16px;margin-top:10px;}
	#__svis .snb ul {overflow:auto;white-space:nowrap;font-size:0;gap:1px;}
	#__svis .snb ul li {width:auto;display:inline-block;vertical-align:top;flex-grow:1;}
	#__svis .snb ul li a {font-size:15px;height:40px;padding:0 15px;}
	#__svis .snb ul .active a:before {width:4px;height:4px;bottom:4px;}
}


.__layout {padding:0 15px;}
.__layout.pt {padding-top:120px;}
.__layout.pb {padding-bottom:120px;}
.__layout > .wrap {max-width:1400px;margin:0 auto;}

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


.__about1 {background:url(../images/bg-about1.jpg) no-repeat 50% 50% / cover;padding:160px 15px;overflow:hidden;}
.__about1 .wrap {max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;color:#fff;}
.__about1 .lef {font-size:40px;line-height:1.5;font-weight:bold;}
.__about1 .rig {font-size:24px;line-height:1.5;width:680px;}
.__about1 .word {overflow:hidden;font-size:0;white-space:nowrap;margin:160px -15px 0;}
.__about1 .marquee {display:inline-flex;will-change:transform;width:max-content;animation:scroll-left 50s linear infinite;}
.__about1 .group {display:flex;flex:0 0 auto;}
.__about1 .group img {display:block;margin-right:30px;}


.__about2 {padding:160px 15px 190px;}
.__about2 .wrap {max-width:1400px;margin:0 auto;}
.__about2 .top {text-align:center;}
.__about2 .top dl dt {display:inline-block;position:relative;font-size:72px;color:#333;line-height:1.2;}
.__about2 .top dl dt p:before,
.__about2 .top dl dt p:after {content:"";display:block;width:46px;height:44px;position:absolute;top:0;background:url(../images/ico-dot1.png) no-repeat 50% 50% / contain;}
.__about2 .top dl dt p:before {left:0;}
.__about2 .top dl dt p:after {right:0;background-image:url(../images/ico-dot2.png);}
.__about2 .top dl dt p {display:inline;position:relative;padding:0 68px;}
.__about2 .top dl dt strong {font-weight:800;}
.__about2 .top dl dd {font-size:30px;color:#222;font-weight:800;margin-top:85px;}
.__about2 .top dl dd span {color:#fff;background:#ea5405;padding:0 5px;}
.__about2 .bot {display:flex;gap:40px;margin-top:130px;}
.__about2 .bot .box {width:calc(25% - (120px / 4));height:300px;position:relative;display:flex;align-items:center;text-align:center;}
.__about2 .bot .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #e3e3e3;}
.__about2 .bot .box:nth-child(even) {margin-top:75px;}
.__about2 .bot .box .in {width:100%;}
.__about2 .bot .box dl dt {font-size:18px;font-weight:800;color:#ea5405;}
.__about2 .bot .box dl dd {margin-top:27px;}
.__about2 .bot .box p {margin-top:32px;font-size:24px;font-weight:bold;color:#222;}
.__about2 .bot .box svg {position:absolute;inset:0;pointer-events:none;left:0;top:0;width:100%;height:100%;}
.__about2 .bot .box svg rect {fill:none;stroke:#ea5405;stroke-width:4px;vector-effect:non-scaling-stroke;stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 1s linear;width:100%;height:100%;opacity:0;}
.__about2 .bot .box:hover svg rect {stroke-dashoffset:0;opacity:1;}


.__about3 {background:url(../images/bg-about3.jpg) no-repeat 50% 50% / cover;color:#fff;padding:115px 15px 0;height:700px;font-size:30px;font-weight:bold;line-height:1.6;letter-spacing:-0.025em;text-align:center;}


@media all and (max-width:1024px){
	.__about1 {padding:40px 15px;}
	.__about1 .wrap {display:block;}
	.__about1 .lef {font-size:24px;line-height:1.25;}
	.__about1 .rig {font-size:16px;line-height:1.5;width:auto;margin-top:15px;}
	.__about1 .word {margin:40px -15px 0;}
	.__about1 .marquee {animation:scroll-left 50s linear infinite;}
	.__about1 .group img {margin-right:15px;width:150px;}

	.__about2 {padding:40px 15px;}
	.__about2 .top dl dt {font-size:36px;display:flex;justify-content:center;line-height:1.1;white-space:nowrap;}
	.__about2 .top dl dt p:before,
	.__about2 .top dl dt p:after {width:24px;height:24px;}
	.__about2 .top dl dt p:before {left:0;}
	.__about2 .top dl dt p:after {right:0;top:auto;bottom:0;}
	.__about2 .top dl dt p {text-align:left;padding:0 32px;width:292px;}
	.__about2 .top dl dd {font-size:18px;margin-top:30px;}
	.__about2 .bot {flex-wrap:wrap;gap:10px;margin-top:30px;}
	.__about2 .bot .box {width:calc(50% - 5px);height:auto;padding:15px;}
	.__about2 .bot .box:nth-child(even) {margin-top:0;}
	.__about2 .bot .box dl dt {font-size:13px;letter-spacing:-0.03em;}
	.__about2 .bot .box dl dd {margin-top:15px;}
	.__about2 .bot .box dl dd img {width:30px;}
	.__about2 .bot .box p {margin-top:15px;font-size:16px;line-height:1.3;}
	.__about2 .bot .box svg rect {stroke-width:4px;}


	.__about3 {padding:40px 15px 120px;height:auto;font-size:16px;line-height:1.5;}
}


.__ci .slogan {text-align:center;font-size:36px;color:#333;margin-bottom:35px;}
.__ci .slogan span {color:#ea5405;}
.__ci .logo {max-width:1021px;margin:0 auto;height:311px;background:url(../images/bg-ci.gif);border:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center;}
.__ci .logo img {width:771px;}
.__ci .area {display:flex;margin-top:110px;}
.__ci .area dl {width:50%;}
.__ci .area dl dt {font-size:24px;font-weight:bold;color:#333;}
.__ci .area dl dd {margin-top:25px;font-size:18px;color:#222;line-height:1.65;}
.__ci .area dl dd ul {display:flex;}
.__ci .area dl dd ul li {width:0;flex-grow:1;border:1px solid #bfbfbf;padding:20px;height:110px;display:flex;flex-direction:column;justify-content:center;}
.__ci .area dl dd ul li p {color:#222;font-size:18px;line-height:1.4;}
.__ci .area dl dd ul li p strong {font-weight:600;}
.__ci .area dl dd ul li p span {}

@media all and (max-width:1024px){
	.__ci .slogan {font-size:24px;margin-bottom:20px;line-height:1.3;}
	.__ci .slogan span {color:#ea5405;}
	.__ci .logo {height:140px;}
	.__ci .logo img {width:260px;}
	.__ci .area {display:block;margin-top:40px;}
	.__ci .area dl {width:auto;}
	.__ci .area dl ~ dl {margin-top:30px;}
	.__ci .area dl dt {font-size:18px;}
	.__ci .area dl dd {margin-top:10px;font-size:14px;line-height:1.5;}
	.__ci .area dl dd ul {display:block;}
	.__ci .area dl dd ul li {width:auto;padding:15px;height:40px;display:flex;gap:10px;flex-direction:row;align-items:center;justify-content:center;}
	.__ci .area dl dd ul li p {font-size:14px;}
}

.__history1 {font-size:36px;font-weight:bold;color:#333;line-height:1.33;padding:0 15px;}
.__history2 {background:url(../images/bg-history.jpg) no-repeat 50% 0;background-attachment:fixed;height:500px;padding:90px 15px 0;}
.__history2 .wrap {line-height:1;opacity:0.35;max-width:1400px;margin:0 auto;font-size:160px;font-weight:900;color:#000;text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff;}
.__history3 {padding:0 15px 120px;position:relative;overflow:hidden;}
.__history3 .wrap {max-width:1400px;margin:0 auto;padding:120px 0 0;position:relative;}
.__history3 .wrap:before {content:"";display:block;position:absolute;left:50%;top:0;width:1px;height:100%;background:#cfcfcf;}
.__history3 .box {display:flex;position:relative;}
.__history3 .box {padding-bottom:60px;}
.__history3 .box:last-child {padding-bottom:0;}
.__history3 .box h4 {width:50%;font-size:50px;font-weight:800;color:#333;line-height:1;padding-right:55px;text-align:right;}
.__history3 .box .cont {width:50%;padding-left:55px;}
.__history3 .box .cont dl {display:flex;font-size:18px;line-height:1.65;color:#222;}
.__history3 .box .cont dl dt {width:48px;font-weight:800;}
.__history3 .box .cont dl dd {width:0;flex-grow:1;}
.__history3 i {position:absolute;left:50%;top:0;width:1px;background:#f15922;}
.__history3 i:before {content:"";display:block;width:50px;height:50px;left:50%;bottom:0;margin-left:-25px;background:url(../images/ico-history.png) no-repeat 50% 50% / contain;position:absolute;}

@media all and (max-width:1024px){
	.__history1 {font-size:20px;line-height:1.3;word-spacing:-0.025em;}
	.__history2 {background-attachment:scroll;background-size:cover;height:160px;padding:30px 15px 0;}
	.__history2 .wrap {font-size:60px;}
	.__history3 {padding:0 15px 40px;}
	.__history3 .wrap {padding:40px 0 0;}
	.__history3 .wrap:before {left:0;}
	.__history3 .box {display:block;padding:0 0 30px 30px;}
	.__history3 .box:last-child {padding-bottom:0;}
	.__history3 .box h4 {width:auto;font-size:24px;padding:0;text-align:left;}
	.__history3 .box .cont {width:auto;padding:10px 0 0;}
	.__history3 .box .cont dl {font-size:14px;line-height:1.5;}
	.__history3 .box .cont dl dt {width:30px;}
	.__history3 i {left:0;}
	.__history3 i:before {width:24px;height:24px;margin-left:-12px;}
}


.__loc .top {display:flex;}
.__loc .top > * {width:50%;}
.__loc .top .lef {font-size:36px;font-weight:bold;line-height:1.33;color:#333;}
.__loc .top .rig {border-top:2px solid #363636;padding-top:35px;}
.__loc .top .rig dl {display:flex;align-items:center;color:#333;}
.__loc .top .rig dl ~ dl {margin-top:17px;}
.__loc .top .rig dl dt {width:155px;display:flex;align-items:center;gap:8px;font-size:20px;font-weight:bold;}
.__loc .top .rig dl dd {width:0;flex-grow:1;}
.__loc .bot {margin-top:55px;}
.__loc .bot iframe {display:block;width:100%;height:500px;}

@media all and (max-width:1024px){
	.__loc .top {display:block;}
	.__loc .top > * {width:auto;}
	.__loc .top .lef {font-size:20px;line-height:1.3;}
	.__loc .top .rig {margin-top:20px;padding-top:15px;}
	.__loc .top .rig dl {display:block;}
	.__loc .top .rig dl ~ dl {margin-top:15px;}
	.__loc .top .rig dl dt {width:auto;font-size:16px;}
	.__loc .top .rig dl dt img {width:20px;}
	.__loc .top .rig dl dd {width:auto;font-size:16px;}
	.__loc .bot {margin:25px -15px -40px;}
	.__loc .bot iframe {height:250px;}
}


.__visionTech1 {padding:120px 15px;text-align:center;color:#222;}
.__visionTech1 dl dt {font-size:40px;font-weight:bold;line-height:1.5;}
.__visionTech1 dl dd {font-size:24px;line-height:1.5;margin-top:44px;}
.__visionTech1 dl dd strong {font-weight:600;}
.__visionTech2 .box {display:flex;}
.__visionTech2 .box > div {width:50%;}
.__visionTech2 .box .info {background:#f3f3f3;padding:0 15px;display:flex;align-items:center;}
.__visionTech2 .box .img img {display:block;}
.__visionTech2 .box:nth-child(odd) .info {order:-1;justify-content:flex-end;}
.__visionTech2 .box:nth-child(even) .info {padding-left:85px;}
.__visionTech2 .box .info .in {max-width:100%;width:670px;}
.__visionTech2 .box .info dl dt {color:#333;font-size:60px;font-weight:bold;line-height:1;}
.__visionTech2 .box .info dl dd {color:#222;font-size:30px;line-height:1.6;margin-top:40px;letter-spacing:-0.03em;}
.__visionTech2 .box .info p {color:#222;font-size:20px;line-height:1.5;margin-top:25px;}

@media all and (max-width:1024px){
	.__visionTech1 {padding:40px 15px;}
	.__visionTech1 dl dt {font-size:20px;line-height:1.3;}
	.__visionTech1 dl dd {font-size:16px;line-height:1.4;margin-top:15px;}
	.__visionTech1 dl dd strong {font-weight:600;}
	.__visionTech2 .box {display:block;}
	.__visionTech2 .box > div {width:100%;}
	.__visionTech2 .box .info {padding:40px 15px !important;display:block;}
	.__visionTech2 .box .img img {width:100%;aspect-ratio:4/3;}
	.__visionTech2 .box .info .in {width:auto;}
	.__visionTech2 .box .info dl dt {font-size:24px;}
	.__visionTech2 .box .info dl dd {font-size:18px;line-height:1.4;margin-top:15px;}
	.__visionTech2 .box .info p {font-size:16px;line-height:1.5;margin-top:10px;}
}

.__snb2 {padding:75px 15px 30px;display:flex;justify-content:center;gap:10px;}
.__snb2 li a {display:flex;height:46px;border-radius:23px;border:2px solid #ea5405;align-items:center;justify-content:center;padding:0 15px;font-size:18px;font-weight:500;color:#222;min-width:160px;}
.__snb2 .active a {background:#ea5405;color:#fff;}

#wrapper:has(.__pdtView) .__snb2 {display:none;}

.__pdtList {display:flex;flex-wrap:wrap;gap:60px 40px;}
.__pdtList .box {width:calc(100% / 3 - (80px / 3));}
.__pdtList .box .img {position:relative;}
.__pdtList .box .img img {display:block;aspect-ratio:440 / 300;width:100%;object-fit:contain;}
.__pdtList .box .img:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d7d7d7;}
.__pdtList .box .info {text-align:center;margin-top:15px;}
.__pdtList .box .info .subject {line-height:1.2;font-size:24px;font-weight:bold;color:#222;}

@media all and (max-width:1024px){
	.__snb2 {padding:40px 15px 20px;display:flex;justify-content:center;gap:10px;}
	.__snb2 li a {display:flex;height:46px;border-radius:23px;border:2px solid #ea5405;align-items:center;justify-content:center;padding:0 15px;font-size:18px;font-weight:500;color:#222;min-width:160px;}
	.__snb2 .active a {background:#ea5405;color:#fff;}

	.__pdtList {display:flex;flex-wrap:wrap;gap:60px 40px;}
	.__pdtList .box {width:calc(100% / 3 - (80px / 3));}
	.__pdtList .box .img {position:relative;}
	.__pdtList .box .img img {display:block;aspect-ratio:440 / 300;object-fit:contain;}
	.__pdtList .box .img:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d7d7d7;}
	.__pdtList .box .info {text-align:center;margin-top:15px;}
	.__pdtList .box .info .subject {line-height:1.2;font-size:24px;font-weight:bold;color:#222;}
}

@media all and (max-width:1024px){
	.__snb2 {padding:15px;justify-content:flex-start;overflow:auto;white-space:nowrap;gap:5px;}
	.__snb2 li a {height:36px;border-radius:18px;padding:0 20px;font-size:14px;min-width:unset;}
	.__snb2 .active a {background:#ea5405;color:#fff;}

	.__pdtList {gap:30px 10px;}
	.__pdtList .box {width:calc(50% - 5px);}
	.__pdtList .box .info {margin-top:10px;}
	.__pdtList .box .info .subject {font-size:16px;}
}


.__pdtView {position:relative;display:flex;gap:80px;align-items:flex-start;}
.__pdtView > div {width:0;flex-grow:1;}
.__pdtView .lef {position:sticky;top:130px;}
.__pdtView .lef .big img {aspect-ratio:1 / 1;object-fit:contain;width:100%;}
.__pdtView .lef .bt {margin-top:45px;display:flex;gap:20px;}
.__pdtView .lef .bt a {display:flex;align-items:center;justify-content:center;border:1px solid #;height:60px;background:#e9e9e9;border:1px solid #e1e1e1;font-size:18px;font-weight:bold;color:#222;gap:15px;width:180px;}
.__pdtView .lef .bt a ~ a {background:#ea5405;border-color:#ea5405;color:#fff;font-weight:bold;flex-grow:1;width:0;}
.__pdtView .rig .head {display:flex;align-items:center;gap:10px 25px;flex-wrap:wrap;}
.__pdtView .rig .head strong {font-size:60px;font-weight:bold;color:#222;}
.__pdtView .rig .head span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#ea5405;height:36px;border-radius:18px;font-size:18px;padding:0 22px;font-weight:500;}
.__pdtView .rig .head > p { font-size: 24px; font-weight: 600; color: #ea5405; width: 100%; text-align: right; }
.__pdtView .rig .sum {border-top:2px solid #363636;margin-top:25px;padding-top:45px;font-size:20px;font-weight:600;color:#222;}
.__pdtView .rig .inf {margin-top:45px;padding-top:45px;border-top:1px solid #ccc;}
.__pdtView .rig .inf dl ~ dl {margin-top:40px;}
.__pdtView .rig .inf dl dt span {display:inline-flex;height:36px;border-radius:18px;color:#fff;background:#444;padding:0 18px;font-size:18px;font-weight:600;align-items:center;}
.__pdtView .rig .inf dl dd {margin-top:15px;}
.__pdtView .rig .inf dl dd ul li {font-size:18px;line-height:1.65;color:#222;position:relative;padding-left:13px;}
.__pdtView .rig .inf dl dd ul li:before {content:"";display:block;width:5px;height:5px;position:absolute;left:0;top:13px;background:#333;border-radius:50%;}
.__pdtView .rig .thm {background:#f2f2f2;padding:20px 20px 30px;margin-top:25px;}

.__pdtView .rig .thm .roll {overflow:hidden;}
.__pdtView .rig .thm .roll a {display:block;}
.__pdtView .rig .thm .roll .swiper-slide {position:relative;}
.__pdtView .rig .thm .roll .swiper-slide:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d7d7d7;}
.__pdtView .rig .thm .roll .swiper-slide img {aspect-ratio:200 / 150;width:100%;object-fit:cover;display:block;}
.__pdtView .rig .thm .cont {position:relative;margin-top:20px;}
.__pdtView .rig .thm .cont .prev,
.__pdtView .rig .thm .cont .next {position:absolute;background:url(../images/ico-more.svg) no-repeat 50% 50% / contain;width:31px;height:12px;top:50%;margin-top:-6px;}
.__pdtView .rig .thm .cont .prev {left:0;transform:rotate(180deg)}
.__pdtView .rig .thm .cont .next {right:0;}
.__pdtView .rig .thm .cont .page {display:flex;gap:15px;justify-content:center;}
.__pdtView .rig .thm .cont .page .dot {width:15px;height:15px;border-radius:50%;background:#d9d9d9;display:block;}
.__pdtView .rig .thm .cont .page .dot.swiper-pagination-bullet-active {background:#797979;}

@media all and (max-width:1024px){
	.__pdtView {display:block;}
	.__pdtView > div {width:auto;}
	.__pdtView .lef {position:relative;top:0;}
	.__pdtView .lef .bt {margin-top:15px;gap:10px;}
	.__pdtView .lef .bt a {height:40px;font-size:16px;width:35%;gap:10px;}
	.__pdtView .lef .bt a img {height:18px;}
	.__pdtView .rig {margin-top:30px;}
	.__pdtView .rig .head {gap:8px;flex-direction:column;align-items:flex-start;}
	.__pdtView .rig .head strong {font-size:34px;line-height:1.2;}
	.__pdtView .rig .head span {order:-1;height:30px;border-radius:15px;font-size:16px;}
    .__pdtView .rig .head > p { font-size: 20px; }
	.__pdtView .rig .sum {margin-top:15px;padding-top:20px;font-size:16px;}
	.__pdtView .rig .inf {margin-top:20px;padding-top:20px;}
	.__pdtView .rig .inf dl ~ dl {margin-top:25px;}
	.__pdtView .rig .inf dl dt span {height:32px;border-radius:16px;font-size:16px;}
	.__pdtView .rig .inf dl dd {margin-top:10px;}
	.__pdtView .rig .inf dl dd ul li {font-size:15px;line-height:1.5;padding-left:10px;}
	.__pdtView .rig .inf dl dd ul li:before {width:3px;height:3px;top:10px;}
	.__pdtView .rig .thm {padding:15px;}
	.__pdtView .rig .thm .cont {margin-top:15px;}
	.__pdtView .rig .thm .cont .page {gap:10px;}
}

.__talent1 {}
.__talent1 .sec ~ .sec {margin-top:160px;}
.__talent1 .sec h3 {font-size:36px;font-weight:bold;color:#333;line-height:1;margin-bottom:35px;}
.__talent1 .sec .cont h4 {display:flex;gap:6px;align-items:flex-end;line-height:1;font-size:24px;font-weight:800;color:#ea5405;line-height:1;margin-bottom:25px;}
.__talent1 .sec .cont h4:after {content:"";display:block;width:9px;height:9px;border-radius:50%;background:#222;position:relative;top:-2px;}
.__talent1 .sec .cont .item ~ .item {margin-top:70px;}
.__talent1 .sec .cont .item .step {display:flex;}
.__talent1 .sec .cont .item .step .box {display:flex;align-items:center;justify-content:center;text-align:center;background:url(../images/bg-step.png) no-repeat 50% 50% / 100% 100%;width:calc(25% + (72px / 4));height:306px;}
.__talent1 .sec .cont .item .step .box ~ .box {margin-left:-24px;}
.__talent1 .sec .cont .item .step .box dl dt {font-style:italic;font-size:18px;font-weight:600;color:#ea5405;}
.__talent1 .sec .cont .item .step .box dl dd {margin:30px 0 15px;font-size:24px;font-weight:bold;color:#151515;}
.__talent1 .sec .cont .item .tbl {display:flex;gap:40px;justify-content:space-between;}
.__talent1 .sec .cont .item .tbl li {width:640px;max-width:calc(50% - 20px);}
.__talent1 .sec .cont .item .tbl li table {width:100%;table-layout:fixed;border-top:2px solid #252525;}
.__talent1 .sec .cont .item .tbl li table tr > * {border-bottom:1px solid #e5e5e5;font-size:18px;line-height:1.3;color:#222;padding:30px 20px;vertical-align:middle;}
.__talent1 .sec .cont .item .tbl li table tr th {background:#f5f5f5;text-align:center;font-weight:bold;width:175px;}
.__talent1 .sec .cont .item .tbl li table tr td {}
.__talent1 .sec .talent .box {display:flex;}
.__talent1 .sec .talent .box ~ .box {margin-top:40px;}
.__talent1 .sec .talent .box > div {width:50%;}
.__talent1 .sec .talent .box .info {display:flex;align-items:center;justify-content:center;text-align:center;}
.__talent1 .sec .talent .box .info dl dt {font-size:36px;font-weight:800;color:#222;line-height:1;}
.__talent1 .sec .talent .box .info dl dt em {font-style:normal;font-weight:400;}
.__talent1 .sec .talent .box .info dl dd {font-size:18px;line-height:1.65;color:#222;margin-top:30px;}
.__talent1 .sec .talent .box:nth-child(even) .info {order:-1;}


.__talent2 {background:url(../images/bg-talent.jpg) no-repeat 50% 50% / cover;height:660px;display:flex;align-items:center;padding:0 15px;}
.__talent2 .wrap {width:100%;text-align:center;color:#fff;}
.__talent2 dl dt {font-size:48px;font-weight:bold;line-height:1.25;}
.__talent2 dl dd {font-size:24px;line-height:1.3;margin-top:35px;}
.__talent2 p {margin-top:50px;}
.__talent2 p a {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#222;padding:0 30px;height:60px;border-radius:30px;font-size:18px;font-weight:600;}

@media all and (max-width:1024px){
	.__talent1 .sec ~ .sec {margin-top:50px;}
	.__talent1 .sec h3 {font-size:24px;margin-bottom:15px;}
	.__talent1 .sec .cont h4 {gap:5px;font-size:18px;margin-bottom:10px;}
	.__talent1 .sec .cont h4:after {width:5px;height:5px;}
	.__talent1 .sec .cont .item ~ .item {margin-top:40px;}
	.__talent1 .sec .cont .item .step {flex-wrap:wrap;gap:0;justify-content:center;}
	.__talent1 .sec .cont .item .step .box {width:calc(50% - 5px);height:200px;}
	.__talent1 .sec .cont .item .step .box ~ .box {margin-left:0;}
	.__talent1 .sec .cont .item .step .box:nth-child(n+3) {margin-top:-10px;}
	.__talent1 .sec .cont .item .step .box:nth-child(2n) {margin-left:-10px;}
	.__talent1 .sec .cont .item .step .box dl dt {font-size:16px;}
	.__talent1 .sec .cont .item .step .box dl dd {margin:10px 0 10px;font-size:18px;}
	.__talent1 .sec .cont .item .step .box img {width:50px;}
	.__talent1 .sec .cont .item .tbl {display:block;}
	.__talent1 .sec .cont .item .tbl li {width:auto;max-width:unset;}
	.__talent1 .sec .cont .item .tbl li ~ li {margin-top:20px;}
	.__talent1 .sec .cont .item .tbl li table tr > * {font-size:14px;padding:15px;}
	.__talent1 .sec .cont .item .tbl li table tr th {width:80px;}
	.__talent1 .sec .talent {margin:0 -15px;}
	.__talent1 .sec .talent .box {display:flex;}
	.__talent1 .sec .talent .box ~ .box {margin-top:10px;}
	.__talent1 .sec .talent .box > div {width:50%;}
	.__talent1 .sec .talent .box .info {padding:0 5px;}
	.__talent1 .sec .talent .box .info dl dt {font-size:16px;}
	.__talent1 .sec .talent .box .info dl dd {font-size:13px;line-height:1.35;margin-top:10px;letter-spacing:-0.03em;word-spacing:-0.03em;}
	.__talent1 .sec .talent .box:nth-child(even) .info {order:-1;}


	.__talent2 {height:auto;padding:40px 15px;}
	.__talent2 dl dt {font-size:20px;}
	.__talent2 dl dd {font-size:16px;margin-top:15px;}
	.__talent2 p {margin-top:20px;}
	.__talent2 p a {padding:0 20px;height:40px;border-radius:20px;font-size:16px;}
}


.__network {display:flex;align-items:center;justify-content:center;border:1px solid #d7d7d7;padding:50px;}
.__network .board-wrap {display:none;}
.__network img {width:auto !important;}
.__network img ~ img {display:none;}

@media all and (max-width:1024px){
	.__network {padding:15px;}
}



.__inq h4 {font-size:30px;line-height:1.5;font-weight:500;color:#222;}
.__inq .area {border-top:1px solid #747474;margin-top:40px;padding-top:30px;}
.__inq .area .line {display:flex;gap:40px;}
.__inq .area .line ~ .line {margin-top:30px;}
.__inq .area .line dl {width:0;flex-grow:1;}
.__inq .area .line dl dt {font-size:18px;line-height:1;font-weight:600;color:#222;}
.__inq .area .line dl dt span {color:#f15922;margin-right:7px;}
.__inq .area .line dl dd {margin-top:13px;font-size:18px;}
.__inq .area .line dl dd input,
.__inq .area .line dl dd select {height:56px;border:1px solid #d6d6d6;border-radius:5px;font-size:18px;width:100% !important;background:none;padding:0 20px;color:#000;}
.__inq .area .line dl dd select {background:url(../images/ico-snbarr.svg) no-repeat right center / 10px auto;}
.__inq .area .line dl dd input::placeholder {color:rgba(17,17,17,0.5);}
.__inq .area .line dl dd i {display:none;}
.__inq .area .line dl dd textarea {display:block;width:100%;border:1px solid #d6d6d6;background:#fff;height:180px;padding:15px 20px;color:#111;resize:none;font-size:18px;border-radius:5px;}
.__inq .area .line dl dd textarea::placeholder {color:rgba(17,17,17,0.5);}
.__inq .area .privacy_box--fc {border:none;background:#fff;font-size:18px;padding:20px;font-weight:normal;border-radius:5px;border:1px solid #d6d6d6;}
.__inq .area .privacy_box--fc pre {font:inherit;color:inherit;}
.__inq .area .privacy_txt--fc {margin-top:20px;}
.__inq .area .privacy_txt--fc input[type="checkbox"] + label:before {border:1px solid #d6d6d6;border-radius:3px;width:26px;height:26px;background:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;top:6px;}
.__inq .area .privacy_txt--fc input[type="checkbox"] + label {font-size:18px;padding-left:35px;padding-top:5px;font-weight:normal;}
.__inq .area .privacy_txt--fc input[type="checkbox"]:checked + label:before {font-size:12px;color:#111;}
.__inq .area .captcha_box--fc {display:flex;align-items:center;margin:0;}
.__inq .area .captcha_box--fc .captcha__num--fc {width:207px;}
.__inq .area .captcha_box--fc {display:flex;align-items:center;}
.__inq .area .captcha_box--fc .captcha__num--fc img { mix-blend-mode: multiply;height:56px;}
.__inq .area .captcha_box--fc a {margin:0;border:none;width:56px;height:56px;display:flex;align-items:center;justify-content:center;padding:0 12px;}
.__inq .area .captcha_box--fc input {width:405px !important;}
.__inq .area .line dl dd .filebox {display:flex;position:relative;gap:10px;}
.__inq .area .line dl dd .filebox label {width:154px;height:56px;display:flex;align-items:center;justify-content:center;background:#707070;border-radius:5px;font-size:18px;font-weight:300;color:#fff;}
.__inq .area .line dl dd .filebox input {height:56px;width:0;flex-grow:1;}
.__inq .bt {margin-top:30px;padding-top:70px;border-top:1px solid #c3c3c3;text-align:center;}
.__inq .bt button {display:inline-flex;width:200px;height:50px;border-radius:25px;background:#222;border:none;color:#fff;font-size:18px;font-weight:bold;align-items:center;justify-content:center;text-align:center;}


@media all and (max-width:1024px){
	.__inq h4 {font-size:20px;line-height:1.4;letter-spacing:-0.03em;}

	.__inq .area {margin-top:20px;padding-top:20px;}

	.__inq .area .line {display:block;}
	.__inq .area .line ~ .line {margin-top:15px;}
	.__inq .area .line dl {width:auto;}
	.__inq .area .line dl ~ dl {margin-top:15px;}
	.__inq .area .line dl dt {font-size:16px;}
	.__inq .area .line dl dd {margin-top:5px;}
	.__inq .area .line dl dd input,
	.__inq .area .line dl dd select {height:40px;font-size:14px;padding-left:10px;background-position:right 10px center;}
	.__inq .area .line dl dd textarea {height:100px;padding:10px;font-size:14px;}

	.__inq .area .privacy_box--fc {font-size:14px;padding:10px;}
	.__inq .area .privacy_txt--fc {margin-top:10px;}
	.__inq .area .privacy_txt--fc input[type="checkbox"] + label:before {width:18px;height:18px;top:2;}
	.__inq .area .privacy_txt--fc input[type="checkbox"] + label {font-size:14px;padding-left:24px;padding-top:2px;}
	.__inq .area .captcha_box--fc {margin-top:0;}
	.__inq .area .captcha_box--fc .captcha__num--fc {width:auto;}
	.__inq .area .captcha_box--fc .captcha__num--fc img {height:40px !important;}
	.__inq .area .captcha_box--fc a {margin:0;border:none;width:40px;height:40px;padding:10px;display:flex;align-items:center;}
	.__inq .area .captcha_box--fc input {width:0 !important;flex-grow:1;margin:0 !important;}


	.__inq .area .line dl dd .filebox {display:flex;position:relative;gap:10px;}
	.__inq .area .line dl dd .filebox label {width:100px;height:40px;font-size:14px;}
	.__inq .area .line dl dd .filebox input {height:40px;width:0;flex-grow:1;}

	.__inq .bt {margin-top:20px;padding-top:30px;}
}


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

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

.__bookmark {position:relative;}
.__bookmark .bookmark {position:absolute;left:0;top:-110px;width:100%;}

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

.ce_item {opacity:1 !important;bottom:0 !important;}

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

}

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

}

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

}


/********************* 2025.12.10 스타일 추가 *********************/


@media all and (min-width:1025px){
    html:lang(en) #__svis .snb ul li a {
        height: 95px;
        line-height: 1;
    }

}


.__pdtView .rig .imgs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    background:#f2f2f2;
    padding:20px 20px 30px;
    margin-top:25px;
}

.__pdtView .rig .imgs > * {
    -ms-flex: 0 0 calc(33.333333% - 13.333px);
    flex: 0 0 calc(33.333333% - 13.333px);
    max-width: calc(33.333333% - 13.333px);
    padding-right: 0;
    padding-left: 0;
}

@media all and (max-width:1024px){
    .__pdtView .rig .imgs {
        padding : 15px
    }
}

/********************* 2026.01.06 스타일 추가 *********************/

@media all and (min-width:1025px){
    html:lang(en) #__tech .area a dl dt {
        font-size:26px;
    }

    .__visionTech2 .box .info .in { padding: 40px 0;}
}


.__visionTech2 .box .img img { width: 100%; height: 100%; object-fit: cover;}
.__visionTech2 .box .info .add-txt,
.__visionTech2 .box .info .add-txt > div + div { margin-top:25px; }
.__visionTech2 .box .info .add-txt b + p { margin-top: 5px;}
.__visionTech2 .box .info .add-txt .dot-list { margin-top: 15px;}
.__visionTech2 .box .info .add-txt .dot-list > li { position: relative; padding-left: 20px;}
.__visionTech2 .box .info .add-txt .dot-list > li::before { content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #282828; position: absolute; left: 0; top: 14px; }
.__visionTech2 .box .info .add-txt .dot-list > li + li { margin-top: 5px; }

@media all and (max-width:1600px){
    .__p.type2 { display: none !important;}
}

@media all and (max-width:1024px){
    .__visionTech2 .box .info .add-txt,
    .__visionTech2 .box .info .add-txt > div + div  { margin-top:10px; }
    .__visionTech2 .box .info .add-txt.fz20 { font-size: 16px !important;}     
}

@media all and (max-width:575px){
    #__tech .area { -ms-flex-direction: column  !important; flex-direction: column !important; }
    #__tech .area a { width: 100%; max-width: 100%; }
}