/* * {
    touch-action: manipulation; 
  } */
::selection {
    color: #fff;
    background: #00ad3d;
  }
#fourth{animation: slide-up 2.7s cubic-bezier(.5,.2,0,1); 
	animation-fill-mode:both; animation-delay:0s;}
@keyframes slide-up {
    from{transform: translateY(200px);}
    to{transform: translateY(0);}
}
nav{z-index:26; width:98%; left:1%; top:15px; background-color:rgba(255, 255, 255, 0.1); transition:all 0.3s cubic-bezier(.01,.4,.28,1); height:90px; position:fixed; font-family:Pretendard, -apple-system; overflow:hidden; 
    animation: slide-down 0.7s cubic-bezier(.5,.2,0,1); 
	animation-fill-mode:both; animation-delay:2.5s;
}
nav.SubNav{z-index:26; width:98%; left:1%; top:15px; background-color:rgba(255, 255, 255, 0.15); transition:all 0.3s cubic-bezier(.01,.4,.28,1); height:90px; position:fixed; font-family:Pretendard, -apple-system; overflow:hidden; 
    animation: slide-down 0.7s cubic-bezier(.5,.2,0,1); 
	animation-fill-mode:both; animation-delay:0.5s;
}
@keyframes slide-down {
	from{transform: translateY(-100px);}
	to{transform: translateY(0);}
}
.MainOurPeoplePin{ background-color:rgba(0, 0, 0, 0.4);}
.PCNAV_OVER nav{height:209px !important; backdrop-filter: blur(5px); border-bottom:2px solid #0b983c;}
.PCNAV_OVER ._3d_logo{opacity:0.15;}
nav>h1{position: absolute; left:20px; top:20px; z-index:9; transition:all 0.3s cubic-bezier(.01,.4,.28,1);}
nav a{color:#fff; font-family:"Poppins", Pretendard, -apple-system; font-weight:400; font-style:normal;}
nav>h1 img{width:200px; transition:all 0.3s cubic-bezier(.01,.4,.28,1);}
nav>ul{position:absolute; right:90px; top:31px; transition:all 0.3s cubic-bezier(.01,.4,.28,1);}
nav>ul.nav_ul{display:flex;}
nav>ul.nav_ul>li{width:175px; display:flex; flex-direction:column;}
nav > ul.nav_ul > li:last-child {width:140px;}
nav>ul.nav_ul>li>a{font-size:16px; transition:all 0.3s; }
nav>ul.nav_ul>li ul{margin-top:13px; display:none;}
nav>ul.nav_ul>li ul li a{height:30px; display:block; font-size:15px; transition: all 0.3s, background-position 0.2s ease-in-out; 
    position:relative; background-position: calc(100% - 20px) 6px; transition:all 0.3s;}
nav>ul.nav_ul>li ul li a::after{content:""; width:0%; height:1px; background-color:#00e752; bottom:0; left:0; display:block; transition:all 0.2s;}
nav>ul.nav_ul>li ul li a:hover{color:#00e752; background:url("../image/common/arrow_green.svg") no-repeat; background-position:calc(100% - 20px) 6px; background-size:13px;}
nav>ul.nav_ul>li ul li a:hover::after{content:""; width:90%; height:1px; background-color:#00e752; bottom:0; left:0; display:block; }

._3d_logo{position: absolute; left:12%; top:-45px; opacity:0; transition:all 0.5s;}
._3d_logo img{width:400px;}

.language{position:fixed; z-index:27; font-size:15px; top:45px; right:50px; font-family:"Poppins", Pretendard, -apple-system; transition:all 0.3s cubic-bezier(.01,.4,.28,1); 
    animation: slide-down 0.7s cubic-bezier(.5,.2,0,1); 
	animation-fill-mode:both; animation-delay:2.5s;
}
.language ul{display:flex; align-items:center;}
.language ul a{display:block; color:#888888; font-size:14px; position:relative; transition:all 0.3s;}
.language ul a.active{color:#fff;}
.language ul a.active::after{content:""; bottom:0px; left:0; width:100%; background-color:#00e752; height:1px; position:absolute; }
@media (hover: hover) {
    .language ul a:hover{color:#fff;}
}
.language ul li+li{margin-left:15px; position:relative; }
.language ul li+li::before{content:""; display:block; width:1px; height:12px; left:-8px; top:5px; position:absolute; background-color:#fff;}
.mainTopVisual{position:fixed; right:0; top:0; z-index:4; width:40%; mix-blend-mode:screen;
    animation: slide-right 1.3s cubic-bezier(.5,.2,0,1); 
	animation-fill-mode:both; animation-delay:3.0s;
}
@keyframes slide-right {
	from{transform: translateX(20%); opacity:0;}
	to{transform: translateX(0); opacity:1;}
}
.mainTopVisual img{width:100%;}
.heroText{position:fixed; font-family: 'ForsTrialRegular'; z-index:23; left:4%; top:33.5%; color:#fff;
    animation: slide-left 0.9s cubic-bezier(.5,.2,0,1); 
	animation-fill-mode:both; animation-delay:3.1s;
}
@keyframes slide-left {
	from{transform: translateX(-131%);}
	to{transform: translateX(0);}
}
@keyframes slide-opacityUp {
	from{transform: translateY(50%); opacity:0;}
	to{transform: translateY(0); opacity:1;}
}
.heroText p{font-size:3.2vw; line-height:115%;}
.heroText span{display:block; width:330px; position:relative; top:50px;}
.heroText span a{display:block; color:#fff; font-size: min(1.5vw, 26px); font-family: Pretendard, -apple-system;}

.heroText span a::before {transform: scaleX(0); transform-origin: bottom right;}
@media (hover: hover) {
    .heroText span a:hover::before {transform: scaleX(1);transform-origin: bottom left;}
    .heroText span a:hover::after {background-color: #00bb42;}
}
.heroText span a::before {content: " ";display: block;position: absolute;top: 0; right: 0; bottom: 0; left: 0;
    inset: 0 0 0 0; background: linear-gradient(90deg, rgba(0,115,41,1) 0%, rgba(0,115,41,1) 38%, rgba(7,218,82,1) 100%); z-index: -1; transition: transform .3s ease; border-radius:3px; mix-blend-mode:multiply;}

.heroText span i{display:inline-block; position: absolute; right:0; bottom:8px; width:18px; height:18px;}
.heroText span i img{width:18px; height:18px;}
.heroText span a::after{content:""; display:block; width:100%; height:1px; position:absolute; bottom:0; left:0; background-color:#fff;  transition: all .3s ease;}
.heroText_under{font-family: 'ForsTrialRegular'; color:#fff;  font-size: min(1.9vw, 26px); position: fixed; left:4%; bottom: min(2.9vw, 120px);
    animation: slide-left 0.9s cubic-bezier(.5,.2,0,1); 
	animation-fill-mode:both; animation-delay:3.2s;
}
.mainRedDot{position: fixed; left:min(37vw, 520px); bottom: min(2.7vw, 110px); z-index:25;
    animation: slide-opacityUp 1.9s cubic-bezier(.5,.2,0,1); 
	animation-fill-mode:both; animation-delay:3.2s;
}
.mainRedDot img{width:90px;}

body.SCROLL nav{height:57px; backdrop-filter: blur(4px); border-radius:10px;}
body.SCROLL nav>ul{top:16px;}
body.SCROLL .language{top:32px;}
body.SCROLL nav>h1 img{width:145px;}
body.SCROLL nav>h1{top:12px;}
body.SCROLL nav>ul.nav_ul>li>a{font-size:14px;}
body.SCROLL .language ul a{font-size:13px;}
body.SCROLL nav>ul.nav_ul>li ul li a{font-size:14px;}
body.SCROLL nav>ul.nav_ul>li ul{margin-top:20px;}
spline-viewer{}
.oct_c_1{position:absolute; left:calc( 50% - 304px ); bottom:121px; z-index:22; opacity:0; transform:translate(-30px, 0px); transition:all 0.9s cubic-bezier(0,.42,.29,1);}
.oct_c_2{position:absolute; left:calc( 50% + 92px ); bottom:88px; z-index:22; opacity:0; transform:translate(30px, 0px); transition:all 0.9s cubic-bezier(0,.42,.29,1);}
.oct_c_3{position:absolute; left:calc( 50% - 367px ); bottom:-122px; z-index:22; opacity:0; transform:translate(-30px, 0px); transition:all 0.9s cubic-bezier(0,.42,.29,1);}
.oct_c_4{position:absolute; left:calc( 50% + 179px ); bottom:-223px; z-index:22; opacity:0; transform:translate(30px, 0px); transition:all 0.9s cubic-bezier(0,.42,.29,1);}
.oct_c_1.on{opacity:0.9; transform:translate(0px, 0px);}
.oct_c_2.on{opacity:0.9; transform:translate(0px, 0px);}
.oct_c_3.on{opacity:0.9; transform:translate(0px, 0px);}
.oct_c_4.on{opacity:0.9; transform:translate(0px, 0px);}

@media all and (min-width: 2000px){ /*너비 2000보다 큰 경우*/
    .oct_c_1{position:absolute; left:calc( 50% - 304px ); bottom:121px; z-index:22; opacity:0; transform:translate(-64px, 0px); transition:all 0.9s cubic-bezier(0,.42,.29,1);}
    .oct_c_2{position:absolute; left:calc( 50% + 92px ); bottom:88px; z-index:22; opacity:0; transform:translate(90px, 0px); transition:all 0.9s cubic-bezier(0,.42,.29,1);}
    .oct_c_3{position:absolute; left:calc( 50% - 367px ); bottom:-122px; z-index:22; opacity:0; transform:translate(-106px, 71px); transition:all 0.9s cubic-bezier(0,.42,.29,1);}
    .oct_c_4{position:absolute; left:calc( 50% + 179px ); bottom:-223px; z-index:22; opacity:0; transform:translate(117px, 91px); transition:all 0.9s cubic-bezier(0,.42,.29,1);}
}
.oct_c_1.on_big{opacity:0.9; transform:translate(-14px, 0px);}
.oct_c_2.on_big{opacity:0.9; transform:translate(40px, 0px);}
.oct_c_3.on_big{opacity:0.9; transform:translate(-56px, 71px);}
.oct_c_4.on_big{opacity:0.9; transform:translate(67px, 91px);}

.oct_part_description{position:fixed; bottom:0; width:100%; height:0vh; left:0; z-index:22;} /*자바스크립트 */

.keyvisual_second_text_1{opacity:0; position:fixed; font-family: 'ForsTrialRegular'; color:#fff; z-index:22; left:4%; top:28.5%;}
.keyvisual_second_text_1 i{font-style:normal; color:#1ed760;}
.keyvisual_second_text_1 h2{font-size:3.2vw; line-height:115%;}
.keyvisual_second_text_1 h3{font-size:1.4vw; margin-top:50px;}

.keyvisual_second_image_2{position:fixed; right:0; top:50px; z-index:20; opacity:0; mix-blend-mode: screen;}
.keyvisual_second_image_2 img{mix-blend-mode: screen; width:30vw;}

.keyvisual_surgeon{position:fixed; left:2.5vw; top:-10px; z-index:4; width:40%; mix-blend-mode:screen; opacity:0;}
.keyvisual_surgeon img{width:25vw;}

.main_Content{width:100vw; position:absolute; top:1800px; background-color:#000; z-index:25;}/* height:3000px;*/
@media all and (min-width: 2000px){ /*너비 2000보다 큰 경우*/
    .main_Content{top:1950px;}
}
.loading_logo {
position:fixed; left:50%; top:50%; z-index:100; animation: loading 1.2s infinite;
animation-fill-mode: both; animation-delay: 0s;
transform: translate(-50%, -50%); 
}
.loading_logo img {width: 100px;}
@keyframes loading {
from {transform: translate(-50%, -50%) rotate(0);}
to {transform: translate(-50%, -50%) rotate(360deg);}
}
.meshGradient{position:relative; z-index:4;}
.sunRise{width:100%; height:90vh;}
.sunRise p{position:relative;}
.sunRise p i{display:block; width:100%; height:90vh; position:absolute;}
.sunRise p i.riseImg_1{opacity:0; background:url("../image/main/mesh_1.jpg") no-repeat 50% 50%; background-size:cover; background-color:#636363;}
.sunRise p i.riseImg_2{opacity:0; background:url("../image/main/mesh_2.jpg") no-repeat 50% 50%; background-size:cover; background-color:#636363;}
.sunRise p i img{width:100%; position:absolute; object-fit: contain;}
.sunRiseText{top:45vh; font-family: 'PPNeueMontreal-Medium', Pretendard, -apple-system;; line-height:140%; font-size:clamp(14px, 1.9vw, 32px); position:absolute; text-align:center; width:100%; color:#8e8e8e; }
.sunRiseText span{display:block; text-align:center; letter-spacing:0.5px;}
.sunRiseText em{display:block; text-align:center; font-family: 'PPNeueMontreal-Medium'; margin-top:50px; position:relative; z-index:5;}
.sunRiseText em a{display:inline-block; background-color:#5DC982; width:186px; height:46px; line-height:42px; font-size:18px;  border-radius:40px; color:#fff; box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.2); position:relative; overflow: hidden; font-family: 'ForsTrialRegular';}
.sunRiseText em a i{position:absolute; z-index:5; width:100%; text-align:center; left:0;}
.sunRiseText em a::after{content:""; display:block; width:100%; height:100%; position:absolute; left:-100%; top:0; transition:all 0.28s cubic-bezier(.01,.33,.48,.99); background: linear-gradient(90deg, rgba(8,60,27,1) 24%, rgba(93,201,130,1) 100%);}
.sunRiseText em a:hover::after{left:0%;}
.sunRiseText em a:hover{color:#f4ffe4;  box-shadow: 6px 6px 6px -6px rgba(0,0,0,0.1); }

.main_general{background-color:#414141; }
.main_faster{height:auto;}
.main_faster{width:1300px; margin:0 auto;}
.main_faster ul{display:flex; gap:0 0px;}
.main_faster ul li.mfU_li_1{width:47%; position:relative;}
.main_faster ul li.mfU_li_1 img{width:100%;}
.main_faster ul li.mfU_li_1 i{position:absolute; left:0; top:0; z-index:5; opacity:0;}
.main_faster ul li.mfU_li_1 p{position:absolute; left:0; top:0; z-index:4;}
.main_faster ul li.mfU_li_2{width:53%; color:#fff; position:relative;}
.main_faster ul li.mfU_li_2 em{mix-blend-mode:screen; display:inline-block; position: absolute; right:-30px; bottom:96px;}
.main_faster ul li.mfU_li_2 em img{width:200px;} 
.main_faster ul li.mfU_li_2  span{display:block; margin-top:30px;}
.main_faster ul li.mfU_li_2  span h2 div{font-family: Pretendard, -apple-system; font-weight:600; font-size:clamp(16px, 2.7vw, 42px); line-height:100%; white-space: nowrap; overflow:hidden;}
.main_faster ul li.mfU_li_2  span h2 div i{font-style:normal; color:#56ff92; mix-blend-mode: normal; display:inline;}
.main_faster ul li.mfU_li_2  span p{margin-top:40px; font-family: Pretendard, -apple-system; font-size:clamp(14px, 1.0vw, 18px); line-height:160%;}

.main_faster ul li.mfU_li_2 a{margin-top:50px; display:inline-block; background-color:transparent; width:160px; height:42px; line-height:42px; font-size:18px;  border-radius:40px; color:#fff; position:relative; overflow: hidden; text-align:center; border:1px solid #fff; font-family: Pretendard, -apple-system; transition:all 0.25s cubic-bezier(.01,.33,.48,.99);}
.main_faster ul li.mfU_li_2 a i{position:absolute; z-index:5; width:100%; text-align:center; left:0;}
.main_faster ul li.mfU_li_2 a::after{content:""; display:block; width:150%; height:100%; position:absolute; left:-120%; top:0; transition:all 0.25s cubic-bezier(.01,.33,.48,.99); background:  linear-gradient(270deg, rgba(65,65,65,1) 24%, rgba(166,166,166,1) 100%);}
@media (hover: hover) {
    .main_faster ul li.mfU_li_2 a:hover::after{left:0%;}
    .main_faster ul li.mfU_li_2 a:hover{color:#f4ffe4; border:1px solid transparent; box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.15);}
}

.main_OCT{margin-top:100px;}
.main_OCT h2{font-size:clamp(20px, 2.6vw, 46px); color:#fff; text-align:center; font-family: 'ForsTrialThin';}
.main_OCT h2 div{display:inline-block; line-height:100%;}
.main_OCT h2 div i{font-family:'ForsTrialBold'; 
    display: inline-block;
    background: linear-gradient(180deg, rgba(255,255,255,1) 2%, rgba(172,172,172,1) 99%);
    font-weight: 700;
    line-height: 1.2;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.main_OCT ul{display:flex; width:1200px; margin:0 auto; justify-content:center; margin-top:80px;}
.main_OCT ul li{width:22.5vw;}
.main_OCT ul li:nth-of-type(1){transform:translateX(30px);}
.main_OCT ul li:nth-of-type(3){transform:translateX(-30px);}
.main_OCT ul li a{display:block; position:relative;  width:22.5vw; height:22.5vw;}
@media (hover: hover) {
    .main_OCT ul li a:hover b{opacity:0.6;}
    .main_OCT ul li a:hover div p{transform:scale(1.05);}
    .main_OCT ul li a:hover b{transform:scale(1.04); box-shadow: 0px 0px 26px 0px rgba(255,255,255,0.2);  border:1px solid rgba(255, 255, 255, 0.9);}
    .main_OCT ul li a:hover div i img{transform:scale(1.07) translateY(-4px);}
    .main_OCT ul li a:hover span{opacity:1; transform:translate(-50%, 10px);}
}
.main_OCT ul li a div{}
.main_OCT ul li a div p{position:absolute; top:0; z-index:2; border-radius:500px; width:22.5vw; height:22.5vw; color:transparent; overflow: hidden; transition:all 0.3s;}
.main_OCT ul li a div p img{position: absolute;}
.main_OCT ul li a div p.ma_oct_1{}
.main_OCT ul li a div p.ma_oct_1 img{position: absolute; top:53%; transform:translate(25%, -50%);  width:80%;}
.main_OCT ul li a div p.ma_oct_2 img{position: absolute; top:50%; left:50%; transform:translate(-50%, -30%); width:45%;}
.main_OCT ul li a div p.scree{}
.main_OCT ul li a div p.scree img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:84%;}
.main_OCT ul li a b{position:absolute; top:0; z-index:1; display:block; background-color:#D9D9D9; opacity:0.2; border:1px solid rgba(255, 255, 255, 0.2);
    border-radius:500px; width:22.5vw; height:22.5vw; transition:all 0.4s; transform-origin:center center; box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.4);}
.main_OCT ul li a div i{position:absolute; left:50%; top:40px; transform:translate(-50%, 0%); display:block; text-align:center;}
.main_OCT ul li:nth-of-type(2) a div i{top:30px}
.main_OCT ul li a div i img{width:80%; transition:all 0.3s;}
.main_OCT ul li a span{position:absolute; opacity:0.8; bottom:-70px; left:50%; font-size:clamp(14px, 1.2vw, 20px); transform:translate(-50%, 0); display:block; color:#fff; font-family: 'ForsTrialRegular'; line-height:120%; text-align:center; transition:all 0.3s;}

@media all and (min-width: 1800px){ /*너비 1800보다 큰 경우 - 원의 크기 재설정*/
    .main_OCT ul li{width:21vw;}
    .main_OCT ul li a{display:block; position:relative;  width:21vw; height:21vw;}
    .main_OCT ul li a b{width:21vw; height:21vw;}
    .main_OCT ul li a div p{width:21vw; height:21vw; }    
}
@media all and (min-width: 2000px){ /*너비 2000보다 큰 경우 - 원의 크기 재설정*/
    .main_OCT ul li{width:18vw;}
    .main_OCT ul li a{display:block; position:relative;  width:18vw; height:18vw;}
    .main_OCT ul li a b{width:18vw; height:18vw;}
    .main_OCT ul li a div p{width:18vw; height:18vw;}    
}

.main_NEWS{height:clamp(300px, 55vw, 1100px); margin-top:100px; margin-top:250px; position:relative;}
.main_NEWS h2{font-size:clamp(20px, 2.6vw, 46px); color:#fff; text-align:center; font-family: 'ForsTrialThin';}
.main_NEWS h2 div{display:inline-block; line-height:100%;}
.main_NEWS h2 div i{font-family:'ForsTrialBold'; 
    display: inline-block;
    background: linear-gradient(180deg, rgba(255,255,255,1) 2%, rgba(172,172,172,1) 99%);
    font-weight: 700;
    line-height: 1.2;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.main_NEWS ul{display:flex; align-items:flex-start; gap:0 0%; transform:translateX(-3.2%); margin-top:5vw;}
.main_NEWS ul li{width:33%;}
.main_NEWS ul li:nth-of-type(1){position:relative; left:-15vw; opacity:0.6;}
.main_NEWS ul li:nth-of-type(3){position:relative; left:15vw; opacity:0.6;}
.main_NEWS ul li a{display:block; color:#fff; position:relative; width:38vw; }
.main_NEWS ul li a>img{width:38vw; border-radius:20px; display:block; transition:all 0.3s; border:3px solid transparent;}
.main_NEWS ul li a p{padding:20px 0 20px; line-height:170%; font-family: Pretendard, -apple-system; font-size:17px; word-break:keep-all; position:relative; transition:all 0.3s;}
.main_NEWS ul li a p::after{content:""; width:100%; height:1px; background-color:#fff; position: absolute; bottom:-10px; display:block; transition:all 0.3s;}
.main_NEWS ul li a span{position:absolute; bottom:-44px; left:0; font-family: 'ForsTrialThin'; font-size:16px; transition:all 0.3s; }
.main_NEWS ul li a b{position:absolute; bottom:-41px; right:0; font-family: 'ForsTrialThin'; font-size:19px; font-weight:normal; transition:all 0.3s;}
.arm_left{position: absolute; left:27%; transform:translate(-50%, 0); top:19.5vw; z-index:10;}
.arm_left img{width:3vw; opacity:0.5; transition:all 0.3s;}
.arm_right{position: absolute; left:73%; transform:translate(-50%, 0); top:19.5vw; z-index:10;}
.arm_right img{width:3vw; opacity:0.5; transition:all 0.3s;}
@media (hover: hover) {
    .arm_right a:hover img{opacity:1; transform:translateX(10px);}
    .arm_left a:hover img{opacity:1; transform:translateX(-10px);}
}
@media (hover: hover) {
    .main_NEWS ul li a:hover>img{border:3px solid #00e752; box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.2);}
    .main_NEWS ul li a:hover span{color:#43ff86;}
    .main_NEWS ul li a:hover b{color:#43ff86;}
    .main_NEWS ul li a:hover p::after{background-color:#00e752;}
}
.spacer_people{background-color: #efefef;}
.main_People{height:100vh !important; position:relative; background-color:#efefef;}
.main_People h2{padding-top:clamp(100px, 8.1vw, 500px); font-size:clamp(20px, 2.6vw, 46px); color:#6b6b6b; text-align:center; font-family: 'ForsTrialThin'; position: relative;  z-index:3; }
.main_People h2 div{display:inline-block; line-height:100%;}
.main_People h2 div i{font-family:'ForsTrialBold'; 
    display: inline-block;
    background: linear-gradient(0deg, rgba(67,67,67,1) 2%, rgba(159,159,159,1) 99%);
    font-weight: 700;
    line-height: 1.2;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.main_People_BG{opacity:0; z-index:2; height:100vh; width:100vw; background:url("../image/main/raywatt_people.jpg") no-repeat 50% 50%; background-size:cover; position: absolute; left:0; top:0;}
.mainCareer{display:flex; justify-content:center; padding-top:clamp(30px, 5vw, 100px);}
.mainCareer .forShadow{display:block; box-shadow: 12px 10px 68px 6px rgba(176,176,176,0.82); position:absolute; border-radius:25px; width:60vw; aspect-ratio: 14 / 7; max-height:600px; max-width:970px; background-color:#37383d;}
.mainCareer ul{position: relative; width:60vw; aspect-ratio: 14 / 7; max-height:600px; max-width:970px; overflow: hidden;}
.mainCareer ul li{width:60vw; aspect-ratio: 14 / 7; max-height:600px; max-width:970px; background-color:#37383d; border-radius:25px; /*box-shadow: 6px 6px 40px 4px rgba(176,176,176,0.4); */position: absolute; border:1px solid #fff;}
.mainCareer ul li div{overflow:hidden; position:relative; height:100%;}
.mainCareer ul li div img{width:30vw; max-width:460px; position:absolute; left:-80px; top:50%; transform:translate(0, -50%);}
.mainCareer ul li div p i{color:#fff; font-family: Pretendard, -apple-system; font-size:clamp(13px, 1.1vw, 19px); display:block; position: absolute; left:50%; top:49%; transform:translate(0%, -70%); line-height:175%; box-sizing:border-box; padding-right:4%;}

.mainCareer ul li div p a{left:50%; top:46%; display:inline-block; background-color:transparent; width:152px; height:42px; line-height:42px; font-size:18px;  border-radius:40px; color:#fff; position:absolute; overflow: hidden; text-align:center; border:1px solid #fff; font-family: Pretendard, -apple-system; transform:translate(0, 100px);  transition:all 0.20s cubic-bezier(.01,.33,.48,.99);}
.mainCareer ul li div p a i{position:absolute; z-index:5; width:100%; text-align:center; left:0; font-size:18px; top:27px;}
.mainCareer ul li div p a::after{content:""; display:block; width:100%; height:130%; position:absolute; top:100%;  transition:all 0.20s cubic-bezier(.01,.33,.48,.99); background: linear-gradient(3deg, rgba(155,156,161,1) 2%, rgba(45,46,50,1) 99%);}
@media (hover: hover) {
    .mainCareer ul li div p a:hover::after{top:0%;}
    .mainCareer ul li div p a:hover{color:#f4ffe4; border:1px solid transparent; box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.45);}
}

.mainCareer ul li.mC_li_1{top:0; left:0; z-index:9; position: relative;}
.mainCareer ul li.mC_li_1 .mc_1_shadow{content: ""; position: absolute; top: 0; left: 0;width: 100%; height: 100%; pointer-events: none;
    box-shadow: 0px 35px 52px -37px rgba(0,0,0,0.8);
    mix-blend-mode: screen; border-radius:25px; z-index:8;}
.mainCareer ul li.mC_li_2{top:0; left:0; z-index:7;}
.mainCareer ul li.mC_li_2 .mc_2_shadow{content: ""; position: absolute; top: 0; left: 0;width: 100%; height: 100%; pointer-events: none;
    box-shadow: 0px 35px 52px -37px rgba(0,0,0,0.8);
    mix-blend-mode: screen; border-radius:25px; z-index:6;}
.mainCareer ul li.mC_li_3{top:0; left:0; z-index:5; }


.topBtn{position:fixed; z-index:30; bottom:40px; mix-blend-mode:difference; right:-3.8vw; transition:all 0.5s;}
.topBtn a{display:inline-block; position:relative; }
.topBtn a p{}
.topBtn a p img{width:50px; height:50px; display:block;}
.topBtn a i{display:block; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%);  mix-blend-mode:exclusion;}
.topBtn a i img{width:18px;}
.topBtnOn{right:3vw !important;}

footer{background-color:#323232; height:clamp(150px, 15vw, 400px); position:relative; color:#BCBCBC;}
footer .foot_left{position: absolute; left:6%; top:50%; transform:translate(0, -50%); font-family: 'ForsTrialThin';}
footer .foot_left h1 img{width:clamp(180px, 12.0vw, 270px);}
footer .foot_left p{line-height:140%; font-size:clamp(14px, 1.3vw, 17px); padding-top:20px; font-family: Pretendard, -apple-system;}
footer .foot_right{position: absolute; right:8%; top:50%; transform:translate(0, -50%); font-family: 'ForsTrialThin';}
footer .foot_right span{display:block; font-family: 'ForsTrialRegular'; font-size:clamp(14px, 1.4vw, 19px); color:#BCBCBC;}
footer .foot_right i{display:block; text-align:right; font-size:clamp(12px, 1.2vw, 16px); }
footer .foot_right ul{display:flex; gap:0 1px; justify-content:flex-end; padding-top:20px; align-items:center;}
footer .foot_right ul li.btn_face img{width:80px; opacity:0.8;}
footer .foot_right ul li.btn_link img{width:64px; opacity:0.8;}
footer .foot_right ul li a{border:3px solid transparent;}
footer .foot_right ul li a:hover img{border:3px solid #00e752; box-shadow: 4px 4px 4px -4px rgba(0, 0, 0, 0.95);}
footer .foot_right ul li a img{border-radius:5px; display:inline-block; transition:all 0.25s; border:3px solid transparent;}

/* 모바일 메뉴 코드시작 */
.bun-menu{display:none; width:40px; height:27px; position:fixed;  z-index:210;  right:20px; top:19px; transition:all 0.3s;}
.bun_par{transform: translateZ(0px);transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s, color 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
    box-sizing: border-box; width:36px; height:14px;}
.buns{background-color:#acacac; height:2px; position:absolute; width:100%; transition: all 0.25s ease 0s;}
.bun_1{transform: translateY(0px) translateZ(0px);}
.bun_2{transform: translateY(12px) translateZ(0px);}
.bun_3{transform: translateY(11px) translateZ(0px);}
.BKL_1 .bun_1{transform: translateY(4px) translateZ(0px) translateX(0px) rotate(-45deg); }
.BKL_3 .bun_3{transform: translateY(4px) translateZ(0px) translateX(0px) rotate(45deg); }
.mobile-top-bg{display:none; background-color:#fff; width:100%; height:58px; position:fixed; left:0; top:0; z-index:190; box-shadow: 1px 11px 29px -18px rgba(0,0,0,0.17);}
.mobile-gnb{display:block; background-color:#383838; position:fixed; z-index:90; width:100%; height:100vh; top:0; left:100%; transition:all 300ms cubic-bezier(0.015, 0.185, 0.050, 0.985);}
.FGJ{left:0%}
.mobile-gnb h2{display:none; position:fixed; top:12px; left:50%; transform:translate(-50%, 0); z-index:200;}
.mobile-gnb h2 img{width:264px;}
.mUtility{position:relative; left:0px; top:55px; height:44px; width:100%; border-bottom:1px solid #dddddd;}
.mUtility ul li a img{width:17px;}
.mUtility ul{display:flex; gap:0 20px; justify-content:left; position: absolute; left:20px; top:15px;}
.mob-gnbUL{position: absolute; left:0px; top:80px; box-sizing:border-box; width:100%;}
.mob-gnbUL>li>a{padding:0 0 0 20px; height:36px; color:#e4e4e4; font-size:16px; display:block; text-align:left; border-bottom:1px solid #4c4c4c; padding-top:14px; position:relative; font-family: 'ForsTrialRegular';}
.mob-gnbUL li{}
.mob-gnbUL ul{height:0; font-family: 'ForsTrialRegular', Pretendard, -apple-system; padding-left:40px; overflow:hidden; overflow:hidden; transition:all 0.3s cubic-bezier(.29,0,.37,1.01); background-color:#4c4c4c;}
.mob-gnbUL ul li a{color:#d6d6d6; font-size:14px; display:block; padding-top:14px;}
.gnbToggleArrow{transform:rotate(180deg);}
.mobileR-btn{position:absolute; right:10px; display:flex; top:5px; gap:0 7px;}
.mobileR-btn div{display:inline-block;}
.mobileR-btn div a{font-size:12px; color:#000; display:inline-block; border:1px solid #000; padding:0px 10px 0px 10px; border-radius:50px;}
.mobileTopBG{display:none; width:100%;height:50px; position:fixed; left:0; top:0; z-index:100; background-color:#313131; transition:all 0.3s;}
.mobileTopBG h1{position:absolute; top:7px; left:13px; z-index:220;}
.mobileTopBG h1 img{width:155px;}
body.scroll_down .bun-menu{transform:translateY(-50px);}
body.scroll_down .mobileTopBG{top:-50px;}
.mobileLanguage{position:absolute;  right:30px;  top:65px;  box-sizing:border-box; font-family: 'ForsTrialRegular', Pretendard, -apple-system;}
.mobileLanguage {font-size:14px; display:flex; gap:0 16px;}
.mobileLanguage li a{color:#818181;}
.mobileLanguage li a.active{color:#d7d7d7;}
.mobileLanguage li+li{position:relative;}
.mobileLanguage li+li:after{content:""; display:block; width:1px; height:12px; position: absolute; left:-9px; top:4px; background-color:#818181;}
/* 모바일 메뉴 코드 끝 */

/* .non768{display:none;} */
.m_prod{display:none;}
.mShow{display:none;}

/* 서브페이지 시작 */
.subMain{min-height:1200px; background-color:#414141;}
.subMain.subGeneral{background-color:#414141;}
.nav.SubNav{}
.subPage_title{top:42%; position:absolute; left:50%; transform:translate(-50%, -50%); text-align:center; transition: 0.7s ease;}
.subPage_title.active{transform:translate(-50%, 200%); opacity:0;}
.subPage_title div{display:inline-block; font-family: 'ForsTrialRegular'; color:#fff;}
.subPage_title h1{font-size:clamp(20px, 2.5vw, 40px); letter-spacing:20px; display:inline-block; color:#00D24A;}
.subPage_title h2{font-size:clamp(20px, 1.5vw, 29px); width:1200px; padding-top:5px; opacity:0.8;   font-family: 'ForsTrialThin';}
.subPage_top_grandVisual{position:absolute; bottom:0; width:1200px; height:200px; left:50%; z-index:5; transform:translateX(-50%); transition: 0.7s ease;}
.subPage_top_grandVisual div{position:relative; color:#fff; font-family: 'ForsTrialRegular';}
.subPage_top_grandVisual div h3{position:absolute; top:18%; font-size:clamp(14px, 1.5vw, 28px); left:50%; transform:translate(-50%, -50%); letter-spacing:1px; z-index:5; transition: 0.7s ease;}  /*mix-blend-mode:difference;*/
.subPage_top_grandVisual div h3 img{width:160px; transition: 0.7s ease; }
.subPage_top_grandVisual div p{height:100%; position:relative;}
.subPage_top_grandVisual div p::before{content:"";position: absolute; display:block; width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0); z-index:4; border-radius:16px 16px 0 0; transition: 0.7s ease;}
.subPage_top_grandVisual div p img{width:100%; border-radius:16px 16px 0 0; object-fit: cover;}
.subPage_top_grandVisual div i{height:100%; display:none;}
.subPage_top_grandVisual div i img{width:100%; border-radius:16px 16px 0 0; object-fit: cover;}
.subPage_top_grandVisual.active{width:100vw; height:100%; overflow:hidden;}
.subPage_top_grandVisual.active div h3{top:57%;  font-size:clamp(20px, 2.0vw, 31px);}
.subPage_top_grandVisual.active div p::before{background-color:rgba(0, 0, 0, 0.3); backdrop-filter: blur(1px);}
.subPage_top_grandVisual.active div h3 img{width:240px;}
.subPage_top_visual_space{transition: 0.7s ease; height:100vh; background-color:#414141;}
.subPage_top_visual_space img{width:100%; transition: 0.7s ease;}
.subPage_top_visual_space.active img{width:100%;}

.circle_moist{position:relative; z-index:4; width:1300px; margin:0 auto; margin-top:clamp(100px, 14.5vw, 200px); color:#fff; font-family: 'ForsTrialRegular';}
.circle_moist ul{display:flex; justify-content:space-between; align-items:flex-start; position:relative; z-index:3;}
.circle_moist ul .cm_li_1{width:44%; position:relative;}
.circle_moist ul .cm_li_1 img{width:clamp(300px, 44vw, 780px); position: absolute; top:-100px; z-index:3;}
.circle_moist ul .cm_li_2{width:56%; position:relative; font-family: 'ForsTrialRegular'; z-index:4;}
.circle_moist ul .cm_li_2 h3{font-size:clamp(20px, 2.2vw, 31px);}
.circle_moist ul .cm_li_2 h3 b{font-weight:normal; color:#00D24A;}
.circle_moist ul .cm_li_2 p{padding-top:80px; font-size:clamp(14px, 1.3vw, 18px); font-family: Pretendard, -apple-system; line-height:170%;}
.circle_moist ul .cm_li_2 p span{display:block;}

.moinsVisual{position:absolute; right:100px; top:clamp(100px, 154vw, 1900px); mix-blend-mode:color-dodge; z-index:10;}
.moinsVisual img{width:clamp(210px, 19vw, 260px); mix-blend-mode:color-dodge; }
.moinRotary{position: absolute; left:0; transform:translateY(50px);}
.moinRotary img{width:clamp(300px, 44vw, 780px);}

.circle_history{width:1200px; margin:0 auto;}
.history_in{margin-top:clamp(100px, 22vw, 350px); }
.history_in h2{font-size:clamp(20px, 2.6vw, 46px); color:#fff; text-align:left; font-family: 'ForsTrialThin';}
.history_in h2 div{display:inline-block; line-height:100%;}
.history_in h2 div i{font-family:'ForsTrialBold'; 
    display: inline-block;
    background: linear-gradient(180deg, rgba(255,255,255,1) 2%, rgba(172,172,172,1) 99%);
    font-weight: 700;
    line-height: 1.2;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.history_cont{width:1300px; margin:0 auto; padding-bottom:0px; transform:translateX(150px);}
.his_year_ul{display:flex; margin-top:50px;}
.his_year_ul:nth-of-type(1){margin-top:80px;}
.his_year_ul>li:nth-of-type(1){width:130px;}
.his_year_ul>li:nth-of-type(1) i{font-family:'ForsTrialBold'; font-size:32px; display:block; line-height:30px;
    background: linear-gradient(180deg, rgba(0,210,74,1) 2%, rgba(0,153,54,1) 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.his_year_ul>li:nth-of-type(2){width:80%; color:#fff;}
.his_year_ul>li:nth-of-type(2) ul{display:flex; justify-content:flex-start; align-items:flex-start; font-family: Pretendard, -apple-system;}
.his_year_ul>li:nth-of-type(2) ul li:nth-of-type(1){width:70px; font-size:22px; line-height:22px;}
.his_year_ul>li:nth-of-type(2) ul li:nth-of-type(2){width:auto; font-size:17px;}
.his_year_ul>li:nth-of-type(2) ul+ul{margin-top:20px;}
.his_year_ul>li:nth-of-type(2) .his_month_ul li:nth-of-type(2){position:relative;}
.his_year_ul>li:nth-of-type(2) .his_month_ul li:nth-of-type(2) i{position: absolute; left:-11px; top:12px;}
.his_year_ul>li:nth-of-type(2) .his_month_ul li:nth-of-type(2) i img{width:3px;}

.history_bar{margin:50px 0 0px; height:2px; transform:translateX(-150px);}
.history_bar img{width:100%; height:1px;}

.ceo_Message{width:1200px; margin:0 auto; margin-top:clamp(70px, 12.0vw, 200px);}
.ceo_Message_in{}
.ceo_Message_in h2{font-size:clamp(20px, 2.6vw, 46px); color:#fff; text-align:left; font-family: 'ForsTrialThin';}
.ceo_Message_in h2 div{display:inline-block; line-height:100%;}
.ceo_Message_in h2 div i{font-family:'ForsTrialBold'; 
    display: inline-block;
    background: linear-gradient(180deg, rgba(255,255,255,1) 2%, rgba(172,172,172,1) 99%);
    font-weight: 700;
    line-height: 1.2;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.pallarax_1{will-change:transform; transform:translate3d(0, 100px, 0); opacity: 0; transition:all 1.0s ease;  }
.pallarax_1.active_1{opacity:1; transform:translate3d(0, 0, 0);}

.ha_jin{width:1200px; margin:0 auto; margin-top:clamp(30px, 5.5vw, 150px); display:flex;}
.ha_jin li.haLi_1{width:40%;}
.ha_jin li.haLi_1 div{position:relative;}
.ha_jin li.haLi_1 div i{position:absolute; right:4vw; z-index:4;}
.ha_jin li.haLi_1 div i img{width:clamp(93px, 17.0vw, 300px);}
.ha_jin li.haLi_1 div span{position: absolute; right:8.8vw; top:clamp(30px, 4.0vw, 80px); z-index:3; }
.ha_jin li.haLi_1 div span img{width:clamp(120px, 24.0vw, 390px); opacity:0.9;}
.ha_jin li.haLi_2{width:60%; color:#fff; font-family: 'ForsTrialRegular'; box-sizing:border-box; padding-left:2vw;}
.ha_jin li.haLi_2 div{position:relative; top:60px;}
.ha_jin li.haLi_2 div h3{font-size:clamp(16px, 2.6vw, 33px);}
.ha_jin li.haLi_2 div h3 b{font-family: Pretendard, -apple-system;}
.ha_jin li.haLi_2 div h3 i{font-size:clamp(11px, 2.0vw, 17px);}
.ha_jin li.haLi_2 div span{display:block; margin-top:40px; font-size:clamp(12px, 1.4vw, 19px); font-family: Pretendard, -apple-system; line-height:170%; position:relative;}
.ha_jin li.haLi_2 div span i{display:inline-block; position: absolute; left:-20px;}

.partners{width:1200px; margin:0 auto; margin-top:clamp(70px, 21.0vw, 380px);}
.partners_in h2{font-size:clamp(20px, 2.6vw, 46px); color:#fff; text-align:left; font-family: 'ForsTrialThin';}
.partners_in h2 div{display:inline-block; line-height:100%;}
.partners_in h2 div i{font-family:'ForsTrialBold'; 
    display: inline-block;
    background: linear-gradient(180deg, rgba(255,255,255,1) 2%, rgba(172,172,172,1) 99%);
    font-weight: 700;
    line-height: 1.2;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.parterDiv{width:100%; padding-bottom:450px; background:url("../image/sub/round_light.png") no-repeat 50% 60%; background-size:90%;}
.parterDiv_in{width:1200px; margin:0 auto; margin-top:clamp(10px, 5.0vw, 180px);}
.parterDiv_in ul{display:flex; justify-content:space-between; align-items:center; mix-blend-mode:screen;}
.parterDiv_in ul li{mix-blend-mode:screen; width:30%; text-align:center;}
.parterDiv_in ul li img{width:auto;}
.parterDiv_in p{margin-top:clamp(10px, 7.0vw, 100px); font-size:clamp(11px, 1.5vw, 20px); color:#fff; text-align:center; font-family: Pretendard, -apple-system; line-height:180%;}

.flagSharp{height:0; line-height:0; opacity:0; transform:translateY(-100px);}

/* FASTER제품페이지 시자 */
.pd_faster_cont_1{background-color:#646464;}
.pd_pd_faster{height:clamp(480px, 64vw, 800px); padding-top:200px; background:url("../image/sub/pd_faster_bg_circle.png") no-repeat 50% 50%; /*background-size:clamp(20px, 40vw, 60%);*/ position:relative;}
.pd_pd_faster h2{position: absolute; top:47%; left:0%; width:100%; text-align:center; font-size:clamp(20px, 2.5vw, 45px); transform:translate(0, 0); z-index:7; font-family: 'ForsTrialBold';color:#fff; text-align:center; letter-spacing:0.5px;}
.pd_pd_faster h2 i{font-style:normal; color:#00D24A; }
.pd_pd_faster img{width:clamp(270px, 38vw, 700px); position:absolute; left:50%; top:47%; transform:translate(-50%, -50%);}
.pd_pd_faster img.pdFast_1{opacity:1; z-index:5;  transform:translate(0%, -50%);}
.pd_pd_faster img.pdFast_2{opacity:0; z-index:6; transform:translate(0%, -50%);}
.pd_pd_faster_txt{width:1200px; margin:0 auto; font-family: Pretendard, -apple-system; color:#fff; font-weight:500;}
.pd_pd_faster_txt ul{display:flex; gap:0 5%; font-size:16px; line-height:170%; justify-content:space-between; align-items:flex-start; }
.pd_pd_faster_txt ul li{width:47.5%;}
.pd_pd_faster_txt ul li i{font-style:normal; color:#54f98e;}

.pd_faster_cont_2 {width: 100%;overflow: hidden; padding-top:180px; background-color:#646464;}
.pd_faster_cont_2 video {width:100%; height:90vh; object-fit:cover; display:block;}

.pd_faster_cont_3{background-color:#414141; font-family: 'ForsTrialRegular'; position:relative;}
.pd_faster_cont_3_in{width:1000px; margin:0 auto; color:#fff;}
.pd_faster_cont_3_in h2{font-size:clamp(20px, 3.0vw, 43px); text-align:center; margin-top:140px;}
.pd_faster_cont_3_in>p{text-align:center; line-height:180%; font-family: Pretendard, -apple-system; font-weight:300;
    margin-top:80px; font-size:17px; position:relative; z-index:3;}
.pd_faster_cont_8{background-color:#414141; font-family: 'ForsTrialRegular'; position:relative;}
.pd_faster_cont_8_in{width:1000px; margin:0 auto; color:#fff;}
.pd_faster_cont_8_in h2{font-size:clamp(20px, 3.0vw, 43px); text-align:center; margin-top:140px;}
.pd_faster_cont_8_in>p{text-align:center; line-height:150%; font-family: 'ForsTrialThin'; margin-top:80px; font-size:17px; position:relative; z-index:3;}
.prd_icon_div{margin-top:130px; mix-blend-mode:screen;}
.prd_icon_div em{text-align:center; display:block; }
.prd_icon_div em img{mix-blend-mode:screen;}
.prd_icon_div em img.pod_img1{width:200px;} .prd_icon_div em img.pod_img1_{width:130px;} .prd_icon_div em img.soft_img1{width:135px;}
.prd_icon_div em img.pod_img2{width:135px;} 
.prd_icon_div em img.pod_img3{width:130px;}
.prd_icon_div em img.pod_img3.rota3{width:155px;}
.prd_icon_div em img.pod_img4{width:130px;}
.prd_icon_div em img.pod_img4.rota4{width:235px;}
.prd_icon_div h3{margin-top:24px; font-family: 'ForsTrialRegular'; color:#fff; font-size:33px; text-align:center;}
.prd_icon_div h3 i{color:#00D24A; font-family: 'ForsTrialBold';}
.prd_icon_div span{display:block; margin-top:15px; text-align:center; line-height:150%; font-size:18px; font-family: Pretendard, -apple-system;}
.pdFloatImg_1{position:absolute; right:90px; top:100px; z-index:2; opacity:0.55;}
.pdFloatImg_1.dxPos_adjust{right:25px;}
.pdFloatImg_1.dxPos_adjust img{width:20vw;}
.pdFloatImg_1 img{width:17vw;}
.prd_icon_div--especial{margin-top:160px;}

.pd_fasterTable{margin-top:190px;}
.pd_fasterTable table{width:800px; margin:0 auto;}
.pd_fasterTable table tr td{height:48px; font-size:18px; text-align:left; box-sizing:border-box; padding-left:20px; font-family: 'ForsTrialRegular'; }
.pd_fasterTable table tr td.pdfT_td_1{background-color:#595959; border-top:1px solid #fff; width:50%;}
.pd_fasterTable table tr td.pdfT_td_2{background-color:#474747; border-top:1px solid #9E9E9E; width:50%;}
.pd_fasterTable table tr td.pdf_ba{border-bottom:1px solid #fff;}
.pd_fasterTable table tr td.pdf_bt{border-bottom:1px solid #9E9E9E;}
.pd_faster_lastproduct{margin:100px 0 0 0; text-align:center;} .pd_faster_lastproduct_{text-align:center; margin:120px 0 120px;}
.pd_faster_lastproduct img{width:320px;} .pd_faster_lastproduct_ img{width:580px;}

.pd_faster_cont_4{background-color:#414141; font-family: 'ForsTrialRegular'; position:relative;}
.pd_faster_cont_4_in{width:1000px; margin:0 auto; color:#fff;}
.pd_faster_cont_4_in h2{font-size:clamp(20px, 3.0vw, 43px); text-align:center; margin-top:140px;}
.pd_faster_cont_4_in>p{text-align:center; line-height:180%; font-family: Pretendard, -apple-system; font-weight:300; margin-top:80px; font-size:17px; position:relative; z-index:3;}
.pdFloatImg_2{position:absolute; right:0px; top:220px; z-index:2;}
.pdFloatImg_2 img{width:27vw; opacity:0.4;}

.pd_rotaryTable{margin-top:190px;}
.pd_rotaryTable table{width:800px; margin:0 auto;}
.pd_rotaryTable table tr td{height:48px; font-size:17px; text-align:left; box-sizing:border-box; padding-left:20px; font-family: 'ForsTrialRegular'; }
.pd_rotaryTable table tr td.pdfT_td_1{background-color:#595959; border-top:1px solid #fff; width:50%;}
.pd_rotaryTable table tr td.pdfT_td_2{background-color:#474747; border-top:1px solid #9E9E9E; width:50%;}
.pd_rotaryTable table tr td.pdf_ba{border-bottom:1px solid #fff;}
.pd_rotaryTable table tr td.pdf_bt{border-bottom:1px solid #9E9E9E;}
.pd_rotary_lastproduct{margin:100px 0 0 0; text-align:center; margin-bottom:100px;}
.pd_rotary_lastproduct img{width:450px;}

.fasterTableTitle{color:#fff; font-family: 'ForsTrialThin'; font-size:clamp(20px, 2.4vw, 32px); margin-bottom:50px; text-align:center;}
.fasterTableTitle i{font-style:normal; font-family: 'ForsTrialRegular';}
.pd_faster_cont_rotaryBig{margin-top:150px; background:url("../image/sub/rota.jpg") no-repeat 50% 50%; background-size:cover; height:85vh;}
.fixed-height_rotary{min-height:700px; height:60vh; margin-top:100px; background-color:#000;}
.splineDx-top-gap{height:100px; background-color:#515151;}
.fixed-height_dx{min-height:900px; height:60vh; background-color:#515151; position:relative;}
.pd_CHOUETTE_h2{top:44% !important;}
.chou_spaceCircle{height:750px; background:url("../image/sub/chou_bg.jpg") no-repeat; background-position: 0% 50%; position:relative; background-color:#000;}
.chou_spaceCircle div{position: absolute; left:48%; top:50%; color:#fff; transform:translateY(-50%);}
.chou_spaceCircle div h2{font-family: 'ForsTrialRegular'; font-size:clamp(20px, 2.8vw, 40px); }
.chou_spaceCircle div p{font-family: Pretendard, -apple-system; line-height:180%; margin-top:40px; font-size:17px; transform: translateX(-48%);} 

.dxSplineTxt{position: absolute; top:39%; left:50%; font-size:clamp(20px, 2.5vw, 45px); transform:translate(-50%, 0); z-index:7; font-family: 'ForsTrialRegular'; color:#fff; text-align:center; letter-spacing:0.5px;}
.dxSplineTxt i{font-style:normal; color:#00D24A;}

.pd_soft_cont_1{margin-top:200px; background-color:#1A1B1D; display:flex; align-items:center; justify-content:center;}
.soft_ffr{height:750px; width:1200px; margin:0 auto; background:url("../image/sub/ffr_bg.jpg") no-repeat 50% 50%; background-size:cover; display:flex; align-items:center; justify-content:center;}
.soft_ffr ul{display:flex; justify-content:space-between; align-items:center; width:100%;}
.soft_ffr ul li{width:50%; color:#fff; transition:all 0.5s;}
.soft_ffr ul li h2{ font-family: 'ForsTrialRegular'; font-size:clamp(20px, 2.9vw, 40px); margin-bottom:30px;}
.soft_ffr ul li h2 i{color:#00D24A; font-family: 'ForsTrialBold';}
.soft_ffr ul li span{display:block; font-family: Pretendard, -apple-system; font-size:clamp(15px, 1.0vw, 17px); margin-top:20px; line-height:160%;}
.soft_ffr ul li span i{color:#33ff7a; font-family: 'ForsTrialRegular';}
.soft_ffr ul li:nth-of-type(2) img{width:clamp(200px, 44vw, 670px); transform:translateX(-24px);}
.pd_soft_cont_2{background-color:#272727; text-align:center;}
.pd_soft_cont_2>div{display:inline-block; padding:100px 0 100px;}
.pd_soft_cont_2>div p img{width:95%; box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30); border-radius:20px;}
.pd_soft_cont_2>div span{display:block; color:#fff; text-align:center; font-family: Pretendard, -apple-system; font-size:16px; padding-top:20px;}
.news_div{padding:80px 0 100px;}
.news_div_in{width:1200px; margin:0 auto; position: relative; z-index:6;}
.news_div_in a{display:block; margin-top:40px; padding-top:40px;}
/*.news_div_in a+a{border-top:1px solid #5F5F5F;}*/
.news_div_in a+a{margin-left:10px;} 
.news_div_in a ul{display:flex; justify-content:space-between; align-items:flex-start; gap:0 5%;}
.news_div_in a ul li:nth-of-type(1){width:25%; }
.news_div_in a ul li:nth-of-type(1) img{border-radius:10px; box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.75); width:100%; outline:1px solid transparent; transition:all 0.3s;}
.news_div_in a ul li:nth-of-type(2){width:70%; color:#fff;  font-family: 'ForsTrialThin'; display:flex; flex-direction:column; justify-content:space-between; align-items:center;}
.news_div_in a ul li:nth-of-type(2) h2{width:100%; font-size:32px; padding-bottom:10px; transition:all 0.3s;}
.news_div_in a ul li:nth-of-type(2) h2 i{display:inline-block; position:relative; font-family: 'ForsTrialRegular';}
.news_div_in a ul li:nth-of-type(2) h2 i::after{content:""; width:0%; position: absolute; left:0; bottom:0; background-color:#00e852; height:2px; transition:all 0.2s cubic-bezier(.02,.37,.42,.99); transform-origin:left left;}
.news_div_in a ul li:nth-of-type(2)>span{display:block; width:100%; font-size:16px; line-height:160%; transition:all 0.3s; font-family: Pretendard, -apple-system;
}
.news_div_in a ul li:nth-of-type(2) p{width:100%; display:flex; justify-content:space-between; border-top:1px solid #9C9C9C; padding-top:11px; margin-top:20px; transition:all 0.3s;}
.news_div_in a ul li:nth-of-type(2) p em{display:flex; width:470px;}
.news_div_in a ul li:nth-of-type(2) p em i{display:inline-block;}
.news_div_in a ul li:nth-of-type(2) p em b{display:inline-block; padding-left:20px; position:relative;}
.news_div_in a ul li:nth-of-type(2) p em b::after{content:""; width:1px; height:15px; background-color:#fff; left:10px; top:4px; position:absolute; transition:all 0.3s;}
.news_div_in a ul li:nth-of-type(2) p b{font-weight:normal;}
.news_div_in a ul li:nth-of-type(2) p span{display:block; position:relative;}
.news_div_in a ul li:nth-of-type(2) p span img{width:20px; position: absolute; right:0; top:0; transition:all 0.3s;}
/* .news_div_in a ul li:nth-of-type(2) p{border-top:1px solid #03ff5c;} */
@media (hover: hover) {
    .news_div_in a:hover ul li:nth-of-type(2) h2 i::after{width:100%;}
    .news_div_in a:hover ul li:nth-of-type(2) span{color:#00e852;}
    .news_div_in a:hover ul li:nth-of-type(2) h2{color:#00e852;}
    .news_div_in a:hover ul li:nth-of-type(1) img{outline:2px solid #00e852;}
    .news_div_in a:hover ul li:nth-of-type(2) p{border-top:1px solid #00bd43; color:#00e852;}
    .news_div_in a:hover ul li:nth-of-type(2) p span img:nth-of-type(2){opacity:0;}
    .news_div_in a:hover ul li:nth-of-type(2) p em b::after{background-color: #00e852;}
}

.pager-list{display:flex; justify-content:center; margin-top:50px; margin-bottom:50px;}
.pager-list-in{display:flex; gap:0 8px;}
.pager-list-in>div{display:inline-block; width:20px; height:20px;}
.pager-list-in>div a img{height:15px;}
.pager-list-in>div a i{position: relative; z-index:9;}
.pager-list-in>div a{width:20px; height:20px; color:#fff; font-size:15px; font-weight:400; display:flex; align-items:center; justify-content:center; position:relative;}
.pager-list-in>div a.active::before{content:""; position: absolute; left:-4px; top:-4px; background-color:#149B36; width:27px; height:27px; border-radius:3px; z-index:8; border:1px solid #2EE45C;}
@media (hover: hover) {
    .pager-list-in>div a:hover{text-decoration:underline; color:#00e852}
}

.news_view_ul{margin-top:100px; padding-bottom:70px; min-height:680px; display:flex; justify-content:space-between; gap:0 7%; color:#fff; border-bottom:1px solid #7f7f7f;}
.news_view_ul li:nth-of-type(1){width:33%;}
.news_view_ul li:nth-of-type(1) em{display:block;}
.news_view_ul li:nth-of-type(1) em img{border-radius:8px; width:100%;}
.news_view_ul li:nth-of-type(1) span{display:block; margin-top:8px; font-size:15px; display:flex; justify-content:space-between; font-family: 'ForsTrialThin';}
.news_view_ul li:nth-of-type(1) span b{font-weight:normal;}
.news_view_ul li:nth-of-type(2){font-family: 'ForsTrialThin'; width:60%;}
.news_view_ul li:nth-of-type(2) h2{font-size:clamp(20px, 3.6vw, 50px);}
.news_view_ul li:nth-of-type(2) p{font-size:18px; line-height:160%; margin-top:20px; font-family: 'ForsTrialThin', Pretendard, -apple-system;  }
.news_view_ul li:nth-of-type(2) a{display:inline-block; color:#00e852; font-size:17px; font-family: 'ForsTrialBold';}
.news_view_ul li:nth-of-type(2) a + a{margin-left:24px; border-top:none;}
.news_view_ul li:nth-of-type(2) a:hover{text-decoration:underline; color:#48ff89;}
.board_btns{text-align:center;  font-family: 'ForsTrialBold';}
.board_btns a{display:inline-block; padding:0 0 0 0; margin: 40px 0 0 0; width:150px; height:40px; text-align:center; line-height:40px; border-radius:50px; border:1px solid #2AFA74; color:#2AFA74; transition:all 0.3s;}
@media (hover: hover) {
    .board_btns a:hover{background-color:#22b958; color:#fff;}
}



.interview_top_txt{color:#fff; font-family: 'ForsTrialThin'; font-size:clamp(20px, 1.7vw, 27px); text-align:center; margin-top:160px; color:#afafaf;}
.interview_top_txt i{color: #00D24A; font-family: 'ForsTrialRegular';}
.interview_div{padding:50px 0 180px;}
.interview_div_in{width:1200px; margin:0 auto;}
.interview_div_in{display:block; margin-top:70px; padding-top:40px;}
.interview_div_in ul{display:flex; justify-content:space-between; align-items:flex-start; gap:0 5%;}
.interview_div_in ul li:nth-of-type(1){width:35%;}
.interview_div_in ul li:nth-of-type(1) img{border-radius:10px; box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.75); width:100%; outline:1px solid transparent; transition:all 0.5s;}
.interview_div_in ul li:nth-of-type(2){width:60%; color:#fff;  font-family:Pretendard, -apple-system; display:flex; flex-direction:column; justify-content:space-between; align-items:left;}
.interview_div_in ul li:nth-of-type(2) h2{width:100%; font-size:34px; padding-bottom:10px; transition:all 0.3s; position:relative;}
.interview_div_in ul li:nth-of-type(2) h2::after{content:""; width:100%; position: absolute; left:0; bottom:0; background-color:#5f5f5f; height:1px;}
.interview_div_in ul li:nth-of-type(2) h2 i{display:inline-block; color:#00F958; font-size:20px;}
.interview_div_in ul li:nth-of-type(2) h2 b{font-weight:normal; font-size:28px; display:inline-block; padding-left:10px; box-sizing:border-box;}
.interview_div_in ul li:nth-of-type(2) span{display:block; width:100%; font-size:16px; line-height:160%; transition:all 0.3s; font-weight:200; word-break:keep-all;}
.interview_div_in ul li:nth-of-type(2) span b{font-weight:normal; display:block; font-size:20px; padding:20px 0 18px; box-sizing:border-box; color:#01b549; font-weight:500;}
.interview_div_in ul li:nth-of-type(2) span b img{width:32px; vertical-align:middle; transform:translateY(-2px);}
.interview_div_in ul li:nth-of-type(2) a{font-size:15px; font-family: 'ForsTrialRegular'; display:inline-block; padding:0 0 0 0; margin: 40px 0 0 0; width:130px; height:36px; text-align:center; line-height:36px; border-radius:50px; border:1px solid #2AFA74; color:#2AFA74; transition:all 0.3s;}
@media (hover: hover) {
    .interview_div_in ul li:nth-of-type(2) a:hover{background-color:#22b958; color:#fff;}
}

.inter_layer_BG{visibility:hidden; opacity:0; background-color:rgba(0, 0, 0, 0.45); width:100%; height:100%; position:fixed; left:0; top:0; z-index:229; backdrop-filter: blur(3px);  -webkit-backdrop-filter: blur(3px); transition: opacity 0.5s cubic-bezier(.02,.47,.48,1.01);}
.inter_layer_BG.show {visibility: visible; opacity: 1;}
.inter_layer_Pop{visibility: hidden; width:1050px; height:680px; position:fixed; left:50%; top:50%; transform:translate(-50%, calc(-50% + 50px));opacity: 0;background-color:#5B5B5B; z-index:230; border-radius:15px;  border:1px solid #B4B4B4; box-shadow: 10px 10px 26px 2px rgba(0,0,0,0.40);transition: all 0.5s cubic-bezier(.02,.47,.48,1.01);}
.inter_layer_Pop.show {visibility: visible; transform: translate(-50%, -50%);opacity: 1;}
.inter_layer_Pop a{position: absolute; right:25px; top:26px; width:74px; border:1px solid #fff; height:24px; border-radius:50px; color:#fff; font-size:12px; text-align:center; line-height:24px; font-family: 'ForsTrialRegular'; transition:all 0.3s;}
@media (hover: hover) {
    .inter_layer_Pop a:hover{background-color:#22b958; color:#fff;  border:1px solid #22b958; box-shadow: 3px 3px 11px -2px rgba(0,0,0,0.39);}
}
.inter_pop_name{font-size:17px; position: absolute; left:28px; top:23px; font-family:Pretendard, -apple-system; color:#fff; }
.inter_pop_name h2 i{color:#0BEB5A; font-weight:600;}
.inter_pop_name h2 b{font-weight:normal; display:inline-block; padding-left:8px; font-weight:600;}
.inter_p{}
.inter_person_in section{background-color:#d9d9d9 !important;}
.inter_person{padding:30px; width:944px; height:530px; position: absolute; left:22px; top:65px; background-color:#D9D9D9; border-radius:0px; overflow-y: auto;  overflow-x: hidden;  -webkit-overflow-scrolling: touch; /* iOS 스크롤 부드럽게 */}
.inter_person_in{height:100%;}
.inter_person_in ul{display:flex; justify-content:space-between; align-items:flex-start; gap:0 4%; height: 100%; }
.inter_person_in ul li:nth-of-type(1){width:32%; display:flex; height: 100%; flex-direction:column; justify-content:space-between;}
.inter_person_in ul li:nth-of-type(1) img{width:100%; border-radius:10px; box-shadow: 3px 3px 11px -2px rgba(0,0,0,0.29);}
.inter_person_in ul li:nth-of-type(1) img:nth-of-type(2){transform:translateY(100px);}
.inter_person_in ul li:nth-of-type(2){width:64%; font-size:16px; line-height:150%; color:#303030; word-break:keep-all; padding-bottom:100px;}
.inter_person_in ul li:nth-of-type(2) section + section{margin-top:50px;}
.inter_person_in ul li:nth-of-type(2) section p{color:#149A43; font-weight:700; font-size:20px; padding-bottom:10px;}
.inter_person_in ul li:nth-of-type(2) section p i{font-weight:600; color:#00D24A;}
.interview-content{height:100%; background:url("../image/sub/interview_pop_bg.png") no-repeat 45% -5%; background-size:200px;}
/* 팝업이 열렸을 때 body 스크롤 방지를 위한 스타일 */
body.scroll-locked {overflow: hidden; padding-right: 17px; /* 스크롤바 너비만큼 패딩 추가 (선택사항) */}

/* 인터뷰 팝업 스크롤바 스타일링 */
.inter_person{scrollbar-width: thin; /* Firefox */ scrollbar-color: rgba(0, 0, 0, 0.3) transparent; /* Firefox */}
.inter_person::-webkit-scrollbar {width: 4px;}
.iinter_person::-webkit-scrollbar-track {background: transparent;}
.inter_person::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.3);border-radius: 3px;}
.inter_person::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.5);}
.inter_person::-webkit-scrollbar-button {display: none;}

.employ_div{width:1200px; margin:0 auto; position:relative; z-index:6; padding-top:100px; margin-bottom:120px;}
.employ_div table{width:100%; font-family:Pretendard, -apple-system; border-bottom:1px solid #6E6E6E;}
.employ_div table tr td{height:80px; color:#fff; font-size:clamp(16px, 1.0vw, 20px); text-align:center; vertical-align:middle; border-top:1px solid #6E6E6E; box-sizing:border-box;}
.employ_div table tr td.empl_t_td_1{font-family: 'ForsTrialThin'; width:7%;}
.employ_div table tr td.empl_t_td_2{text-align:left; width:80%;}
.employ_div table tr td.empl_t_td_2 a{color:#fff; letter-spacing:0.5px; position:relative; transition:all 0.3s; }
.employ_div table tr td.empl_t_td_2 a::after{content:""; width:0%; height:1px; background-color: #00F958;  bottom:-4px; left:0; position: absolute; transition:all 0.25s; transform-origin:left left;}
@media (hover: hover) {
    .employ_div table tr td.empl_t_td_2 a:hover::after{content:""; width:100%; height:1px; background-color: #00F958;  bottom:-4px; left:0; position: absolute;}
    .employ_div table tr td.empl_t_td_2 a:hover{color:#00F958;}
}

.employ_div table tr td.empl_t_td_3 img{width:95px;}
.employ_div table tr td.empl_t_td_4{font-family: 'ForsTrialThin'; width:13%;}

.employ_div{padding: 80px 0 100px;}
.employ_view{margin-top:100px;}
.employ_view table{width:100%; border-top:1px solid #6E6E6E; color:#fff;}
.employ_view table tr td{height:70px; font-size:18px; border-bottom:1px solid #6E6E6E; font-family:Pretendard, -apple-system; text-align:center; box-sizing:border-box;}
.employ_view table tr td.emv_td_1{text-align:left; padding-left:20px;}
.employ_view table tr td.emv_td_2{width:200px; font-family: 'ForsTrialThin';}
.employ_view table tr td.emv_td_3{height:500px; vertical-align:top; padding:30px; line-height:160%; text-align:left;}
.employ_view table tr td.emv_td_3 p i{display:block;}
.employ_view table tr td.emv_td_3 p a{display:inline- block; color: #00e852; font-family:Pretendard, -apple-system; font-weight:400; font-size:17px;}
@media (hover: hover) {
    .employ_view table tr td.emv_td_3 p a:hover{text-decoration:underline;}
}
.employ_view table tr td.emv_td_3 p a+a{margin-top:5px;}
.employ_view table tr td.emv_td_3 p{padding-top:20px;}

.mapCode{width:1200px; margin:0 auto; margin-top:100px; border-radius:15px; overflow: hidden; box-shadow: 12px 15px 27px 0px rgba(0,0,0,0.40);}
.contact_txt{width:1200px; margin:0 auto; color:#fff; margin-top:50px; padding-bottom:150px;}
.contact_txt h2{font-family: 'ForsTrialRegular'; font-size:clamp(23px, 3.0vw, 41px); color: #00F958;}
.contact_txt p{font-family:Pretendard, -apple-system; font-size:clamp(16px, 1.5vw, 19px); line-height:160%; margin-top:20px;}
.mapCode_mobile{display:none;}

.ba_eff{width:100%; height:100vh; background-color: #044723; position:fixed; z-index:999; left:0; top:100vh; overflow:hidden;}
.ba_eff img{width:200px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); visibility: hidden; opacity:0;}
.ba_eff2{width:100%; height:100vh; background-color: #047438; position:fixed; z-index:998; left:0; top:100vh; overflow:hidden;}


.aboutPageBGColor{background-color:#515151 !important;}
.chairone{text-align:right; display:block; font-family: 'ForsTrialRegular';}
.chairone a{color:#979797; font-size:14px;}
/* 다음 daum 지도 컨테이너에 명시적인 z-index와 position 설정 */
.root_daum_roughmap {
    position: relative !important;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
}

/* 다음 daum 지도 내부 요소들에 대한 transform 초기화 */
.root_daum_roughmap * {
    transform: none !important;
}
.gMap_mobile{display:none;}

/*글쓰기 코드 시작*/
.news_write_table{width:100%; color:#fff; font-family:Pretendard, -apple-system; font-size:17px; margin-top:150px !important;  border-top:1px solid #5E5E5E;}
.news_write_table tr td{padding:5px 0 5px; border-bottom:1px solid #5E5E5E; text-align:left !important; height: auto !important;}
.news_write_table tr td.nwt_td_1{width:15%;}
.news_write_table tr td.nwt_td_2{width:85%;}
.news_write_table tr td.nwt_td_2 input{width: 100%; height: 45px;background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; padding: 0 15px;color: #fff;
    font-size: 16px; font-family: Pretendard, -apple-system; transition: all 0.3s ease; box-sizing: border-box;}
@media (hover: hover) {.news_write_table tr td.nwt_td_2 input:hover{ border-color: rgba(0, 232, 82, 0.5); background-color: rgba(255, 255, 255, 0.12);}}
.news_write_table tr td.nwt_td_2 input:focus{outline: none; border-color: #00e852;background-color: rgba(255, 255, 255, 0.15);box-shadow: 0 0 0 2px rgba(0, 232, 82, 0.2);}
.news_write_table tr td.nwt_td_2 textarea{width:100%; background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; padding: 15px; color: #fff;
    font-size: 16px; font-family: Pretendard, -apple-system; transition: all 0.3s ease; box-sizing: border-box;
    vertical-align:top; height:90px;}
.news_write_table tr td i{font-style:normal; color:#AAAAAA; font-size:15px;}
.news_write_table tr td.nwt_td_2 textarea:focus {outline:none; border-color:#00e852; background-color: rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 2px rgba(0, 232, 82, 0.2);}
.news_write_table tr td.nwtCheckBox{height:46px !important;}
.nwtCheckBox input[type="checkbox"] { position: absolute; opacity: 0;width: 0; height: 0;}
.nwtCheckBox label {position: relative; padding-left: 30px; cursor: pointer; font-size: 15px; color: #AAAAAA; display: flex; align-items: center;}
.nwtCheckBox label::before {content: ''; position: absolute; left: 0; width: 20px; height: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.08);
    border-radius: 4px; transition: all 0.3s ease;}
.nwtCheckBox input[type="checkbox"]:checked + label::before {background-color: #00e852; border-color: #00e852;}
.nwtCheckBox input[type="checkbox"]:checked + label::after { content: ''; position: absolute; left: 7px; top: 1px;
    width: 6px;height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}
@media (hover: hover) {.nwtCheckBox label:hover::before {border-color: rgba(0, 232, 82, 0.5);background-color: rgba(255, 255, 255, 0.12);}}

.news_write_table tr td.nwtCheckBox2{height:46px !important;}
.nwtCheckBox2 input[type="checkbox"] { position: absolute; opacity: 0;width: 0; height: 0;}
.nwtCheckBox2 label {position: relative; padding-left: 30px; cursor: pointer; font-size: 15px; color: #AAAAAA; display: flex; align-items: center;}
.nwtCheckBox2 label::before {content: ''; position: absolute; left: 0; width: 20px; height: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.08);
    border-radius: 4px; transition: all 0.3s ease;}
.nwtCheckBox2 input[type="checkbox"]:checked + label::before {background-color: #00e852; border-color: #00e852;}
.nwtCheckBox2 input[type="checkbox"]:checked + label::after { content: ''; position: absolute; left: 7px; top: 1px;
    width: 6px;height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}
@media (hover: hover) {.nwtCheckBox2 label:hover::before {border-color: rgba(0, 232, 82, 0.5);background-color: rgba(255, 255, 255, 0.12);}}
.file-upload-wrapper {position: relative;width: 100%;}
.file-upload-input {position: absolute;left: 0; top: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;}
.file-upload-label {display: block; width: 100%;}
.file-upload-text {display: block;width: 100%; height: 45px;padding: 0 20px; border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;font-size: 15px;line-height: 45px;color: #999; box-sizing:border-box;}
.file-upload-name {display: block; font-size: 14px; color: #333;}
.nwt_td_2_textarea_22{height:300px !important;}
.board_btns a+a{margin-left:10px;}
/*글쓰기 코드 끝*/