@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');
@font-face {font-family:'paybooc';src:url('../font/payboocLight.woff') format('woff');font-weight:300;font-style:normal;}
@font-face {font-family:'paybooc';src:url('../font/payboocMedium.woff') format('woff');font-weight:500;font-style:normal;}
@font-face {font-family:'paybooc';src:url('../font/payboocBold.woff') format('woff');font-weight:700;font-style:normal;}
@font-face {font-family:'paybooc';src:url('../font/payboocExtraBold.woff') format('woff');font-weight:800;font-style:normal;}

@font-face {
    font-family: ProximaNova;
    src: url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.eot);
    src: url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.eot?#iefix) format("embedded-opentype"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.woff2) format("woff2"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.woff) format("woff"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.ttf) format("truetype"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.svg#wf) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.eot);
    src: url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.eot?#iefix) format("embedded-opentype"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.woff2) format("woff2"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.woff) format("woff"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.ttf) format("truetype"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.svg#wf) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.eot);
    src: url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.eot?#iefix) format("embedded-opentype"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.woff2) format("woff2"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.woff) format("woff"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.ttf) format("truetype"),url(https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.svg#wf) format("svg");
    font-weight: 700;
    font-style: normal
}

/* font-family:'Gmarket Sans'; */
br {font-family:sans-serif;}
html {font-family: 'paybooc',sans-serif;scroll-behavior:smooth;}
html[lang="en"] {font-family: 'Pretendard'}
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 50px;transition:0.2s;}
	#__header .wrap {margin:0 auto;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:-16px;}
	#__header .logo a {display:block;width:213px;height:32px;text-indent:-9999px;background:url(../images/logo.png) no-repeat 0 50% / contain;}
	#__header .gnb {display:flex;}
	#__header .gnb > li {position:relative;}
	#__header .gnb > li > a {padding:0 40px;display:block;position:relative;transition:0.2s;font-size:16px;}
	#__header .gnb > li > a > span {display:flex;align-items:center;justify-content:center;font-weight:bold;color:#fff;height:110px;position:relative;transition:0.2s;}
	#__header .gnb > li > ul {position:absolute;left:0;top:100%;background:linear-gradient(to right, #00b2e2 0%,#00953a 100%);text-align:center;width:100%;padding:15px 0;transition:0.2s;visibility:hidden;opacity:0;transform:translateY(10px);pointer-events:none;}
	#__header .gnb > li > ul > li ~ li {margin-top:13px;}
	#__header .gnb > li > ul > li > a {display:block;font-size:16px;font-weight:500;color:#fff;}
	#__header .gnb > li:hover > ul {visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;}

	#__header .lang {position:absolute;right:60px;top:40px;}
	#__header .lang button {display:flex;justify-content:center;align-items:center;width:90px;height:30px;border:1px solid #fff;font-size:13px;font-weight:800;color:#fff;border-radius:15px;background:none;text-align:left;position:relative;gap:6px;transition:0.2s;}
	#__header .lang button svg {transition:0.2s;width:16px;}
	#__header .lang button span {display:inline-block;position:relative;top:1px;}
	#__header .lang button:after {content:"\f107";font-family:axicon;color:rgba(255,255,255,0.8);font-size:14px;transition:0.2s;}
	#__header .lang ul {visibility:hidden;opacity:0;position:absolute;left:0;top:100%;width:100%;background:#fff;text-align:center;font-size:14px;padding:0;transform-origin:50% 0;transform:scale(1,0);transition:0.2s;border-radius:0 0 15px 15px;}
	#__header .lang ul li ~ li {border-top:1px solid #dedede;}
	#__header .lang ul li a {display:block;padding:5px 0;transition:0.2s;font-size:14px;font-weight:bold;}
	#__header .lang ul li a:hover {color:#0b235d;font-weight:bold;}

	#__header .mnu {width:23px;height:23px;position:absolute;right:0;top:44px;background:none;}
	#__header .mnu i {display:block;width:9px;height:9px;background:#fff;border-radius:50%;position:absolute;transition:0.2s;}
	#__header .mnu i:nth-child(1) {left:0;top:0;background:#16b9da;}
	#__header .mnu i:nth-child(2) {right:0;top:0;}
	#__header .mnu i:nth-child(3) {left:0;bottom:0;}
	#__header .mnu i:nth-child(4) {right:0;bottom:0;background:#00953a;}

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

	/*
	.fix #__header {background:rgba(255,255,255,0.8);backdrop-filter:blur(2px);box-shadow:inset 0 -1px 0 #dfdfdf;}
	.fix #__header .lang button {color:#151515;border-color:#151515;}
	.fix #__header .lang button:after {color:#6c6c6c;}
	.fix #__header .lang button svg path {fill:#525252 !important;}
	.fix #__header .logo a {background-image:url(../images/logo2.png);}
	.fix #__header .gnb > li > a > span {color:#151515;}
	.fix #__header .gnb > li:hover > a > span,
	.fix #__header .gnb > li.active > a > span {color:#000;}
	.fix #__header .mnu i:nth-child(2),
	.fix #__header .mnu i:nth-child(3) {background:#151515;}
	*/

	.fix #__header {background:rgba(0,0,0,0.8);backdrop-filter:blur(2px);}
}

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


@media all and (max-width:1200px) and (min-width:1025px){
	#__header {padding:0 15px;}
	#__header .wrap {padding:0 140px 0 213px;}
	#__header .lang {right:40px;}
	#__header .gnb > li > a {padding:0 25px;font-size:15px;}
	#__header .gnb > li > ul > li > a {font-size:14px;}
}


@media all and (max-width:1024px){
	#wrap,
	#wrapper {padding-top:0;}
	#__header {position:fixed;top:0;padding:0 15px;height:auto;overflow:visible;background:rgba(255,255,255,0.8);width:100%;left:0;z-index:300;transition:0.2s;box-shadow:inset 0 -1px 0 #dfdfdf;}
	#__header .wrap {height:55px;padding:0;}
	#__header .logo {position:absolute;left:15px;top:50%;margin-top:-16px;}
	#__header .logo a {display:block;width:130px;height:34px;text-indent:-9999px;background:url(../images/logo2.png) 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:#16b9da;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:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:linear-gradient(to right, #00b2e2 0%,#00953a 100%);opacity:0;visibility:hidden;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
	#__nav .bg {display:none;}
	#__nav .wrap {width:1400px;max-width:100%;}
	#__nav .head {display:flex;justify-content:center;position:relative;margin-bottom:100px;}
	#__nav .head h1 a {display:block;width:356px;height:54px;text-indent:-9999px;background:url(../images/logo.png) no-repeat 50% 50% / contain;}
	#__nav .head .cls {width:34px;height:34px;background:url(../images/ico-nav-close.png) no-repeat 50% 50% / contain;text-indent:-9999px;position:absolute;right:0;top:50%;margin-top:-17px;}
	#__nav .lang {display:none;}
	#__nav .gnb {display:flex;gap:40px;text-align:center;}
	#__nav .gnb a {display:block;color:#fff;}
	#__nav .gnb > li {width:0;flex-grow:1;padding:35px 0 50px;background:rgba(255,255,255,0.2);border-radius:20px;}
	#__nav .gnb > li > a {font-size:30px;font-weight:800;}
	#__nav .gnb > li > ul {margin-top:25px;}
	#__nav .gnb > li > ul > li ~ li {margin-top:5px;}
	#__nav .gnb > li > ul > li > a {font-size:20px;font-weight:500;}

	.navOn #__nav {visibility:visible;opacity:1;}
}

@media all and (max-width:1024px){
	#__nav {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
	#__nav .bg {position:fixed;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.7);}
	#__nav .wrap {position:fixed;right:0;top:0;width:320px;height:100%;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
	#__nav .head {position:relative;height:55px;background:#fff;}
	#__nav .head .logo {position:absolute;left:15px;top:50%;margin-top:-17px;}
	#__nav .head .logo a {display:block;width:130px;height:34px;text-indent:-9999px;background:url(../images/logo2.png) no-repeat 0 50% / contain;}
	#__nav .head .cls {position:absolute;right:0;top:0;width:55px;height:55px;color:#fff;background:#16b9da;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:#16b9da;}
	#__nav .gnb > .active > a:before {content:"\e115";}
	#__nav .gnb > li > ul > li.active > a {color:#16b9da;}
	#__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:#151515;padding:150px 15px;}
#footer .wrap {max-width:1400px;margin:0 auto;position:relative;}
#footer .top-btn {width:71px;height:71px;right:30px;border-radius:50%;background:url(../images/gotop.png);z-index:100;text-indent:-9999px;text-align:left;}
#footer .top-btn.fixed {top:-35.5px;}
#footer h2 {width:280px;height:42px;background:url(../images/logo3.png) no-repeat 0 50% / contain;text-indent:-9999px;}
#footer .info {margin-top:50px;}
#footer .info ul {display:flex;flex-wrap:wrap;gap:0 40px;font-size:16px;line-height:2.25;opacity:0.8;color:#fff;}
#footer .info ul li strong {font-weight:500;color:#999;margin-right:7px;}
#footer .privacy {position:absolute;right:0;bottom:0;}
#footer .privacy a {display:inline-flex;height:44px;border-radius:22px;border:1px solid #a1a1a1;color:#fff;font-size:14px;font-weight:500;align-items:center;justify-content:center;gap:8px;padding:0 28px;}
#footer .privacy a:after {content:"\f105";font-family:axicon;font-size:1.2em;}
#footer .copy {font-size:16px;color:#fff;opacity:0.8;margin-top:35px;}

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


@media all and (max-width:1024px){
	#footer {padding:30px 15px;}
	#footer .top-btn {width:45px;height:45px;right:20px;background-size:contain;}
	#footer .top-btn.fixed {top:-22.5px;}
	#footer h2 {width:130px;height:34px;}
	#footer .info {margin-top:20px;}
	#footer .info ul {gap:0 15px;font-size:13px;line-height:1.8;}
	#footer .info ul li strong {margin-right:4px;}
	#footer .privacy {position:relative;margin-top:15px;}
	#footer .privacy a {height:32px;border-radius:16px;font-size:12px;gap:5px;padding:0 15px;}
	#footer .copy {font-size:12px;margin-top:15px;}
}



#__vis,
#__vis .vis {height:100vh;position:relative;overflow:hidden;}
#__vis .vis {padding:0 15px;}
#__vis .vis i {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment:fixed;transform:scale(1.1);transition:4.7s;}
#__vis .vis .wrap {max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:flex-end;position:relative;}
#__vis .vis .txt {color:#fff;padding-bottom:240px;}
#__vis .vis .txt h2 {line-height:1.5;font-size:60px;color:#fff;transform:translate3d(0,30px,0);opacity:0;-webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, .2); text-shadow: 1px 1px 5px rgba(0, 0, 0, .2);}
#__vis .pagewrap {position:absolute;z-index:50;left:0;bottom:130px;width:100%;padding:0 15px;}
#__vis .page {max-width:1400px;margin:0 auto;display:flex;gap:20px;}

#__vis .swiper-pagination-bullet {width:34px;height:34px;position:relative;display:flex;justify-content:center;align-items:center;background-color:transparent;border-radius:50%;cursor:pointer;transition:0.2s;margin:0;opacity:1 !important;}
#__vis .swiper-pagination-bullet:before {content:"";display:block;width:100%;height:100%;border-radius:50%;position:absolute;left:0;top:0;border:1px solid rgba(147, 190, 57, .2);transition:0.2s;opacity:0;}
#__vis .swiper-pagination-bullet svg {position:absolute;left:0;top:0;width:100% !important;height:100% !important;}
#__vis .swiper-pagination-bullet i {display:block;width:8px;height:8px;background:rgba(255, 255, 255, 0.5);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
#__vis .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;}
#__vis .progress {transform:rotate(-90deg);background:none;}
#__vis .circle-origin {fill:transparent;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:125.664px;stroke-dashoffset:125.664px;}
#__vis .swiper-pagination-bullet-active:before {opacity:1;}
#__vis .swiper-pagination-bullet-active i {background:#fff !important;}
#__vis .swiper-pagination-bullet-active .circle-origin {animation:progress linear 5s;}

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

#__vis .scr {position:absolute;z-index:10;right:50px;bottom:0;font-size:12px;font-weight:400;color:#16b9da;writing-mode:vertical-rl;letter-spacing:0;padding-bottom:150px;animation:visScr 1.5s ease infinite;}
#__vis .scr:before {content:"";display:block;width:1px;height:140px;background:rgba(255,255,255,0.3);position:absolute;left:50%;margin-left:-0.5px;bottom:0;}
#__vis .scr:after {content:"";display:block;width:3px;height:42px;background:#16b9da;position:absolute;left:50%;margin-left:-1.5px;bottom:98px;}


@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:1024px){
	#wrapper.main {padding-top:55px;}
	#__vis,
	#__vis .vis {height:110vw;position:relative;overflow:hidden;}
	#__vis .vis .wrap {align-items:flex-start;}
	#__vis .vis .txt {text-shadow:0 0 10px #000;padding:90px 0 0;}
	#__vis .vis .txt h2 {font-size:9vw;line-height:1.25;}
	#__vis .pagewrap {bottom:20px;}
	#__vis .page {gap:20px;justify-content:center;}

	#__vis .scr {display:none;}
}


#__pdt {background:#f5f5f5;padding:135px 15px 150px;overflow:hidden;}
#__pdt .wrap {max-width:1400px;margin:0 auto;}
#__pdt .topArea {display:flex;justify-content:space-between;align-items:center;}
#__pdt .topArea .tit {display:flex;align-items:center;gap:28px;color:#222;}
#__pdt .topArea .tit h3 {font-size:60px;font-weight:800;}
#__pdt .topArea .tit p {font-size:16px;font-weight:500;line-height:1.5;padding-top:8px;}
#__pdt .area {margin:45px -140px 0;position:relative;}
#__pdt .area .box {width:500px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;position:relative;transition:0.2s;}
#__pdt .area .in {width:400px;aspect-ratio:1 / 1;background:#fff;border-radius:85px;text-align:center;transition:0.2s;}
#__pdt .area .in .info {padding-top:75px;transition:0.2s;}
#__pdt .area .in .info .subject {font-size:24px;font-weight:bold;color:#222;transition:0.2s;}
#__pdt .area .in .info .sum {font-size:15px;line-height:1.6;font-weight:500;margin-top:20px;transition:0.2s;}
#__pdt .area .in .img {left:50%;position:absolute;margin-left:-200px;top:250px;transition:0.2s;}
#__pdt .area .swiper-slide-active .in {width:500px;background:linear-gradient(135deg, #00953a 0%,#00b2e2 100%);border-radius:50%;}
#__pdt .area .swiper-slide-active .in .info {padding-top:115px;}
#__pdt .area .swiper-slide-active .in .info .subject {color:#fff;font-size:30px;}
#__pdt .area .swiper-slide-active .in .info .sum {color:#fff;font-size:17px;}
#__pdt .area .swiper-slide-active .in .img {top:260px;}
#__pdt .prev,
#__pdt .next {width:30px;height:58px;top:50%;margin-top:-29px;position:absolute;z-index:5;text-indent:-9999px;}
#__pdt .prev {background:url(../images/ico-pdt-prev.png) no-repeat 50% 50% / contain;right:50%;margin-right:295px;}
#__pdt .next {background:url(../images/ico-pdt-next.png) no-repeat 50% 50% / contain;left:50%;margin-left:295px;}

#__pdt .no-data--fc {
    width: 100%;
    padding: 2.5rem 0;
}

.__more {display:inline-flex;align-items:center;justify-content:space-between;padding:0 13px 0 22px;width:170px;height:60px;border-radius:30px;border:1px solid #b7b7b7;background:#fff;font-size:15px;font-weight:bold;color:#333;}
.__more:after {content:"";display:block;width:36px;height:36px;background:url(../images/ico-more-arr.png) no-repeat 50% 50% / contain;}

@media all and (max-width:1024px){
	#__pdt {padding:40px 15px 140px;}
	#__pdt .topArea {display:block;}
	#__pdt .topArea .tit {display:block;}
	#__pdt .topArea .tit h3 {font-size:28px;}
	#__pdt .topArea .tit p {font-size:14px;line-height:1.5;padding-top:5px;}
	#__pdt .topArea .more {margin-top:15px;}
	#__pdt .area {margin:20px -500px 0;}
	#__pdt .area .roll {width:720px;margin:0 auto;}
	#__pdt .area .box {width:220px;}
	#__pdt .area .in {width:200px;border-radius:40px;}
	#__pdt .area .in .info {padding-top:55px;}
	#__pdt .area .in .info .subject {font-size:15px;}
	#__pdt .area .in .info .sum {font-size:12px;line-height:1.5;margin-top:10px;}
	#__pdt .area .in .img {margin-left:-110px;top:150px;width:220px;}
	#__pdt .area .swiper-slide-active .in {width:220px;}
	#__pdt .area .swiper-slide-active .in .info {padding-top:60px;}
	#__pdt .area .swiper-slide-active .in .info .subject {font-size:17px;}
	#__pdt .area .swiper-slide-active .in .info .sum {font-size:14px;}
	#__pdt .area .swiper-slide-active .in .img {top:150px;}
	#__pdt .prev,
	#__pdt .next {width:20px;height:40px;margin-top:-20px;}
	#__pdt .prev {margin-right:120px;}
	#__pdt .next {margin-left:120px;}

	.__more {padding:0 10px;width:125px;height:40px;border-radius:20px;font-size:13px;}
	.__more:after {width:24px;height:24px;}
}


#__core {background:url(../images/bg-core.jpg) no-repeat 50% 50% / cover;}
#__core .wrap {max-width:1400px;margin:0 auto;padding:160px 15px 600px;}
#__core .tit {margin-bottom:60px;}
#__core .tit h3 {font-size:60px;font-weight:800;color:#222;line-height:1.2;}
#__core .tit p {font-size:24px;font-weight:500;color:#222;line-height:1.4;margin-top:15px;}
#__core .tech .area {display:flex;background:#fff;box-shadow:10px 10px 15px rgba(0,0,0,0.05);border-radius:0 0 45px 0;}
#__core .tech .area .lef {width:280px;border-radius:0 0 45px 0;overflow:hidden;background:#f7f7f7;display:flex;flex-direction:column;}
#__core .tech .area .lef button {height:0;flex-grow:1;width:100%;display:flex;align-items:center;justify-content:center;justify-content:space-between;padding:0 60px;font-size:18px;font-weight:500;color:#666;transition:0.2s;}
#__core .tech .area .lef button ~ button {border-top:1px solid #e0e0e0;}
#__core .tech .area .lef button i {display:block;position:relative;}
#__core .tech .area .lef button i:before,
#__core .tech .area .lef button i:after {content:"";display:block;width:45px;height:64px;background:url(../images/ico-core-tech1.png) no-repeat 50% 50% / contain;transition:0.2s;}
#__core .tech .area .lef button i:after {position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/ico-core-tech1on.png);opacity:0;}
#__core .tech .area .lef button:nth-child(2) i:before {background-image:url(../images/ico-core-tech2.png);}
#__core .tech .area .lef button:nth-child(2) i:after {background-image:url(../images/ico-core-tech2on.png);}
#__core .tech .area .lef button:nth-child(3) i:before {background-image:url(../images/ico-core-tech3.png);}
#__core .tech .area .lef button:nth-child(3) i:after {background-image:url(../images/ico-core-tech3on.png);}
#__core .tech .area .lef button:nth-child(4) i:before {background-image:url(../images/ico-core-tech4.png);}
#__core .tech .area .lef button:nth-child(4) i:after {background-image:url(../images/ico-core-tech4on.png);}
#__core .tech .area .lef button:hover,
#__core .tech .area .lef button.active {background:#16b9da;color:#fff;font-weight:800;}
#__core .tech .area .lef button:hover i:before,
#__core .tech .area .lef button.active i:before {opacity:0;}
#__core .tech .area .lef button:hover i:after,
#__core .tech .area .lef button.active i:after {opacity:1;}
#__core .tech .area .rig {width:0;flex-grow:1;height:600px;}
#__core .tech .area .rig .cont {display:none;justify-content:space-between;align-items:flex-start;padding:50px 60px 50px 75px;}
#__core .tech .area .rig .cont.active {display:flex;}
#__core .tech .area .rig .cont .info {width:0;flex-grow:1;padding-right:50px;}
#__core .tech .area .rig .cont .info .top {font-size:16px;font-weight:800;color:#686868;margin-bottom:35px;}
#__core .tech .area .rig .cont .info .top dd {font-size:36px;color:#222;}
#__core .tech .area .rig .cont .info .mid {font-size:20px;font-weight:500;color:#222;line-height:1.5;min-height:230px;padding-bottom:30px;}
#__core .tech .area .rig .cont .info .mid > li ~ li {margin-top:25px;}
#__core .tech .area .rig .cont .info .mid > li > ul {margin-top:10px;}
#__core .tech .area .rig .cont .info .mid > li > ul > li {position:relative;padding-left:0.8em;font-size:16px;line-height:1.85;}
#__core .tech .area .rig .cont .info .mid > li > ul > li:before {content:"-";position:absolute;left:0;top:0;}
#__core .tech .area .rig .cont .img {width:calc(500 / 955 * 100%);}
#__core .tech .area .rig .cont .img img {display:block;border-radius:45px 0 45px 0;}

@media (max-width: 1400px) and (min-width: 1025px) {
    #__core .tech.en .area .rig .cont .img {  width: calc(300 / 955* 100%);  }
}

#__core .comp {margin-top:170px;text-align:center;}
#__core .comp .area {display:flex;gap:65px;}
#__core .comp .area .box {display:block;width:0;flex-grow:1;border-radius:40px 0 40px 0;padding:55px 15px;position:relative;background:#fff;transition:0.2s;box-shadow:10px 10px 15px rgba(0,0,0,0.05);transition:0.2s;}
#__core .comp .area .box .ico i {display:block;position:relative;width:80px;height:73px;margin:0 auto;}
#__core .comp .area .box .ico i:before,
#__core .comp .area .box .ico i:after {content:"";display:block;width:100%;height:100%;background:url(../images/ico-core-comp1.png) no-repeat 50% 50% / contain;transition:0.2s;}
#__core .comp .area .box .ico i:after {position:absolute;left:0;top:0;background-image:url(../images/ico-core-comp1on.png);opacity:0;}
#__core .comp .area .box:nth-child(2) .ico i:before {background-image:url(../images/ico-core-comp2.png);}
#__core .comp .area .box:nth-child(2) .ico i:after {background-image:url(../images/ico-core-comp2on.png);}
#__core .comp .area .box:nth-child(3) .ico i:before {background-image:url(../images/ico-core-comp3.png);}
#__core .comp .area .box:nth-child(3) .ico i:after {background-image:url(../images/ico-core-comp3on.png);}
#__core .comp .area .box:nth-child(4) .ico i:before {background-image:url(../images/ico-core-comp4.png);}
#__core .comp .area .box:nth-child(4) .ico i:after {background-image:url(../images/ico-core-comp4on.png);}
#__core .comp .area .box dl {color:#222;transition:0.2s;}
#__core .comp .area .box dl dt {margin-top:33px;font-size:20px;font-weight:bold;}
#__core .comp .area .box dl dd {margin-top:14px;font-size:16px;line-height:1.5;font-weight:500;}
#__core .comp .area .box p {position:absolute;left:0;bottom:33px;width:100%;}
#__core .comp .area .box p .__more {border-color:transparent;}
#__core .comp .area .box:hover {background:#16b9da;box-shadow:none;}
#__core .comp .area .box:hover .ico i:before {opacity:0;}
#__core .comp .area .box:hover .ico i:after {opacity:1;}
#__core .comp .area .box:hover dl {color:#fff;}

@media all and (max-width:1024px){
	#__core .wrap {padding:40px 15px 40vw;}
	#__core .tit {margin-bottom:20px;}
	#__core .tit h3 {font-size:28px;}
	#__core .tit p {font-size:16px;margin-top:10px;}
	#__core .tech .area {display:block;border-radius:0 15px 15px 0;box-shadow:0 0 10px rgba(0,0,0,0.2);}
	#__core .tech .area .lef {width:auto;border-radius:0 15px 0 0;flex-direction:row;}
	#__core .tech .area .lef button {width:0;height:40px;flex-grow:1;padding:0;justify-content:center;font-size:14px;}
	#__core .tech .area .lef button ~ button {border-top:none;border-left:1px solid #e0e0e0;}
	#__core .tech .area .lef button i {display:none;}
	#__core .tech .area .rig {width:auto;height:auto;}
	#__core .tech .area .rig .cont {padding:20px;}
	#__core .tech .area .rig .cont.active {display:block;}
	#__core .tech .area .rig .cont .info {width:auto;padding-right:0;}
	#__core .tech .area .rig .cont .info .top {font-size:12px;margin-bottom:10px;}
	#__core .tech .area .rig .cont .info .top dd {font-size:24px;}
	#__core .tech .area .rig .cont .info .mid {font-size:15px;min-height:0;padding-bottom:20px;}
	#__core .tech .area .rig .cont .info .mid > li ~ li {margin-top:10px;}
	#__core .tech .area .rig .cont .info .mid > li > ul {margin-top:5px;}
	#__core .tech .area .rig .cont .info .mid > li > ul > li {font-size:13px;line-height:1.6;}
	#__core .tech .area .rig .cont .img {width:auto;margin-top:20px;}
	#__core .tech .area .rig .cont .img img {display:block;border-radius:15px 0 15px 0;}

	#__core .comp {margin-top:60px;}
	#__core .comp .area {flex-wrap:wrap;gap:10px;}
	#__core .comp .area .box {width:calc(50% - 5px);min-height:0;border-radius:15px 0 15px 0;padding:20px 15px;box-shadow:0 0 10px rgba(0,0,0,0.2);}
	#__core .comp .area .box .ico i {width:40px;height:35px;}
	#__core .comp .area .box dl dt {margin-top:12px;font-size:16px;}
	#__core .comp .area .box dl dd {margin-top:8px;font-size:13px;}
	#__core .comp .area .box p {position:relative;bottom:0;margin-top:15px;}
	#__core .comp .area .box p .__more {border-color:transparent;}
	#__core .comp .area .box:hover {background:#16b9da;box-shadow:none;}
	#__core .comp .area .box:hover .ico i:before {opacity:0;}
	#__core .comp .area .box:hover .ico i:after {opacity:1;}
	#__core .comp .area .box:hover dl {color:#fff;}
}

#__comp {background:url(../images/bg-comp.jpg) no-repeat 50% 50% / cover;padding:0 15px;}
#__comp .wrap {max-width:1400px;margin:0 auto;padding:410px 0 200px;position:relative;}
#__comp .video {position:absolute;left:0;top:0;width:100%;}
#__comp .video iframe {display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);aspect-ratio:1400 / 695;width:100%;}
#__comp .about {margin-left:50%;color:#fff;}
#__comp .about dl dt {font-size:30px;line-height:1.3;font-weight:bold;}
#__comp .about dl dd {font-size:20px;line-height:1.8;font-weight:500;margin-top:32px;}
#__comp .about p {margin-top:45px;}
#__comp .about p a {display:inline-flex;color:#fff;align-items:center;gap:10px;font-size:14px;font-weight:bold;}
#__comp .about p a:after {content:"";display:block;width:24px;height:9px;background:url(../images/ico-comp-arr.png) no-repeat 0 50% / contain;}
#__comp .contact {background:url(../images/bg-comp-contact.jpg) no-repeat 50% 50% / cover;height:360px;color:#fff;border-radius:40px;display:flex;align-items:center;padding:0 110px;margin-top:185px;}
#__comp .contact .in {width:100%;display:flex;justify-content:space-between;align-items:flex-end;}
#__comp .contact .lef h4 {font-size:48px;font-weight:bold;}
#__comp .contact .lef dl {margin-top:48px;}
#__comp .contact .lef dl dt {line-height:1.2;font-size:24px;font-weight:bold;}
#__comp .contact .lef dl dd {line-height:1.2;font-size:18px;font-weight:500;margin-top:13px;}
#__comp .contact .rig .__more {border-color:rgba(255,255,255,0.2);background:rgba(0,0,0,0.2);color:#fff;}
#__comp .contact .rig .__more:after {background-image:url(../images/ico-more-arr2.png);}

@media all and (max-width:1024px){
	#__comp .wrap {padding:40vw 0 40px;}
	#__comp .about {margin:0;}
	#__comp .about dl dt {font-size:18px;}
	#__comp .about dl dd {font-size:14px;line-height:1.6;margin-top:15px;}
	#__comp .about p {margin-top:20px;}
	#__comp .about p a:after {width:20px;height:7px;}
	#__comp .contact {height:auto;border-radius:15px;display:block;padding:30px 15px;margin-top:30px;}
	#__comp .contact .in {display:block;}
	#__comp .contact .lef h4 {font-size:24px;}
	#__comp .contact .lef dl {margin-top:15px;}
	#__comp .contact .lef dl dt {font-size:14px;}
	#__comp .contact .lef dl dd {font-size:13px;margin-top:10px;line-height:1.5;}
	#__comp .contact .rig {margin-top:15px;}
}

#__svis {height:700px;background:url(../images/svis1.jpg) no-repeat 50% 50% / cover;padding:0 15px;}
#__svis .wrap {max-width:1400px;margin:0 auto;padding-top:310px;position: relative;z-index: 2;}
#__svis dl {color:#fff;}
#__svis dl dt {font-size:80px;font-weight:800;}
#__svis dl dd {font-size:24px;font-weight:500;margin-top:10px;}

html[lang='en'] .dep1-pr--fc #__svis dl dd { display : none; }

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

.sub3 #__svis::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    inset: 0;
    background: url(../images/svis3_2.jpg) no-repeat center / cover ;
    opacity: 0;
    animation: bgFade 15s infinite alternate;
    animation-delay: 0s;
}

@keyframes bgFade {
    0%, 30% { opacity: 0; }  
    35%, 65% { opacity: 1; }  
    70%, 100% { opacity: 0; }     
}

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

#__snb {background:#f7f7f7;width:100%;z-index:100;left:0;}
#__snb .snb {display:flex;max-width:1400px;margin:0 auto;}
#__snb .snb a {display:flex;width:0;flex-grow:1;align-items:center;justify-content:center;text-align:center;font-size:18px;color:#666;border-right:1px solid #e8e8e8;height:65px;transition:0.2s;}
#__snb .snb a:last-child {border-right:none;}
#__snb .snb a:hover,
#__snb .snb a.active {background:#16b9da;color:#fff;font-weight:800;}

.sub99 #__snb {display:none;}

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

@media all and (min-width:1025px){
	.pcSnbFix #__svis {margin-bottom:65px;}
	.pcSnbFix #__snb {position:fixed;top:110px;}
}

@media all and (max-width:1024px){
	#__svis {height:200px;}
	#__svis .wrap {padding-top:80px;}
	#__svis dl dt {font-size:36px;}
	#__svis dl dd {font-size:15px;margin-top:7px;}

	#__snb .snb a {width:auto;font-size:14px;height:40px;}

	.__layout.pt {padding-top:40px;}
	.__layout.pb {padding-bottom:40px;}

	.mSnbFix #__svis {margin-bottom:40px;}
	.mSnbFix #__snb {position:fixed;top:55px;}
}

.__tit1 h3 {display:inline-block;font-size:36px;font-weight:800;padding-right:21px;position:relative;}
.__tit1 h3 span {display:inline-block;background-image:linear-gradient(to right, #00b2e2 0%, #00953a 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.__tit1 h3:after {content:"";display:block;width:12px;height:12px;border-radius:50%;background:#000;position:absolute;right:0;bottom:11px;}
.__tit2 h3 {font-size:30px;font-weight:800;color:#333;}

.__comp1 {padding-bottom:65px;}

.__comp2 {height:880px;margin:0 auto;position:relative;}
.__comp2 .in {background:url(../images/bg-comp2.jpg) no-repeat 50% 50%;width:600px;height:600px;border-radius:50%;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.__comp2 .wrap {max-width:1400px;margin:0 auto;}
.__comp2 h3 {font-size:48px;font-weight:800;color:#000;top:0;text-align:center;position:absolute;left:50%;transform:translateX(-50%);z-index:10;white-space:nowrap;}
.__comp2 h4 {font-size:30px;font-weight:bold;padding-top:70px;color:#fff;opacity:0;transform:translateY(30px);padding-top:270px;}
.__comp2 h4 span {font-size:18px;}
.__comp2 dl dt {font-size:18px;line-height:1.67;font-weight:500;color:#fff;opacity:0;transform:translateY(30px);}
.__comp2 dl dd {font-size:24px;font-weight:800;line-height:1.5;margin-top:30px;color:#fff;opacity:0;transform:translateY(30px);}

.__comp3 {padding:90px 15px 120px;}
.__comp3 .about .area {margin-top:45px;display:flex;gap:40px;}
.__comp3 .about .area .box {width:0;flex-grow:1;height:320px;border-radius:45px;background:#00b2e2;text-align:center;padding:53px 10px 0;}
.__comp3 .about .area .box dl {margin-top:30px;}
.__comp3 .about .area .box dl dt {font-size:24px;font-weight:bold;color:rgba(255,255,255,0.7);}
.__comp3 .about .area .box dl dd {font-size:20px;line-height:1.5;color:#fff;font-weight:bold;margin-top:18px;}

.__comp3 .mean {margin-top:90px;}
.__comp3 .mean .img {text-align:center;margin-top:40px;}
.__comp3 .mean .area {margin-top:30px;display:flex;gap:20px;text-align:center;}
.__comp3 .mean .area .box {width:0;flex-grow:1;border:1px solid #b7b7b7;border-radius:92px;padding:15px 15px 40px;}
.__comp3 .mean .area .box .ico {aspect-ratio:1/1;width:100%;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:800;}
.__comp3 .mean .area .box dl {margin-top:27px;}
.__comp3 .mean .area .box dl dt {font-size:17px;font-weight:800;color:#00b2e2;padding-bottom:12px;border-bottom:1px solid #00b2e2;word-spacing:-0.05em;}
.__comp3 .mean .area .box dl dd {margin-top:18px;font-size:16px;line-height:1.88;font-weight:500;color:#222;}

@media all and (max-width:1024px){
	.__tit1 h3 {font-size:24px;padding-right:16px;}
	.__tit1 h3:after {width:6px;height:6px;bottom:8px;}
	.__tit2 h3 {font-size:20px;}

	.__comp1 {padding-bottom:20px;}

	.__comp2 {height:calc(100vh - 95px);}
	.__comp2 .in {width:300px;height:300px;padding:15px;background-size:cover;}
	.__comp2 h3 {font-size:22px;}
	.__comp2 h4 {font-size:18px;padding-top:100px;}
	.__comp2 h4 span {font-size:14px;}
	.__comp2 dl dt {font-size:14px;line-height:1.6;}
	.__comp2 dl dd {font-size:16px;margin-top:15px;font-weight:bold;}

	.__comp3 {padding:40px 15px;}
	.__comp3 .about .area {margin-top:15px;flex-wrap:wrap;gap:10px;}
	.__comp3 .about .area .box {width:calc(50% - 5px);height:auto;border-radius:20px;padding:20px 10px;}
	.__comp3 .about .area .box img {width:50px;}
	.__comp3 .about .area .box dl {margin-top:10px;}
	.__comp3 .about .area .box dl dt {font-size:18px;}
	.__comp3 .about .area .box dl dd {font-size:14px;margin-top:10px;}

	.__comp3 .mean {margin-top:40px;}
	.__comp3 .mean .img {margin-top:20px;padding:0 30px;}
	.__comp3 .mean .area {margin-top:25px;flex-wrap:wrap;gap:10px;}
	.__comp3 .mean .area .box {width:100%;flex-grow:unset;border-radius:92px;padding:10px;display:flex;align-items:center;gap:15px;}
	.__comp3 .mean .area .box .ico {font-size:30px;width:20%;}
	.__comp3 .mean .area .box dl {margin-top:0;text-align:left;width:0;flex-grow:1;}
	.__comp3 .mean .area .box dl dt {font-size:16px;padding-bottom:7px;}
	.__comp3 .mean .area .box dl dd {margin-top:7px;font-size:14px;line-height:1.5;}
}

.__history {background:#f5f5f5;}
.__history .area {margin-top:80px;display:flex;align-items:flex-start;gap:calc(120 / 1400 * 100%);}
.__history .area .lef {width:calc(580 / 1400 * 100%);height:600px;border-radius:45px 0 45px 0;background:url(../images/bg-history.jpg) no-repeat 50% 50% / cover;padding:65px 55px;color:#fff;}
.__history .area .lef dl dt {font-size:48px;font-weight:300;}
.__history .area .lef dl dd {font-size:36px;font-weight:800;margin-top:10px;}
.__history .area .rig {width:0;flex-grow:1;margin-top:50px;position:relative;}
.__history .area .rig:before {content:"";display:block;width:1px;position:absolute;left:137px;top:3px;height:calc(100% - 3px);background:#acacac;}
.__history .area .rig .box {position:relative;padding-left:185px;}
.__history .area .rig .box:before {content:"";display:block;width:11px;height:11px;background:#acacac;border-radius:50%;position:absolute;left:132px;top:7px;z-index:1;}
.__history .area .rig .box:first-child:after {content:"";display:block;width:21px;height:21px;background:#fff;border:1px solid #00b2e2;border-radius:50%;position:absolute;left:127px;top:2px;z-index:0;}
.__history .area .rig .box:first-child:before {background:#00b2e2;}
.__history .area .rig .box:last-child:after {content:"";display:block;width:10px;height:100%;background:#f5f5f5;position:absolute;left:132px;top:18px;z-index:2;}
.__history .area .rig .box ~ .box {margin-top:85px;}
.__history .area .rig .box h4 {position:absolute;left:0;top:-5px;font-size:30px;font-weight:800;color:#222;line-height:1.2;}
.__history .area .rig .box dl {position:relative;padding-left:48px;font-size:18px;line-height:1.6;}
.__history .area .rig .box dl ~ dl {margin-top:27px;}
.__history .area .rig .box dl dt {position:absolute;left:0;top:0;font-weight:bold;}

@media all and (max-width:1024px){
	.__history .area {margin-top:20px;display:block;}
	.__history .area .lef {width:auto;height:auto;aspect-ratio:1.2/1;border-radius:15px 0 15px 0;padding:30px 25px;background-size:cover;}
	.__history .area .lef dl dt {font-size:32px;}
	.__history .area .lef dl dd {font-size:24px;margin-top:5px;}
	.__history .area .rig {width:auto;margin-top:20px;}
	.__history .area .rig:before {left:10px;top:3px;height:calc(100% - 3px);}
	.__history .area .rig .box {padding-left:40px;}
	.__history .area .rig .box:before {left:5px;top:7px;}
	.__history .area .rig .box:first-child:after {left:0;top:2px;}
	.__history .area .rig .box:last-child:after {left:0;width:20px;top:18px;}
	.__history .area .rig .box ~ .box {margin-top:25px;}
	.__history .area .rig .box h4 {position:relative;top:0;font-size:20px;margin-bottom:10px;}
	.__history .area .rig .box dl {padding-left:35px;font-size:14px;}
	.__history .area .rig .box dl ~ dl {margin-top:7px;}
}

.__business {background:url(../images/bg-business.jpg) no-repeat 50% 100% / 100% auto;}
.__business .__tit1 {margin-bottom:45px;}
.__business .txt {font-size:24px;line-height:1.5;margin-bottom:35px;color:#222;font-weight:500;}
.__business .cate {display:flex;overflow:hidden;position:relative;border-radius:45px 0 45px 0;justify-content:space-around;}
.__business .cate .box {width:25%;height:500px;flex-grow:1;background:url(../images/bg-business1.jpg) no-repeat;position:relative;color:#fff;display:flex;align-items:flex-end;padding:0 0 40px 35px;transition:0.2s;}
.__business .cate .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);transition:0.2s;}
.__business .cate .box:nth-child(2) {background-image:url(../images/bg-business2.jpg);}
.__business .cate .box:nth-child(3) {background-image:url(../images/bg-business3.jpg);}
.__business .cate .box:nth-child(4) {background-image:url(../images/bg-business4.jpg);}
.__business .cate .box dl {width:100%;position:relative;z-index:5;}
.__business .cate .box dl dt {transition:0.3s;font-size:36px;font-weight:bold;}
.__business .cate .box dl dd {transition:0.3s;line-height:0;opacity:0;font-size:20px;font-weight:bold;}
.__business .__tit2 {margin:85px 0 25px;}
.__business .battery {display:flex;gap:calc(65 / 1400 * 100%);}
.__business .battery .box {width:0;flex-grow:1;padding:55px 10px;border-radius:50px 0 50px 0;background:#fff;box-shadow:10px 10px 15px rgba(0,0,0,0.05);text-align:center;}
.__business .battery .box dl {margin-top:30px;}
.__business .battery .box dl dt {font-size:20px;font-weight:bold;color:#222;}
.__business .battery .box dl dd {font-size:16px;line-height:1.5;font-weight:500;margin-top:15px;}

@media all and (min-width:1025px){
	.__business .cate:hover .box {width:calc((720 / 1400 * 100%) / 3);}
	.__business .cate .box:hover {width:calc(680 / 1400 * 100%);}
	.__business .cate .box:hover:before {background:rgba(0,0,0,0.1);}
	.__business .cate .box:hover dl dd {opacity:1;line-height:1.5;margin-top:20px;}
}

@media all and (max-width:1024px){
	.__business .__tit1 {margin-bottom:15px;}
	.__business .txt {font-size:16px;margin-bottom:15px;}
	.__business .cate {flex-wrap:wrap;border-radius:20px 0 20px 0;}
	.__business .cate .box {width:50%;height:200px;padding:20px;background-size:cover;}
	.__business .cate .box:before {opacity:0.4;}
	.__business .cate .box dl dt {font-size:18px;}
	.__business .cate .box dl dd {font-size:14px;line-height:1.5;margin-top:10px;opacity:1;}
	.__business .__tit2 {margin:40px 0 15px;}
	.__business .battery {flex-wrap:wrap;gap:10px;}
	.__business .battery .box {width:calc(50% - 5px);padding:30px 10px;border-radius:20px 0 20px 0;box-shadow:0 0 15px rgba(0,0,0,0.15);}
	.__business .battery .box img {width:50px;}
	.__business .battery .box dl {margin-top:15px;}
	.__business .battery .box dl dt {font-size:16px;}
	.__business .battery .box dl dd {font-size:13px;margin-top:10px;}
}


.__cert {overflow:hidden;background:#f5f5f5;}
.__cert .board-wrap {display:none;}
.__cert .txt {font-size:22px;line-height:1.5;margin:35px 0;color:#222;font-weight:500;}
.__cert .cert .sec {}
.__cert .cert .sec ~ .sec {margin-top:75px;}
.__cert .cert .roll {margin-top:30px;position:relative;}
.__cert .cert .box {padding:45px 10px 20px;border-radius:25px;text-align:center;background:#fff;position:relative;overflow:hidden;}
.__cert .cert .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,178,226,0.4) url(../images/ico-mag.png) no-repeat 50% 50%;transition:0.2s;opacity:0;}
.__cert .cert .box .img {max-width:217px;margin:0 auto;}
.__cert .cert .box .img img {aspect-ratio:240 / 317;object-fit:contain;width:100% !important;display:block;}
.__cert .cert .box .info {margin-top:20px;font-size:20px;font-weight:500;color:#222;}
.__cert .cert .box:hover:before {opacity:1;}
.__cert .cert .bt {display:flex;gap:14px;position:absolute;right:0;top:-70px;}
.__cert .cert .bt button {display:block;width:36px;height:36px;background:url(../images/ico-prev.png) no-repeat 50% 50% / contain;}
.__cert .cert .bt .next {background-image:url(../images/ico-next.png);}
.__cert .cert .bar {position:relative;margin-top:30px;background:#ccc;height:6px;border-radius:3px;width:auto;margin-right:calc((50vw - 700px) * -1);}
.__cert .cert .bar span {background:#444;border-radius:3px;}
.__cert .pop {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.6);text-align:center;display:flex;align-items:center;justify-content:center;padding:25px;opacity:0;visibility:hidden;transition:0.5s;}
.__cert .pop .in {width:640px;max-width:100%;background:#eee;border-radius:25px;box-shadow:0 0 15px rgba(0,0,0,0.15);padding:40px 40px 70px;position:relative;}
.__cert .pop .in img {width:480px;}
.__cert .pop .cls {width:60px;height:60px;background:url(../images/ico-pop-close.png) no-repeat 50% 50% / contain;position:absolute;right:-30px;top:-30px;}
.__cert .pop .tt {font-size:22px;line-height:1.35;color:#222;font-weight:bold;margin-bottom:15px;}
.__cert .pop.active {visibility:visible;opacity:1;}

@media all and (min-width:1420px){
	.__cert .cert .bar {margin-right:-15px;}
}

@media all and (max-width:1024px){
	.__cert .txt {font-size:16px;margin:15px 0;}
	.__cert .cert .sec ~ .sec {margin-top:40px;}
	.__cert .cert .roll {margin-top:15px;}
	.__cert .cert .box {padding:15px;border-radius:10px;}
	.__cert .cert .box:before {background-size:30px auto;}
	.__cert .cert .box .info {margin-top:10px;font-size:14px;}
	.__cert .cert .bt {gap:5px;top:-43px;}
	.__cert .cert .bt button {width:26px;height:26px;}
	.__cert .cert .bar {margin:10px 0 0;height:4px;border-radius:2px;}
	.__cert .cert .bar span {border-radius:2px;}
	.__cert .pop .in {border-radius:10px;padding:15px;}
	.__cert .pop .cls {width:40px;height:40px;right:-20px;top:-20px;}
	.__cert .pop .tt {font-size:14px;margin-bottom:10px;}
}

.__loc .loc {margin-top:45px;}
.__loc .loc .sec ~ .sec {margin-top:70px;}
.__loc .loc .sec .area {margin-top:30px;border-top:1px solid #969696;background:#f5f5f5;padding:45px 60px 60px;}
.__loc .loc .sec .area .top {display:flex;}
.__loc .loc .sec .area .top dl:first-child {width:0;flex-grow:1;}
.__loc .loc .sec .area .top dl:first-child ~ dl {width:230px;}
.__loc .loc .sec .area .top dl dt {font-size:24px;font-weight:800;color:#00b2e2;margin-bottom:13px;}
.__loc .loc .sec .area .top dl:first-child dd {font-size:24px;font-weight:bold;color:#222;}
.__loc .loc .sec .area .top dl:first-child ~ dl dd {font-size:18px;font-weight:500;color:#222;}
.__loc .loc .sec .area .bot {margin-top:30px;border:1px solid #d7d7d7;border-radius:45px;overflow:hidden;}
.__loc .loc .sec .area .bot iframe {display:block;height:460px;width:100%;}

@media all and (max-width:1024px){
	.__loc .loc {margin-top:20px;}
	.__loc .loc .sec ~ .sec {margin-top:40px;}
	.__loc .loc .sec .area {margin-top:15px;padding:15px;}
	.__loc .loc .sec .area .top {display:block;}
	.__loc .loc .sec .area .top dl:first-child,
	.__loc .loc .sec .area .top dl:first-child ~ dl {width:auto;}
	.__loc .loc .sec .area .top dl:first-child ~ dl {margin-top:10px;}
	.__loc .loc .sec .area .top dl dt {font-size:13px;margin-bottom:3px;}
	.__loc .loc .sec .area .top dl:first-child dd {font-size:15px;}
	.__loc .loc .sec .area .top dl:first-child ~ dl dd {font-size:14px;}
	.__loc .loc .sec .area .bot {margin-top:15px;border-radius:10px;}
	.__loc .loc .sec .area .bot iframe {height:250px;}
}

.__tech .topSum {background:#f2fcff;border:4px dotted #00b2e2;border-radius:45px;padding:45px;margin-top:60px;}
.__tech .topSum dl dt {font-size:30px;font-weight:800;color:#222;}
.__tech .topSum dl dd {margin-top:20px;font-size:24px;color:#222;line-height:1.5;position:relative;padding-left:0.8em;}
.__tech .topSum dl dd:before {content:"-";position:absolute;left:0;top:0;}
.__tech h4 {font-size:30px;font-weight:bold;color:#222;}
.__tech .tech1 {border:2px solid #b7b7b7;border-radius:45px;display:flex;align-items:center;padding:30px 50px;}
.__tech .tech1 h5 {margin-right:40px;font-size:24px;font-weight:800;color:#222;line-height:1.5;}
.__tech .tech1 ul {display:flex;gap:20px;}
.__tech .tech1 ul li {width:179px;aspect-ratio:1/1;border-radius:50%;text-align:center;}
.__tech .tech1 ul li:nth-child(1),
.__tech .tech1 ul li:nth-child(2),
.__tech .tech1 ul li:nth-child(3),
.__tech .tech1 ul li:nth-child(4) {background:#00b2e2;}
.__tech .tech1 ul li dl {font-size:18px;padding-top:20px;}
.__tech .tech1 ul li dl dt {font-weight:800;color:rgba(255,255,255,0.6);}
.__tech .tech1 ul li dl dd {line-height:1.55;font-weight:500;color:#fff;margin-top:12px;}



@media (max-width: 1024px) {
    .__tech.en .tech1 ul li { width: 150px; }
}

@media (min-width: 1421px) {
    .__tech.en .tech1 ul li dl {font-size:15px;}
}

@media (max-width: 1420px) and (min-width: 1025px) {
    .__tech.en .tech1 { padding: 30px 15px;}
    .__tech.en .tech1 ul li dl {font-size:13px;}
}

.__tech .techArr {text-align:center;}

.__tech .tech2 {border:2px solid #00b2e2;border-radius:45px;padding:30px 50px;}
.__tech .tech2 h5 {text-align:center;margin-bottom:85px;}
.__tech .tech2 h5 span {display:inline-flex;width:400px;height:50px;align-items:center;justify-content:center;color:#fff;background:#00b2e2;border-radius:25px;font-size:24px;font-weight:bold;}
.__tech .tech2 .sec {display:flex;justify-content:space-between;align-items:center;position:relative;}
.__tech .tech2 .sec:first-child {align-items:flex-end;}
.__tech .tech2 .sec ~ .sec {padding-top:104px;}
.__tech .tech2 .sec ~ .sec:before {content:"";display:block;position:absolute;right:0;top:52px;border-top:2px dotted #9f9f9f;width:900px;}
.__tech .tech2 .sec ~ .sec .lef dl dt {background:#000;}
.__tech .tech2 .sec .lef {width:230px;}
.__tech .tech2 .sec .lef h6 {text-align:center;font-size:20px;font-weight:800;color:#222;margin-bottom:12px;}
.__tech .tech2 .sec .lef dl dt {height:50px;border-radius:25px;font-size:18px;font-weight:bold;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(to right, #00b2e2 0%,#00953a 100%);position:relative;z-index:5;}
.__tech .tech2 .sec .lef dl dd:empty {display:none;}
.__tech .tech2 .sec .lef dl dd {border:1px solid #b7b7b7;display:flex;justify-content:center;border-radius:25px;padding:65px 0 25px;margin-top:-50px;font-size:16px;font-weight:500;line-height:1.85;}
.__tech .tech2 .sec .lef dl dd li {position:relative;padding-left:12px;}
.__tech .tech2 .sec .lef dl dd li:before {content:"";display:block;width:5px;height:5px;border-radius:50%;position:absolute;left:0;top:12px;background:#00b2e2;}

.__tech .tech2 .sec .rig {width:900px;display:flex;text-align:center;gap:74px;}
.__tech .tech2 .sec .rig .box {width:110px;position:relative;}
.__tech .tech2 .sec .rig .box ~ .box:before {content:"";display:block;width:24px;height:22px;background:url(../images/ico-tech2-arr.png) no-repeat 50% 50% / contain;right:100%;margin-right:26px;top:35px;position:absolute;}
.__tech .tech2 .sec .rig .box .img {position:relative;}
.__tech .tech2 .sec .rig .box .img p {width:150px;height:128px;background:url(../images/img-tech2-leaf.png) no-repeat 50% 50% / contain;position:absolute;left:50%;top:-95px;}
.__tech .tech2 .sec .rig .box .img p span {display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:16px;line-height:1.5;font-weight:bold;width:118px;height:104px;}
.__tech .tech2 .sec .rig .box .txt {margin:15px -20px 0;display:flex;align-items:center;justify-content:center;min-height:2.4em;font-size:16px;line-height:1.2;color:#666;}
.__tech .tech2 .sec .rig .box .txt span {font-size:14px;}
.__tech .tech2 .sec .rig .box:nth-child(even) {z-index:5;}
.__tech .tech2 .sec .rig .box:nth-child(even) .txt {color:#ff0000;font-weight:bold;}


.__tech.en .tech2 h5 span { width: 100%; max-width: 750px; margin: 0 auto; padding: 10px; height: auto; min-height: 50px; }
.__tech.en .tech2 .sec .lef dl dd { padding-left: 10px; padding-right: 10px; }
.__tech.en .tech2 .sec .rig .box .img p span { font-size: 9px; }

@media (min-width: 1025px) {
    .__tech.en .tech2 .sec .lef dl dt { font-size: 15px; }
    .__tech.en .tech2 .sec .rig .box .img p span { font-size: 12px; }
}


.__tech .dash {font-size:24px;color:#222;line-height:1.5;position:relative;padding-left:0.8em;}
.__tech .dash:before {content:"-";position:absolute;left:0;top:0;}

.__tech .tech3 {border:2px solid #00b2e2;border-radius:45px;padding:30px 70px 45px;}
.__tech .tech3 ul {font-size:16px;line-height:1.85;color:#222;font-weight:500;margin-top:35px;}
.__tech .tech3 ul li {position:relative;padding-left:1.2em;}
.__tech .tech3 ul li:before {content:"※";position:absolute;left:0;top:0;}

.__tech .tech4 {display:flex;flex-wrap:wrap;gap:40px;}
.__tech .tech4 .box {width:calc(50% - 20px);background:#fff;border-radius:45px 0 45px 0;padding:55px 25px 40px 30px;min-height:360px;display:flex;gap:32px;}
.__tech .tech4 .box .img {width:calc(250 / 625 * 100%);}
.__tech .tech4 .box .info {width:0;flex-grow:1;}
.__tech .tech4 .box .info h5 {font-size:24px;font-weight:800;color:#222;}
.__tech .tech4 .box .info .ddakji {margin:7px 0 12px;}
.__tech .tech4 .box .info .ddakji span {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#00b2e2;height:46px;border-radius:23px;font-size:18px;font-weight:800;padding:0 25px;}
.__tech .tech4 .box .info ul {font-size:18px;line-height:1.65;font-weight:500;color:#222;}
.__tech .tech4 .box .info ul li {position:relative;padding-left:12px;}
.__tech .tech4 .box .info ul li:before {content:"";display:block;width:5px;height:5px;border-radius:50%;position:absolute;left:0;top:10px;background:#00b2e2;}
.__tech .tech4 .box .info ul li strong {color:#00b2e2;}

.__tech .tech5 .box {display:flex;background:#f5f5f5;border-radius:45px;padding:30px 50px 30px 45px;gap:calc(110 / 1305 * 100%);}
.__tech .tech5 .box ~ .box {margin-top:30px;}
.__tech .tech5 .box .lef {width:calc(315 / 1305 * 100%);}
.__tech .tech5 .box .lef dl dt {margin:0 50px 0 -85px;display:flex;height:60px;border-radius:30px;color:#fff;background:#00b2e2;display:flex;align-items:center;padding:0 40px;font-size:24px;font-weight:800;}
.__tech .tech5 .box .lef dl dd {margin-top:22px;font-size:20px;line-height:1.5;font-weight:bold;color:#222;}
.__tech .tech5 .box .lef dl dd p {display:inline;background-image:linear-gradient(to bottom,transparent 0%,transparent calc(100% - 13px),#c4e8f1 calc(100% - 13px), #c4e8f1 13px);}
.__tech .tech5 .box .rig {width:0;flex-grow:1;display:flex;gap:20px;}
.__tech .tech5 .box .rig .item {background:#fff;border-radius:10px;overflow:hidden;max-width:280px;width:calc(100% / 3 - (40px / 3));}
.__tech .tech5 .box .rig .item ul {padding:35px 20px;}
.__tech .tech5 .box .rig .item ul li {font-size:18px;line-height:1.65;font-weight:500;color:#222;position:relative;padding-left:15px;}
.__tech .tech5 .box .rig .item ul li:before {content:"";display:block;width:5px;height:5px;background:#00b2e2;border-radius:50%;position:absolute;left:0;top:12px;}


@media (max-width: 1024px) and (min-width: 576px) {
    .__tech .tech4 .box .info { text-align: center; }
    .__tech .tech4 .box .info ul {display: inline-block; text-align: left;}

    .__tech .tech5 .box .rig .item { text-align: center; margin: 0 auto; }
    .__tech .tech5 .box .rig .item ul {display: inline-block; text-align: left;}
}

@media (max-width: 1420px) and (min-width: 1025px) {
    .__tech.en .tech4 .box .info .ddakji span { font-size: 15px;}
}

@media (min-width: 1281px) {
    .__tech.en .tech5 .box .lef dl dt { font-size: 18.5px;}
}

.__tech .tech6 {display:flex;gap:25px;}
.__tech .tech6 .box {width:0;flex-grow:1;background:#fff;border-radius:45px 0 45px 0;padding:40px 15px 40px 40px;display:flex;gap:25px;}
.__tech .tech6 .box .lef {width:calc(140 / 395 * 100%);}
.__tech .tech6 .box .rig {padding-top:25px;width:0;flex-grow:1;}
.__tech .tech6 .box .rig dl {font-size:30px;line-height:1.6;color:#222;}
.__tech .tech6 .box .rig dl dt {font-weight:800;}
.__tech .tech6 .box .rig ul {margin-top:20px;}
.__tech .tech6 .box .rig ul li {font-size:18px;line-height:1.65;font-weight:500;color:#222;position:relative;padding-left:15px;}
.__tech .tech6 .box .rig ul li:before {content:"";display:block;width:5px;height:5px;background:#00b2e2;border-radius:50%;position:absolute;left:0;top:12px;}

.__tech .tech7 {display:flex;gap:70px 25px;background:#fff;flex-wrap:wrap;padding:40px;border-radius:45px;}
.__tech .tech7 .box {width:calc(50% - 20px);gap:25px;display:flex;}
.__tech .tech7 .box .img {width:calc(220 / 640 * 100%);}
.__tech .tech7 .box .info {width:0;flex-grow:1;padding-top:17px;}
.__tech .tech7 .box .info ul li {font-size:18px;line-height:1.65;font-weight:500;color:#222;position:relative;padding-left:15px;}
.__tech .tech7 .box .info ul li ~ li {margin-top:30px;}
.__tech .tech7 .box .info ul li:before {content:"";display:block;width:5px;height:5px;background:#00b2e2;border-radius:50%;position:absolute;left:0;top:12px;}
.__tech .tech7 .box .info ul li strong {color:#00b2e2;}

@media all and (max-width:1420px){
	.__tech .tech1 {display:block;}
	.__tech .tech1 h5 {margin-right:0;font-size:24px;text-align:center;margin-bottom:20px;}
	.__tech .tech1 h5 br {display:none;}
	.__tech .tech1 ul {justify-content:center;}

	.__tech .tech2 h5 {margin-bottom:30px;}
	.__tech .tech2 .sec {display:block;}
	.__tech .tech2 .sec .lef {margin:0 auto 30px;}
	.__tech .tech2 .sec .rig {justify-content:center;width:auto;}

	.__tech .tech2 .sec:first-child .lef {margin-bottom:80px;}
	.__tech .tech2 .sec ~ .sec {border-top:2px dotted #9f9f9f;margin-top:40px;padding-top:40px;}
	.__tech .tech2 .sec ~ .sec:before {display:none;}

	.__tech .tech5 .box .lef dl dt {margin:0 0 0 -60px;}
	.__tech .tech5 .box {gap:50px;}
}

@media all and (max-width:1420px) and (min-width:1025px){
	.__tech .tech4 .box {gap:20px;}
	.__tech .tech4 .box .img {width:25%;}

	.__tech .tech6 .box {display:block;}
	.__tech .tech6 .box .lef {width:auto;text-align:center;}
	.__tech .tech6 .box .rig {width:auto;}
}

@media all and (max-width:1280px) and (min-width:1025px){
	.__tech .tech5 .box {display:block;}
	.__tech .tech5 .box .lef {width:auto;}
	.__tech .tech5 .box .rig {width:auto;margin-top:30px;}
}

@media all and (max-width:1024px){
	.__tech .topSum {border:2px dotted #00b2e2;border-radius:15px;padding:10px;margin-top:20px;}
	.__tech .topSum dl dt {font-size:18px;}
	.__tech .topSum dl dd {margin-top:5px;font-size:14px;}

	.__tech h4 {font-size:18px;}
	.__tech .tech1 {border:1px solid #b7b7b7;border-radius:15px;padding:15px;}
	.__tech .tech1 h5 {font-size:18px;}
	.__tech .tech1 ul {flex-wrap:wrap;gap:10px;}
	.__tech .tech1 ul li {width:130px;display:flex;align-items:center;justify-content:center;}
	.__tech .tech1 ul li dl {font-size:13px;padding-top:0;padding:0 10px;}
	.__tech .tech1 ul li dl dd {line-height:1.4;margin-top:5px;}

	.__tech .techArr img {width:60px;}

	.__tech .tech2 {border:1px solid #00b2e2;border-radius:15px;padding:15px;}
	.__tech .tech2 h5 {margin-bottom:20px;}
	.__tech .tech2 h5 span {width:240px;height:40px;border-radius:20px;font-size:18px;}
	.__tech .tech2 .sec .lef {width:auto;}
	.__tech .tech2 .sec .lef h6 {font-size:16px;margin-bottom:10px;}
	.__tech .tech2 .sec .lef dl dt {height:30px;border-radius:15px;font-size:16px;}
	.__tech .tech2 .sec .lef dl dd {border-radius:15px;padding:45px 0 15px;margin-top:-30px;font-size:14px;line-height:1.7;}
	.__tech .tech2 .sec .lef dl dd li {padding-left:10px;}
	.__tech .tech2 .sec .lef dl dd li:before {width:3px;height:3px;top:10px;}
	.__tech .tech2 .sec:first-child .lef {margin-bottom:60px;}
	.__tech .tech2 .sec .rig {flex-wrap:wrap;gap:40px}
	.__tech .tech2 .sec .rig .box {width:80px;}
	.__tech .tech2 .sec .rig .box ~ .box:before {display:none;}
	.__tech .tech2 .sec .rig .box .img img {width:60px;}
	.__tech .tech2 .sec .rig .box .img p {width:100px;height:80px;left:50%;top:-40px;}
	.__tech .tech2 .sec .rig .box .img p span {font-size:11px;width:78px;height:68px;}
	.__tech .tech2 .sec .rig .box .txt {margin:2px -10px 0;font-size:13px;}
	.__tech .tech2 .sec .rig .box .txt span {font-size:12px;}

	.__tech .dash {font-size:14px;}

	.__tech .tech3 {border:1px solid #00b2e2;border-radius:15px;padding:15px;}
	.__tech .tech3 ul {font-size:14px;line-height:1.5;margin-top:15px;}

	.__tech .tech4 {display:block;}
	.__tech .tech4 .box {width:auto;border-radius:15px 0 15px 0;padding:20px 15px;min-height:0;display:block;}
	.__tech .tech4 .box ~ .box {margin-top:20px;}
	.__tech .tech4 .box .img {width:auto;text-align:center;}
	.__tech .tech4 .box .img img {width:125px;}
	.__tech .tech4 .box .info {width:auto;margin-top:15px;}
	.__tech .tech4 .box .info h5 {font-size:18px;}
	.__tech .tech4 .box .info .ddakji {margin:5px 0 10px;}
	.__tech .tech4 .box .info .ddakji span {height:34px;border-radius:17px;font-size:14px;padding:0 15px;}
	.__tech .tech4 .box .info ul {font-size:14px;line-height:1.5;}
	.__tech .tech4 .box .info ul li {padding-left:10px;}
	.__tech .tech4 .box .info ul li:before {width:3px;height:3px;top:9px;}

	.__tech .tech5 .box {display:block;border-radius:15px;padding:15px;}
	.__tech .tech5 .box ~ .box {margin-top:10px;}
	.__tech .tech5 .box .lef {width:auto;}
	.__tech .tech5 .box .lef dl dt {margin:0 50px 0 -25px;height:40px;border-radius:20px;padding:0 25px;font-size:18px;}
	.__tech .tech5 .box .lef dl dd {margin-top:10px;font-size:14px;}
	.__tech .tech5 .box .lef dl dd p {display:inline;background-image:linear-gradient(to bottom,transparent 0%,transparent calc(100% - 13px),#c4e8f1 calc(100% - 13px), #c4e8f1 13px);}
	.__tech .tech5 .box .rig {margin-top:15px;display:flex;gap:10px;flex-wrap:wrap;width:auto;}
	.__tech .tech5 .box .rig .item {width:calc(50% - 5px);max-width:100%;}
	.__tech .tech5 .box .rig .item img {display:block;width:100%;}
	.__tech .tech5 .box .rig .item:last-child {width:100%;}
	.__tech .tech5 .box .rig .item ul {padding:15px;}
	.__tech .tech5 .box .rig .item ul li {font-size:14px;line-height:1.5;padding-left:10px;}
	.__tech .tech5 .box .rig .item ul li:before {width:3px;height:3px;top:10px;}

	.__tech .tech6 {display:block;}
	.__tech .tech6 .box {width:auto;border-radius:15px 0 15px 0;padding:15px;display:flex;gap:15px;}
	.__tech .tech6 .box ~ .box {margin-top:15px;}
	.__tech .tech6 .box .lef {width:75px;}
	.__tech .tech6 .box .rig {padding-top:15px;}
	.__tech .tech6 .box .rig dl {font-size:18px;line-height:1.4;}
	.__tech .tech6 .box .rig ul {margin-top:10px;}
	.__tech .tech6 .box .rig ul li {font-size:14px;line-height:1.5;padding-left:10px;}
	.__tech .tech6 .box .rig ul li:before {width:3px;height:3px;top:10px;}

	.__tech .tech7 {display:block;padding:20px 15px;border-radius:15px;}
	.__tech .tech7 .box {width:auto;gap:15px;}
	.__tech .tech7 .box ~ .box {margin-top:40px;}
	.__tech .tech7 .box .img {width:75px;}
	.__tech .tech7 .box .info {padding-top:0;}
	.__tech .tech7 .box .info ul li {font-size:14px;line-height:1.5;padding-left:10px;}
	.__tech .tech7 .box .info ul li ~ li {margin-top:10px;}
	.__tech .tech7 .box .info ul li:before {width:3px;height:3px;top:10px;}
}

@media (min-width: 1421px) {
    .__tech.en .tech6 .box .lef { width: calc(125 / 392* 100%); }
    .__tech.en .tech6 .box .rig dl { font-size: 25px; }
}

@media all and (max-width:1024px) and (min-width: 576px){
    .__tech .tech6 {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;}
	.__tech .tech6 .box { width: calc(50% - 12.5px); margin-top: 0 !important; }
    .__tech .tech6 .box:last-child { width: 100%; }
}

.__pdtList {display:flex;flex-wrap:wrap;gap:40px;}
.__pdtList .box {display:block;width:calc((100% / 3) - (80px / 3));background:#fff;text-align:center;padding:40px 40px 30px;border-radius:45px;}
.__pdtList .box .img {max-width:330px;margin:0 auto;}
.__pdtList .box .img img {object-fit:contain;aspect-ratio:6 / 5;width:100%;display:block;}
.__pdtList .box .txt {margin-top:17px;font-size:24px;font-weight:800;color:#222;line-height:1.2;}

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

.__pdtView1 {display:flex;gap:calc(100 / 1400 * 100%);}
.__pdtView1 .lef {width:calc(600 / 1400 * 100%);}
.__pdtView1 .lef .img {background:#fff;border-radius:45px;overflow:hidden;}
.__pdtView1 .lef .img img {display:block;width:100%;}
.__pdtView1 .rig {width:0;flex-grow:1;padding-top:30px;position:relative;padding-bottom:100px;}
.__pdtView1 .rig h3 {font-size:36px;font-weight:800;color:#222;}
.__pdtView1 .rig .edit {margin-top:40px;}
.__pdtView1 .rig .edit ul li {font-size:20px;line-height:1.8;font-weight:500;color:#222;position:relative;padding-left:15px;}
.__pdtView1 .rig .edit ul li ~ li {margin-top:40px;}
.__pdtView1 .rig .edit ul li:before {content:"";display:block;width:7px;height:7px;background:#00b2e2;border-radius:50%;position:absolute;left:0;top:14px;}
.__pdtView1 .rig .bt {position:absolute;left:0;bottom:0;width:100%;display:flex;gap:20px;}
.__pdtView1 .rig .bt a {display:flex;height:60px;display:flex;align-items:center;justify-content:center;gap:10px;background:#222;color:#fff;font-size:20px;font-weight:bold;border-radius:10px;}
.__pdtView1 .rig .bt a:before {content:"";display:block;width:23px;height:27px;background:url(../images/ico-bt1.png) no-repeat 50% 50% / contain;}
.__pdtView1 .rig .bt .bt1 {width:0;flex-grow:1;background:#00b2e2;}
.__pdtView1 .rig .bt .bt2 {width:220px;}
.__pdtView1 .rig .bt .bt2:before {background-image:url(../images/ico-bt2.png);}

.__pdtView2 .tit {margin-bottom:40px;}
.__pdtView2 .tit h3 {font-size:30px;font-weight:bold;color:#222;}
.__pdtView2 .cont {font-size:18px;line-height:1.67;}
.__pdtView2 .cont * {font-family:inherit !important;}
.__pdtView2 .cont table {width:100% !important;border:none !important;border-collapse:collapse !important;}
.__pdtView2 .cont table colgroup {display:none;}
.__pdtView2 .cont table tr {height:auto !important;}
.__pdtView2 .cont table tr > * {border-top:none !important;height:auto !important;padding:15px !important;background:none !important;font-weight:300 !important;border:1px solid #dbdbdd !important;text-align:center !important;}
.__pdtView2 .cont table tr * {font-size:18px !important;width:auto !important;color:rgba(21,21,21,0.8) !important;}
.__pdtView2 .cont img { width: 100%; height: auto !important; }

@media all and (max-width:1024px){
	.__pdtView1 {display:block;}
	.__pdtView1 .lef {width:auto}
	.__pdtView1 .lef .img {border-radius:15px;}
	.__pdtView1 .rig {width:auto;padding-top:30px;padding-bottom:0;}
	.__pdtView1 .rig h3 {font-size:20px;}
	.__pdtView1 .rig .edit {margin-top:15px;}
	.__pdtView1 .rig .edit ul li {font-size:14px;line-height:1.6;padding-left:10px;}
	.__pdtView1 .rig .edit ul li ~ li {margin-top:10px;}
	.__pdtView1 .rig .edit ul li:before {width:3px;height:3px;top:10px;}
	.__pdtView1 .rig .bt {position:relative;margin-top:20px;gap:10px;}
	.__pdtView1 .rig .bt a {height:40px;gap:7px;font-size:16px;border-radius:5px;}
	.__pdtView1 .rig .bt a:before {width:16px;height:20px;}
	.__pdtView1 .rig .bt .bt2 {width:120px;}

	.__pdtView2 .tit {margin-bottom:20px;}
	.__pdtView2 .tit h3 {font-size:18px;}
	.__pdtView2 .cont {font-size:14px;line-height:1.6;overflow-y: auto;}


	.__pdtView2 .cont table tr > * {padding:5px 2px !important;line-height:1.2;word-break:break-all;}
	.__pdtView2 .cont table tr * {font-size:11px !important;}
}


.__topArea {display:flex;justify-content:space-between;margin-bottom:25px;align-items:center;}
.__topArea .count {font-size:16px;color:#333;font-weight:bold;}
.__topArea .count span {color:#333;}
.__topArea .sch {position:relative;display:flex;}
.__topArea .sch select {height:60px;font-size:18px;line-height:60px;appearance:none;background:#fff url(../images/ico-sel.png) no-repeat right 15px center / 11px auto;padding:0 40px 0 0;margin-right:10px;border:none;min-width:100px;}
.__topArea .sch input {width:320px;height:60px;border-radius:30px;padding-left:30px;font-size:16px;font-weight:500;color:#222;border:none;background:#f5f5f5;}
.__topArea .sch input::placeholder {color:#666;}
.__topArea .sch button {width:52px;height:100%;display:flex;align-items:center;justify-content:center;background:url(../images/ico-sch.png) no-repeat 50% 50%;text-indent:-9999px;border:none;position:absolute;right:15px ;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:40px;border-radius:20px;padding-left:10px;font-size:14px;}
	.__topArea .sch button {width:40px;background-size:20px auto;right:5px;}
}

.__inq .tit {text-align:center;}
.__inq .tit dt {font-size:30px;font-weight:800;color:#333;line-height:1.4;}
.__inq .tit dd {font-size:30px;font-weight:500;color:#333;line-height:1.4;margin-top:15px;}
.__inq .area {margin-top:60px;background:#f7f7f7;border-radius:45px;padding:60px 70px;}
.__inq .area .line {display:flex;gap:74px;}
.__inq .area .line ~ .line {margin-top:60px;}
.__inq .area .line dl {width:0;flex-grow:1;}
.__inq .area .line dl dt {font-size:20px;line-height:1;font-weight:500;color:#222;}
.__inq .area .line dl dt span {color:#d01a24;}
.__inq .area .line dl dd {margin-top:13px;font-size:18px;}
.__inq .area .line dl dd input,
.__inq .area .line dl dd select {border:none;height:50px;border-bottom:1px solid #000;font-size:18px;width:100% !important;background:none;padding:0;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 #111;background:none;height:160px;padding:25px;color:#111;resize:none;font-size:18px;}
.__inq .area .line dl dd textarea::placeholder {color:rgba(17,17,17,0.5);}
.__inq .area .privacy_box--fc {border:1px solid #7e7e7e;background:#fff;font-size:18px;padding:25px;color:#666;font-weight:normal;}
.__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 #111;width:28px;height:28px;background:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;}
.__inq .area .privacy_txt--fc input[type="checkbox"] + label {font-size:18px;color:#666;padding-left:35px;padding-top:5px;}
.__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;}
.__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;}
.__inq .area .captcha_box--fc a {margin:0 10px 0 0;border:none;}
.__inq .area .captcha_box--fc input {width:405px !important;}

.__inq .area .line .filebox {position:relative;padding-left:175px;}
.__inq .area .line .filebox input[type='file'] {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;opacity:0;}
.__inq .area .line .filebox input {border:none;border-bottom:1px solid #000000;height:44px;padding-left:0;}
.__inq .area .line .filebox input::placeholder {color:rgba(17,17,17,0.5);}
.__inq .area .line .filebox label {position:absolute;left:0;top:0;width:155px;height:100%;display:flex;align-items:center;justify-content:center;background:#dedede;color:#151515;font-size:16px;text-align:center;}
html[lang='en'] .__inq .area .line .filebox label {font-size:0;}
html[lang='en'] .__inq .area .line .filebox label:after {content:"Select File";font-size:18px;}

.__inq .bt {margin-top:60px;text-align:center;}
.__inq .bt button {display:inline-flex;width:300px;height:60px;background:#00b2e2;border:none;color:#fff;font-size:18px;font-weight:bold;align-items:center;justify-content:center;text-align:center;border-radius:10px;gap:25px;}
.__inq .bt button:before {content:"";display:block;width:23px;height:27px;background:url(../images/ico-write.png) no-repeat 50% 50% / contain;}


@media all and (max-width:1024px){
	.__inq .tit dt {font-size:18px;}
	.__inq .tit dd {font-size:16px;margin-top:10px;}
	.__inq .area {margin-top:30px;border-radius:15px;padding:15px;}

	.__inq .area .line {display:block;}
	.__inq .area .line ~ .line {margin-top:20px;}
	.__inq .area .line dl {width:auto;}
	.__inq .area .line dl ~ dl {margin-top:20px;}
	.__inq .area .line dl dt {font-size:16px;}
	.__inq .area .line dl dd {margin-top:7px;}
	.__inq .area .line dl dd input,
	.__inq .area .line dl dd select {height:40px;font-size:14px;padding-left:0;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;}
	.__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 .filebox {padding-left:80px;margin-top:10px;}
	.__inq .area .line .filebox input {height:35px;padding-left:10px;}
	.__inq .area .line .filebox label {width:75px;font-size:14px;}
	html[lang='en'] .__inq .area .line .filebox label:after {font-size:14px;}

	.__inq .bt {margin-top:30px;}
	.__inq .bt button {width:130px;height:45px;font-size:16px;border-radius:5px;gap:10px;}
	.__inq .bt button:before {width:18px;height:22px;}
}

.__galList {display:flex;gap:45px 53px;flex-wrap:wrap;}
.__galList .box {display:block;width:calc(25% - (159px / 4));}
.__galList .box .img img {display:block;aspect-ratio:31 / 26;object-fit:cover;border-radius:20px;width:100%;}
.__galList .box .info {margin-top:25px;}
.__galList .box .info .subject {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:18px;font-weight:500;color:#333;}
.__galList .box .info .date {font-size:18px;font-weight:500;color:#666;margin-top:12px;}


/* 타이틀 전체 보임 */
.board-tit-all .__galList .box .info .subject {
    overflow: visible;
    white-space: pre-wrap;
}

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

.__vidList {display:flex;gap:45px 43px;flex-wrap:wrap;}
.__vidList .box {display:block;width:calc((100% / 3) - (86px / 3));}
.__vidList .box .img iframe,
.__vidList .box .img video,
.__vidList .box .img img {display:block;aspect-ratio:44 / 30;object-fit:cover;border-radius:20px;width:100%;}
.__vidList .box .info {margin-top:25px;}
.__vidList .box .info .subject {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:18px;font-weight:500;color:#333;}
.__vidList .box .info .date {font-size:18px;font-weight:500;color:#666;margin-top:12px;}

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

.__tab {display:flex;box-shadow:inset 0 -1px 0 #c4c4c4;margin-bottom:40px;gap:40px;}
.__tab a {display:block;padding-bottom:15px;font-size:18px;font-weight:800;color:rgba(0,0,0,0.6);border-bottom:4px solid transparent;transition:0.2s;}
.__tab a:hover,
.__tab .active {color:#000;}
.__tab .active {border-bottom-color:#16b9da;}

@media all and (max-width:1024px){
	.__tab {margin-bottom:25px;gap:20px;}
	.__tab a {padding-bottom:10px;font-size:16px;border-bottom-width:2px;}
}

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

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

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

}

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

}

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

}