@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
@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;}


.__ro {font-family:'Russo One',sans-serif !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 70px;transition:0.2s;height:105px;}
	#__header .wrap {position:relative;z-index:10;transition:0.2s;height:105px;display:flex;justify-content:center;}
	#__header .logo {position:absolute;top:47px;left:0;z-index:10;}
	#__header .logo a {display:block;width:166px;height:28px;text-indent:-9999px;background:url(../images/logo.svg) no-repeat 0 50% / contain;}
	#__header .gnb {display:flex;position:relative;}
	#__header .gnb > li {position:relative;}
	#__header .gnb > li > a {padding:0 30px;display:block;position:relative;transition:0.2s;font-family:'Russo One',sans-serif;transition:0.2s;}
	#__header .gnb > li > a > span {display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;height:105px;padding-top:16px;position:relative;transition:0.2s;font-weight:500;letter-spacing:0;}
	#__header .gnb > li:hover > a {background:#000;}
	#__header .gnb > li:hover > a > span {color:#fff !important;}
	#__header .gnb > li > ul {position:absolute;top:100%;width:100%;left:0;text-align:center;background:#000;padding:35px 0;transition:0.2s;opacity:0;pointer-events:none;border-radius:0 0 15px 15px;border-top:1px solid rgba(255,255,255,0.3);}
	#__header .gnb > li > ul > li > a {font-size:16px;color:#939393;padding:10px 0;display:block;line-height:1.3;transition:0.2s;}
	#__header .gnb > li > ul > li:hover > a,
	#__header .gnb > li > ul > li.active > a {color:#25aeaf;font-weight:bold;}
	#__header .gnb > li > ul > li > ul {display:none;}
	#__header .gnb > li:hover > ul {opacity:1;pointer-events:auto;transform:none;}

	#__header .lang {position:absolute;right:0;top:48px;display:flex;gap:28px;}
	#__header .lang:before {content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-7px;width:1px;height:14px;background:#fff;transition:0.2s;}
	#__header .lang a {display:block;font-size:16px;font-weight:300;color:rgba(255,255,255,0.6);transition:0.2s;}
	#__header .lang .active {color:#fff;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 .cata {display:flex;align-items:center;width:150px;justify-content:center;border:2px solid #fff;height:58px;border-radius:29px;font-size:16px;font-weight:bold;position:absolute;right:114px;top:32px;color:#fff;gap:10px;transition:0.2s;overflow:hidden;}
	#__header .cata span {display:inline-block;position:relative;}
	#__header .cata svg {width:13px;display:inline-block;position:relative;}
	#__header .cata svg path {transition:0.2s;}
	#__header .cata:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#25aeaf;transition:transform 0.2s;transform:scale(0,1);overflow:hidden;transform-origin:right center;}
	#__header .cata:hover:before {transform:scale(1,1);transform-origin:left center;}

	.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:inset 0 -1px 0 #dedede;transform:translateY(-16px);}
	.fix #__header .logo a {background-image:url(../images/logo2.svg);}
	.fix #__header .gnb > li > a > span {color:#000;}
	.fix #__header .cata {border-color:#000;color:#000;}
	.fix #__header .cata svg path {fill:#000 !important;}
	.fix #__header .lang:before {background:#000;}
	.fix #__header .lang a {color:#666;}
	.fix #__header .lang .active {color:#000;}


	#wrapper.sub {padding-top:117px;}
	.sub #__header {background:#fff;height:117px;box-shadow:inset 0 -1px 0 #dedede;transform:none;}
	.sub #__header .wrap {height:117px;}
	.sub #__header .logo {top:50%;transform:translateY(-50%);}
	.sub #__header .logo a {background-image:url(../images/logo2.svg);}
	.sub #__header .gnb > li > a > span {color:#000;height:117px;padding-top:0;}
	.sub #__header .cata {border-color:#000;color:#000;top:50%;transform:translateY(-50%);}
	.sub #__header .cata svg path {fill:#000 !important;}
	.sub #__header .lang {top:50%;transform:translateY(-50%);}
	.sub #__header .lang:before {background:#000;}
	.sub #__header .lang a {color:#666;}
	.sub #__header .lang .active {color:#000;}

	.headFix .sub #__header {transform:none;height:80px;}
	.headFix .sub #__header .wrap {height:80px;}
	.headFix .sub #__header .gnb > li > a > span {height:80px;}
	/* .fix .sub #__header,
	.fix .sub #__header .wrap,
	.fix .sub #__header .gnb > li > a > span {height:100px;} */
}

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

@media all and (max-width:1300px) and (min-width:1025px){
	#__header .wrap {padding:0 208px 0 166px;}
	#__header .cata {width:auto;padding:0 20px;right:94px;}
	#__header .cata svg {display:none;}

	#__header .gnb > li > a {padding:0 20px;font-size:16px;}
	#__header .gnb > li:hover > a {background:none;}
	#__header .gnb > li:hover > a span {text-decoration:underline;color:#000 !important;}
	#__header .gnb > li > ul {width:140px;left:50%;margin-left:-70px;padding:25px 0;border-radius:0 0 20px 20px;}
	#__header .gnb > li > ul > li > a {font-size:14px;padding:8px 0;}
}

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

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

	#__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:134px;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:#25aeaf;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 .cata {display:flex;align-items:center;padding:0 10px;justify-content:center;border:1px solid #000;height:32px;border-radius:16px;font-size:14px;font-weight:bold;position:absolute;right:65px;top:50%;transform:translateY(-50%);color:#000;gap:5px;transition:0.2s;}
	#__header .cata svg {width:10px;}
	#__header .cata svg path {fill:#000 !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:134px;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:#25aeaf;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:#25aeaf;}
	#__nav .gnb > .active > a:before {content:"\e115";}
	#__nav .gnb > li > ul > li.active > a {color:#25aeaf;}
	#__nav .gnb > li > ul > li > ul > li.active > a {color:#333;text-decoration:none !important;}
	#__nav .lang > button {display:none;}
	#__nav .lang ul {border-top:1px solid #ddd;display:table;width:100%;table-layout:fixed;}
	#__nav .lang ul li {display:table-cell;vertical-align:middle;text-align:center;}
	#__nav .lang ul li ~ li {border-left:1px solid #ddd;}
	#__nav .lang ul li a {display:block;padding:10px 0;font-size:14px;color:#000;background:#f3f3f3;}
	#__nav .bot {margin-top:20px;text-align:center;font-size:0;}
	#__nav .bot li {display:inline-block;vertical-align:top;position:relative;}
	#__nav .bot li a {color:#000;padding:0 15px;display:block;font-size:14px;border-radius:17px;letter-spacing:-0.05em;}
	#__nav .bot li ~ li:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ddd;}

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


#footer {position:relative;background:#000;padding:75px 15px;}
#footer .top-btn {display:none !important;width:81px;height:81px;right:30px;border-radius:50%;background:url(../images/gotop.png) 50% 50% / contain;z-index:100;/* transition:0.2s;transform:translateY(30px);opacity:0;visibility:hidden; */}
#footer .top-btn.fixed {top:-40.5px;}
#footer .wrap {max-width:1300px;margin:0 auto;position:relative;padding:0 100px 0 180px;}
#footer h2 {position:absolute;left:0;top:0;}
#footer h2 img {width:118px;}
#footer .sns {display:flex;position:absolute;right:0;top:0;gap:10px;}
#footer .top {display:flex;align-items:center;gap:14px;font-size:14px;font-weight:500;color:#f5f5f5;}
#footer .mid {display:flex;flex-wrap:wrap;gap:5px 30px;margin-top:15px;}
#footer .mid li {font-size:14px;display:flex;gap:7px;}
#footer .mid li span {color:#707070;}
#footer .mid li strong {font-weight:normal;color:#f5f5f5;}
#footer .copy {margin-top:25px;font-size:14px;font-weight:500;color:#707070;}


@media all and (max-width:1024px){
	#footer {padding:30px 15px;}
	#footer .top-btn {width:40px;height:40px;right:10px;}
	#footer .top-btn.fixed {top:-20px;}
	#footer .wrap {padding:0;}
	#footer h2 {position:relative;}
	#footer h2 img {width:90px;}
	#footer .sns {gap:10px;top:27px;}
	#footer .sns img {width:36px;display:block;}
	#footer .top {margin-top:15px;}
	#footer .copy {margin-top:15px;font-size:13px;}
}

#__vis {height:100dvh;position:fixed;left:0;top:0;width:100%;overflow:hidden;z-index:10;transition:1s;overflow:hidden;}
#__vis video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;/* transition:5s;transform:scale(1.1); */}
#__vis .txt {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;z-index:5;}
#__vis .txt dl {display:flex;color:#fff;gap:35px;align-items:flex-end;flex-wrap:wrap;justify-content:center;}
#__vis .txt dl dt,
#__vis .txt dl dd {transition:2s;opacity:0;transition-delay:0.3s;}
#__vis .txt dl dt {line-height:1;font-size:70px;letter-spacing:0;position:relative;top:10px;transform:translateX(-50px);}
#__vis .txt dl dd {position:relative;transform:translateX(50px);}
#__vis .txt dl dd img {width:493px;display:block;}
#__vis .quick {position:absolute;right:60px;bottom:40px;z-index:10;}
#__vis .quick a {display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;background:#fff;width:80px;height:80px;border-radius:50%;transition:0.2s;color:#171717;}
#__vis .quick a ~ a {margin-top:8px;}
#__vis .quick a em {display:inline-block;position:relative;}
#__vis .quick a em img {display:block;transition:0.2s;}
#__vis .quick a em img:nth-child(2) {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
#__vis .quick a span {display:block;font-size:12px;font-weight:600;margin-top:5px;line-height:1;}
#__vis .quick a:hover {background:#25aeaf;color:#fff;}
#__vis .quick a:hover em img:nth-child(1) {opacity:0;}
#__vis .quick a:hover em img:nth-child(2) {opacity:1;}

.load #__vis video,
.load #__vis .txt dl dt,
.load #__vis .txt dl dd {transform:none;opacity:1;}

.fix #__vis {transform:translateY(-100%);}

.seven.load #__vis .txt dl {opacity:0 !important;transform:scale(1.2) !important;transition:1.5s;}


@media all and (max-width:1024px){
	#__vis .txt dl {flex-direction:column;align-items:center;justify-content:center;gap:20px;}
	#__vis .txt dl dt {font-size:9vw;top:0;transform:translateY(-50px);}
	#__vis .txt dl dd {transform:translateY(50px);}
	#__vis .txt dl dd img {width:80vw;}
	#__vis .quick {right:15px;bottom:20px;display:flex;gap:5px;}
	#__vis .quick a {width:70px;height:70px;}
	#__vis .quick a ~ a {margin-top:0;}
	#__vis .quick a em {width:24px;}
	#__vis .quick a span {font-size:11px;}

	.load #__vis video,
	.load #__vis .txt dl dt,
	.load #__vis .txt dl dd {transform:none;opacity:1;}

	.fix #__vis {transform:translateY(-100%);}
}


#__since {height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 15px;background:url(../images/bg-since.jpg) no-repeat 50% 50% / cover;}
#__since .wrap {transition:1s;position:relative;transform:translateY(50%);transition-delay:0.3s;}
#__since dl dt {font-size:35px;font-weight:normal;color:#151515;transition:1.2s;opacity:0;transition-delay:1.0s;transform:scale(2);}
#__since dl dd {font-size:103px;font-weight:bold;color:#151515;transition:1.2s;opacity:0;transition-delay:1.4s;transform:scale(2);}
#__since p {font-size:50px;color:#151515;transition:1.2s;opacity:0;transition-delay:1.8s;transform:scale(2)}
#__since .link {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;pointer-events:none;}
#__since .link a {height:100%;width:0;flex-grow:1;background:url(../images/bg-link1.jpg) no-repeat 50% 50% / cover;transition:1s;position:relative;}
#__since .link a:nth-child(1) {transform:translateY(-100%);}
#__since .link a:nth-child(2) {transform:translateY(100%);background-image:url(../images/bg-link2.jpg);}
#__since .link a:nth-child(3) {transform:translateY(-100%);background-image:url(../images/bg-link3.jpg);}
#__since .link a:nth-child(4) {transform:translateY(100%);background-image:url(../images/bg-link4.jpg);}
#__since .link a:nth-child(1) .flt:before {background:rgba(37,174,175,0.8);}
#__since .link a:nth-child(2) .flt:before {background:rgba(21,65,65,0.9);}
#__since .link a:nth-child(3) .flt:before {background:rgba(10,39,39,0.9);}
#__since .link a:nth-child(4) .flt:before {background:rgba(1,23,23,0.8);}
#__since .link a .flt {position:absolute;left:0;bottom:0;width:100%;height:100%;color:#fff;text-align:center;padding:0 35px 95px;display:flex;align-items:flex-end;transition:0.3s;}
#__since .link a .flt:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:0;transform-origin:50% 100%;transition:0.5s;}
#__since .link a .flt:after {content:"";display:block;width:78px;height:78px;background:url(../images/ico-link.png) no-repeat 50% 50% / contain;left:50%;margin-left:-39px;bottom:85px;position:absolute;transition:0.3s;opacity:0;transform:translateY(20px);}
#__since .link a .flt .in {width:100%;position:relative;z-index:5;}
#__since .link a .flt h4 {font-size:50px;font-weight:500;color:#fff;line-height:1;}
#__since .link a .flt dl dt {font-size:22px;font-weight:600;color:#fff;line-height:0;overflow:hidden;opacity:0;transition:0.3s;height:0;}
#__since .link a .flt dl dd {font-size:20px;line-height:0;color:rgba(255,255,255,0.8);opacity:0;transition:0.3s;height:0;overflow:hidden;}
#__since .link a:hover .flt {padding-bottom:235px;}
#__since .link a:hover .flt:before {height:100%;}
#__since .link a:hover .flt:after {transform:none;opacity:1;}
#__since .link a:hover .flt dl dt {line-height:1.3;margin-top:30px;opacity:1;height:auto;}
#__since .link a:hover .flt dl dd {line-height:1.4;margin-top:35px;opacity:1;height:auto;}


.nofix #__since  * {
	transition-duration:0.1s!important;
	transition-delay:0.5s !important;
}

.fix #__since .wrap {transform:none;}
.fix #__since dl dt,
.fix #__since dl dd,
.fix #__since p {transform:none;opacity:1;}
.sinceOn #__since .link {pointer-events:auto;}
.sinceOn #__since .link a {transform:none;}


@media all and (max-width:1440px){
	#__since .link a .flt h4 {font-size:34px;}
	#__since .link a .flt dl dt {font-size:18px;}
	#__since .link a .flt dl dd {font-size:16px;}
}

@media all and (max-width:1024px){
	#__since {padding:0 15px 0;}
	#__since dl dt {font-size:20px;}
	#__since dl dd {font-size:40px;}
	#__since p {font-size:24px;}
	#__since .link {flex-direction:column;padding-top:55px;}
	#__since .link a {height:0;width:100%;flex-grow:1;display:block;}
	#__since .link a:nth-child(1) {transform:translateX(-100%);}
	#__since .link a:nth-child(2) {transform:translateX(100%);}
	#__since .link a:nth-child(3) {transform:translateX(-100%);}
	#__since .link a:nth-child(4) {transform:translateX(100%);}
	#__since .link a .flt {padding:20px !important;align-items:center;text-align:left;}
	#__since .link a .flt:before {opacity:1;}
	#__since .link a .flt:after {width:40px;height:40px;left:auto;margin-left:0;bottom:auto;transform:none !important;right:20px;top:10%;opacity:1;}
	#__since .link a .flt .in {width:100%;position:relative;z-index:5;}
	#__since .link a .flt h4 {font-size:26px;}
	#__since .link a .flt dl dt {font-size:15px;line-height:1.3;opacity:1;height:auto;margin-top:10px;}
	#__since .link a .flt dl dd {font-size:13px;line-height:1.4;opacity:1;height:auto;margin-top:5px;}
	#__since .link a .flt:before {height:100%;}


	.nofix #__since  * {
		transition-duration:0.1s!important;
		transition-delay:0.5s !important;
	}

	.fix #__since .wrap {transform:none;}
	.fix #__since dl dt,
	.fix #__since dl dd,
	.fix #__since p {transform:none;opacity:1;}
	.sinceOn #__since .link {pointer-events:auto;}
	.sinceOn #__since .link a {transform:none;}
}


.__tit1 {text-align:center;}
.__tit1 h3 {line-height:1;font-size:70px;font-weight:normal;color:#000;}
.__tit1 p {font-size:22px;line-height:1.35;margin-top:22px;}

#__field {overflow:hidden;padding:180px 0;}
#__field .__tit1 {padding:0 15px;}
#__field .swiper-wrapper {transition-timing-function:linear !important;}
#__field .word {margin-top:50px;}
#__field .word .box {width:410px;margin-right:24px;}
#__field .word .box .img {position:relative;transition:0.2s;}
#__field .word .box .img img {display:block;aspect-ratio:410 / 310;object-fit:cover;border-radius:30px;transition:0.2s;width:100%;}
#__field .word .box .img:after {content:"";display:block;width:42px;height:42px;background:url(../images/ico-play.png) no-repeat 50% 50% / contain;position:absolute;right:20px;bottom:20px;border-radius:50%;}
#__field .word .box .img:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:30px;border:3px solid #25aeaf;opacity:0;transition:0.2s;}
#__field .word .box .info {margin-top:20px;}
#__field .word .box .info .cate {line-height:1;font-size:16px;font-weight:bold;color:#25aeaf;margin-bottom:20px;}
#__field .word .box .info .subject {line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:20px;font-weight:600;color:#000;}
#__field .word .box .info .sum {line-height:1.2;font-size:16px;color:rgba(0,0,0,0.6);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:10px;}
#__field .word .box:hover .img img {box-shadow:22px 20px 29px 0px rgba(0, 0, 0, 0.20);}
#__field .word .box:hover .img:before {opacity:1;}



@media all and (max-width:1024px){
	.__tit1 h3 {font-size:34px;}
	.__tit1 p {font-size:16px;margin-top:15px;}

	#__field {padding:40px 0 60px;}
	#__field .word {margin-top:20px;}
	#__field .word .box {width:240px;margin-right:15px;}
	#__field .word .box .img img {border-radius:10px;}
	#__field .word .box .img:after {width:30px;height:30px;right:10px;bottom:10px;}
	#__field .word .box .img:before {border-width:2px;}
	#__field .word .box .info {margin-top:15px;}
	#__field .word .box .info .cate {font-size:14px;margin-bottom:10px;}
	#__field .word .box .info .subject {font-size:16px;}
	#__field .word .box .info .sum {font-size:14px;margin-top:7px;}
}


#__explore {padding:0 15px 120px;}
#__explore .area {margin-top:60px;display:flex;}
#__explore .area .box {width:0;flex-grow:1;position:relative;padding:20px 20px 0;}
#__explore .area .box:nth-child(1) {padding-left:0;}
#__explore .area .box:nth-child(1):before {content:"";display:block;}
#__explore .area .box:nth-child(3) {padding-right:0;}
#__explore .area .box i {display:block;background:#000;position:absolute;}
#__explore .area .box:nth-child(1) i {width:calc(100% - 10px);top:0;left:0;height:1px;}
#__explore .area .box:nth-child(2) i:nth-child(1) {width:calc(100% - 20px);top:0;left:50%;transform:translateX(-50%);height:1px;}
#__explore .area .box:nth-child(2) i:nth-child(2),
#__explore .area .box:nth-child(2) i:nth-child(3) {bottom:0;width:1px;height:calc(100% - 20px);}
#__explore .area .box:nth-child(2) i:nth-child(2) {left:0;}
#__explore .area .box:nth-child(2) i:nth-child(3) {right:0;}
#__explore .area .box:nth-child(3) i {width:calc(100% - 10px);top:0;right:0;height:1px;}
#__explore .area .box a {display:block;height:240px;border-radius:25px;padding:55px 65px 0;position:relative;overflow:hidden;color:#000;transition:0.2s;}
#__explore .area .box a:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/bg-exp1.jpg) no-repeat 50% 50% / cover;transform:scale(1.1);transition:1s;opacity:0;}
#__explore .area .box a:after {content:"";display:block;width:78px;height:78px;border-radius:50%;border:1px solid #000;position:absolute;right:45px;top:32px;background:url(../images/arr1.png) no-repeat 50% 50% / 21px auto;transition:0.2s;}
#__explore .area .box a dl {position:relative;}
#__explore .area .box a dl dt {font-size:30px;font-weight:600;line-height:1.2;}
#__explore .area .box a dl dd {font-size:18px;line-height:1.65;font-weight:300;margin-top:20px;}
#__explore .area .box:nth-child(2) a:before {background-image:url(../images/bg-exp2.jpg);}
#__explore .area .box:nth-child(3) a:before {background-image:url(../images/bg-exp3.jpg);}


@media all and (max-width:1440px){
	#__explore .area .box a {padding:55px 40px 0;}
	#__explore .area .box a:after {width:60px;height:60px;background-size:21px auto;right:35px;top:40px;}
}

@media all and (max-width:1300px){
	#__explore .area .box a br {display:none;}
	#__explore .area .box a {padding:55px 30px 0;}
	#__explore .area .box a:after {width:50px;height:50px;background-size:16px auto;right:25px;top:47px;}
}

@media all and (min-width:1025px){
	#__explore .area .box a:hover {color:#fff;}
	#__explore .area .box a:hover:before {transform:none;opacity:1;}
	#__explore .area .box a:hover:after {background-image:url(../images/arr2.png);border-color:#fff;background-color:rgba(255,255,255,0.1);backdrop-filter:blur(2px);}
}

@media all and (max-width:1024px){
	#__explore {padding:0 15px 40px;}
	#__explore .area {margin-top:20px;flex-direction:column;position:relative;}
	#__explore .area:before,
	#__explore .area:after {content:"";display:block;width:10px;height:20px;position:absolute;background:#fff;bottom:-10px;z-index:1;}
	#__explore .area:before {left:-1px;}
	#__explore .area:after {right:-1px;}
	#__explore .area .box {width:100%;padding:10px !important;border:1px solid #000;}
	#__explore .area .box:before,
	#__explore .area .box:after {content:"";display:block;width:10px;height:20px;position:absolute;background:#fff;}
	#__explore .area .box:before {top:-10px;left:-1px;}
	#__explore .area .box:after {top:-10px;right:-1px;}
	#__explore .area .box ~ .box {margin-top:-1px;}
	#__explore .area .box i {display:none !important}
	#__explore .area .box a {height:auto;border-radius:10px;padding:15px;}
	#__explore .area .box a:before {display:none;}
	#__explore .area .box a:after {content:"";width:40px;height:40px;right:15px;top:10px;background-size:16px auto;}
	#__explore .area .box a dl dt {font-size:24px;}
	#__explore .area .box a dl dd {font-size:16px;line-height:1.5;margin-top:15px;}
}

#__svis {height:557px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;}
#__svis i {display:block;position:absolute;left:0;top:-10px;width:100%;height:calc(100% + 10px);background:url(../images/svis1.jpg) no-repeat 50% 50% / cover;will-change:transform;}
#__svis .txt {position:relative;}
#__svis .txt h2 {font-weight:normal;color:#fff;font-size:80px;font-weight:normal;line-height:1;}
#__svis .txt ul {display:flex;gap:30px;justify-content:center;align-items:center;margin-top:20px; }
#__svis .txt ul li {position:relative;color:#fff;font-size:16px;color:rgba(255,255,255,0.7 );}
#__svis .txt ul li ~ li:before {content:"";display:block;width:7px;height:12px;background:url(../images/ico-arr.svg) no-repeat 50% 50% / contain;position:absolute;top:50%;transform:translateY(-50%);left:-17px;opacity:0.7;}
#__svis .txt ul li img {display:block;width:17px;opacity:0.7;position:relative;top:-1px;}
#__svis .txt ul li:last-child {color:#fff;}

.sub2 #__svis i {background-image:url(../images/svis2.jpg);}
.sub211 #__svis i {background-image:url(../images/svis22.jpg);}
.sub212 #__svis i {background-image:url(../images/svis23.jpg);}
.sub213 #__svis i {background-image:url(../images/svis24.jpg);}
.sub3 #__svis i {background-image:url(../images/svis3.jpg);}
.sub4 #__svis i {background-image:url(../images/svis4.jpg);}

#__snb {border-bottom:1px solid #d8d8d8;border-top:1px solid #d8d8d8;}
#__snb .snb {max-width:1300px;margin:0 auto;display:flex;}
#__snb .snb li {width:0;flex-grow:1;border-right:1px solid #d8d8d8;}
#__snb .snb li:first-child {border-left:1px solid #d8d8d8;}
#__snb .snb li a {display:flex;align-items:center;justify-content:center;  text-align: center; height:78px;font-size:20px;    padding: 0 5px; color:rgba(0,0,0,0.8);transition:0.2s;gap:7px;}
#__snb .snb li:hover a,
#__snb .snb li.on a {background:#25aeaf;color:#fff;font-weight:bold;}

.sub3 #__snb .snb li:nth-child(3) a:after,
.sub3 #__snb .snb li:nth-child(4) a:after {content:"";display:block;width:21px;height:21px;background:url(../images/ico-link2.png) no-repeat 50% 50% / contain;}

@media all and (max-width:1024px){
	#__svis {height:170px;}
	#__svis .txt h2 {font-size:46px;}
	#__svis .txt ul {gap:30px;margin-top:15px;}
	#__svis .txt ul li {font-size:14px;}
	#__svis .txt ul li ~ li:before {width:7px;height:12px;left:-17px;}
	#__svis .txt ul li img {width:15px;}

	#__snb .snb {white-space:nowrap;overflow:auto;}
	#__snb .snb li {width:auto;flex:1 1 0;}
	#__snb .snb li a {height:40px;font-size:16px;padding:0 15px;}
	#__snb .snb li:hover a,
	#__snb .snb li.active a {background:#25aeaf;color:#fff;}

	.sub3 #__snb .snb li:nth-child(3) a:after,
	.sub3 #__snb .snb li:nth-child(4) a:after {width:15px;height:15px;}
}

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

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


.__history {display:flex;}
.__history .lef {width:455px;}
.__history .lef dl dt {font-size:100px;font-weight:600;color:#000;line-height:1;}
.__history .lef dl dd {font-size:30px;font-weight:normal;color:#8e8e8e;margin-top:10px;}
.__history .rig {width:0;flex-grow:1;}
.__history .rig dl {display:flex;}
.__history .rig dl dt {width:210px;font-size:34px;font-weight:bold;color:#25aeaf;line-height:1.3;}
.__history .rig dl dd {width:0;flex-grow:1;font-size:18px;font-weight:500;line-height:1.94;color:#020202;padding-top:5px;}
.__history .rig dl dd strong {font-weight:800;}
.__history .rig dl ~ dl {margin-top:45px;padding-top:45px;border-top:2px solid #e5e5e5;}

@media all and (max-width:1024px){
	.__history {display:block;}
	.__history .lef {width:auto;}
	.__history .lef dl dt {font-size:50px;}
	.__history .lef dl dd {font-size:20px;margin-top:5px;}
	.__history .rig {width:auto;margin-top:20px;}
	.__history .rig dl {display:block;}
	.__history .rig dl dt {width:auto;font-size:30px;}
	.__history .rig dl dt br {display:none;}
	.__history .rig dl dd {width:auto;font-size:16px;line-height:1.7;padding:10px 0 0;}
	.__history .rig dl ~ dl {margin-top:25px;padding-top:25px;border-top:1px solid #e5e5e5;}
}


.__loc .head {font-size:60px;line-height:1.17;color:#000;font-weight:100;margin-bottom:40px;}
.__loc .head dt {}
.__loc .head dd {font-weight:bold;}
.__loc .loc iframe {display:block;width:100% !important;height:560px !important;}
.__loc .bot {margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;}
.__loc .bot .lef {position:relative;padding-left:13px;align-items:center;display:flex;gap:20px;}
.__loc .bot .lef:before {content:"";display:block;width:3px;height:22px;position:absolute;left:0;top:4px;background:#25aeaf;}
.__loc .bot .lef dt {font-size:20px;font-weight:600;color:#000;}
.__loc .bot .lef dd {font-size:16px;color:#000;}
.__loc .bot .rig {display:flex;gap:54px}
.__loc .bot .rig dl {display:flex;align-items:center;gap:18px;position:relative;}
.__loc .bot .rig dl ~ dl:before {content:"";display:block;width:1px;height:14px;background:#e7e7e7;position:absolute;left:-27px;top:6px;}
.__loc .bot .rig dl dt {font-size:18px;font-weight:600;color:#8d8d8d;}
.__loc .bot .rig dl dd {font-size:16px;font-weight:600;color:#000;}

@media all and (max-width:1024px){
	.__loc .head {font-size:28px;margin-bottom:20px;}
	.__loc .head dd {font-weight:bold;font-size:34px;}
	.__loc .loc iframe {height:250px !important;}
	.__loc .bot {margin-top:20px;display:block;}
	.__loc .bot .lef {padding-left:0;display:block;}
	.__loc .bot .lef:before {width:22px;height:2px;left:0;top:-5px;}
	.__loc .bot .lef dt {font-size:20px;font-weight:600;color:#000;}
	.__loc .bot .lef dd {font-size:16px;color:#000;}
	.__loc .bot .rig {display:block;margin-top:15px;}
	.__loc .bot .rig dl {}
	.__loc .bot .rig dl ~ dl:before {display:none;}
	.__loc .bot .rig dl dt {font-size:18px;width:70px;}
	.__loc .bot .rig dl dd {font-size:16px;}
}


#wrapper:has(.__pdtIntro) #__svis,
#wrapper:has(.__pdtIntro) #__snb {display:none;}
#wrapper:has(.__pdtIntro) #subWrap {overflow:visible !important;}

.__pdtIntro {display:flex;align-items:flex-start;position:relative;}
.__pdtIntro .lef {width:423px;position:sticky;top:180px;}
.__pdtIntro .lef .logo img {width:127px;}
.__pdtIntro .lef dl dt {font-size:70px;font-weight:normal;color:#000;line-height:1.07;margin-top:32px;}
.__pdtIntro .lef dl dd {font-size:18px;line-height:1.56;font-weight:500;color:#000;margin-top:30px;}
.__pdtIntro .lef ul {margin-top:75px;}
.__pdtIntro .lef ul li ~ li {margin-top:12px;}
.__pdtIntro .lef ul li button {min-width: 106px;height:52px;     line-height: 1.1;    padding: 0 12px;border-radius:26px;border:2px solid #000;background:#fff;color:#000;font-size:20px;font-weight:bold;display:flex;align-items:center;justify-content:center;text-align:center;}
.__pdtIntro .lef ul li button:hover,
.__pdtIntro .lef ul li.active button {background:#25aeaf;border-color:#25aeaf;color:#fff;}
.__pdtIntro .rig {width:0;flex-grow:1;}
.__pdtIntro .rig .sec {display:none;flex-wrap:wrap;gap:0 30px;}
.__pdtIntro .rig .sec.active {display:flex;}
.__pdtIntro .rig .sec .box {display:block;width:calc(50% - 15px);height:424px;border-radius:55px;border:2px solid #000;position:relative;overflow:hidden;}
.__pdtIntro .rig .sec .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;transition:0.2s;opacity:0;z-index:2;}
.__pdtIntro .rig .sec .box img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.__pdtIntro .rig .sec .box .flt {position:absolute;left:0;top:0;width:100%;height:100%;padding:48px 38px 0;z-index:3;}
.__pdtIntro .rig .sec .box .flt dl dt {font-size:35px;font-weight:600;color:#000;line-height:1.2;transition:0.2s;}
.__pdtIntro .rig .sec .box .flt dl dd {font-size:20px;color:#a3a3a3;margin-top:5px;transition:0.2s;}
.__pdtIntro .rig .sec .box .flt p {font-size:15px;line-height:0;font-weight:300;color:#fff;margin-top:30px;opacity:0;transition:0.2s;}
.__pdtIntro .rig .sec .box:after {content:"";display:block;width:78px;height:78px;border-radius:50%;border:2px solid #000;position:absolute;right:40px;bottom :40px;background:url(../images/narr1.svg) no-repeat 50% 50% / 17px auto;transition:0.2s;z-index:4;}
.__pdtIntro .rig .sec .box:hover:before {opacity:1;}
.__pdtIntro .rig .sec .box:hover:after {border-color:#fff;background-image:url(../images/narr2.svg);}

@media all and (max-width:1300px){
	.__pdtIntro .rig .sec .box .flt {padding:40px 30px 0;}
	.__pdtIntro .rig .sec .box .flt p {display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
}

@media all and (min-width:1025px){
	.__pdtIntro .rig .sec .box:nth-child(2) {margin-top:88px;}
	.__pdtIntro .rig .sec .box:nth-child(n+3):nth-child(odd) {margin-top:-60px;}
	.__pdtIntro .rig .sec .box:nth-child(n+3):nth-child(even) {margin-top:28px;}
	.__pdtIntro .rig .sec .box:hover .flt dl dt {color:#fff;}
	.__pdtIntro .rig .sec .box:hover .flt p {opacity:1;line-height:1.7;}
}

@media all and (max-width:1024px){
	.__pdtIntro {display:block;}
	.__pdtIntro .lef {width:auto;position:relative;top:0;}
	.__pdtIntro .lef dl dt {font-size:33px;margin-top:15px;}
	.__pdtIntro .lef dl dd {font-size:16px;line-height:1.5;margin-top:10px;}
	.__pdtIntro .lef ul {margin-top:20px;display:flex;gap:0;}
	.__pdtIntro .lef ul li {position:relative;}
	.__pdtIntro .lef ul li ~ li {margin:0 0 0 -2px;}
	.__pdtIntro .lef ul li button {width:auto;height:40px;border-radius:0;font-size:16px;padding:0 17px;border-width:1px;}
	.__pdtIntro .lef ul li.active button {z-index:5;}
	.__pdtIntro .rig {width:auto;margin-top:30px;}
	.__pdtIntro .rig .sec {gap:10px;}
	.__pdtIntro .rig .sec .box {width:calc(50% - 5px);height:auto;aspect-ratio:1 / 1;border-radius:15px;}
	.__pdtIntro .rig .sec .box:before {display:none;}
	.__pdtIntro .rig .sec .box .flt {padding:15px 15px 0;z-index:3;}
	.__pdtIntro .rig .sec .box .flt dl dt {font-size:16px;}
	.__pdtIntro .rig .sec .box .flt dl dd {font-size:13px;margin-top:2px;}
	.__pdtIntro .rig .sec .box .flt p {display:none;}
	.__pdtIntro .rig .sec .box:after {display:none;}
}


.__pdtLine {padding:100px 15px;}
.__pdtLine .head {display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;}
.__pdtLine .head h3 {line-height:1;font-weight:normal;color:#000;font-size:45px;}
.__pdtLine .head .bt {display:flex;gap:14px;}
.__pdtLine .head .bt button {width:48px;height:48px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;border:1px solid #000;background:none;}
.__pdtLine .head .bt button:before {content:"";display:block;width:16px;height:10px;background:url(../images/narr1.svg) no-repeat 50% 50% / contain;position:relative;}
.__pdtLine .head .bt .prev:before {transform:rotate(180deg);}
.__pdtLine .roll {}
.__pdtLine .roll .swiper-slide {display:block;height:135px;overflow:hidden;border:2px solid #000;border-radius:10px;display:flex;align-items:center;padding:0 10px;position:relative;transition:0.2s;opacity:0;pointer-events:none;}
.__pdtLine .roll .swiper-slide img {position:absolute;right:0;top:0;  width:55%; height:100%;object-fit:cover;}
.__pdtLine .roll .swiper-slide dl {width:45%;position:relative;z-index:1;}
.__pdtLine .roll .swiper-slide dl dt {font-family:'Russo One',sans-serif;font-size:14px;color:#a3a3a3;}
.__pdtLine .roll .swiper-slide dl dd {font-size:18px;font-weight:bold;color:#000;margin-top:7px;}
.__pdtLine .roll .swiper-slide:hover {box-shadow:0 30px 29px 0 rgba(0,0,0,0.29);border-color:#25aeaf;}
.__pdtLine .roll .swiper-slide-active,
.__pdtLine .roll .swiper-slide-active + .swiper-slide,
.__pdtLine .roll .swiper-slide-active + .swiper-slide + .swiper-slide,
.__pdtLine .roll .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
.__pdtLine .roll .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {opacity:1;pointer-events:auto;}


.__pdtLine2 {background:#f5f5f5 url(../images/bg-pdtline.jpg) no-repeat 100% 100%;padding:100px 15px 150px;}
.__pdtLine2 .head {position:relative;padding-left:17px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;}
.__pdtLine2 .head:before {content:"";display:block;width:5px;height:42px;position:absolute;left:0;top:0;background:#25aeaf;}
.__pdtLine2 .head strong {font-size:40px;font-weight:600;color:#000;line-height:1;}
.__pdtLine2 .head span {font-size:20px;color:#9c9c9c;font-weight:bold;}
.__pdtLine2 .cont {font-size:18px;line-height:1.67;color:#000;margin:50px 0 90px;}



.__layout:has(.__pdtList) {background:#f5f5f5 url(../images/bg-pdtline.jpg) no-repeat 100% 100%;}
.__pdtList {display:flex;flex-wrap:wrap;gap:45px 19px;}
.__pdtList .box {width:calc(100% / 3 - (38px / 3));}
.__pdtList .box .img {position:relative;overflow:hidden;border-radius:20px;}
.__pdtList .box .img img {display:block;aspect-ratio:421 / 308;width:100%;object-fit:contain;}
.__pdtList .box .img .ov {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.87);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:17px;transition:0.2s;opacity:0;}
.__pdtList .box .img .ov i {display:inline-block;width:67px;height:67px;background:url(../images/ico-more.png) no-repeat 50% 50% / contain;transition:0.2s;transition-delay:0.2s;transform:translateY(-10px);opacity:0;}
.__pdtList .box .img .ov span {display:block;line-height:1;color:#fff;font-size:15px;font-weight:bold;transition:0.2s;transition-delay:0.2s;transform:translateY(10px);opacity:0;}
.__pdtList .box .img .ov span:before {content:"MORE VIEW";}
.__pdtList .box .txt {text-align:center;margin-top:17px;font-size:20px;font-weight:600;color:#000;}
.__pdtList .box:hover .img .ov {opacity:1;}
.__pdtList .box:hover .img .ov i,
.__pdtList .box:hover .img .ov span {transform:none;opacity:1;}

@media all and (max-width:1024px){
	.__pdtLine {padding:40px 15px;}
	.__pdtLine .head {margin-bottom:20px;}
	.__pdtLine .head h3 {font-size:28px;}
	.__pdtLine .head .bt {gap:5px;}
	.__pdtLine .head .bt button {width:32px;height:32px;}
	.__pdtLine .head .bt button:before {width:14px;height:9px;}
	.__pdtLine .roll {}
	.__pdtLine .roll .swiper-slide {height:135px;padding:0 15px;border-width:1px;}
	.__pdtLine .roll .swiper-slide dl dt {font-size:13px;}
	.__pdtLine .roll .swiper-slide dl dd {font-size:16px;margin-top:4px;}


	.__pdtLine2 {padding:40px 15px 80px;background-size:200px auto;}
	.__pdtLine2 .head {display:block;padding:10px 0 0;}
	.__pdtLine2 .head:before {width:40px;height:2px;}
	.__pdtLine2 .head strong {font-size:32px;margin-right:8px;}
	.__pdtLine2 .head span {font-size:16px;}
	.__pdtLine2 .cont {font-size:14px;line-height:1.5;margin:20px 0 40px;}


	.__layout:has(.__pdtList) {background-size:200px auto;padding-bottom:80px;}
	.__pdtList {gap:30px 10px;}
	.__pdtList .box {width:calc(50% - 5px);}
	.__pdtList .box .img {border-radius:10px;}
	.__pdtList .box .img .ov i {width:40px;height:40px;}
	.__pdtList .box .img .ov span {font-size:13px;}
	.__pdtList .box .txt {margin-top:10px;font-size:14px;}
}


#wrapper:has(.__pdtView) #__svis,
#wrapper:has(.__pdtView) #__snb {display:none;}
#wrapper:has(.__pdtView) #__field {padding-top:0;}
.__pdtView .one {display:flex;justify-content:space-between;align-items:flex-start;}
.__pdtView .one .img {width:calc(600 / 1300 * 100%);}
.__pdtView .one .img img {display:block;width:100%;aspect-ratio:1 / 1;border-radius:20px;}
.__pdtView .one .img .big img {object-fit:contain;}
.__pdtView .one .img .thm {display:flex;justify-content:center;gap:10px;margin-top:10px;}
.__pdtView .one .img .thm a {display:block;width:calc(25% - (30px / 4));}
.__pdtView .one .img .thm img {object-fit:cover;}
.__pdtView .one .info {width:calc(645 / 1300 * 100%);padding-top:5px;}
.__pdtView .one .info .navi {display:flex;gap:30px;align-items:center;margin-bottom:32px;}
.__pdtView .one .info .navi li {position:relative;color:#b8b8b8;font-size:16px;}
.__pdtView .one .info .navi li ~ li:before {content:"";display:block;width:7px;height:12px;background:url(../images/ico-arr2.svg) no-repeat 50% 50% / contain;position:absolute;top:50%;transform:translateY(-50%);left:-17px;}
.__pdtView .one .info .navi li img {display:block;width:17px;position:relative;top:-1px;}
.__pdtView .one .info .navi li:last-child {color:#000;}
.__pdtView .one .info .subject {font-size:40px;font-weight:600;color:#000;letter-spacing:-0.02em;line-height:1.2;}
.__pdtView .one .info .sum {font-size:18px;line-height:1.67;color:#000;margin-top:15px;}
.__pdtView .one .info .sec {margin-top:35px;}
.__pdtView .sec h4 {font-size:20px;font-weight:bold;color:#000;position:relative;padding-left:17px;line-height:1.2;}
.__pdtView .sec h4:before {content:"";display:block;width:8px;height:8px;border-radius:50%;position:absolute;left:0;top:9px;background:#25aeaf;}
.__pdtView .sec .marks {display:flex;flex-wrap:wrap;gap:15px 25px;margin-top:20px;}
.__pdtView .sec .marks img {width:66px;aspect-ratio:66 / 76;object-fit:contain;}
.__pdtView .sec .con {margin-top:10px;}
.__pdtView table {width:100% !important;border:none !important;border-top:2px solid #000 !important;}
.__pdtView table tr > * {border:none !important;border-bottom:1px solid #e1e1e1 !important;height:70px !important;padding:13px 10px !important;line-height:1.38 !important;color:#000 !important;text-align:center !important;font-size:16px !important;vertical-align:middle !important;}
.__pdtView table tr > * * {font:inherit !important;}
.__pdtView table tr th {font-weight:600 !important;}
.__pdtView .two {margin-top:65px;display:flex;justify-content:center;gap:10px;}
.__pdtView .two a {display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;width:162px;height:62px;border-radius:31px;border:2px solid #000;color:#000;font-size:16px;font-weight:600;}
.__pdtView .two .bt1 {background:#000;color:#fff;}
.__pdtView .thr {margin-top:100px;}

@media all and (max-width:1024px){
	.__pdtView .one {display:block;}
	.__pdtView .one .img {width:auto;}
	.__pdtView .one .img img {border-radius:10px;}
	.__pdtView .one .info {width:auto;padding-top:30px;}
	.__pdtView .one .info .subject {font-size:24px;}
	.__pdtView .one .info .sum {font-size:16px;line-height:1.5;margin-top:10px;}
	.__pdtView .one .info .sec {margin-top:30px;}
	.__pdtView .sec h4 {font-size:18px;padding-left:14px;}
	.__pdtView .sec h4:before {width:6px;height:6px;top:8px;}
	.__pdtView .sec .marks {gap:10px 15px;margin-top:15px;}
	.__pdtView .sec .marks img {width:50px;}
	.__pdtView .sec .con {overflow:auto;margin-left:-15px;margin-right:-15px;padding:0 15px;}
	.__pdtView table tr > * {height:auto !important;padding:5px !important;font-size:14px !important;line-height:1.2 !important;}
	.__pdtView .two {margin-top:30px;}
	.__pdtView .two a {gap:5px;width:130px;height:50px;border-radius:25px;border:1px solid #000;font-size:14px;}
	.__pdtView .two a img {height:18px;}
	.__pdtView .thr {margin-top:30px;}
}

.__cate {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:100px;}
.__cate a {display:flex;align-items:center;justify-content:center;text-align:center;width:calc(20% - (40px / 5));height:52px;border-radius:26px;background:#f6f6f6;font-size:18px;color:#545454;transition:0.2s;}
.__cate a:hover,
.__cate .active {background:#000;color:#fff;font-weight:600;}

@media all and (max-width:1024px){
	.__cate {margin-bottom:20px;}
	.__cate a {width:calc(100% / 3 - (20px / 3));height:36px;border-radius:18px;font-size:14px;}
}


.__vidList {display:flex;flex-wrap:wrap;gap:35px 20px;}
.__vidList .box {width:calc(100% / 3 - (40px / 3));}
.__vidList .box .img {position:relative;transition:0.2s;}
.__vidList .box .img video,
.__vidList .box .img iframe,
.__vidList .box .img img {display:block;aspect-ratio:420 / 315;object-fit:cover;border-radius:30px;transition:0.2s;width:100%;}
.__vidList .box .img:after {content:"";display:block;width:42px;height:42px;background:url(../images/ico-play.png) no-repeat 50% 50% / contain;position:absolute;right:20px;bottom:20px;border-radius:50%;}
.__vidList .box .img:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:30px;border:2px solid #25aeaf;opacity:0;transition:0.2s;}
.__vidList .box .info {margin-top:20px;text-align:center;}
.__vidList .box .info .cate {line-height:1;font-size:16px;font-weight:bold;color:#25aeaf;margin-bottom:20px;}
.__vidList .box .info .subject {line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:20px;font-weight:600;color:#000;}
.__vidList .box .info .sum {line-height:1.2;font-size:16px;color:rgba(0,0,0,0.6);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:10px;}
.__vidList .box:hover .img img {box-shadow:22px 20px 29px 0px rgba(0, 0, 0, 0.20);}
.__vidList .box:hover .img:before {opacity:1;}



@media all and (max-width:1024px){
	.__vidList {gap:25px 10px;}
	.__vidList .box {width:calc(50% - 5px);}
	.__vidList .box .img img {border-radius:10px;}
	.__vidList .box .img:after {width:30px;height:30px;right:10px;bottom:10px;}
	.__vidList .box .img:before {border-width:2px;}
	.__vidList .box .info {margin-top:15px;}
	.__vidList .box .info .subject {font-size:16px;}
}


.__inq .head {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:25px;}
.__inq .head h4 {font-size:30px;font-weight:bold;color:#000;}
.__inq .head .bt {display:flex;gap:10px;}
.__inq .head .bt a {display:flex;align-items:center;justify-content:center;width:230px;height:62px;/*border:2px solid #000;*/border-radius:31px;font-size:16px;font-weight:600;color:#000;gap:12px;}
/* .__inq .head .bt a:nth-child(1) {background:#fab600;border-color:#fab600;} */



.__inq .head .bt a.kakao { background:#fab600; border-color:#fab600; }
.__inq .head .bt a.call { border:2px solid #000; }
.__inq .head .bt a.as { background: #25aeaf ; }

@media all and (min-width:1025px){
    html:lang(en) .__inq .head {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        gap: 10px;
    }
}

.__inq .botbt {text-align:center;margin-top:40px;}
.__inq .botbt button {display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#25aeaf;width:200px;height:78px;border-radius:39px;font-size:18px;font-weight:600;}
.__inq table {width:100%;table-layout:fixed;border-top:2px solid #000;}
.__inq table tr > * {vertical-align:middle;padding:15px;color:#000;border-bottom:1px solid #bebebe;text-align:left;}
.__inq table tr th {width:210px;background:#f2f2f2;height:86px;padding-left:35px;font-size:18px;font-weight:bold;}
.__inq table tr th span {color:#ce2222;}
.__inq table tr td {font-size:16px;color:#010101;}
.__inq table tr td input,
.__inq table tr td textarea {display:block;width:100%;height:55px;border:1px solid #d8d8d8;border-radius:3px;width:100%;max-width:100%;}
.__inq table tr td textarea {height:140px;}
.__inq table tr td .tel {display:flex;align-items:center;gap:5px;}
.__inq table tr td .tel input {width:0;flex-grow:1;}
.__inq table tr td .rad {display:flex;gap:5px 45px;flex-wrap:wrap;}
.__inq table tr td input[type="radio"] + label {color:#010101;padding-left:32px;font-size:16px;}
.__inq table tr td input[type="radio"] + label:before {width:25px;height:25px;background:#f2f2f2;border:none;top:0;}
.__inq table tr td input[type="radio"]:checked + label:before {content:"";border:7px solid #25aeaf;background:#fff;}
.__inq table tr td .filebox {position:relative;display:flex;gap:15px;}
.__inq table tr td .filebox .upload-name {order:-1;width:0;flex-grow:1;border:1px solid #d8d8d8;border-radius:3px;padding-left:10px;}
.__inq table tr td .filebox label {display:flex;align-items:center;justify-content:center;width:160px;height:55px;border-radius:3px;color:#fff;background:#000;}
.__inq table tr td .privacy_box--fc {margin:0;padding:25px 20px;background:#f5f5f5;border:none;}
.__inq table tr td .privacy_box--fc pre {font:inherit;}
.__inq table tr td .privacy_txt--fc {margin-top:15px;}
.__inq table tr td input[type="checkbox"]:checked + label:before {background-color:#3ab6b7;border-color:#3ab6b7;}
.__inq table tr td .captcha_box--fc {margin:0;display:flex;align-items:center;}
.__inq table tr td .captcha_box--fc .captcha__num--fc img {width:170px;height:55px;}
.__inq table tr td .captcha_box--fc a {margin:0;width:55px;height:55px;padding:15px;border:none;}
.__inq table tr td .captcha_box--fc input {width:0;flex-grow:1;}

@media all and (max-width:1200px){
	.__inq table tr th {padding-left:15px;width:160px;}
}

@media all and (max-width:1024px){
	.__inq .head {display:block;margin-bottom:20px;}
	.__inq .head h4 {font-size:18px;line-height:1.2;letter-spacing:-0.03em;}
	.__inq .head .bt {margin-top:10px;}
	.__inq .head .bt a {width:0;flex-grow:1;height:40px;border-radius:20px;font-size:14px;gap:10px;}
	.__inq .head .bt a img {height:20px;}
	.__inq .botbt {margin-top:30px;}
	.__inq .botbt button {width:140px;height:54px;border-radius:27px;font-size:16px;}
	.__inq table {display:block;}
	.__inq table tbody {display:block;}
	.__inq table tr {display:flex;flex-wrap:wrap;}
	.__inq table tr > * {padding:10px;}
	.__inq table tr th {width:90px;height:auto;padding:10px;font-size:14px;display:flex;align-items:center;}
	.__inq table tr td {font-size:14px;width:calc(100% - 90px);font-size:14px;}
	.__inq table tr td input {height:40px;border-radius:3px;width:100%;max-width:100%;}

	.__inq table tr td .rad {gap:5px 30px;}
	.__inq table tr td input[type="radio"] + label {padding-left:20px;font-size:14px;}
	.__inq table tr td input[type="checkbox"] + label {font-size:14px;}
	.__inq table tr td input[type="radio"] + label:before {width:15px;height:15px;top:3px;}
	.__inq table tr td input[type="radio"]:checked + label:before {border:3px solid #25aeaf;}
	.__inq table tr td .filebox {gap:5px;}
	.__inq table tr td .filebox label {width:auto;padding:15px;height:40px;}
	.__inq table tr td .privacy_box--fc {padding:15px 10px;line-height:1.4;}
	.__inq table tr td .privacy_txt--fc {margin-top:10px;}
	.__inq table tr td .captcha_box--fc .captcha__num--fc {width:120px;}
	.__inq table tr td .captcha_box--fc .captcha__num--fc img {width:120px;height:40px;}
	.__inq table tr td .captcha_box--fc a {width:auto;max-width:40px;min-width:40px;height:40px;padding:10px;display:flex;align-items:center;justify-content:center;}
	.__inq table tr td .captcha_box--fc input {margin:0 !important;font-size:14px;}

}


.__ceo {background:url(../images/bg-ceo.jpg) no-repeat 50% 100%;}
.__ceo .area {position:relative;padding-left:325px;}
.__ceo .area h3 {position:absolute;left:0;top:0;line-height:1;font-size:30px;font-weight:normal;color:#000;}
.__ceo .area .info .top dt {font-size:70px;font-weight:600;color:#000;line-height:1;}
.__ceo .area .info .top dd {font-size:30px;line-height:1.2;margin-top:17px;}
.__ceo .area .info .mid {font-size:18px;color:#000;line-height:1.75;margin-top:55px;}
.__ceo .area .info .mid p:nth-child(2) {margin-top:45px;font-size:22px;font-weight:bold;}
.__ceo .area .info .mid p:nth-child(3) {margin-top:15px;}
.__ceo .area .info .mid dl {display:flex;gap:15px;align-items:flex-end;margin-top:100px;gap:15px}
.__ceo .area .info .mid dl dt {margin-bottom:5px;}

@media all and (max-width:1024px){
	.__ceo {background-size:100% auto;}
	.__ceo .area {padding:0;}
	.__ceo .area h3 {position:relative;font-size:20px;margin-bottom:30px;}
	.__ceo .area .info .top dt {font-size:36px;}
	.__ceo .area .info .top dd {font-size:20px;margin-top:10px;}
	.__ceo .area .info .mid {font-size:16px;line-height:1.6;margin-top:25px;}
	.__ceo .area .info .mid p:nth-child(2) {margin-top:20px;font-size:18px;line-height:1.5;}
	.__ceo .area .info .mid p:nth-child(3) {margin-top:10px;}

	.__ceo .area .info .mid dl {margin-top:30px;}
	.__ceo .area .info .mid dl dt {margin-bottom:5px;}
	.__ceo .area .info .mid dl dd img {width:120px;}
}


.__vision1 {position:relative;overflow:hidden;}
/* .__vision1 i {display:block;left:50%;width:1008px;height:170px;margin-left:-504px;top:190px;position:absolute;}
.__vision1 i:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/logo2.svg) no-repeat 50% 50% / contain;opacity:0.04;} */
.__vision1 i {display:none !important;}
.__vision1 .wrap {position:relative;}
.__vision1 .top {text-align:center;}
.__vision1 .top dt {font-size:20px;font-weight:bold;color:#25aeaf;line-height:1;}
.__vision1 .top dd {font-weight:600;color:#000;margin-top:20px;}
.__vision1 .top dd li {position:relative;overflow:hidden;font-size:35px;line-height:1.43;height:1.43em;}
.__vision1 .top dd li p {position:absolute;left:0;transform:translateY(100%);transition:1s;opacity:0;}
.__vision1 .top dd .active p {transform:none;opacity:1;width:100%;}
.__vision1 .top dd strong {font-weight:800;}
.__vision1 .area {margin-top:130px;display:flex;gap:62px;}
.__vision1 .area .box {width:calc(100% / 3 - (124px / 3));height:463px;overflow:hidden;position:relative;border-radius:25px;background:url(../images/bg-vision1.jpg) no-repeat 50% 50% / cover;color:#fff;}
.__vision1 .area .box:nth-child(2) {background-image:url(../images/bg-vision2.jpg);}
.__vision1 .area .box:nth-child(3) {background-image:url(../images/bg-vision3.jpg);}
.__vision1 .area .box h4 {position:absolute;left:0;top:0;width:100%;padding:50px;font-size:34px;font-weight:600;}
.__vision1 .area .box p {position:absolute;left:0;bottom:0;width:100%;padding:50px;font-size:16px;line-height:1.63;}
.__vision1 .area .box.mg2 {transform:translateY(60px);}


.__vision2 {display:block;position:relative;overflow:hidden;height:100vh;padding:0 15px;display:flex;align-items:center;justify-content:center;text-align:center;background:#000;}
.__vision2 video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.__vision2 .txt {width:100%;position:relative;z-index:10;color:#fff;}
.__vision2 .txt .in {}
.__vision2 .txt h3 {font-size:24px;font-weight:600;}
.__vision2 .txt dl dt {font-size:100px;font-weight:600;line-height:1;margin:30px 0 25px;}
.__vision2 .txt dl dd {font-size:18px;line-height:1.94;;}
.__vision2 .txt dl dd strong {font-size:20px;}


@media all and (max-width:1024px){
	.__vision1 i {width:380px;height:80px;margin-left:-190px;top:100px;}
	.__vision1 .top dt {font-size:16px;}
	.__vision1 .top dd {margin-top:15px;}
	.__vision1 .top dd li {font-size:24px;line-height:1.4;height:1.4em;}
	.__vision1 .top dd strong {font-weight:800;}
	.__vision1 .area {margin:80px -30px 0;gap:20px;}
	.__vision1 .area .box {width:calc(100% / 3 - (40px / 3));height:150px;border-radius:10px;}
	.__vision1 .area .box h4 {padding:15px;font-size:18px;}
	.__vision1 .area .box p {padding:15px;font-size:14px;line-height:1.4;display:none;}
	.__vision1 .area .box:nth-child(1) {text-align:right;}


	.__vision2 video {opacity:0.7;}
	.__vision2 .txt h3 {font-size:16px;font-weight:600;}
	.__vision2 .txt dl dt {font-size:40px;margin:15px 0 10px;}
	.__vision2 .txt dl dd {font-size:14px;line-height:1.8;}
	.__vision2 .txt dl dd strong {font-size:16px;}
}

@media (max-width: 575px) {
    .__vision1 .top dd li {
        font-size: 4.5vw;
		}
	}

.__esg1 {font-size:65px;font-weight:600;text-align:center;line-height:1.35;}
.__esg1 .fill-text li {position:relative;color:#9f9f9f;}
.__esg1 .fill-text li::after {content:attr(data-text);position:absolute;left:0;top:0;width:100%;white-space:nowrap;color:transparent;background-image:linear-gradient(90deg, #000 0%, #000 100%);background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;clip-path:inset(0 100% 0 0);animation:fillText 4s ease forwards;}
.__esg1 .fill-text li:nth-child(1)::after {animation-delay:1s;}
.__esg1 .fill-text li:nth-child(2)::after {animation-delay:2.2s;}
.__esg1 .fill-text li:nth-child(3)::after {animation-delay:3.4s;}

@keyframes fillText {
	from {clip-path:inset(0 100% 0 0);}
	to {clip-path:inset(0 0 0 0);}
}


.__esg2 {background:url(../images/bg-esg2.jpg) no-repeat 50% 50% / cover;text-align:center;padding:130px 15px;}
.__esg2 .area {display:flex;}
.__esg2 .area .box {width:0;flex-grow:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;}
.__esg2 .area .box ~ .box {border-left:2px solid rgba(255,255,255,0.2);padding:35px 0 25px;}
.__esg2 .area .box .ico {}
.__esg2 .area .box dl {margin-top:37px;}
.__esg2 .area .box dl dt {font-size:40px;font-weight:bold;line-height:1;}
.__esg2 .area .box dl dd {font-size:18px;font-weight:500;margin-top:10px;}

.__esg3 {padding:100px 15px 130px;}
.__esg3 .wrap {max-width:1320px;margin:0 auto;}
.__esg3 .area .box {display:flex;background:#f7f7f7;padding:40px 30px 40px 50px;border-radius:25px;gap:50px;}
.__esg3 .area .box ~ .box {margin-top:50px;}
.__esg3 .area .box .info {width:0;flex-grow:1;}
.__esg3 .area .box .info .ico {}
.__esg3 .area .box .info .top {margin-top:40px;color:#000;}
.__esg3 .area .box .info .top dl dt {font-size:24px;font-weight:500;line-height:1;}
.__esg3 .area .box .info .top dl dd {font-size:45px;font-weight:bold;line-height:1.2;margin-top:5px;}
.__esg3 .area .box .info .top p {color:#555;margin-top:20px;font-size:18px;}
.__esg3 .area .box .info .bot {margin-top:68px;}
.__esg3 .area .box .info .bot dl {position:relative;padding-left:38px;color:#000;}
.__esg3 .area .box .info .bot dl ~ dl {margin-top:33px;}
.__esg3 .area .box .info .bot dl:before {content:"";display:block;width:21px;height:21px;background:url(../images/ico-esg-chk.gif) no-repeat 50% 50% / contain;position:absolute;left:0;top:2px;}
.__esg3 .area .box .info .bot dl dt {font-size:24px;font-weight:bold;line-height:1;}
.__esg3 .area .box .info .bot dl dd {font-size:18px;line-height:1.5;margin-top:5px;}
.__esg3 .area .box .img {width:calc(506 / 1240 * 100%);}
.__esg3 .area .box .img img {display:block;aspect-ratio:506 / 675;border-radius:20px;width:100%;object-fit:cover;}

@media all and (min-width:1025px){
	html:lang(en) .__esg1 {
		font-size: 55px;
	}
}

@media all and (max-width:1024px){
	.__esg1 {font-size:23px;letter-spacing:-0.03em;word-spacing:-0.025em;}

	.__esg2 {padding:30px 0;}
	.__esg2 .area .box ~ .box {padding:20px 0;}
	.__esg2 .area .box img {width:50px;}
	.__esg2 .area .box dl {margin-top:15px;}
	.__esg2 .area .box dl dt {font-size:16px;}
	.__esg2 .area .box dl dd {font-size:13px;}

	.__esg3 {padding:40px 15px;}
	.__esg3 .area .box {padding:30px;border-radius:10px;display:block;}
	.__esg3 .area .box ~ .box {margin-top:20px;}
	.__esg3 .area .box .info {width:auto;position:relative;}
	.__esg3 .area .box .info .ico {position:absolute;right:0;top:0;}
	.__esg3 .area .box .info .ico img {width:45px;}
	.__esg3 .area .box .info .top {margin-top:0;}
	.__esg3 .area .box .info .top dl dt {font-size:16px;}
	.__esg3 .area .box .info .top dl dd {font-size:24px;}
	.__esg3 .area .box .info .top p {margin-top:15px;font-size:14px;}
	.__esg3 .area .box .info .bot {margin-top:30px;}
	.__esg3 .area .box .info .bot dl {padding-left:25px;}
	.__esg3 .area .box .info .bot dl ~ dl {margin-top:20px;}
	.__esg3 .area .box .info .bot dl:before {width:14px;height:14px;top:0;}
	.__esg3 .area .box .info .bot dl dt {font-size:16px;}
	.__esg3 .area .box .info .bot dl dd {font-size:14px;}
	.__esg3 .area .box .img {width:auto;margin-top:30px;}
	.__esg3 .area .box .img img {border-radius:10px;width:100%;aspect-ratio:4 / 3;}
	.__esg3 .area .box:nth-child(2) .img img {object-position:50% 70%;}
}
@media all and (max-width:575px){
    html:lang(en) .__esg1 {
			font-size: 4.5vw;
		}
}



.__topArea {display:flex;justify-content:center;margin-bottom:45px;/* padding-bottom:35px;border-bottom:1px solid #151515; */align-items:flex-end;}
.__topArea .count {display:none;}
.__topArea .sch {position:relative;display:flex;width:350px;border:2px solid #000;height:60px;border-radius:30px;}
.__topArea .sch select {display:none;}
.__topArea .sch input {width:100%;height:56px;padding-left:30px;border-radius:0;font-size:16px;font-weight:300;color:#000;border:none;background:none;}
.__topArea .sch input::placeholder {color:#555;}
.__topArea .sch button {width:56px;height:100%;display:flex;align-items:center;justify-content:center;background:url(../images/ico-sch.svg) no-repeat 50% 50% / 23px auto;text-indent:-9999px;border:none;position:absolute;right:15px;top:0;}

@media all and (max-width:1024px) {
	.__topArea {margin-bottom:15px;gap:10px}
	.__topArea .sch {order:-1;width:100%;height:46px;border-radius:23px;}
	.__topArea .sch input {width:0;flex-grow:1;height:42px;padding-left:15px;font-size:14px;}
	.__topArea .sch button {width:40px;background-size:20px auto;right:10px;}
}


.__tech {padding:80px 15px 120px;background:#e9e9ea url(../images/bg-tech.jpg) no-repeat 50% 100% / 100% auto;}
.__tech .tab {display:flex;gap:12px;margin-bottom:60px;}
.__tech .tab a {display:block;width:0;flex-grow:1;overflow:hidden;border-radius:25px;transition:0.2s;}
.__tech .tab a:hover {box-shadow:0px 30px 29px 0px rgba(0, 0, 0, 0.29);transform:translateY(-27px);}
.__tech .tab a img {display:block;width:100%;}
.__tech .section .box {position:relative;background:#fff;padding:50px;border-radius:10px;display:flex;justify-content:space-between;}
.__tech .section .box ~ .box {margin-top:10px;}
.__tech .section .box .bookmark {position:absolute;left:0;top:-100px;}
.__tech .section .box .info {width:0;flex-grow:1;padding-right:100px;}
.__tech .section .box .info .key {font-size:18px;font-weight:bold;color:#25aeaf;margin-bottom:23px;line-height:1.2;}
.__tech .section .box .info .subject {font-size:36px;font-weight:bold;color:#000;line-height:1.2;}
.__tech .section .box .info .sum {font-size:24px;font-weight:bold;line-height:1.3;color:#000;margin-top:5px;}
.__tech .section .box .info .hash {display:flex;flex-wrap:wrap;gap:5px;margin-top:20px;}
.__tech .section .box .info .hash li {display:inline-flex;align-items:center;justify-content:center;text-align:center;height:35px;border-radius:5px;padding:0 20px;background:#e2e2e2;font-size:15px;letter-spacing:-0.02em;}
.__tech .section .box .info .txt {margin-top:35px;font-size:18px;line-height:1.56;color:#000;}
.__tech .section .box .img {width:230px;}
.__tech .section .box .img span img {display:block;width:100%;border-radius:25px;}


@media all and (max-width:1024px){
	.__tech {padding:40px 15px;}
	.__tech .tab {gap:5px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;}
	.__tech .tab a {border-radius:5px;width:calc(25% - (15px / 4));flex-grow:unset;}
	.__tech .tab a:hover {box-shadow:0px 15px 15px 0px rgba(0, 0, 0, 0.2);transform:translateY(-10px);position:relative;z-index:10;}
	.__tech .section .box {padding:20px;display:block;}
	.__tech .section .box .bookmark {top:-80px;}
	.__tech .section .box .info {width:auto;padding:0;}
	.__tech .section .box .info .key {font-size:14px;margin-bottom:23px;}
	.__tech .section .box .info .subject {font-size:20px;}
	.__tech .section .box .info .sum {font-size:16px;}
	.__tech .section .box .info .hash {margin-top:15px;}
	.__tech .section .box .info .hash li {height:30px;border-radius:3px;padding:0 15px;font-size:13px;}
	.__tech .section .box .info .txt {margin-top:20px;font-size:14px;line-height:1.5}
	.__tech .section .box .img {width:auto;display:flex;justify-content:center;margin-top:20px;}
	.__tech .section .box .img span {display:block;width:150px;}
	.__tech .section .box .img span img {display:block;width:100%;border-radius:25px;}
}

/* lang */
 .ko_only,
 .en_only {
	display:none;
}
html:lang(ko) .ko_only {
	display:block;
}
html:lang(en) .en_only {
	display:block;
}

html:lang(en) .__pdtLine .roll .swiper-slide dl dd {margin-top:0;}




/************ 2026.04.14 스타일 수정 *******************/


#__since .link a {
    background : none;
    display: block;
}

#__since .link a .bg {
    position: relative;
    width: 100%;
    height: 100%;
}

#__since .link a .bg .board-wrap {
    display: none;
}

#__since .link a .bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}