@charset "utf-8";

.subtitleTop { position:relative; z-index:15; height:745px; } 
.subtitleTop .visual-box { position:relative; height:100%; }
.subtitleTop .visual-box .titCont { overflow:hidden; height:100%; }
.subtitleTop .bg { position:relative; height:100%; background-position:center 0; background-repeat:no-repeat; background-size:cover; }
.subTopCont1 .bg { background-image:url(/img/sub/visualsub_bg1.jpg); }
.subTopCont2 .bg { background-image:url(/img/sub/visualsub_bg2.jpg); }
.subTopCont3 .bg { background-image:url(/img/sub/visualsub_bg3.jpg); background-position:right center;}
.subTopCont4 .bg { background-image:url(/img/sub/visualsub_bg4.jpg); }
.subTopCont5 .bg { background-image:url(/img/sub/visualsub_bg5.jpg); }
.subTopCont6 .bg { background-image:url(/img/sub/visualsub_bg6.jpg); }
.subTopCont10 .bg { background-image:url(/img/sub/visualsub_bg10.jpg); }
.subTopCont11 .bg { background-image:url(/img/sub/visualsub_bg11.jpg); }
.subtitleTop .sub-titleBox { position:absolute; top:49%; left:0; transform:translateY(-50%); width:100%; z-index:2; text-align:center; }
.subtitleTop .location { margin-top:20px; }
.subtitleTop .location dl { display:flex; justify-content:center; align-items:center; }
.subtitleTop .location dt { width:22px; height:22px; background:url(/img/sub/home_icon.svg) center no-repeat; overflow:hidden; text-indent:-9999em; }
.subtitleTop .location dd span,
.subtitleTop .location dd strong { position:relative; display:inline-block; padding-left:22px; margin-left:22px; color:rgba(255, 255, 255, 0.80); font-size:16px; font-weight:500; line-height:1.3; }
.subtitleTop .location dd span:before,
.subtitleTop .location dd strong:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:12px; background:url(/img/sub/location_arr.svg) center no-repeat;}
.subtitleTop .depthMenu { position:absolute; left:0; bottom:0; width:100%; z-index:5; border-top:1px solid rgba(255, 255, 255, 0.2); background:none; transition:all 0.3s }
.subtitleTop .depthMenu .stit { display:none }
.subtitleTop .submenu-box { max-width:1480px; margin:0 auto; display:block; }
.subtitleTop .submenu-box ul { display:flex; align-items:center; justify-content:center; }
.subtitleTop .submenu-box li { width:210px; position:relative; }
.subtitleTop .submenu-box li:before { content:""; display:block; position:absolute; left:0; top:-1px; width:0; height:calc(100% + 1px); background:var(--mainColor); transition:all 0.3s ease-in-out}
.subtitleTop .submenu-box li.over:before,
.subtitleTop .submenu-box li:hover:before { width:100%; }
.subtitleTop .submenu-box li a { position:relative; z-index:2; display:flex; justify-content:center; align-items:center; text-align:center; padding:0 10px; width:100%; height:100px; color:rgba(255, 255, 255, 1); font-size:18px; font-weight:600; line-height:1.3; transition:all 0.3s ease-in-out }
.subtitleTop .submenu-box li a:hover,
.subtitleTop .submenu-box li.over a { color:#fff; }
.subtitleTop .stxt span { color:rgba(255,255,255,0.7); font-size:29px; font-weight:700; line-height:1.3; margin-bottom:10px; }
.subtitleTop h3 span { color:#fff; font-size:116px; font-weight:800; line-height:1.3; letter-spacing:-0.01em; text-transform:uppercase; }
.subtitleTop.active .depthMenu { position:fixed; top:0; bottom:unset; border-bottom:1px solid rgba(0, 0, 0, 0.1); background:#fff; height:100px; z-index:5 } 
.subtitleTop.active .submenu-box li a { color:#666 }
.subtitleTop.active .submenu-box li a:hover,
.subtitleTop.active .submenu-box li.over a { color:#fff; }
.subtitleTop.active .submenu-box li:before { height:100%; }
@media screen and (max-width:1480px){
	.subtitleTop { height:600px; }
	.subtitleTop .location { margin-top:20px; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { padding-left:20px; margin-left:20px; }
	.subtitleTop h3 span { font-size:95px; } 
	.subtitleTop .stxt span { font-size:26px; }
}
@media screen and (max-width:1280px){
	.subtitleTop { height:520px; }
	.subtitleTop .location { margin-top:15px; }
	.subtitleTop .location dt { width:17px; height:17px; background-size:17px auto }
	.subtitleTop .submenu-box li a { height:65px; }
	.subtitleTop h3 span { font-size:70px; } 
	.subtitleTop .stxt span { font-size:22px; }
	.subtitleTop.active .depthMenu { height:65px; } 
}
@media screen and (max-width:1024px){
	.subtitleTop { height:380px; }
	.subtitleTop .location { margin-top:12px; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { padding-left:15px; margin-left:15px; font-size:15px; }
	.subtitleTop .location dd span:before,
	.subtitleTop .location dd strong:before { width:5px; background-size:5px auto; }
	.subtitleTop .submenu-box li a { height:60px; font-size:16px; }	
	.subtitleTop .sub-titleBox { top:48%; }
	.subtitleTop h3 span { font-size:55px; } 
	.subtitleTop .stxt span { font-size:19px; margin-bottom:5px; }
	.subtitleTop.active .depthMenu { height:60px; } 
}
@media screen and (max-width:760px){
	.subtitleTop .depthMenu .stit { cursor:pointer; display:block; height:60px; background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); color:#fff; font-size:18px; font-weight:600; line-height:1.3; display:flex; align-items:center; padding:0 20px; }
	.subtitleTop .depthMenu .stit:before { content:""; display:block; width:25px; height:25px; position:absolute; right:20px; top:50%; transform:translateY(-50%); transition:all 0.5s; background:url(/img/common/gnb_m_arr.svg) center center no-repeat; opacity:0.5 }
	.subtitleTop .depthMenu .stit.ov:before { transform:translateY(-50%) rotate(180deg); }
	.subtitleTop .submenu-box { display:none; background:#fff; position:absolute; left:0; top:59px; width:100%; }
	.subtitleTop .submenu-box ul { display:block; }
	.subtitleTop .submenu-box li { width:100%; }
	.subtitleTop .submenu-box li a { border:none; border-bottom:1px solid rgba(0, 0, 0, 0.10); padding:0 20px; justify-content:flex-start; height:60px; color:#111; font-size:17px; font-weight:600; line-height:1.3; transition:all 0.3s ease-in-out }
	.subtitleTop .submenu-box li:hover a { color:#111; }
	.subtitleTop .submenu-box li:hover:before { display:none; }
	.subtitleTop .submenu-box li.over:before { display:block; }
	.subtitleTop .submenu-box li.over:hover a { color:#fff; }
	.subtitleTop.active  .depthMenu .stit:before { filter:invert(); }
	.subtitleTop.active .stit { color:#111; backdrop-filter:blur(0); }
}
@media screen and (max-width:640px){
	.subtitleTop { height:320px; }
	.subtitleTop h3 span { font-size:42px; }
	.subtitleTop .stxt span { font-size:17px; }
	.subtitleTop .depthMenu .stit { height:50px; }
	.subtitleTop.active .depthMenu { height:50px; } 
	.subtitleTop .submenu-box { top:49px; }
	.subtitleTop .submenu-box li a { height:50px; font-size:16px; }
}

/* animation */
.subtitleTop .bg { animation:subTopBg 1.5s 0.5s; animation-fill-mode:both; }
.subtitleTop .stxt { overflow:hidden }
.subtitleTop .stxt span { display:block }
.subtitleTop .stxt span { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.subtitleTop h3 { overflow:hidden }
.subtitleTop h3 span { display:block }
.subtitleTop h3 span { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
.subtitleTop .depthMenu { animation:ani_5 1.0s 0.7s; animation-fill-mode:both; }

@keyframes subTopBg {
	0% { transform:scale(1.2); }
	100% { transform:scale(1); }
}

.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }

#subContents { padding:130px 0 0; }
#subContents.subCont { padding:0; }
.subContB { padding:0 0 200px; }
@media screen and (max-width:1480px){
    #subContents { padding:110px 0 0; }
    .subContB { padding:0 0 160px; }
}
@media screen and (max-width:1024px){
    #subContents { padding:80px 0 0; }
    .subContB { padding:0 0 120px; }
}
@media screen and (max-width:640px){
    #subContents { padding:40px 0 0; }
    .subContB { padding:0 0 60px; }
}

.subTitle-box { margin-bottom:80px; }
.subTitle-box h3 { font-size:68px; font-weight:700; color:#111; line-height:1.3; }
.subTitle-box h3 span { font-weight:700; }
.subTitle-box h3 span strong { color:var(--mainColor); }
.subTitle-box .txt { margin-top:30px; font-size:23px; font-weight:300; color:#333; line-height:1.3; }
@media screen and (max-width:1200px){
	.subTitle-box { margin-bottom:60px; }
    .subTitle-box h3 { font-size:50px; }
	.subTitle-box .txt { margin-top:25px; font-size:21px;  }
}
@media screen and (max-width:1024px){
	.subTitle-box { margin-bottom:40px; }
    .subTitle-box h3 { font-size:40px; }
	.subTitle-box .txt { margin-top:20px; font-size:19px; }
}
@media screen and (max-width:640px){
	.subTitle-box { margin-bottom:20px; }
    .subTitle-box h3 { font-size:30px; }
    .subTitle-box .txt { margin-top:10px; font-size:15px; }
}

/* animation */
.subTitle-box h3 { overflow:hidden }
.subTitle-box h3 span { display:block; animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.subTitle-box .txt { display:block; animation:ani_3 .8s 1.0s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.subTitle-box h3 span { display:block; animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}


#subContents .btnbox { text-align:center; margin-top:90px; }
@media screen and (max-width:1024px){	
	#subContents .btnbox { margin-top:80px; }
}
@media screen and (max-width:640px){	
    #subContents .btnbox { margin-top:60px; }
}

/* tabmenu */
.tabmenu { margin-bottom:70px; }
.tabmenu > ul { text-align:center; display:flex; flex-wrap:wrap; padding:10px; background:rgba(21, 25, 32, 0.05); }
.tabmenu > ul > li { }
.tabmenu > ul > li a { position:relative; color:#aaa; font-size:19px; font-weight:600; line-height:1.3; border:1px solid #fff; width:100%; height:80px; border-radius:10px; display:flex; justify-content:center; align-items:center; background:#fff; text-align:center; transition:all 0.3s; }
.tabmenu > ul > li a:hover { border:1px solid var(--mainColor); color:var(--mainColor); }
.tabmenu.m5 > ul > li { width:calc(100% / 5); }
.tabmenu.m4 > ul > li { width:calc(100% / 4); }
.tabmenu.m3 > ul > li { width:calc(100% / 3); }
.tabmenu.m2 > ul > li { width:calc(100% / 2); }
@media screen and (max-width:1480px){	
	.tabmenu { margin-bottom:60px; }
	.tabmenu > ul > li a { font-size:18px; height:70px; }
}
@media screen and (max-width:1024px){	
	.tabmenu { margin-bottom:50px; }
	.tabmenu > ul { padding:5px; }
	.tabmenu > ul > li a { font-size:17px; height:60px; }
	.tabmenu.m5 > ul > li,
	.tabmenu.m4 > ul > li { width:calc(100% / 2); }
}
@media screen and (max-width:640px){	
	.tabmenu { margin-bottom:30px; }
	.tabmenu > ul > li a { font-size:16px; height:50px; }
}


.btnCont { display:flex; justify-content:center; align-items:center; gap:0 10px; }


h4.title-s { position:relative; padding-left:40px; color:#111; font-size:36px; font-weight:700; line-height:1.3; }
h4.title-s:before { content:""; display:block; width:25px; height:31px; position:absolute; left:0; top:8px; background:url(/img/sub/bullet.svg) center center no-repeat; }
@media screen and (max-width:1480px){
	h4.title-s { padding-left:35px; font-size:30px; }
	h4.title-s:before { width:22px; height:27px; top:7px; background-size:22px auto; }	
}
@media screen and (max-width:1024px){
	h4.title-s { padding-left:28px; font-size:24px; }
	h4.title-s:before { width:19px; height:24px; top:6px; background-size:19px auto; }	
}
@media screen and (max-width:640px){
	h4.title-s { padding-left:22px; font-size:19px; }
	h4.title-s:before { width:16px; height:20px; top:3px; background-size:16px auto; }	
}

/* about */

.about-box .overview-box .overview-top { position:relative; overflow:hidden; width:100%; padding-top:calc(650 / 1920* 100%);  }
.about-box .overview-box .overview-top .txtbox { position:absolute; left:0; top:0; width:100%; height:100%; height:100%; background:url(/img/sub/about_overview_bg.jpg) no-repeat center / cover; }
.about-box .overview-box .overview-top .txtbox > div { display:flex; flex-wrap:wrap; align-items:center; height:100%; }
.about-box .overview-box .overview-top .txtbox .logo { width:50%; text-align:center; }
.about-box .overview-box .overview-top .txtbox .txt { width:50%; }
.about-box .overview-box .overview-top .txtbox .txt dt { color:#fff; font-size:54px; font-weight:700; line-height:1.5; letter-spacing:-0.05em; }
.about-box .overview-box .overview-top .txtbox .txt dt span { color:#0066b5; }
.about-box .overview-box .overview-top .txtbox .txt dd { margin-top:30px }
.about-box .overview-box .overview-top .txtbox .txt dd p:not(:last-child) { margin-bottom:30px }
.about-box .overview-box .overview-top .txtbox .txt dd p { color:#fff; font-size:20px; font-weight:600; line-height:1.7; }
.about-box .overview-box .title { color:#111; font-size:46px; font-weight:700; line-height:1.3; }
.about-box .overview-box .bg { position:relative; z-index:2; background:#f9f9f9; padding:120px 0; }
.about-box .overview-box .listbox { margin-top:40px; }
.about-box .overview-box .info-box { position:relative; z-index:2; padding:120px 0; background:#fff; width:100%; }
.about-box .overview-box .info-box .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.about-box .overview-box .info-box .listbox li { transition:all 0.3s; width:calc((100% - 40px) / 3); height:270px; position:relative; background:#fff; box-shadow:0px -1px 10px 0px rgba(124, 135, 192, 0.10), 0px 40px 11px 0px rgba(124, 135, 192, 0.00), 0px 26px 10px 0px rgba(124, 135, 192, 0.01), 0px 14px 9px 0px rgba(124, 135, 192, 0.03), 0px 6px 6px 0px rgba(124, 135, 192, 0.04), 0px 2px 4px 0px rgba(124, 135, 192, 0.05); }
.about-box .overview-box .info-box .listbox li .icon { transition:all 0.3s; position:absolute; right:40px; top:40px; }
.about-box .overview-box .info-box .listbox li .icon path { transition:all 0.3s; }
.about-box .overview-box .info-box .listbox li dl { position:absolute; left:0; bottom:40px; padding:0 40px; }
.about-box .overview-box .info-box .listbox li dt { transition:all 0.3s; color:#111; font-size:21px; font-weight:700; line-height:1.3; }
.about-box .overview-box .info-box .listbox li dd { transition:all 0.3s; margin-top:12px; color:#999; font-size:18px; font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.about-box .overview-box .info-box .listbox li dd .bar { display:inline-block; width:1px; height:12px; margin:0 9px; background:#ccc; overflow:hidden; text-indent:-9999em; }
.about-box .overview-box .info-box .listbox li:hover { background:#0066b5; }
.about-box .overview-box .info-box .listbox li:hover dt,
.about-box .overview-box .info-box .listbox li:hover dd,
.about-box .overview-box .info-box .listbox li:hover dd .bar { color:#fff; }
.about-box .overview-box .info-box .listbox li:hover .icon  { filter:invert(100%) brightness(1000%); }
.about-box .overview-box .status-box .listbox > ul { display:flex; flex-wrap:wrap; gap:20px; }
.about-box .overview-box .status-box .listbox > ul > li { width:calc((100% - 100px) / 6); text-align:center; }
.about-box .overview-box .status-box .listbox > ul > li .icon { height:170px; display:flex; align-items:center; justify-content:center; background:#0066b5; }
.about-box .overview-box .status-box .listbox > ul > li .txt { height:80px; color:#111; font-size:18px; font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:center; border:1px solid #0066b5; }
.about-box .overview-box .status-box .listbox > ul > li .num { position:relative; margin-top:30px;height:80px; color:#0066b5; font-size:18px; font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:center; border:1px solid rgba(0, 102, 181, 0.20); background:#f1f6fa;}
.about-box .overview-box .status-box .listbox > ul > li .num:before { content:""; display:block; width:1px; height:30px; background:radial-gradient(circle, #0066B5 50%, transparent 0); background-size:2px 4px; position:absolute; left:50%; top:-31px; overflow:hidden; transform:translate(-50%, 0); }
.about-box .overview-box .organization { position:relative; z-index:2; padding:120px 0; background:#fff; width:100%; }
.about-box .overview-box .organization .ceo { position:relative; text-align:center; margin-top:40px; }
.about-box .overview-box .organization .ceo:before { content:""; display:block; width:1px; height:60px; background:#ccc; position:absolute; left:50%; bottom:-60px; transform:translate(calc(-50% - 0.5px), 0); }
.about-box .overview-box .organization .organ-list { position:relative; margin-top:100px; display:flex; flex-wrap:wrap; gap:30px; }
.about-box .overview-box .organization .organ-list:before { content:""; display:block; width:calc(100% - 14.9%); height:1px; background:#ccc; position:absolute; left:50%; top:-41px; transform:translate(calc(-50% - 0.5px), 0); }
.about-box .overview-box .organization .organ-list .box { position:relative; width:calc((100% - 150px) / 6); text-align:center; }
.about-box .overview-box .organization .organ-list .box:before { content:""; display:block; width:1px; height:40px; background:#ccc; position:absolute; left:50%; top:-40px; transform:translate(calc(-50% - 0.5px), 0); }
.about-box .overview-box .organization .organ-list .box dt { height:80px; color:#fff; font-size:19px; padding:0 5px; font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:center; background:#222; }
.about-box .overview-box .organization .organ-list .box dd ul { position:relative; margin-top:30px; }
.about-box .overview-box .organization .organ-list .box dd ul:before { content:""; display:block; width:1px; height:30px; background:#ccc; position:absolute; left:50%; top:-30px; transform:translate(calc(-50% - 0.5px), 0); }
.about-box .overview-box .organization .organ-list .box dd ul li:not(:last-child) { margin-bottom:10px }
.about-box .overview-box .organization .organ-list .box dd ul li { position:relative; padding:10px; min-height:107px; border:1px solid rgba(0, 102, 181, 0.20); background:#f1f6fa; display:flex; align-items:center; justify-content:center; gap:10px; flex-direction:column; }
.about-box .overview-box .organization .organ-list .box dd ul li:not(:first-child):before { content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; left:50%; top:-11px; transform:translate(calc(-50% - 0.5px), 0); }
.about-box .overview-box .organization .organ-list .box dd ul li strong { display:block; color:#222; font-size:19px; font-weight:600; line-height:1.3; }
.about-box .overview-box .organization .organ-list .box dd ul li span { display:block; color:#999; font-size:17px; font-weight:600; line-height:1.3; }
@media screen and (max-width:1480px){
	.about-box .overview-box .overview-top { padding-top:calc(780 / 1920* 100%); }
	.about-box .overview-box .overview-top .txtbox .txt dt { font-size:40px; }
	.about-box .overview-box .overview-top .txtbox .txt dd { margin-top:25px }
	.about-box .overview-box .overview-top .txtbox .txt dd p:not(:last-child) { margin-bottom:25px }
	.about-box .overview-box .overview-top .txtbox .txt dd p { font-size:19px; }
	.about-box .overview-box .overview-top .txtbox .txt dd p br { display:none }
	.about-box .overview-box .overview-top .txtbox .txt dd p span.m_br { display:block }
	.about-box .overview-box .title { font-size:32px; }
	.about-box .overview-box .bg { padding:100px 0; }
	.about-box .overview-box .listbox { margin-top:30px; }
	.about-box .overview-box .info-box { padding:100px 0; }
	.about-box .overview-box .info-box .listbox ul { gap:20px; }
	.about-box .overview-box .info-box .listbox li { width:calc((100% - 40px) / 3); height:250px; }
	.about-box .overview-box .info-box .listbox li .icon { right:30px; top:30px; }
	.about-box .overview-box .info-box .listbox li dl { bottom:30px; padding:0 30px; }
	.about-box .overview-box .info-box .listbox li dt { font-size:20px; }
	.about-box .overview-box .info-box .listbox li dd { margin-top:10px; font-size:17px; }
	.about-box .overview-box .info-box .listbox li dd .bar { height:10px; margin:0 8px; }
	.about-box .overview-box .status-box .listbox > ul { gap:20px; }
	.about-box .overview-box .status-box .listbox > ul > li { width:calc((100% - 100px) / 6); }
	.about-box .overview-box .status-box .listbox > ul > li .icon { height:170px; }
	.about-box .overview-box .status-box .listbox > ul > li .txt { height:80px; font-size:18px; }
	.about-box .overview-box .status-box .listbox > ul > li .num { margin-top:30px;height:80px; font-size:18px; }
	.about-box .overview-box .organization { padding:100px 0; }
	.about-box .overview-box .organization .ceo { margin-top:30px; }
	.about-box .overview-box .organization .organ-list { gap:30px; }
	.about-box .overview-box .organization .organ-list:before { width:calc(100% - 14.8%); }
	.about-box .overview-box .organization .organ-list .box { width:calc((100% - 150px) / 6); }
	.about-box .overview-box .organization .organ-list .box dt { height:80px; font-size:18px; }
	.about-box .overview-box .organization .organ-list .box dd ul { margin-top:30px; }
	.about-box .overview-box .organization .organ-list .box dd ul li { padding:10px; min-height:100px; }
	.about-box .overview-box .organization .organ-list .box dd ul li strong { font-size:18px; }
	.about-box .overview-box .organization .organ-list .box dd ul li span { font-size:16px; }
}
@media screen and (max-width:1280px){
	.about-box .overview-box .overview-top .txtbox .logo img { width:300px }
	.about-box .overview-box .overview-top .txtbox .txt dd p:not(:last-child) { margin-bottom:20px }
	.about-box .overview-box .organization .organ-list { gap:20px; }
	.about-box .overview-box .organization .organ-list:before { width:calc(100% - 15.2%); }
	.about-box .overview-box .organization .organ-list .box { width:calc((100% - 100px) / 6); }
	.about-box .overview-box .organization .organ-list .box dd ul li:first-child { min-height:130px; }
}
@media screen and (max-width:1024px){
	.about-box .overview-box .overview-top { padding-top:calc(850 / 1920* 100%); }
	.about-box .overview-box .overview-top .txtbox .logo { width:40%; }
	.about-box .overview-box .overview-top .txtbox .txt { width:60%; }
	.about-box .overview-box .overview-top .txtbox .logo img { width:230px }
	.about-box .overview-box .overview-top .txtbox .txt dt { font-size:28px; }
	.about-box .overview-box .overview-top .txtbox .txt dd { margin-top:20px }
	.about-box .overview-box .overview-top .txtbox .txt dd p:not(:last-child) { margin-bottom:15px }
	.about-box .overview-box .overview-top .txtbox .txt dd p { font-size:18px; }
	.about-box .overview-box .title { font-size:25px; }
	.about-box .overview-box .bg { padding:80px 0; }
	.about-box .overview-box .listbox { margin-top:20px; }
	.about-box .overview-box .info-box { padding:80px 0; }
	.about-box .overview-box .info-box .listbox ul { gap:10px; }
	.about-box .overview-box .info-box .listbox li { width:calc((100% - 20px) / 3); height:220px; }
	.about-box .overview-box .info-box .listbox li .icon { right:20px; top:20px; }
	.about-box .overview-box .info-box .listbox li dl { bottom:20px; padding:0 20px; }
	.about-box .overview-box .info-box .listbox li dt { font-size:19px; }
	.about-box .overview-box .info-box .listbox li dd { margin-top:10px; font-size:17px; }
	.about-box .overview-box .info-box .listbox li dd .bar { height:10px; margin:0 8px; }
	.about-box .overview-box .status-box .listbox > ul { gap:25px 10px; }
	.about-box .overview-box .status-box .listbox > ul > li { width:calc((100% - 50px) / 6); }
	.about-box .overview-box .status-box .listbox > ul > li .icon { height:150px; }
	.about-box .overview-box .status-box .listbox > ul > li .icon img { width:50px; }
	.about-box .overview-box .status-box .listbox > ul > li .txt { height:70px; font-size:17px; }
	.about-box .overview-box .status-box .listbox > ul > li .num { margin-top:20px;height:70px; font-size:17px; }
	.about-box .overview-box .status-box .listbox > ul > li .num:before { height:20px; top:-21px; } 
	.about-box .overview-box .organization { padding:100px 0; }
	.about-box .overview-box .organization .ceo { margin-top:20px; }
	.about-box .overview-box .organization .ceo img { width:180px; }
	.about-box .overview-box .organization .organ-list { gap:25px 10px; }
	.about-box .overview-box .organization .organ-list:before { width:calc(100% - 15.5%); }
	.about-box .overview-box .organization .organ-list .box { width:calc((100% - 50px) / 6); }
	.about-box .overview-box .organization .organ-list .box dt { height:70px; font-size:18px; }
	.about-box .overview-box .organization .organ-list .box dd ul { margin-top:20px; }
	.about-box .overview-box .organization .organ-list .box dd ul:before { height:20px; top:-20px; }
	.about-box .overview-box .organization .organ-list .box dd ul li { padding:10px; min-height:100px; }
	.about-box .overview-box .organization .organ-list .box dd ul li strong { font-size:17px; }
	.about-box .overview-box .organization .organ-list .box dd ul li span { font-size:15px; }
	.about-box .overview-box .organization .organ-list .box dd ul li:not(:last-child) { margin-bottom:5px }
	.about-box .overview-box .organization .organ-list .box dd ul li:not(:first-child):before { height:5px; top:-6px; }
}
@media screen and (max-width:860px){
	.about-box .overview-box .overview-top { padding-top:calc(950 / 1920* 100%); }
	.about-box .overview-box .overview-top .txtbox .logo img { width:170px }
	.about-box .overview-box .overview-top .txtbox .txt dt { font-size:24px; }
	.about-box .overview-box .overview-top .txtbox .txt dd { margin-top:10px }
	.about-box .overview-box .overview-top .txtbox .txt dd p:not(:last-child) { margin-bottom:8px }
	.about-box .overview-box .overview-top .txtbox .txt dd p { font-size:16px; }
	.about-box .overview-box .status-box .listbox > ul > li { width:calc((100% - 20px) / 3); }
	.about-box .overview-box .organization .organ-list .box { width:calc((100% - 20px) / 3); }
	.about-box .overview-box .organization .organ-list .box dd ul li:first-child { min-height:110px; }
	.about-box .overview-box .organization .ceo:before,
	.about-box .overview-box .organization .organ-list:before,
	.about-box .overview-box .organization .organ-list .box:before { display:none }
	.about-box .overview-box .organization .organ-list { margin-top:50px; }
	.about-box .overview-box .organization .ceo img { width:150px; }
}
@media screen and (max-width:640px){
	.about-box .overview-box .overview-top { padding-top:calc(1300 / 1920* 100%); }
	.about-box .overview-box .overview-top .txtbox > div { align-content:center; }
	.about-box .overview-box .overview-top .txtbox .logo { width:100%; }
	.about-box .overview-box .overview-top .txtbox .logo img { width:150px }
	.about-box .overview-box .overview-top .txtbox .txt { width:100%; margin-top:20px; }
	.about-box .overview-box .overview-top .txtbox .txt dt { font-size:22px; }
	.about-box .overview-box .overview-top .txtbox .txt dt br { display:none }
	.about-box .overview-box .title { font-size:22px; }
	.about-box .overview-box .bg { padding:60px 0; }
	.about-box .overview-box .listbox { margin-top:20px; }
	.about-box .overview-box .info-box { padding:60px 0; }
	.about-box .overview-box .info-box .listbox li { width:calc((100% - 10px) / 2); height:220px; }
	.about-box .overview-box .status-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.about-box .overview-box .organization { padding:80px 0; }
	.about-box .overview-box .organization .organ-list .box { width:calc((100% - 10px) / 2); }
	.about-box .overview-box .organization .ceo:before,
	.about-box .overview-box .organization .organ-list:before,
	.about-box .overview-box .organization .organ-list .box:before { display:none }
	.about-box .overview-box .organization .organ-list { margin-top:50px; }
	.about-box .overview-box .organization .ceo img { width:150px; }
}
@media screen and (max-width:480px){
	.about-box .overview-box .overview-top { padding-top:calc(1600 / 1920* 100%); }
}
@media screen and (max-width:400px){
	.about-box .overview-box .overview-top { padding-top:calc(2000 / 1920* 100%); }
}

/* animation */
.about-box .overview-box .overview-top.subOn .imgbox { animation:bgs1 3.5s 0.1s; animation-fill-mode:both; }
.about-box .overview-box .overview-top .txtbox .logo { opacity:0 }
.about-box .overview-box .overview-top.subOn .txtbox .logo { animation:bgs3 1.2s 0.3s; animation-fill-mode:both; }
.about-box .overview-box .overview-top .txtbox .txt { opacity:0 }
.about-box .overview-box .overview-top.subOn .txtbox .txt { animation:ani_3 1.5s 0.5s; animation-fill-mode:both; }
.about-box .overview-box .listbox, 
.about-box .overview-box .organization .ceo { opacity:0 }
.about-box .overview-box .listbox.subOn,
.about-box .overview-box .organization .ceo.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.about-box .overview-box .organization .organ-list { opacity:0 }
.about-box .overview-box .organization .organ-list.subOn { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }


.about-box .history-box { display:flex; flex-wrap:wrap; }
.about-box .history-box .imgbox { width:42%; position:sticky; top:130px; }
.about-box .history-box .imgbox > div { position:absolute; left:0; top:0; opacity:0; width:100%; transition:all 0.3s; }
.about-box .history-box .imgbox > div.active { opacity:1; z-index:2; }
.about-box .history-box .imgbox .i-img:before { content:""; display:block; padding-top:125.8%; }
.about-box .history-box .imgbox .i-img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.about-box .history-box .listbox { width:calc(100% - 42% - 100px); padding-left:100px; }
.about-box .history-box .listbox > ul > li:not(:last-child) { margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid #ddd; }
.about-box .history-box .listbox > ul > li .bg { display:none; }
.about-box .history-box .listbox > ul > li > dl > dt { color:#111; font-size:38px; font-weight:800; line-height:1.3; }
.about-box .history-box .listbox > ul > li > dl > dt span { color:#0066b5; }
.about-box .history-box .listbox > ul > li > dl > dd { margin-top:30px; }
.about-box .history-box .listbox > ul > li > dl > dd li:not(:last-child) { margin-bottom:20px; }
.about-box .history-box .listbox > ul > li > dl > dd li { padding-left:54px; position:relative; color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.about-box .history-box .listbox > ul > li > dl > dd li > strong { position:absolute; left:0; top:0; color:#111;  font-weight:800; }
@media screen and (max-width:1480px){
	.about-box .history-box .listbox { width:calc(100% - 42% - 60px); padding-left:60px; }
	.about-box .history-box .listbox > ul > li > dl:not(:last-child) { margin-bottom:60px; padding-bottom:60px; }
	.about-box .history-box .listbox > ul > li > dl > dt { font-size:28px; }
	.about-box .history-box .listbox > ul > li > dl > dd { margin-top:25px; }
	.about-box .history-box .listbox > ul > li > dl > dd li:not(:last-child) { margin-bottom:15px; }
	.about-box .history-box .listbox > ul > li > dl > dd li { padding-left:48px; font-size:17px; }
}
@media screen and (max-width:1280px){
	.about-box .history-box .imgbox { top:90px; }
}
@media screen and (max-width:1024px){
	.about-box .history-box .imgbox { top:80px; width:45%; }
	.about-box .history-box .listbox { width:calc(100% - 45% - 40px); padding-left:40px; }
	.about-box .history-box .listbox > ul > li:not(:last-child) { margin-bottom:40px; padding-bottom:40px; }
	.about-box .history-box .listbox > ul > li > dl > dt { font-size:22px; }
	.about-box .history-box .listbox > ul > li > dl > dd { margin-top:20px; }
	.about-box .history-box .listbox > ul > li > dl > dd li:not(:last-child) { margin-bottom:10px; }
	.about-box .history-box .listbox > ul > li > dl > dd li { padding-left:35px; font-size:16px; }
}
@media screen and (max-width:760px){
	.about-box .history-box .imgbox { display:none }
	.about-box .history-box .listbox > ul > li .bg { position:relative; display:block; margin-bottom:20px; }
	.about-box .history-box .listbox > ul > li .bg:before { content:""; display:block; padding-top:60%; }
	.about-box .history-box .listbox > ul > li .bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
	.about-box .history-box .listbox { width:100%; padding-left:0; }
}
@media screen and (max-width:640px){
	.about-box .history-box .listbox > ul > li:not(:last-child) { margin-bottom:30px; padding-bottom:30px; }
	.about-box .history-box .listbox > ul > li > dl > dt { font-size:21px; }
}


.about-box .cer-box .bg { background:#f9f9f9; margin:120px 0 0; padding:120px 0; }
.about-box .cer-box .title { color:#111; font-size:46px; font-weight:700; line-height:1.3; }
.about-box .cer-box .title.title-f { margin-top:120px; }
.about-box .cer-box .listbox { margin-top:40px; }
.about-box .cer-box .listbox ul { display:flex; flex-wrap:wrap; gap:70px 25px; }
.about-box .cer-box .listbox li { width:calc((100% - 75px) / 4); text-align:center; }
.about-box .cer-box .listbox li .imgbox { padding:20px; border:1px solid #ddd; background:#fff; }
.about-box .cer-box .listbox li .imgbox img { max-width:100%; }
.about-box .cer-box .listbox li .txtbox { margin-top:20px; color:#111; font-size:19px; font-weight:600; line-height:1.3; }
.about-box .cer-box .s-txt,
.about-box .cer-box .p-txt { margin-top:30px; position:relative; padding-left:15px; color:#111; font-size:19px; font-weight:500; line-height:1.3; }
.about-box .cer-box .s-txt:before,
.about-box .cer-box .p-txt:before { content:""; display:block; width:5px; height:5px; background:var(--mainColor); position:absolute; left:0; top:9px; border-radius:5px; }
.about-box .cer-box .s-txt span { color:#0066b5; }
.about-box .cer-box .list { margin-top:120px; }
.about-box .cer-box .list.list-f { margin-top:60px; }
.about-box .cer-box .list table { margin-top:20px; border-left:1px solid #ddd; }	
.about-box .cer-box .list table thead th { height:80px; padding:0 10px; color:#fff; font-size:18px; font-weight:600; line-height:1.3; border-right:1px solid #7c818b; background:#323b4a; }
.about-box .cer-box .list table thead th:first-child { border-left:1px solid #323b4a; }
.about-box .cer-box .list table thead th:last-child { border-right:1px solid #323b4a; }
.about-box .cer-box .list table tbody td { padding:20px 25px; height:80px; color:#111; font-size:18px; font-weight:300; line-height:1.8; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0; }
.about-box .cer-box .list table tbody td.td_left { text-align:left; }
.about-box .cer-box .list table tbody td.td_left a { color:#111; transition:all 0.3s; }
.about-box .cer-box .list table tbody tr:hover td.td_left a { color:var(--mainColor); }
@media screen and (max-width:1480px){
	.about-box .cer-box .bg { margin:100px 0 0; padding:100px 0; }
	.about-box .cer-box .title { font-size:32px; }
	.about-box .cer-box .title.title-f { margin-top:100px; }
	.about-box .cer-box .listbox { margin-top:30px; }
	.about-box .cer-box .listbox ul { gap:60px 20px; }
	.about-box .cer-box .listbox li { width:calc((100% - 60px) / 4); }
	.about-box .cer-box .listbox li .txtbox { margin-top:15px; font-size:18px; }
	.about-box .cer-box .s-txt,
	.about-box .cer-box .p-txt { margin-top:25px; font-size:18px; }
	.about-box .cer-box .list { margin-top:100px; }
	.about-box .cer-box .list.list-f { margin-top:50px; }
	.about-box .cer-box .list col.w1 { width:300px !important }
	.about-box .cer-box .list col.w2 { width:250px !important }
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
	.about-box .cer-box .bg { margin:80px 0 0; padding:80px 0; }
	.about-box .cer-box .title { font-size:25px; }
	.about-box .cer-box .title.title-f { margin-top:80px; }
	.about-box .cer-box .listbox { margin-top:20px; }
	.about-box .cer-box .listbox ul { gap:40px 10px; }
	.about-box .cer-box .listbox li { width:calc((100% - 20px) / 3); }
	.about-box .cer-box .listbox li .txtbox { margin-top:10px; font-size:17px; }
	.about-box .cer-box .s-txt,
	.about-box .cer-box .p-txt { margin-top:20px; font-size:17px; padding-left:13px; }
	.about-box .cer-box .s-txt:before,
	.about-box .cer-box .p-txt:before { width:4px; height:4px; top:9px; }
	.about-box .cer-box .list { margin-top:80px; }
	.about-box .cer-box .list.list-f { margin-top:40px; }
	.about-box .cer-box .list table { margin-top:15px; }	
	.about-box .cer-box .list table thead th { height:70px; font-size:16px; }
	.about-box .cer-box .list table tbody td { padding:12px 15px; height:70px; font-size:16px; line-height:1.6; }
	.about-box .cer-box .list table tbody td br { display:none }
	.about-box .cer-box .list col.w1 { width:200px !important }
	.about-box .cer-box .list col.w2 { width:190px !important }
}
@media screen and (max-width:860px){
	.about-box .cer-box .list table * { word-break:break-word !important; }
}
@media screen and (max-width:640px){
	.about-box .cer-box .bg { margin:60px 0 0; padding:60px 0; }
	.about-box .cer-box .title { font-size:22px; }
	.about-box .cer-box .title.title-f { margin-top:60px; }
	.about-box .cer-box .listbox ul { gap:30px 10px; }
	.about-box .cer-box .listbox li { width:calc((100% - 10px) / 2); }
	.about-box .cer-box .list { margin-top:60px; }
	.about-box .cer-box .list.list-f { margin-top:30px; }
	.about-box .cer-box .list table { margin-top:10px; }	
	.about-box .cer-box .list table thead th { height:50px; font-size:15px; padding:0 5px;}
	.about-box .cer-box .list table tbody td { padding:10px 5px; height:50px; font-size:14px; line-height:1.4; }
	.about-box .cer-box .list col.w1 { width:100px !important }
	.about-box .cer-box .list col.w2 { width:90px !important }
}
/* animation */
.about-box .cer-box .listbox, 
.about-box .cer-box .list { opacity:0 }
.about-box .cer-box .listbox.subOn,
.about-box .cer-box .list.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

/* service */
.service-box .tabCont > div:not(:last-child) { margin-bottom:120px; }
.service-box .serviceCont .top .txtbox { margin-top:30px; padding-top:30px; border-top:1px solid #ddd; }
.service-box .serviceCont .top .txtbox .txt { color:#111; font-size:19px; font-weight:200; line-height:1.8; }
.service-box .serviceCont .bg { background:#f9f9f9; margin-top:60px; padding:60px 0 80px; }
.service-box .serviceCont .bg .txtbox { padding-left:40px; }
.service-box .serviceCont .bg .txtbox dt { color:#111; font-size:30px; font-weight:700; line-height:1.3; margin-bottom:30px; }
.service-box .serviceCont .imgbox { position:relative; }
.service-box .serviceCont .imgbox strong { position:absolute; left:0; bottom:30px; width:100%; text-align:center; color:#fff; font-size:20px; font-weight:600; line-height:1.3; }
.service-box .serviceCont .imgbox img { max-width:100%; }
.service-box .serviceCont .txt-list > p,
.service-box .serviceCont .list-1 > li { position:relative; padding-left:15px; color:#111; font-size:19px; font-weight:300; line-height:1.8; letter-spacing:-0.03em; }
.service-box .serviceCont .txt-list > p:before,
.service-box .serviceCont .list-1 > li:before { content:""; display:block; width:5px; height:5px; background:var(--mainColor); position:absolute; left:0; top:14px; border-radius:5px; }
.service-box .serviceCont .list-1 > li:not(:last-child) { margin-bottom:10px; }
.service-box .serviceCont .list-1 > li span { color:#666; font-weight:300; }
.service-box .serviceCont .list-1.list-3 > li strong { font-weight:500; }
.service-box .serviceCont .list-1.list-3 > li .w1 { width:74px; display:inline-block; }
.service-box .serviceCont .list-2 > li { position:relative; padding-left:20px; color:#666; font-size:19px; font-weight:300; line-height:1.8; letter-spacing:-0.03em; }
.service-box .serviceCont .list-2 > li:before { content:""; display:block; width:7px; height:1px; background:#666; position:absolute; left:1px; top:16px; border-radius:5px; }
.service-box .serviceCont .list-4 { margin-top:30px; }
.service-box .serviceCont .list-4 > li { color:#666; font-size:18px; font-weight:400; line-height:1.3; display:flex; }
.service-box .serviceCont .list-4 > li:not(:last-child) { margin-bottom:15px; }
.service-box .serviceCont .list-4 > li strong { width:104px; display:inline-block; color:#0066b5; font-weight:400; }
.service-box .serviceCont .list-4 > li span { width:calc(100% - 104px); font-weight:400; }
.service-box .serviceCont .list-5 { margin-top:30px; }
.service-box .serviceCont .list-5 > li { color:#666; font-size:18px; font-weight:400; line-height:1.3; display:flex; }
.service-box .serviceCont .list-5 > li:not(:last-child) { margin-bottom:15px; }
.service-box .serviceCont .cont-1 { display:flex; flex-wrap:wrap; gap:0 20px; align-items:center; }
.service-box .serviceCont .cont-1 > div { width:calc((100% - 20px) / 2); }
.service-box .serviceCont .cont-1 .txt-list:not(:last-child) { margin-bottom:30px; }
.service-box .serviceCont .cont-1 .txt-list > p { margin-bottom:10px; }
.service-box .serviceCont .cont-2 { margin-top:20px; }
.service-box .serviceCont .cont-2 ul { display:flex; flex-wrap:wrap; gap:0 20px; text-align:center; }
.service-box .serviceCont .cont-2 ul.m2 li { width:calc((100% - 20px) / 2); }
.service-box .serviceCont .cont-2 ul.m4 li { width:calc((100% - 60px) / 4); }
.service-box .serviceCont .cont-2 li .txtbox { padding:25px 0 0; color:#111; font-size:20px; font-weight:600; line-height:1.3; }
.service-box .serviceCont .cont-3 > ul > li:not(:last-child) { margin-bottom:80px; }
.service-box .serviceCont .cont-3 > ul > li { display:flex; flex-wrap:wrap; gap:0 20px; align-items:center; }
.service-box .serviceCont .cont-3 > ul > li > div { width:calc((100% - 20px) / 2); }
.service-box .serviceCont .cont-3 > ul > li:nth-child(2n) { flex-direction:row-reverse; }
.service-box .serviceCont .cont-3 > ul > li:nth-child(2n) .txtbox { padding-left:0; }
@media screen and (max-width:1480px){
	.service-box .tabCont > div:not(:last-child) { margin-bottom:100px; }
	.service-box .serviceCont .top .txtbox { margin-top:25px; padding-top:25px; }
	.service-box .serviceCont .top .txtbox .txt { font-size:18px; }
	.service-box .serviceCont .top .txtbox .txt br { display:none }
	.service-box .serviceCont .top .txtbox .txt span.m_br { display:block }
	.service-box .serviceCont .bg { margin-top:50px; padding:50px 0 70px; }
	.service-box .serviceCont .bg .txtbox { padding-left:20px; }
	.service-box .serviceCont .bg .txtbox dt { font-size:26px; margin-bottom:25px; }
	.service-box .serviceCont .imgbox strong { bottom:25px; font-size:19px; }
	.service-box .serviceCont .txt-list > p,
	.service-box .serviceCont .list-1 > li { padding-left:15px; font-size:18px; line-height:1.6; }
	.service-box .serviceCont .txt-list > p:before,
	.service-box .serviceCont .list-1 > li:before { top:12px; }
	.service-box .serviceCont .list-2 > li { padding-left:20px; font-size:18px; line-height:1.6; }
	.service-box .serviceCont .list-2 > li br { display:none; }
	.service-box .serviceCont .list-2 > li:before { top:14px; }
	.service-box .serviceCont .list-4 { margin-top:25px; }
	.service-box .serviceCont .list-4 > li { font-size:17px; }
	.service-box .serviceCont .list-4 > li:not(:last-child) { margin-bottom:15px; }
	.service-box .serviceCont .list-5 { margin-top:25px; }
	.service-box .serviceCont .list-5 > li { font-size:17px; }
	.service-box .serviceCont .list-5 > li:not(:last-child) { margin-bottom:15px; }
	.service-box .serviceCont .cont-1 .txt-list:not(:last-child) { margin-bottom:25px; }
	.service-box .serviceCont .cont-1 .txt-list > p { margin-bottom:10px; }
	.service-box .serviceCont .cont-2 { margin-top:20px; }
	.service-box .serviceCont .cont-2 li .txtbox { padding:25px 0 0; font-size:19px; }
	.service-box .serviceCont .cont-3 > ul > li:not(:last-child) { margin-bottom:60px; }
}
@media screen and (max-width:1024px){
	.service-box .tabCont > div:not(:last-child) { margin-bottom:80px; }
	.service-box .serviceCont .top .txtbox { margin-top:20px; padding-top:20px; }
	.service-box .serviceCont .top .txtbox .txt { font-size:16px; }
	.service-box .serviceCont .bg { margin-top:40px; padding:40px 0 60px; }
	.service-box .serviceCont .bg .txtbox { padding-left:0; }
	.service-box .serviceCont .bg .txtbox dt { font-size:20px; margin-bottom:20px; }
	.service-box .serviceCont .imgbox strong { bottom:20px; font-size:18px; }
	.service-box .serviceCont .txt-list > p,
	.service-box .serviceCont .list-1 > li { padding-left:13px; font-size:17px; line-height:1.4; }
	.service-box .serviceCont .txt-list > p:before,
	.service-box .serviceCont .list-1 > li:before { top:10px; width:4px; height:4px; }
	.service-box .serviceCont .list-2 > li { padding-left:18px; font-size:17px; line-height:1.4; }
	.service-box .serviceCont .list-2 > li br { display:none; }
	.service-box .serviceCont .list-2 > li:before { top:12px; width:6px; }
	.service-box .serviceCont .list-2 > li:not(:last-child) { margin-bottom:5px; }
	.service-box .serviceCont .list-4 { margin-top:20px; display:flex; gap:0 10px; flex-wrap:wrap; }
	.service-box .serviceCont .list-4 > li { font-size:17px; width:calc((100% - 10px) / 2); }
	.service-box .serviceCont .list-4 > li:not(:last-child) { margin-bottom:10px; }
	.service-box .serviceCont .list-5 { margin-top:20px; display:flex; gap:0 10px; flex-wrap:wrap;}
	.service-box .serviceCont .list-5 > li { font-size:16px; width:calc((100% - 10px) / 2);}
	.service-box .serviceCont .list-5 > li:not(:last-child) { margin-bottom:10px; }
	.service-box .serviceCont .cont-1 { gap:20px; }
	.service-box .serviceCont .cont-1 > div { width:100%; }
	.service-box .serviceCont .cont-1 .imgbox { margin:0 auto; text-align:center; }
	.service-box .serviceCont .cont-1 .txt-list:not(:last-child) { margin-bottom:20px; }
	.service-box .serviceCont .cont-1 .txt-list > p { margin-bottom:10px; }
	.service-box .serviceCont .cont-2 { margin-top:20px; }
	.service-box .serviceCont .cont-2 ul { gap:20px 10px; }
	.service-box .serviceCont .cont-2 ul.m2 li { width:calc((100% - 10px) / 2); }
	.service-box .serviceCont .cont-2 ul.m4 li { width:calc((100% - 30px) / 4); }
	.service-box .serviceCont .cont-2 li .txtbox { padding:15px 0 0; font-size:18px; }
	.service-box .serviceCont .cont-3 > ul > li:not(:last-child) { margin-bottom:40px; }
	.service-box .serviceCont .cont-3 > ul > li { gap:20px; }
	.service-box .serviceCont .cont-3 > ul > li > div { width:100%; }
}
@media screen and (max-width:860px){
	.service-box .serviceCont .cont-2 > ul.m2 > li { width:100%; }
	.service-box .serviceCont .cont-2 ul.m4 li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.service-box .serviceCont .list-4 > li { width:100%; }
}


/* animation */
.service-box .serviceCont .top .title-s,
.service-box .serviceCont .top .txtbox .txt { opacity:0; }
.service-box .serviceCont .top.subOn .title-s { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.service-box .serviceCont .top.subOn .txtbox .txt { animation:ani_4 1.2s 0.6s; animation-fill-mode:both; }
.service-box .serviceCont .cont-1 .imgbox { opacity:0; }
.service-box .serviceCont .cont-1.subOn .imgbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.service-box .serviceCont .cont-1 .txtbox { opacity:0; }
.service-box .serviceCont .cont-1.subOn .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.service-box .serviceCont .cont-2 { opacity:0; }
.service-box .serviceCont .cont-2.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.service-box .serviceCont .cont-3 .txtbox { opacity:0; }
.service-box .serviceCont .cont-3 .imgbox { opacity:0; }
.service-box .serviceCont .cont-3 li.subOn .imgbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.service-box .serviceCont .cont-3 li.subOn .txtbox { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.service-box .serviceCont .cont-3 li:nth-child(2n).subOn .txtbox { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.service-box .serviceCont .top.subOn .title-s { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.service-box .serviceCont .cont-1.subOn .txtbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
	.service-box .serviceCont .cont-3 li.subOn .txtbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.service-box .serviceCont .cont-3 li:nth-child(2n).subOn .txtbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}


/* technology */
.technology-box .bg { background:#f6f6f6; margin-top:120px; }
.technology-box .stit h4 { color:#111; font-size:46px; font-weight:700; line-height:1.3; margin-bottom:50px; }
.technology-box .stit h4 span { font-weight:700; }
.technology-box h5.tit { position:relative; padding-left:28px; color:#111; font-size:28px; font-weight:700; line-height:1.3; }
.technology-box h5.tit:before { content:""; display:block; width:13px; height:15px; background:var(--mainColor); position:absolute; left:0; top:10px; clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
.technology-box .technologyCont { padding:120px 0; }
.technology-box .txt_plist > p { position:relative; padding-left:13px; color:#111; font-size:19px; font-weight:500; line-height:1.8; }
.technology-box .txt_plist > p:not(:last-child) { margin-bottom:10px; }
.technology-box .txt_plist > p:before { content:""; display:block; width:5px; height:5px; background:var(--mainColor); position:absolute; left:0; top:13px; border-radius:5px; }
.technology-box .txt_plist > p > span { color:var(--mainColor); }
.technology-box .list-1 > li { position:relative; padding-left:15px; color:#111; font-size:18px; font-weight:300; line-height:1.5; letter-spacing:-0.03em; }
.technology-box .list-1 > li:before { content:""; display:block; width:5px; height:5px; background:var(--mainColor); position:absolute; left:0; top:10px; border-radius:5px; }
.technology-box .list-1 > li > strong { color:#111; font-weight:500; }
.technology-box .list-1 > li:not(:last-child) { margin-bottom:10px; }
.technology-box .list-2 > li { position:relative; padding-left:20px; color:#444; font-size:18px; font-weight:300; line-height:1.5; letter-spacing:-0.03em; }
.technology-box .list-2 > li:before { content:""; display:block; width:7px; height:1px; background:#444; position:absolute; left:1px; top:13px; border-radius:5px; }
.technology-box .list-2 > li > strong { color:#111; font-weight:500; }
.technology-box .list-2 > li:not(:last-child) { margin-bottom:10px; }
.technology-box .list-3 > li { position:relative; color:#444; font-size:18px; font-weight:300; line-height:1.5; letter-spacing:-0.03em; }
.technology-box .list-3 > li > strong { position:relative; padding-left:15px; color:#111; font-weight:500; display:block; margin-bottom:10px; }
.technology-box .list-3 > li > strong:before { content:""; display:block; width:5px; height:5px; background:var(--mainColor); position:absolute; left:0; top:10px; border-radius:5px; }
.technology-box .list-3 > li:not(:last-child) { margin-bottom:25px; }
.technology-box .top-imgbox { border:1px solid #ddd; padding:40px; text-align:center; }
.technology-box .top-imgbox img { max-width:100%; }
.technology-box .grouting-box .txt-list-1,
.technology-box .gripper-box .txt-list-1 { margin-top:30px; }
.technology-box .gripper-box .txt-list-2 { margin-top:60px; }
.technology-box .gripper-box .txt-list-2 > dl > dd { margin-top:25px; }
.technology-box .gripper-box .imgbox-1 { margin-top:30px; }
.technology-box .gripper-box .imgbox-1 ul { display:flex; flex-wrap:wrap; gap:0 20px; }
.technology-box .gripper-box .imgbox-1 ul li { width:calc((100% - 40px) / 3); }
.technology-box .gripper-box .imgbox-1 ul li .imgbox img { max-width:100%; }
.technology-box .gripper-box .imgbox-1 ul li .txtbox { color:#111; font-size:19px; font-weight:500; line-height:1.7; padding:25px 0; border:1px solid #eee; border-top:none; background:#fff; display:flex; display:flex; align-items:center; justify-content:center; text-align:center; }
.technology-box .gripper-box .imgbox-2 { margin-top:120px; }
.technology-box .gripper-box .imgbox-2 .box video,
.technology-box .gripper-box .imgbox-2 .box img { max-width:100%; }
.technology-box .gripper-box .imgbox-2 .sbox { display:flex; flex-wrap:wrap; gap:0 20px;}
.technology-box .gripper-box .imgbox-2 .sbox:not(:last-child) { margin-bottom:20px; }
.technology-box .gripper-box .imgbox-2 .sbox-1 .box { width:calc((100% - 20px) / 2); }
.technology-box .gripper-box .imgbox-2 .sbox-2 .box { width:calc((100% - 40px) / 3); }
.technology-box .gripper-box .imgbox-3 { margin-top:30px; }
.technology-box .gripper-box .imgbox-3 ul { display:flex; gap:20px; }
.technology-box .gripper-box .imgbox-3 ul li .imgbox img { max-width:100%; }
.technology-box .gripper-box .imgbox-3 ul li .txtbox { position:relative; color:#111; font-size:19px; font-weight:500; line-height:1.7; padding:25px 0; border:1px solid #eee; border-top:none; background:#fff; display:flex; display:flex; align-items:center; justify-content:center; text-align:center; }
.technology-box .gripper-box .imgbox-3 ul li .txtbox:before { content:""; display:block; width:100px; height:8px; background:url(/img/sub/step_arr.svg) right center; position:absolute; left:-58px; top:50%; transform:translateY(-50%); }
.technology-box .gripper-box .imgbox-3 ul li:nth-child(1) .txtbox:before { display:none }
@media screen and (max-width:1480px){
	.technology-box .bg { margin-top:100px; }
	.technology-box .stit h4 { font-size:42px; margin-bottom:40px; }
	.technology-box h5.tit { font-size:26px; }
	.technology-box .technologyCont { padding:100px 0; }
	.technology-box .txt_plist > p { font-size:18px; }
	.technology-box .list-1 > li,
	.technology-box .list-2 > li,
	.technology-box .list-3 > li { font-size:17px; }
	.technology-box .top-imgbox { margin-top:25px; padding:30px; }
	.technology-box .grouting-box .txt-list-1,
	.technology-box .gripper-box .txt-list-1 { margin-top:25px; }
	.technology-box .gripper-box .txt-list-2 { margin-top:50px; }
	.technology-box .gripper-box .txt-list-2 > dl > dd { margin-top:20px; }
	.technology-box .gripper-box .imgbox-1 { margin-top:25px; }
	.technology-box .gripper-box .imgbox-1 ul li .txtbox,
	.technology-box .gripper-box .imgbox-3 ul li .txtbox { font-size:18px; padding:40px; }
	.technology-box .gripper-box .imgbox-2 { margin-top:100px; }
}
@media screen and (max-width:1280px){
	.technology-box .bg { margin-top:80px; }
	.technology-box .technologyCont { padding:80px 0; }
	.technology-box .txt_plist > p br { display:none }
	.technology-box .gripper-box .imgbox-2 { margin-top:80px; }
	.technology-box .gripper-box .imgbox-3 ul li .txtbox:before { width:80px; left:-48px; }
}
@media screen and (max-width:1024px){
	.technology-box .bg { margin-top:60px; }
	.technology-box .stit h4 { font-size:34px; margin-bottom:30px; }
	.technology-box h5.tit { padding-left:22px; font-size:22px; }
	.technology-box h5.tit:before { width:11px; height:13px; top:7px; }
	.technology-box .technologyCont { padding:60px 0; }
	.technology-box .txt_plist > p { padding-left:11px; font-size:17px; }
	.technology-box .txt_plist > p:before { width:4px; height:4px; top:13px; }
	.technology-box .list-1 > li { padding-left:13px; font-size:16px; }
	.technology-box .list-1 > li:before { width:4px; height:4px; top:8px; }
	.technology-box .list-1 > li:not(:last-child) { margin-bottom:8px; }
	.technology-box .list-2 > li { padding-left:18px; font-size:16px; }
	.technology-box .list-2 > li:before { width:6px; top:12px; }
	.technology-box .list-2 > li:not(:last-child) { margin-bottom:8px; }
	.technology-box .list-3 > li { font-size:16px; }
	.technology-box .list-3 > li > strong { padding-left:13px; margin-bottom:5px; }
	.technology-box .list-3 > li > strong:before { width:4px; height:4px; top:8px; }
	.technology-box .list-3 > li:not(:last-child) { margin-bottom:8px; }
	.technology-box .top-imgbox { margin-top:20px; padding:20px; }
	.technology-box .grouting-box .txt-list-1,
	.technology-box .gripper-box .txt-list-1 { margin-top:20px; }
	.technology-box .gripper-box .txt-list-2 { margin-top:40px; gap:40px; }
	.technology-box .gripper-box .imgbox-1 { margin-top:20px; }
	.technology-box .gripper-box .imgbox-1 ul { gap:0 10px; }
	.technology-box .gripper-box .imgbox-1 ul li { width:calc((100% - 20px) / 3); }
	.technology-box .gripper-box .imgbox-1 ul li .txtbox,
	.technology-box .gripper-box .imgbox-3 ul li .txtbox { font-size:17px; padding:20px 5px; }
	.technology-box .gripper-box .imgbox-2 { margin-top:60px; }
	.technology-box .gripper-box .imgbox-2 .sbox { gap:10px;}
	.technology-box .gripper-box .imgbox-2 .sbox:not(:last-child) { margin-bottom:10px; }
	.technology-box .gripper-box .imgbox-2 .sbox-1 .box { width:calc((100% - 10px) / 2); }
	.technology-box .gripper-box .imgbox-2 .sbox-2 .box { width:calc((100% - 20px) / 3); }
	.technology-box .gripper-box .imgbox-3 ul { gap:10px; }
	.technology-box .gripper-box .imgbox-3 ul li .txtbox:before { width:56px; left:-36px; }
}
@media screen and (max-width:760px){
	.technology-box .gripper-box .imgbox-3 ul li .txtbox:before { width:44px; left:-24px; }
}
@media screen and (max-width:640px){
	.technology-box .bg { margin-top:40px; }
	.technology-box .stit h4 { font-size:26px; margin-bottom:20px; }
	.technology-box h5.tit { padding-left:20px; font-size:20px; }
	.technology-box h5.tit:before { width:10px; height:12px; }
	.technology-box .technologyCont { padding:40px 0; }
	.technology-box .grouting-box .txt-list-1,
	.technology-box .gripper-box .txt-list-1 { margin-top:15px; }
	.technology-box .gripper-box .txt-list-2 { margin-top:40px; gap:40px; }
	.technology-box .gripper-box .imgbox-1 ul { gap:10px; }
	.technology-box .gripper-box .imgbox-1 ul li { width:100%; }
	.technology-box .gripper-box .imgbox-1 ul li .txtbox,
	.technology-box .gripper-box .imgbox-3 ul li .txtbox { padding:15px 5px;}
	.technology-box .gripper-box .imgbox-3 ul { flex-wrap:wrap; }
	.technology-box .gripper-box .imgbox-2 { margin-top:40px; }
	.technology-box .gripper-box .imgbox-2 .sbox-1 .box { width:100%; }
	.technology-box .gripper-box .imgbox-2 .sbox-2 .box { width:calc((100% - 20px) / 3); }
	.technology-box .gripper-box .imgbox-3 ul li,
	.technology-box .gripper-box .imgbox-3 ul li img { width:100%; }
	.technology-box .gripper-box .imgbox-3 ul li .txtbox:before { width:30px; left:50%; top:100%; transform:translate(-50%, 0) rotate(90deg); }
	.technology-box .gripper-box .imgbox-3 ul li:nth-child(1) .txtbox:before { display:block; }
	.technology-box .gripper-box .imgbox-3 ul li:nth-child(4) .txtbox:before { display:none; }
}


/* animation */
.technology-box .stit h4 { overflow:hidden }
.technology-box .stit h4 span { opacity:0; display:block; }
.technology-box .subOn .stit h4 span { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.technology-box .top,
.technology-box .technologyCont,
.technology-box .gripper-box .imgbox-2 { opacity:0; }
.technology-box .top.subOn,
.technology-box .technologyCont.subOn,
.technology-box .gripper-box .imgbox-2.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

.technology-box .txt_list_w2 { display:flex; flex-wrap:wrap; gap:50px; margin-top:60px; }
.technology-box .txt_list_w2 > div { width:calc((100% - 50px) / 2);}
.technology-box .txt_list_w2 > div:nth-child(2) { padding-left:30px; }
.technology-box .txt_list_w2 dd { margin-top:25px; }
@media screen and (max-width:1480px){
	.technology-box .txt_list_w2 { gap:40px; }
	.technology-box .txt_list_w2 > div { width:calc((100% - 40px) / 2);}
}
@media screen and (max-width:860px){
	.technology-box .txt_list_w2 {gap:20px; margin-top:30px; }
	.technology-box .txt_list_w2 > div { width:100%;}
	.technology-box .txt_list_w2 > div:nth-child(2) { padding-left:0; }
	.technology-box .txt_list_w2 dd { margin-top:15px; }
}

.technology-box .grouting-box .tech-list { margin-top:20px; }
.technology-box .grouting-box .tech-list ul { display:flex; flex-wrap:wrap; gap:20px; }
.technology-box .grouting-box .tech-list ul li { position:relative; width:calc((100% - 60px) / 4); }
.technology-box .grouting-box .tech-list ul li:before { content:""; display:block; padding-bottom:95%; }
.technology-box .grouting-box .tech-list ul li .box { position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.technology-box .grouting-box .tech-list ul li .box .icon path { fill-opacity:0; stroke:rgba(0,0,0,0.2); transition:all 0.3s }
.technology-box .grouting-box .tech-list ul li .box:hover .icon path { fill-opacity:0.1; stroke:#0066B5; }
.technology-box .grouting-box .tech-list ul li .box .icon { transform:translateY(0); transition:all 0.3s }
.technology-box .grouting-box .tech-list ul li .box:hover .icon { transform:translateY(-10px); }
.technology-box .grouting-box .tech-list ul li .box .txtbox { margin-top:40px; color:#111; font-size:18px; font-weight:500; line-height:1.6; padding:0 10px; }
.technology-box .process-box { margin-top:120px; }
.technology-box .process-box .listbox ul { display:flex; flex-wrap:wrap; gap:70px 20px; overflow:hidden }
.technology-box .process-box .listbox li { width:calc((100% - 60px) /4); }
.technology-box .process-box .listbox li dt { position:relative; height:70px; background:#043c6d; display:flex; align-items:center; justify-content: space-between; padding:0 30px; }
.technology-box .process-box .listbox li dt:before { content:""; display:block; width:20px; height:1px; border-top:1px dashed rgba(0, 102, 181, 0.5); position:absolute; left:-20px; top:50%; transform:translateY(-50%); }
.technology-box .process-box .listbox li dt span { color:rgba(255, 255, 255, 0.5); font-size:18px; font-weight:700; line-height:1.3; }
.technology-box .process-box .listbox li dt span strong { color:rgba(255, 255, 255, 1); font-weight:700; }
.technology-box .process-box .listbox li:nth-child(-n+4) dt {background:#0166b4; }
.technology-box .process-box .listbox li:nth-child(n+5):nth-child(-n+8) dt {background:#025496; }
.technology-box .process-box .listbox li:nth-child(n+9):nth-child(-n+12) dt {background:#043c6d; }
.technology-box .process-box .listbox li:nth-child(n+13):nth-child(-n+16) dt {background:#062444; }
.technology-box .process-box .listbox li dd img { max-width:100%; }
.technology-box .process-box .listbox li .txt { margin-top:18px; position:relative; padding-left:13px; color:#111; font-size:19px; font-weight:500; line-height:1.8; }
.technology-box .process-box .listbox li .txt:before { content:""; display:block; width:5px; height:5px; background:var(--mainColor); position:absolute; left:0; top:13px; border-radius:5px; }
@media screen and (max-width:1480px){
	.technology-box .grouting-box .tech-list { margin-top:15px; }
	.technology-box .grouting-box .tech-list ul { gap:15px; }
	.technology-box .grouting-box .tech-list ul li { width:calc((100% - 45px) / 4); }
	.technology-box .grouting-box .tech-list ul li .box .txtbox { margin-top:35px; font-size:17px; }
	.technology-box .process-box { margin-top:100px; }
	.technology-box .process-box .listbox ul { gap:60px 15px; }
	.technology-box .process-box .listbox li { width:calc((100% - 45px) /4); }
	.technology-box .process-box .listbox li dt { height:65px; padding:0 25px; }
	.technology-box .process-box .listbox li dt:before { width:15px; left:-15px; }
	.technology-box .process-box .listbox li dt span { font-size:17px;}
	.technology-box .process-box .listbox li .txt { margin-top:15px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.technology-box .grouting-box .tech-list { margin-top:10px; }
	.technology-box .grouting-box .tech-list ul { gap:10px; }
	.technology-box .grouting-box .tech-list ul li { width:calc((100% - 30px) / 4); }
	.technology-box .grouting-box .tech-list ul li .box .icon svg { width:50px; }
	.technology-box .grouting-box .tech-list ul li .box .txtbox { margin-top:25px; font-size:16px; }
	.technology-box .process-box { margin-top:70px; }
	.technology-box .process-box .listbox ul { gap:50px 10px; }
	.technology-box .process-box .listbox li { width:calc((100% - 30px) /4); }
	.technology-box .process-box .listbox li dt { height:60px; padding:0 20px; }
	.technology-box .process-box .listbox li dt:before { width:10px; left:-10px; }
	.technology-box .process-box .listbox li dt span { font-size:16px;}
	.technology-box .process-box .listbox li .txt { margin-top:15px; padding-left:11px; font-size:17px; }
	.technology-box .process-box .listbox li .txt:before { width:4px; height:4px; top:13px; }
}
@media screen and (max-width:860px){
	.technology-box .grouting-box .tech-list ul li,
	.technology-box .process-box .listbox li { width:calc((100% - 10px) /2); }
	.technology-box .process-box .listbox li dd img { width:100%; }
}
@media screen and (max-width:640px){
	.technology-box .grouting-box .tech-list { margin-top:5px; }
	.technology-box .grouting-box .tech-list ul { gap:5px; }
	.technology-box .grouting-box .tech-list ul li { width:calc((100% - 5px) / 2); }
	.technology-box .grouting-box .tech-list ul li .box .icon svg { width:45px; }
	.technology-box .grouting-box .tech-list ul li .box .txtbox { margin-top:20px; }
	.technology-box .process-box { margin-top:60px; }
	.technology-box .process-box .listbox ul { gap:25px 5px; }
	.technology-box .process-box .listbox li { width:calc((100% - 5px) /2); }
	.technology-box .process-box .listbox li dt { height:50px; padding:0 10px; }
	.technology-box .process-box .listbox li dt:before { width:5px; left:-5px; }
	.technology-box .process-box .listbox li .txt { margin-top:10px; }
}

/* animation */
.technology-box .process-box { opacity:0; }
.technology-box .process-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.technology-box .positioning-box .top .list ul { display:flex; gap:0 20px; flex-wrap:wrap; }
.technology-box .positioning-box .top .list ul > li { width:calc((100% - 20px) / 2); padding:0 5px; height:150px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; background:#fff; box-shadow:0px -1px 10px 0px rgba(124, 135, 192, 0.10), 0px 40px 11px 0px rgba(124, 135, 192, 0.00), 0px 26px 10px 0px rgba(124, 135, 192, 0.01), 0px 14px 9px 0px rgba(124, 135, 192, 0.03), 0px 6px 6px 0px rgba(124, 135, 192, 0.04), 0px 2px 4px 0px rgba(124, 135, 192, 0.05);}
.technology-box .positioning-box .top .list ul > li strong { color:#111; font-size:24px; font-weight:700; line-height:1.3; }
.technology-box .positioning-box .top .list ul > li span { margin-top:10px; color:#888; font-size:19px; font-weight:400; line-height:1.3; }
.technology-box .positioning-box .positioningCont-1 { margin-top:60px; }
.technology-box .positioning-box .positioningCont-1 .txtimg { margin-top:25px; display:flex; gap:0 50px; flex-wrap:wrap; align-items:center; }
.technology-box .positioning-box .positioningCont-1 .txtimg .imgbox { width:calc(100% - 44.7% - 25px); }
.technology-box .positioning-box .positioningCont-1 .txtimg .imgbox img { max-width:100%; }
.technology-box .positioning-box .positioningCont-1 .txtimg .txtbox { width:calc(44.7% - 25px); }
.technology-box .positioning-box .positioningCont-1 .txtimg .txtbox ul > li:not(:last-child) { margin-bottom:15px; }
.technology-box .positioning-box .positioningCont-2 { margin-top:20px; }
.technology-box .positioning-box .positioningCont-2 > ul { display:flex; gap:70px 20px; flex-wrap:wrap; }
.technology-box .positioning-box .positioningCont-2 > ul > li { width:calc((100% - 20px) / 2); border:1px solid #eee; background:#fff; padding:0 0 30px 0; }
.technology-box .positioning-box .positioningCont-2 > ul > li .imgbox { position:relative; }
.technology-box .positioning-box .positioningCont-2 > ul > li .imgbox img { margin:-1px -1px 0 -1px; max-width:calc(100% + 2px); }
.technology-box .positioning-box .positioningCont-2 > ul > li .imgbox strong { position:absolute; left:0; bottom:30px; width:100%; text-align:center; color:#fff; font-size:26px; font-weight:500; line-height:1.3; }
.technology-box .positioning-box .positioningCont-2 > ul > li .txtbox { padding:30px 30px 0; }
@media screen and (max-width:1024px){
	.technology-box .positioning-box .top .list ul { gap:0 10px; }
	.technology-box .positioning-box .top .list ul > li { width:calc((100% - 10px) / 2); height:130px; }
	.technology-box .positioning-box .top .list ul > li strong { font-size:21px; }
	.technology-box .positioning-box .top .list ul > li span { margin-top:10px; font-size:17px; }
	.technology-box .positioning-box .positioningCont-1 { margin-top:40px; }
	.technology-box .positioning-box .positioningCont-1 .txtimg { margin-top:20px; gap:20px; }
	.technology-box .positioning-box .positioningCont-1 .txtimg .imgbox { width:100%; }
	.technology-box .positioning-box .positioningCont-1 .txtimg .imgbox img { max-width:auto; width:100%; }
	.technology-box .positioning-box .positioningCont-1 .txtimg .txtbox { width:100%; }
	.technology-box .positioning-box .positioningCont-1 .txtimg .txtbox ul > li:not(:last-child) { margin-bottom:10px; }
	.technology-box .positioning-box .positioningCont-2 { margin-top:20px; }
	.technology-box .positioning-box .positioningCont-2 > ul { gap:40px 10px; }
	.technology-box .positioning-box .positioningCont-2 > ul > li { width:calc((100% - 10px) / 2); padding:0 0 15px 0; }
	.technology-box .positioning-box .positioningCont-2 > ul > li .imgbox strong { bottom:15px; font-size:22px; }
	.technology-box .positioning-box .positioningCont-2 > ul > li .txtbox { padding:15px 15px 0; }
}
@media screen and (max-width:640px){
	.technology-box .positioning-box .top .list ul > li { height:110px; }
	.technology-box .positioning-box .top .list ul > li strong { font-size:19px; }
	.technology-box .positioning-box .top .list ul > li span { margin-top:5px; font-size:16px; }
	.technology-box .positioning-box .positioningCont-1 { margin-top:30px; }
	.technology-box .positioning-box .positioningCont-1 .txtimg { margin-top:15px; gap:15px; }
	.technology-box .positioning-box .positioningCont-1 .txtimg .txtbox ul > li:not(:last-child) { margin-bottom:8px; }
	.technology-box .positioning-box .positioningCont-2 { margin-top:20px; }
	.technology-box .positioning-box .positioningCont-2 > ul { gap:20px 10px; }
	.technology-box .positioning-box .positioningCont-2 > ul > li { width:100%; padding:0 0 15px 0; }
	.technology-box .positioning-box .positioningCont-2 > ul > li .imgbox strong { bottom:15px; font-size:20px; }
	.technology-box .positioning-box .positioningCont-2 > ul > li .txtbox { padding:15px 10px 0; }
}

/* animation */
.technology-box .positioning-box .positioningCont-2 > ul > li { opacity:0; }
.technology-box .positioning-box .positioningCont-2 > ul > li.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.technology-box .volt-box .top .imgbox { margin-top:40px; padding:40px 70px; border:1px solid #ddd; }
.technology-box .volt-box .top .imgbox ul { display:flex; gap:0 50px; flex-wrap:wrap; }
.technology-box .volt-box .top .imgbox ul li { width:calc((100% - 100px) / 3); }
.technology-box .volt-box .top .imgbox ul li img { max-width:100%; }
.technology-box .volt-box .voltCont-1 .imgbox { margin-top:30px; }
.technology-box .volt-box .voltCont-1 .imgbox ul { display:flex; gap:0 20px; flex-wrap:wrap; }
.technology-box .volt-box .voltCont-1 .imgbox li { width:calc((100% - 40px) / 3); position:relative; }
.technology-box .volt-box .voltCont-1 .imgbox li img { max-width:100%; }
.technology-box .volt-box .voltCont-1 .imgbox li strong { position:absolute; left:0; bottom:30px; width:100%; text-align:center; color:#fff; font-size:19px; font-weight:600; line-height:1.7; }
@media screen and (max-width:1480px){
	.technology-box .volt-box .top .list-1 br { display:none }
	.technology-box .volt-box .top .list-1 span.m_br { display:block }
	.technology-box .volt-box .top .imgbox { padding:30px 50px; }
	.technology-box .volt-box .top .imgbox ul { gap:0 40px; }
	.technology-box .volt-box .top .imgbox ul li { width:calc((100% - 80px) / 3); }
	.technology-box .volt-box .voltCont-1 .imgbox li strong { bottom:20px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.technology-box .volt-box .top .imgbox { margin-top:20px; }
	.technology-box .volt-box .top .imgbox { padding:20px; }
	.technology-box .volt-box .top .imgbox ul { gap:0 10px; }
	.technology-box .volt-box .top .imgbox ul li { width:calc((100% - 20px) / 3); }
	.technology-box .volt-box .voltCont-1 .imgbox { margin-top:20px; }
	.technology-box .volt-box .voltCont-1 .imgbox ul { gap:0 10px; }
	.technology-box .volt-box .voltCont-1 .imgbox li { width:calc((100% - 20px) / 3); }
	.technology-box .volt-box .voltCont-1 .imgbox li strong { bottom:10px; font-size:16px; line-height:1.3;}
}
@media screen and (max-width:640px){
	.technology-box .volt-box .top .imgbox { padding:10px; }
	.technology-box .volt-box .top .imgbox ul { gap:0 5px; }
	.technology-box .volt-box .top .imgbox ul li { width:calc((100% - 10px) / 3); }
	.technology-box .volt-box .voltCont-1 .imgbox ul { gap:5px; }
	.technology-box .volt-box .voltCont-1 .imgbox li { width:100%; }
	.technology-box .volt-box .voltCont-1 .imgbox li img { max-width:auto; width:100%; }
}

.technology-box .waterjet-box .top-imgbox { margin-top:40px; }
.technology-box .waterjet-box .waterjet-1 .list > ul { display:flex; gap:20px; flex-wrap:wrap; }
.technology-box .waterjet-box .waterjet-1 .list > ul > li { width:calc((100% - 40px) / 3); border:1px solid #eee; background:#fff; padding:0 0 40px 0; }
.technology-box .waterjet-box .waterjet-1 .list > ul > li .imgbox { position:relative; }
.technology-box .waterjet-box .waterjet-1 .list > ul > li .imgbox img { margin:-1px -1px 0 -1px; max-width:calc(100% + 2px); }
.technology-box .waterjet-box .waterjet-1 .list > ul > li .txtbox { padding:40px 10px 0; text-align:center; color:#222; font-size:19px; font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
.technology-box .waterjet-box .waterjet-2 > div:not(:last-child) { margin-bottom:70px; }
.technology-box .waterjet-box .waterjet-2 .list { margin-top:30px; }
.technology-box .waterjet-box .waterjet-2 .list > ul { display:flex; gap:20px; }
.technology-box .waterjet-box .waterjet-2 .list-1 > ul > li { width:calc((100% - 60px) / 4); }
.technology-box .waterjet-box .waterjet-2 .list > ul > li .imgbox { position:relative; }
.technology-box .waterjet-box .waterjet-2 .list > ul > li .imgbox img { max-width:100%; }
.technology-box .waterjet-box .waterjet-2 .list-2 > ul > li { width:calc(22.6% - 10px); }
.technology-box .waterjet-box .waterjet-2 .list-2 > ul > li:first-child { width:calc(54% - 10px); }
.technology-box .waterjet-box .waterjet-2 .list > ul > li .movbox { position:relative; width:100%; }
.technology-box .waterjet-box .waterjet-2 .list > ul > li .movbox:before { content:""; display:block; padding-bottom:56.3%; }
.technology-box .waterjet-box .waterjet-2 .list > ul > li .movbox iframe  { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
@media screen and (max-width:1480px){
	.technology-box .waterjet-box .top .list-1 br { display:none }
	.technology-box .waterjet-box .top .list-1 span.m_br { display:block }
}
@media screen and (max-width:1024px){
	.technology-box .waterjet-box .waterjet-1 .list > ul { gap:10px; }
	.technology-box .waterjet-box .waterjet-1 .list > ul > li { width:calc((100% - 20px) / 3); padding:0 0 30px 0; }
	.technology-box .waterjet-box .waterjet-1 .list > ul > li .txtbox { padding:30px 10px 0; font-size:17px; }
	.technology-box .waterjet-box .waterjet-2 > div:not(:last-child) { margin-bottom:40px; }
	.technology-box .waterjet-box .waterjet-2 .list { margin-top:20px; }
	.technology-box .waterjet-box .waterjet-2 .list > ul { gap:10px; }
	.technology-box .waterjet-box .waterjet-2 .list-1 > ul > li { width:calc((100% - 30px) / 4); }
	.technology-box .waterjet-box .waterjet-2 .list-2 > ul > li:first-child { width:calc(53% - 10px); }
}
@media screen and (max-width:760px){
	.technology-box .waterjet-box .waterjet-1 .list > ul > li { max-width:640px; width:100%; margin:0 auto; }
	.technology-box .waterjet-box .waterjet-1 .list > ul > li .imgbox img { max-width:auto; width:100%; }
}
@media screen and (max-width:640px){
	.technology-box .waterjet-box .waterjet-1 .list > ul { gap:5px; }
	.technology-box .waterjet-box .waterjet-1 .list > ul > li { padding:0 0 20px 0; }
	.technology-box .waterjet-box .waterjet-1 .list > ul > li .txtbox { padding:20px 10px 0; }
	.technology-box .waterjet-box .waterjet-2 > div:not(:last-child) { margin-bottom:30px; }
	.technology-box .waterjet-box .waterjet-2 .list { margin-top:15px; }
	.technology-box .waterjet-box .waterjet-2 .list > ul { gap:5px; flex-wrap:wrap;  }
	.technology-box .waterjet-box .waterjet-2 .list-1 > ul > li { width:calc((100% - 5px) / 2); }
	.technology-box .waterjet-box .waterjet-2 .list-2 > ul > li:first-child { width:100%; }
	.technology-box .waterjet-box .waterjet-2 .list-2 > ul > li { width:calc((100% - 5px) / 2); }
}


.technology-box .suction-box .top .list-1  { margin-bottom:-3% }
.technology-box .suction-box .suction-1 .list > ul { display:flex; gap:20px; flex-wrap:wrap; }
.technology-box .suction-box .suction-1 .list > ul > li { width:calc((100% - 20px) / 2); border:1px solid #eee; background:#fff; padding:0 0 40px 0; }
.technology-box .suction-box .suction-1 .list > ul > li .imgbox { position:relative; }
.technology-box .suction-box .suction-1 .list > ul > li .imgbox img { margin:-1px -1px 0 -1px; max-width:calc(100% + 2px); }
.technology-box .suction-box .suction-1 .list > ul > li .txtbox { padding:40px 10px 0; text-align:center; color:#222; font-size:19px; font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
@media screen and (max-width:1480px){
	.technology-box .suction-box .top .list-1 br { display:none }
	.technology-box .suction-box .top .list-1 span.m_br { display:block }
}
@media screen and (max-width:1024px){
	.technology-box .suction-box .suction-1 .list > ul { gap:10px; }
	.technology-box .suction-box .suction-1 .list > ul > li { width:calc((100% - 10px) / 2); padding:0 0 30px 0; }
	.technology-box .suction-box .suction-1 .list > ul > li .txtbox { padding:30px 10px 0; font-size:17px; }
}
@media screen and (max-width:640px){
	.technology-box .suction-box .suction-1 .list > ul { gap:5px; }
	.technology-box .suction-box .suction-1 .list > ul > li { width:100%; padding:0 0 20px 0; }
	.technology-box .suction-box .suction-1 .list > ul > li .txtbox { padding:20px 10px 0; }
}

/* business */
.business-box .listbox .list:not(:last-child) { margin-bottom:120px; }
.business-box .listbox .list table { margin-top:40px; border-left:1px solid #ddd; }	
.business-box .listbox .list table thead th { height:80px; padding:0 10px; color:#fff; font-size:18px; font-weight:600; line-height:1.3; border-right:1px solid #7c818b; background:#323b4a; }
.business-box .listbox .list table thead th:first-child { border-left:1px solid #323b4a; }
.business-box .listbox .list table thead th:last-child { border-right:1px solid #323b4a; }
.business-box .listbox .list table tbody td { padding:20px 25px; height:80px; color:#111; font-size:18px; font-weight:300; line-height:1.8; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0; }
.business-box .listbox .list table tbody td.td_left { text-align:left; }
.business-box .listbox .list table tbody td.td_left a { color:#111; transition:all 0.3s; }
.business-box .listbox .list table tbody tr:hover td.td_left a { color:var(--mainColor); }
@media screen and (max-width:1480px){
	.business-box .listbox .list:not(:last-child) { margin-bottom:100px; }
}
@media screen and (max-width:1280px){
	.business-box .listbox .list .tb-1 col.w1,
	.business-box .listbox .list .tb-2 col.w1 { width:100px !important }
	.business-box .listbox .list .tb-1 col.w2 { width:320px !important }
	.business-box .listbox .list .tb-2 col.w2 { width:220px !important }
	.business-box .listbox .list .tb-2 col.w3 { width:260px !important }
	.business-box .listbox .list .tb-1 col.w3,
	.business-box .listbox .list .tb-2 col.w4 { width:160px !important }
}
@media screen and (max-width:1024px){
	.business-box .listbox .list:not(:last-child) { margin-bottom:80px; }
	.business-box .listbox .list table { margin-top:20px; }	
	.business-box .listbox .list table thead th { height:70px; font-size:16px; }
	.business-box .listbox .list table tbody td { padding:12px 15px; height:70px; font-size:16px; line-height:1.6; }
	.business-box .listbox .list .tb-1 col.w1,
	.business-box .listbox .list .tb-2 col.w1 { width:60px !important }
	.business-box .listbox .list .tb-1 col.w2 { width:220px !important }
	.business-box .listbox .list .tb-2 col.w2 { width:180px !important }
	.business-box .listbox .list .tb-2 col.w3 { width:220px !important }
	.business-box .listbox .list .tb-1 col.w3,
	.business-box .listbox .list .tb-2 col.w4 { width:140px !important }
}
@media screen and (max-width:860px){
	.business-box .listbox .list table * { word-break:break-word !important; }
	.business-box .listbox .list .num,
	.business-box .listbox .list .tb-1 col.w1,
	.business-box .listbox .list .tb-2 col.w1 { display:none }
	.business-box .listbox .list .tb-1 col.w2 { width:200px !important }
	.business-box .listbox .list .tb-2 col.w2 { width:140px !important }
	.business-box .listbox .list .tb-2 col.w3 { width:170px !important }
	.business-box .listbox .list .tb-1 col.w3,
	.business-box .listbox .list .tb-2 col.w4 { width:100px !important }
}
@media screen and (max-width:640px){
	.business-box .listbox .list:not(:last-child) { margin-bottom:60px; }
	.business-box .listbox .list table { margin-top:12px; }	
	.business-box .listbox .list table thead th { height:50px; font-size:15px; padding:0 5px;}
	.business-box .listbox .list table tbody td { padding:10px; height:50px; font-size:15px; line-height:1.4; }
	.business-box .listbox .list .tb-1 col.w2 { width:160px !important }
	.business-box .listbox .list .tb-2 col.w2 { width:100px !important }
	.business-box .listbox .list .tb-2 col.w3 { width:100px !important }
	.business-box .listbox .list .tb-1 col.w3,
	.business-box .listbox .list .tb-2 col.w4 { width:75px !important }
}
@media screen and (max-width:450px){
	.business-box .listbox .list table tbody td { padding:10px 5px; }
	.business-box .listbox .list .tb-1 col.w2 { width:120px !important }
	.business-box .listbox .list .tb-2 col.w2 { width:80px !important }
	.business-box .listbox .list .tb-2 col.w3 { width:80px !important }
	.business-box .listbox .list .tb-1 col.w3,
	.business-box .listbox .list .tb-2 col.w4 { width:65px !important }
}


/* animation */
.business-box .listbox .list { opacity:0 }
.business-box .listbox .list.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


.imglist-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.imglist-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.imglist-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.imglist-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); z-index:22; width:100%; max-width:1040px; padding:80px; background-color:#fff; border:none; }
.imglist-pop .pop-body .tit { color:#fff; font-size:19px; font-weight:700; line-height:1.3; height:88px; display:flex; justify-content:center; align-items:center; background:#323b4a; }
.imglist-pop .pop-body .box { border:1px solid #ddd; border-width:0 1px 1px; display:flex; flex-wrap:wrap; }
.imglist-pop .pop-body .box > div { width:50%; }
.imglist-pop .pop-body .box .i-box { padding:30px; }
.imglist-pop .pop-body .box .imgbox { position:relative; width:100%; position:relative; overflow:hidden; }
.imglist-pop .pop-body .box .imgbox:before {content:""; display:block; padding-bottom:100%; }
.imglist-pop .pop-body .box .imgbox img { transition:all 0.3s ease-in-out; transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.imglist-pop .pop-body .box .txtbox { border-left:1px solid #ddd; }
.imglist-pop .pop-body .box .txtbox ul { height:100%; }
.imglist-pop .pop-body .box .txtbox li{ border-bottom:1px solid #ddd; }
.imglist-pop .pop-body .box .txtbox li { height:20%; display:flex; align-items:center; color:#111; font-size:18px; font-weight:300; line-height:1.3; padding-right:10px; overflow:hidden; }
.imglist-pop .pop-body .box .txtbox li strong { position:relative; width:160px; height:100%; font-weight:300; display:flex; align-items:center; justify-content:center; text-align:center; }
.imglist-pop .pop-body .box .txtbox li strong:before { content:""; display:block; width:100%; height:200%; background:#f7f7f7; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:-1; }
.imglist-pop .pop-body .box .txtbox li span { width:calc(100% - 160px); height:100%; display:flex; align-items:center; padding-left:30px; }
.imglist-pop .btn_close { position:absolute; right:0; top:-43px; cursor:pointer; transition:all 0.5s; }
.imglist-pop .btn_close span { position:relative; width:28px; height:28px; display:block }
.imglist-pop .btn_close span:before { content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.imglist-pop .btn_close span:after { content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.imglist-pop .btn_close:hover { transform:rotate(-180deg);}
.imglist-pop .btn_more { display:flex; justify-content:center; margin-top:30px; }
.imglist-pop .btn_more a { display:flex; align-items:center; color:#222; font-size:20px; font-weight:400; line-height:1.3; transition:all 0.3s; }
.imglist-pop .btn_more span { background:#f1f1f1; }
.imglist-pop .btn_more span:before { background:#151920; }
.imglist-pop .btn_more a span svg path { stroke:#151920; }
.imglist-pop .btn_more a:hover span svg path { stroke:#fff; }
/* max-height */
@media screen and (max-height:850px){
	.imglist-pop .pop-body { padding:40px; max-width:860px; }
	.imglist-pop .pop-body .tit { font-size:18px; height:75px; }
	.imglist-pop .pop-body .box .i-box { padding:20px; }
	.imglist-pop .pop-body .box .txtbox li { font-size:17px; }
	.imglist-pop .pop-body .box .txtbox li strong { width:120px; }
	.imglist-pop .pop-body .box .txtbox li span { width:calc(100% - 120px); }
}
@media screen and (max-height:720px){
	.imglist-pop .pop-body { padding:20px; max-width:700px; }
	.imglist-pop .pop-body .tit { font-size:17px; height:65px; }
	.imglist-pop .pop-body .box .i-box { padding:20px; }
	.imglist-pop .pop-body .box .txtbox li { font-size:16px; }
	.imglist-pop .pop-body .box .txtbox li strong { width:100px; }
	.imglist-pop .pop-body .box .txtbox li span { width:calc(100% - 100px); padding-left:10px; }
	.imglist-pop .btn_close { top:-32px; }
	.imglist-pop .btn_close span { width:24px; height:24px; }
	.imglist-pop .btn_more { margin-top:15px; }
}
@media screen and (max-width:860px) and (max-height:720px) {
	.imglist-pop .pop-body { left:20px; transform:translate(0, -50%); max-width:100%; width:calc(100% - 40px); padding:20px; }
}
@media screen and (max-width:1280px){
	.imglist-pop .pop-body { padding:40px; max-width:860px; }
	.imglist-pop .pop-body .tit { font-size:18px; height:75px; }
	.imglist-pop .pop-body .box .i-box { padding:20px; }
	.imglist-pop .pop-body .box .txtbox li { font-size:17px; }
	.imglist-pop .pop-body .box .txtbox li strong { width:120px; }
	.imglist-pop .pop-body .box .txtbox li span { width:calc(100% - 120px); }
}
@media screen and (max-width:860px){
	.imglist-pop .pop-body { left:20px; transform:translate(0, -50%); max-width:100%; width:calc(100% - 40px); padding:20px; }
	.imglist-pop .pop-body .tit { font-size:17px; height:65px; }
	.imglist-pop .pop-body .box .i-box { padding:20px; }
	.imglist-pop .pop-body .box .txtbox li { font-size:16px; }
	.imglist-pop .pop-body .box .txtbox li strong { width:100px; }
	.imglist-pop .pop-body .box .txtbox li span { width:calc(100% - 100px); padding-left:10px; }
	.imglist-pop .btn_close { top:-32px; }
	.imglist-pop .btn_close span { width:24px; height:24px; }
	.imglist-pop .btn_more { margin-top:15px; }
}
@media screen and (max-width:640px){
	.imglist-pop .pop-body { padding:10px; }
	.imglist-pop .pop-body .tit { font-size:16px; height:45px; }
	.imglist-pop .pop-body .box { flex-wrap:wrap;}
	.imglist-pop .pop-body .box > div { width:100%; }
	.imglist-pop .pop-body .box .i-box { padding:10px; }
	.imglist-pop .pop-body .box .i-box .imgbox { max-width:200px; margin:0 auto; }
	.imglist-pop .pop-body .box .txtbox { border:none; border-top:1px solid #ddd; }
	.imglist-pop .pop-body .box .txtbox li { font-size:15px; height:auto; }
	.imglist-pop .pop-body .box .txtbox li strong,
	.imglist-pop .pop-body .box .txtbox li span { padding:8px 10px; }
}

/* news */
.recruit-box > dl { display:flex; flex-wrap:wrap; }
.recruit-box > dl:not(:last-child) { margin-bottom:120px; }
.recruit-box > dl > dt { width:420px; position:sticky; top:150px; height:150px; }
.recruit-box > dl > dt h4 { color:#111; font-size:46px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.recruit-box > dl > dd { width:calc(100% - 420px); }
.recruit-box > dl > dd .list-1 > ul { display:flex; flex-wrap:wrap; gap:20px; }
.recruit-box > dl > dd .list-1 > ul > li { width:calc((100% - 20px) / 2); }
.recruit-box > dl > dd .list-1 > ul > li .box { transition:all 0.3s; height:240px; width:100%; padding:40px; display:flex; justify-content:space-between; flex-direction:column; border:1px solid #fff; background:#fff; box-shadow:0px -1px 10px 0px rgba(124, 135, 192, 0.10), 0px 40px 11px 0px rgba(124, 135, 192, 0.00), 0px 26px 10px 0px rgba(124, 135, 192, 0.01), 0px 14px 9px 0px rgba(124, 135, 192, 0.03), 0px 6px 6px 0px rgba(124, 135, 192, 0.04), 0px 2px 4px 0px rgba(124, 135, 192, 0.05); }
.recruit-box > dl > dd .list-1 > ul > li .box .num { transition:all 0.3s; color:#aaa; font-size:21px; font-weight:700; line-height:1.6; }
.recruit-box > dl > dd .list-1 > ul > li .box dt { transition:all 0.3s; color:#111; font-size:21px; font-weight:700; line-height:1.3; }
.recruit-box > dl > dd .list-1 > ul > li .box dd { transition:all 0.3s; margin-top:15px; color:#999; font-size:19px; font-weight:600; line-height:1.3; }
.recruit-box > dl > dd .list-1 > ul > li:hover .box { border:1px solid #0066b5; }
.recruit-box > dl > dd .list-1 > ul > li:hover .box .num { color:#0066b5; }
.recruit-box > dl > dd .list-1 > ul > li .box.bg { background:#0066b5; display:flex; justify-content:center; align-items:center; border:1px solid #0066b5; }
.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox { display:flex; justify-content:center; gap:10px; width:100%; }
.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox > div { width:calc((100% - 10px) / 2); }
.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt { color:rgba(255,255,255,0.7); font-size:19px; font-weight:600; line-height:1.3; }
.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt strong { display:flex; gap:10px; align-items:center; color:rgba(255,255,255,1); font-weight:700; line-height:1.3; margin-bottom:10px; }
.recruit-box > dl > dd .list-2 > ul > li { transition:all 0.3s; padding:60px 40px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ddd; }
.recruit-box > dl > dd .list-2 > ul > li .txt { transition:all 0.3s; display:flex; gap:30px; color:#111; font-size:21px; font-weight:700; line-height:1.3; }
.recruit-box > dl > dd .list-2 > ul > li .txt span { transition:all 0.3s; color:#bbb; font-weight:700; }
.recruit-box > dl > dd .list-2 > ul > li .icon path { transition:all 0.3s; stroke:#999; }
.recruit-box > dl > dd .list-2 > ul > li:hover { border-bottom:1px solid #0066b5; }
.recruit-box > dl > dd .list-2 > ul > li:hover .txt,
.recruit-box > dl > dd .list-2 > ul > li:hover .txt span { color:#0066b5; }
.recruit-box > dl > dd .list-2 > ul > li:hover .icon path { stroke:#0066b5; }
@media screen and (max-width:1480px){
	.recruit-box > dl:not(:last-child) { margin-bottom:100px; }
	.recruit-box > dl > dt { width:300px; }
	.recruit-box > dl > dt h4 { font-size:38px; }
	.recruit-box > dl > dd { width:calc(100% - 300px); }
	.recruit-box > dl > dd .list-1 > ul { gap:15px; }
	.recruit-box > dl > dd .list-1 > ul > li { width:calc((100% - 15px) / 2); }
	.recruit-box > dl > dd .list-1 > ul > li .box { height:220px; padding:30px; }
	.recruit-box > dl > dd .list-1 > ul > li .box .num { font-size:19px; }
	.recruit-box > dl > dd .list-1 > ul > li .box dt { font-size:19px; }
	.recruit-box > dl > dd .list-1 > ul > li .box dd { margin-top:12px; font-size:17px; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox > div { width:100%; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt { font-size:17px; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt strong { gap:5px; margin-bottom:8px; }
	.recruit-box > dl > dd .list-2 > ul > li { padding:40px 30px; }
	.recruit-box > dl > dd .list-2 > ul > li .txt { gap:25px; font-size:19px; }
}
@media screen and (max-width:1280px){
	.recruit-box > dl > dd .list-1 > ul > li .box.bg { padding:20px 10px; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox { align-items:center; flex-direction:column; text-align:center; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt:not(:last-child) { margin-bottom:10px; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt strong { justify-content:center; }
}
@media screen and (max-width:1024px){
	.recruit-box > dl:not(:last-child) { margin-bottom:80px; }
	.recruit-box > dl > dt { width:100%; top:0; height:auto; margin-bottom:10px; }
	.recruit-box > dl > dt h4 { font-size:26px; }
	.recruit-box > dl > dd { width:100%; }
	.recruit-box > dl > dd .list-1 > ul { gap:10px; }
	.recruit-box > dl > dd .list-1 > ul > li { width:calc((100% - 10px) / 2); }
	.recruit-box > dl > dd .list-1 > ul > li .box { height:180px; padding:20px; }
	.recruit-box > dl > dd .list-1 > ul > li .box .num { font-size:18px; }
	.recruit-box > dl > dd .list-1 > ul > li .box dt { font-size:18px; }
	.recruit-box > dl > dd .list-1 > ul > li .box dd { margin-top:10px; font-size:16px; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt { font-size:16px; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt strong { margin-bottom:5px; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt:not(:last-child) { margin-bottom:0; }
	.recruit-box > dl > dd .list-2 > ul > li { padding:30px 20px; }
	.recruit-box > dl > dd .list-2 > ul > li .txt { gap:20px; font-size:18px; }
}
@media screen and (max-width:640px){
	.recruit-box > dl:not(:last-child) { margin-bottom:60px; }
	.recruit-box > dl > dt h4 { font-size:21px; }
	.recruit-box > dl > dd .list-1 > ul { gap:5px; }
	.recruit-box > dl > dd .list-1 > ul > li { width:calc((100% - 5px) / 2); }
	.recruit-box > dl > dd .list-1 > ul > li .box { height:150px; padding:15px; }
	.recruit-box > dl > dd .list-1 > ul > li .box dd { margin-top:5px; }
	.recruit-box > dl > dd .list-2 > ul > li { padding:20px 15px; }
	.recruit-box > dl > dd .list-2 > ul > li .txt { gap:15px; }
}
@media screen and (max-width:480px){
	.recruit-box > dl > dd .list-1 > ul > li { width:100%; }
	.recruit-box > dl > dd .list-1 > ul > li .box { height:auto; }
	.recruit-box > dl > dd .list-1 > ul > li .box dl { margin-top:10px; }
	.recruit-box > dl > dd .list-1 > ul > li .box.bg .txtbox .txt { display:flex; gap:0 15px;}
}

/* animation */
.recruit-box > dl > dt { opacity:0 }
.recruit-box > dl > dt.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.recruit-box > dl > dd .list-1 { opacity:0 }
.recruit-box > dl > dd .list-1.subOn { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; }
.recruit-box > dl > dd .list-2 { opacity:0 }
.recruit-box > dl > dd .list-2.subOn { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; }

/* contact */
.contact-box .info-box > dl { display:flex; flex-wrap:wrap; }
.contact-box .info-box > dl:not(:last-child) { margin-bottom:120px; }
.contact-box .info-box > dl > dt { width:420px; position:sticky; top:50px; height:150px; }
.contact-box .info-box > dl > dt h4 { color:#111; font-size:46px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.contact-box .info-box > dl > dd { width:calc(100% - 420px); }
.contact-box .info-box > dl > dd .list-1 > ul { display:flex; flex-wrap:wrap; gap:20px; }
.contact-box .info-box > dl > dd .list-1 > ul > li { width:calc((100% - 20px) / 2); }
.contact-box .info-box > dl > dd .list-1 > ul > li .box { transition:all 0.3s; height:168px; width:100%; padding:20px 40px; display:flex; justify-content:center; flex-direction:column; border:1px solid #fff; background:#fff; box-shadow:0px -1px 10px 0px rgba(124, 135, 192, 0.10), 0px 40px 11px 0px rgba(124, 135, 192, 0.00), 0px 26px 10px 0px rgba(124, 135, 192, 0.01), 0px 14px 9px 0px rgba(124, 135, 192, 0.03), 0px 6px 6px 0px rgba(124, 135, 192, 0.04), 0px 2px 4px 0px rgba(124, 135, 192, 0.05); }
.contact-box .info-box > dl > dd .list-1 > ul > li .box { color:#999; font-size:19px; font-weight:600; line-height:1.3; }
.contact-box .info-box > dl > dd .list-1 > ul > li .box strong { display:flex; gap:10px; align-items:center; color:#111; font-weight:700; line-height:1.3; margin-bottom:15px; }
.contact-box .info-box > dl > dd .list-1 > ul > li:hover .box { border:1px solid #0066b5; }
.contact-box .info-box > dl > dd .list-2 > ul > li:not(:last-child) { margin-bottom:120px; }
.contact-box .info-box > dl > dd .list-2 .map-box { height:500px; }
.contact-box .info-box > dl > dd .list-2 .google-map { position:relative; overflow:hidden;  }
.contact-box .info-box > dl > dd .list-2 .google-map:after { content:''; display:block; padding-bottom:500px; }
.contact-box .info-box > dl > dd .list-2 iframe { border-radius:20px; position:absolute; top:0; left:0; top:-140px; width:100%; height:calc(100% + 280px); }
.contact-box .info-box > dl > dd .list-2 .txtbox { margin-top:30px; }
.contact-box .info-box > dl > dd .list-2 .txtbox ul { display:flex; flex-wrap:wrap; gap:5px 0; }
.contact-box .info-box > dl > dd .list-2 .txtbox li:not(:last-child) { margin-right:80px; }
.contact-box .info-box > dl > dd .list-2 .txtbox li { display:flex; align-items:center; color:#666; font-size:20px; font-weight:300; line-height:1.3; }
.contact-box .info-box > dl > dd .list-2 .txtbox li strong { position:relative; color:#111; font-size:20px; font-weight:600; margin:0 15px 0 0; padding-right:15px; vertical-align:middle; }
.contact-box .info-box > dl > dd .list-2 .txtbox li strong:before { content:""; display:block; width:1px; height:15px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:#ccc; }
.contact-box .info-box > dl > dd .list-2 .txtbox li img { vertical-align:middle; margin:-3px 10px 0 0; }
@media screen and (max-width:1480px){
	.contact-box .info-box > dl:not(:last-child) { margin-bottom:100px; }
	.contact-box .info-box > dl > dt { width:300px; }
	.contact-box .info-box > dl > dt h4 { font-size:38px; }
	.contact-box .info-box > dl > dd { width:calc(100% - 300px); }
	.contact-box .info-box > dl > dd .list-1 > ul > li .box { padding:20px 30px; }
	.contact-box .info-box > dl > dd .list-2 > ul > li:not(:last-child) { margin-bottom:100px; }
}
@media screen and (max-width:1280px){
	.contact-box .info-box > dl > dd .list-2 .google-map:after { padding-bottom:400px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox ul { gap:8px 0; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li:not(:last-child) { margin-right:40px; }
}
@media screen and (max-width:1024px){
	.contact-box .info-box > dl:not(:last-child) { margin-bottom:80px; }
	.contact-box .info-box > dl > dt { width:100%; top:0; height:auto; margin-bottom:10px; }
	.contact-box .info-box > dl > dt h4 { font-size:26px; }
	.contact-box .info-box > dl > dd { width:100%; }
	.contact-box .info-box > dl > dd .list-1 > ul { gap:10px; }
	.contact-box .info-box > dl > dd .list-1 > ul > li { width:calc((100% - 10px) / 2); }
	.contact-box .info-box > dl > dd .list-1 > ul > li .box { padding:20px; height:120px; font-size:17px; }
	.contact-box .info-box > dl > dd .list-1 > ul > li .box strong { gap:10px; margin-bottom:5px; }
	.contact-box .info-box > dl > dd .list-2 > ul > li:not(:last-child) { margin-bottom:80px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li:not(:last-child) { margin-right:30px; }
	.contact-box .info-box > dl > dd .list-2 .map-box { height:380px; }
	.contact-box .info-box > dl > dd .list-2 .google-map:after { padding-bottom:320px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox { margin-top:20px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li { font-size:18px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li strong { font-size:18px; margin:0 10px 0 0; padding-right:10px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li strong:before { height:12px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li img { margin:-2px 5px 0 0; }
}
@media screen and (max-width:640px){
	.contact-box .info-box > dl:not(:last-child) { margin-bottom:60px; }
	.contact-box .info-box > dl > dt h4 { font-size:21px; }
	.contact-box .info-box > dl > dd .list-1 > ul { gap:5px; }
	.contact-box .info-box > dl > dd .list-1 > ul > li .box { padding:15px; height:110px; }
	.contact-box .info-box > dl > dd .list-1 > ul > li .box strong { gap:8px; }
	.contact-box .info-box > dl > dd .list-2 .map-box { height:300px; }
	.contact-box .info-box > dl > dd .list-2 .google-map:after { padding-bottom:280px; }
	.contact-box .info-box > dl > dd .list-2 > ul > li:not(:last-child) { margin-bottom:60px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox { margin-top:15px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li { font-size:16px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li strong { font-size:16px; margin:0 8px 0 0; padding-right:8px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li strong:before { height:10px; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li img { margin:-2px 4px 0 0; }
}
@media screen and (max-width:450px){
	.contact-box .info-box > dl > dd .list-1 > ul > li { width:100%; }
	.contact-box .info-box > dl > dd .list-1 > ul > li .box { padding:20px 15px; height:auto; }
	.contact-box .info-box > dl > dd .list-2 .txtbox li { flex-wrap:wrap; gap:5px 0; }
}

/* animation */
.contact-box .info-box > dl > dt { opacity:0 }
.contact-box .info-box > dl > dt.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.contact-box .info-box > dl > dd .list-1 { opacity:0 }
.contact-box .info-box > dl > dd .list-1.subOn { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; }
.contact-box .info-box > dl > dd .list-2 { opacity:0 }
.contact-box .info-box > dl > dd .list-2.subOn { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; }


.search-box { margin-bottom:50px; }
.search-box .s-ipbox { position:relative; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0 10px; }
.search-box .s-ipbox select { width:175px; height:70px; line-height:70px; padding:0 50px 0 30px; font-family:var(--mainFont); font-size:18px; color:#111; font-weight:500; border:1px solid #ccc; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
.search-box .s-ipbox select::-ms-expand { display:none; }
.search-box .s-ipbox input { width:450px; height:70px; line-height:1.3; padding:0 120px 0 30px; font-family:var(--mainFont); font-size:18px; color:#111; font-weight:500; border:1px solid #ccc; border-radius:0; outline:none; background:#fff; }
.search-box .s-ipbox button { position:absolute; right:0; bottom:0; display:block; width:90px; height:70px; text-indent:-9999em; overflow:hidden; text-align:center; border:none; outline:none; background:url(/img/sub/search_icon.svg) center center no-repeat; padding:0; }
.search-box input::placeholder { color:#ccc; opacity:1; font-weight:300; }
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
	.search-box { margin-bottom:30px; }
	.search-box .s-ipbox select { width:170px; height:50px; line-height:50px; padding:0 50px 0 20px; font-size:16px; }
	.search-box .s-ipbox input { width:380px; height:50px; padding:0 80px 0 20px; font-size:16px; }
	.search-box .s-ipbox button { width:60px; height:50px; font-size:16px; background-size:18px auto; }
}
@media screen and (max-width:640px){
	.search-box { margin-bottom:20px; }
	.search-box .s-ipbox { gap:0 5px; }
	.search-box .s-ipbox select { background-position:calc(100% + 20px) center; }
	.search-box .s-ipbox select { width:150px; font-size:15px; padding:0 30px 0 10px; }
	.search-box .s-ipbox input { width:calc(100% - 150px - 5px); padding:0 80px 0 10px; font-size:15px; }
}


.gallery-list > ul { display:flex; flex-wrap:wrap; gap:60px 32px; }
.gallery-list > ul > li { width:calc((100% - 64px) / 3); }
.gallery-list > ul > li .imgbox { width:100%; position:relative; overflow:hidden; background:#ddd url(/img/sub/imgNo.jpg) no-repeat center / cover; }
.gallery-list > ul > li .imgbox:after { content:""; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; opacity:0; background:rgba(0, 0, 0, 0.40); transition:all 0.4s }
.gallery-list > ul > li:hover .imgbox:after { opacity:0.5; }
.gallery-list > ul > li .imgbox:before {content:""; display:block; padding-bottom:63%; }
.gallery-list > ul > li .imgbox img { transition:all 0.3s ease-in-out; transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.gallery-list > ul > li:hover .imgbox img { transform:scale(1.05); }
.gallery-list > ul > li .txtbox { margin-top:28px; }
.gallery-list > ul > li .txtbox .txt { margin-top:16px; color:#222; letter-spacing:-0.04em; font-size:22px; font-weight:500; line-height:1.7; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.gallery-list > ul > li .txtbox .date { display:block; font-family:var(--mainFont); color:#999; font-size:16px; font-weight:400; line-height:1.5; }
.gallery-list > ul > li .txtbox .date span { font-weight:400; display:inline-block; margin-left:14px; padding-left:14px; position:relative; }
.gallery-list > ul > li .txtbox .date span:before { content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:13px; background:#999; }
.gallery-list > ul > li .more { transition:all 1.0s ease-in-out; opacity:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:70px; height:70px; border-radius:70px; background:var(--mainColor); overflow:hidden; }
.gallery-list > ul > li .more:before { content:""; display:block; transition:all 0.5s 0.1s; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/img/sub/icon_more.svg) center center no-repeat; filter:grayscale(100%) brightness(100%); opacity:0.3; }
.gallery-list > ul > li .more:after { content:""; display:block; transition:all 0.5s 0.1s; position:absolute; top:0; left:-70px; width:100%; height:100%; background:url(/img/sub/icon_more.svg) center center no-repeat }
.gallery-list > ul > li a:hover .more { opacity:1; transition:all 0.8s ease-in-out;  }
.gallery-list > ul > li a:hover .more:before { left:70px; }
.gallery-list > ul > li a:hover .more:after { left:0; }
@media screen and (max-width:1280px){
    .gallery-list > ul { gap:100px 30px; }
    .gallery-list > ul > li { width:calc((100% - 60px) / 3); }
    .gallery-list > ul > li .txtbox .txt { font-size:22px; }
    .gallery-list > ul > li .txtbox .date { margin-top:18px; font-size:16px; }
}
@media screen and (max-width:1024px){
    .gallery-list > ul { gap:80px 20px; }
    .gallery-list > ul > li { width:calc((100% - 40px) / 3); }
    .gallery-list > ul > li .txtbox { margin-top:20px; }
    .gallery-list > ul > li .txtbox .txt { font-size:20px; margin-top:12px; }
    .gallery-list > ul > li .txtbox .date { font-size:15px; }
	.gallery-list > ul > li .txtbox .date span { margin-left:10px; padding-left:10px; }
	.gallery-list > ul > li .txtbox .date span:before { height:10px; }
	.gallery-list > ul > li .more { width:50px; height:50px; }
	.gallery-list > ul > li .more:after { left:-50px; }
	.gallery-list > ul > li a:hover .more:before { left:50px; }
}
@media screen and (max-width:860px){
    .gallery-list > ul { gap:50px 20px; }
    .gallery-list > ul > li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:640px){
    .gallery-list > ul { gap:40px 10px; }
    .gallery-list > ul > li { width:calc((100% - 10px) / 2); }
    .gallery-list > ul > li .txtbox { margin-top:12px; }
    .gallery-list > ul > li .txtbox .txt { font-size:17px; margin-top:8px; }
    .gallery-list > ul > li .txtbox .date { font-size:14px; }
	.gallery-list > ul > li .more { display:none }
}
@media screen and (max-width:520px){
    .gallery-list > ul { gap:30px 0; }
    .gallery-list > ul > li { width:100%; }
    .gallery-list > ul > li .imgbox:before {padding-bottom:58%; }
}

/* animation */
.gallery-list { opacity:0 }
.gallery-list { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }



.board-list table { border-top:1px solid #0066B5; border-bottom:1px solid #ddd; background:#fff; }
.board-list table thead th { position:relative; color:#111; font-size:18px; font-weight:600; line-height:1.3; height:90px; border-bottom:1px solid #ddd; background:rgba(0, 102, 181, 0.02); text-align:center; }
.board-list table thead th:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#ddd; }
.board-list table thead th:first-child:before { display:none }
.board-list table tbody td { color:#111; font-size:18px; font-weight:300; line-height:1.3; height:85px; padding:10px 5px; border-bottom:1px solid #ddd; background:#fff; text-align:center; }
.board-list table tbody td.td_left { text-align:left; padding-left:25px; color:#111; }
.board-list table tbody td.td_left a { color:#111; transition:all 0.3s; }
.board-list table tbody tr:hover td.td_left a { color:var(--mainColor); }
@media screen and (max-width:1280px){
	.board-list col.w1 { width:100px !important }
	.board-list col.w2 { width:160px !important }
}
@media screen and (max-width:1024px){
	.board-list col.w1 { width:80px !important }
	.board-list col.w2 { width:140px !important }
	.board-list table thead th { font-size:16px; height:75px; }
	.board-list table tbody td { font-size:17px; height:70px; }
	.board-list table tbody td.td_left { padding-left:10px; }
}
@media screen and (max-width:640px){
	.board-list col.w1 { width:60px !important }
	.board-list col.w2 { width:80px !important }
	.board-list table thead th { font-size:16px; height:60px; }
	.board-list table tbody td { font-size:15px; height:50px; }
	.board-list table tbody td.td_left { padding:10px; }
}
@media screen and (max-width:500px){
	.board-list col.w1 { width:50px !important }
	.board-list col.w2 { width:68px !important }
	.board-list col.w3 { width:60px !important }
	.board-list table .num { display:none }
	.board-list table thead th { font-size:15px; height:50px; }
	.board-list table tbody td { font-size:14px; height:45px; }
	.board-list table tbody td.td_left { padding:10px 5px; }
}

/* animation */
.board-list { opacity:0 }
.board-list { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.board-view .top-box { text-align:center; padding:60px 20px; border-top:2px solid #0066B5; border-bottom:1px solid #ddd; }
.board-view .top-box .title { font-size:32px; font-weight:700; color:#222; line-height:1.3; letter-spacing:-0.05em; }
.board-view .top-box .info { display:flex; justify-content:center; margin-top:30px; }
.board-view .top-box .txt { font-size:17px; font-weight:600; color:#666; line-height:1.3; }
.board-view .top-box .txt strong { font-weight:500; color:#111; }
.board-view .top-box .txt:not(:last-child) { margin-right:20px; }
.board-view .viewCont .contents { min-height:180px; padding:60px 0; }
.board-view .viewCont .contents img { max-width:100%; }
.board-view .viewCont .attach { margin-top:50px; padding:25px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.board-view .viewCont .attach li:not(:last-child) { margin-bottom:30px; }
.board-view .viewCont .attach li { display:flex; }
.board-view .viewCont .attach li strong { position:relative; width:130px; text-align:center; font-size:16px; font-weight:500; color:#222; line-height:1.3; }
.board-view .viewCont .attach li strong:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#ddd; } 
.board-view .viewCont .attach li a { transition:all 0.3s; position:relative; width:calc(100% - 130px - 20px); margin-left:20px; font-size:16px; font-weight:400; color:#666; line-height:1.3; padding:0 150px 0 25px; word-break:break-word !important; }
.board-view .viewCont .attach li a i { font-size:16px; vertical-align:middle; margin-right:6px; }
.board-view .viewCont .attach li a > i { position:absolute; left:0; top:2px; }
.board-view .viewCont .attach li a:hover { color:var(--mainColor); }
.board-view .viewCont .attach li a span { position:absolute; right:30px; top:0; font-weight:300; }
.board-view .viewCont .business-view { margin-top:40px; }
.board-view .viewCont .business-view .imgbox { text-align:center }
.board-view .viewCont .business-view .imgbox img { max-width:100%; }
.board-view .viewCont .business-view .txtbox { margin-top:50px; }
.board-view .viewCont .business-view .txtbox ul { display:flex; flex-wrap:wrap; gap:10px 0; }
.board-view .viewCont .business-view .txtbox ul li { width:33.33%; display:flex; gap:0 20px; }
.board-view .viewCont .business-view .txtbox ul li strong { font-size:20px; font-weight:600; color:#333; line-height:1.3; }
.board-view .viewCont .business-view .txtbox ul li span { font-size:18px; font-weight:300; color:#333; line-height:1.3; }
.board-view .btn_pn { margin-top:70px; }
.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
.board-view .btn_pn dl { display:flex; background:#f5f5f5;}
.board-view .btn_pn dt { position:relative; width:135px; height:84px; display:flex; align-items:center; } 
.board-view .btn_pn dt:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#ddd; } 
.board-view .btn_pn dt span { font-size:16px; font-weight:400; color:#222; display:inline-block; padding-left:30px; }
.board-view .btn_pn dt span i { display:inline-block; vertical-align:middle; margin-right:10px; }
.board-view .btn_pn dd { width:calc(100% - 135px); display:flex; align-items:center; padding:0 30px; }
.board-view .btn_pn dd a { font-size:16px; font-weight:300; color:#666; min-height:17px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.board-view .comment-box { margin-top:60px; }
.board-view .comment-box dl { display:flex; border-top:2px solid #000; border-bottom:1px solid #ddd; }
.board-view .comment-box dl dt { display:flex; justify-content:center; align-items:center; width:300px; background:#eee; font-size:20px; font-weight:700; color:#111; line-height:1.3 }
.board-view .comment-box dl dd { width:calc(100% - 300px); min-height:200px; padding:25px; font-size:20px; font-weight:400; color:#333; line-height:1.4 }
.board-view .caseCont li { display:flex; align-items:center; padding:40px 0; border-bottom:1px solid #e1e1e1;}
.board-view .caseCont li figure { width:187px; text-align:center; }
.board-view .caseCont li dl { width:calc(100% - 187px);  }
.board-view .caseCont li dt { font-size:18px; font-weight:700; color:var(--subColor); line-height:1.3; }
.board-view .caseCont li dd { margin-top:16px; font-size:18px; font-weight:300; color:#333; line-height:1.3; }
@media screen and (max-width:1280px){
	.board-view .top-box { padding:50px 20px; }
	.board-view .top-box .title { font-size:26px; }
	.board-view .top-box .info { margin-top:20px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:15px; }
	.board-view .viewCont .contents { padding:40px 0; }
	.board-view .viewCont .attach { margin-top:40px; padding:20px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:20px; }
	.board-view .viewCont .attach li strong { width:120px; }
	.board-view .viewCont .attach li a { width:calc(100% - 120px - 20px); }
	.board-view .btn_pn { margin-top:40px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
	.board-view .btn_pn dt { width:120px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { padding-left:20px; }
	.board-view .btn_pn dt span i { margin-right:8px; }
	.board-view .btn_pn dd { width:calc(100% - 120px); padding:0 20px; }
}
@media screen and (max-width:1024px){
	.board-view .top-box .progress { margin:0 auto 15px; }
	.board-view .top-box .progress span { padding:0 15px; height:36px; margin:0 auto 15px; }
	.board-view .top-box { padding:40px 20px; }
	.board-view .top-box .title { font-size:22px; }
	.board-view .top-box .info { margin-top:15px; }
	.board-view .top-box .txt { font-size:15px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:10px; }
	.board-view .viewCont .contents { padding:30px 0; }
	.board-view .viewCont .attach { margin-top:30px; padding:15px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:15px; }
	.board-view .viewCont .attach li strong { width:100px; font-size:15px; }
	.board-view .viewCont .attach li a { width:calc(100% - 100px - 20px); font-size:15px; padding-right:110px; }
	.board-view .viewCont .attach li a i { font-size:15px; margin-right:5px; }
	.board-view .viewCont .attach li a > i { top:1px; }
	.board-view .viewCont .attach li a span { right:20px; }
	.board-view .viewCont .business-view .txtbox { margin-top:30px; }
	.board-view .viewCont .business-view .txtbox ul li { width:50%; }
	.board-view .viewCont .business-view .txtbox ul li strong { font-size:18px; width:56px; }
	.board-view .viewCont .business-view .txtbox ul li span { font-size:16px; width:calc(100% - 80px); }
	.board-view .btn_pn { margin-top:30px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:5px; }
	.board-view .btn_pn dt { width:100px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { font-size:15px; padding-left:10px; }
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 100px); padding:0 20px; }
	.board-view .btn_pn dd a { font-size:15px; min-height:21px; }	
	.board-view .comment-box { margin-top:40px; }
	.board-view .comment-box dl { display:flex; }
	.board-view .comment-box dl dt { width:200px; font-size:18px; }
	.board-view .comment-box dl dd { width:calc(100% - 200px); min-height:180px; padding:20px; font-size:18px; }
	.board-view .caseCont li { padding:30px 0; }
	.board-view .caseCont li figure { width:130px; }
	.board-view .caseCont li figure img { width:100px; }
	.board-view .caseCont li dl { width:calc(100% - 130px);  }
	.board-view .caseCont li dt { font-size:17px; }
	.board-view .caseCont li dd { margin-top:12px; font-size:17px; }
}
@media screen and (max-width:640px){
	.board-view { margin-top:40px; }
	.board-view .top-box { padding:30px 20px; }
	.board-view .top-box .title { font-size:20px; }
	.board-view .top-box .info { margin-top:8px; flex-wrap:wrap; }
	.board-view .top-box .txt { margin-top:5px; }
	.board-view .viewCont .contents { padding:20px 0; }
	.board-view .viewCont .attach { margin-top:20px; padding:15px 5px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
	.board-view .viewCont .attach li strong { display:none }
	.board-view .viewCont .attach li a { width:100%; padding-left:24px; margin-left:0; }
	.board-view .viewCont .attach li a > i { top:0; }
	.board-view .viewCont .attach li a span { right:0; }
	.board-view .viewCont .business-view .txtbox ul { gap:5px 0 }
	.board-view .viewCont .business-view .txtbox ul li { width:100%; }
	.board-view .viewCont .business-view .txtbox ul li strong { font-size:16px; }
	.board-view .viewCont .business-view .txtbox ul li span { font-size:14px; }
	.board-view .btn_pn { margin-top:20px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:5px; }
	.board-view .btn_pn dt { width:85px; height:60px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { padding-left:10px; }
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 85px); padding:0 15px; }
	.board-view .btn_pn dd a { min-height:21px; }
	.board-view .comment-box { margin-top:20px; }
	.board-view .comment-box dl { display:flex; }
	.board-view .comment-box dl dt { width:120px; font-size:16px; }
	.board-view .comment-box dl dd { width:calc(100% - 120px); min-height:150px; padding:15px; font-size:16px; }
	.board-view .caseCont li { padding:20px 0; }
	.board-view .caseCont li figure { width:90px; }
	.board-view .caseCont li figure img { width:70px; }
 	.board-view .caseCont li dl { width:calc(100% - 90px);  }
	.board-view .caseCont li dt { font-size:16px; }
	.board-view .caseCont li dd { margin-top:10px; font-size:16px; }
}

/* animation */
.board-view { opacity:0; }
.board-view { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.faq-box .listbox > ul { border-top:1px solid #ddd; }
.faq-box .listbox > ul > li { border-bottom:1px solid #ddd;}
.faq-box .listbox > ul > li > p { cursor:pointer; position:relative; height:100px; display:flex; align-items:center; padding:0 80px; color:#333; font-size:20px; font-weight:400; line-height:1.5; }
.faq-box .listbox > ul > li > p:before { content:""; display:block; position:absolute; right:54px; top:50%; transform:translateY(-50%); width:3px; height:23px; background:#ddd; transition:all 0.3s } 
.faq-box .listbox > ul > li > p:after { content:""; display:block; position:absolute; right:44px; top:50%; transform:translateY(-50%); width:23px; height:3px; background:#ddd; transition:all 0.3s }
.faq-box .listbox > ul > li.on > p:before { opacity:0; }
.faq-box .listbox > ul > li.on > p:after { background:var(--mainColor); }
.faq-box .listbox > ul > li > p strong { position:absolute; left:40px; top:50%; transform:translateY(-50%); color:var(--mainColor); font-size:28px; font-weight:600; line-height:1.3; }
.faq-box .listbox > ul > li .contentBox { border-top:1px solid #ddd; background:#f9f9f9; padding:40px; color:#222; font-size:18px; font-weight:400; line-height:1.6; }
@media screen and (max-width:1024px){
	.faq-box .listbox > ul > li > p { height:80px; padding:0 50px; font-size:18px; }
	.faq-box .listbox > ul > li > p:before { right:33px; width:2px; height:19px; } 
	.faq-box .listbox > ul > li > p:after { right:25px; width:19px; height:2px; }
	.faq-box .listbox > ul > li > p strong { left:20px; font-size:24px; }
	.faq-box .listbox > ul > li .contentBox { padding:30px 20px; font-size:16px; }
}
@media screen and (max-width:640px){
	.faq-box .listbox > ul > li > p { height:70px; padding:0 40px; font-size:16px; }
	.faq-box .listbox > ul > li > p:before { right:17px; width:2px; height:16px; } 
	.faq-box .listbox > ul > li > p:after { right:10px; width:16px; height:2px; }
	.faq-box .listbox > ul > li > p strong { left:10px; font-size:22px; }
	.faq-box .listbox > ul > li .contentBox { padding:20px 10px; font-size:15px; }
}

/* animation */
.faq-box { opacity:0; }
.faq-box { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

/* page */
.page { margin:100px auto 0 auto; text-align:center; padding:0; } 
.page a { transition:all 0.3s; position:relative; font-size:18px; line-height:30px; font-weight:300; color:#222; border:none; padding:0; min-width:30px; margin:0 4px; display:inline-block; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:600; color:#fff; background:#222; border:none; padding:0 4px; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:-10px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:-10px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}

.page li span { color:#aaa; display:block; margin-top:-10px; font-weight:400; }
@media screen and (max-width:1280px){
	.page { margin:80px auto 0 auto; }
}

@media screen and (max-width:640px){
	.page { margin:50px auto 0 auto; }
	.page a { margin:0 2px; font-size:16px; line-height:26px; min-width:26px; }
	.page li { margin:0 2px; }
	.page li.on a { padding:0 2px; }
	.page .btn_prev { margin-right:0; }
	.page .btn_next { margin-left:0; }
}



.btnCont { margin-top:70px; display:flex; justify-content:center; align-items:center; gap:0 10px; }
.btnCont a { width:180px; height:60px; display:flex; justify-content:center; align-items:center; gap:0 15px; background:#0066b5; color:#fff; font-size:19px; font-weight:700; line-height:1.3; }
@media screen and (max-width:1480px){
	.btnCont a { height:60px; }
}
@media screen and (max-width:1024px){
	.btnCont { margin-top:50px; }
	.btnCont a { width:160px; height:50px; font-size:16px; }
}
@media screen and (max-width:640px){
	.btnCont a { width:140px; height:45px; font-size:15px; }
}










/* 영문적용 삭제 해야함 */
.technology-box .bg { background:#f6f6f6; margin-top:120px; }
.technology-box .txt_p { position:relative; padding-left:13px; color:#111; font-size:19px; font-weight:500; line-height:1.8; }
.technology-box .txt_p:before { content:""; display:block; width:5px; height:5px; background:var(--mainColor); position:absolute; left:0; top:13px; border-radius:5px; }
.technology-box .txt_p span { color:var(--mainColor); }
.technology-box .gripper-box_n .imgbox-1 { margin-top:30px; border:1px solid #ddd; padding:40px; text-align:center; }
.technology-box .gripper-box_n .imgbox-1 img { max-width:100%; }
.technology-box .gripper-box_n .imgbox-2 { margin-top:30px; }
.technology-box .gripper-box_n .imgbox-2 ul { display:flex; flex-wrap:wrap; gap:0 20px; }
.technology-box .gripper-box_n .imgbox-2 ul li { width:calc((100% - 40px) / 3); }
.technology-box .gripper-box_n .imgbox-2 ul li .imgbox img { max-width:100%; }
.technology-box .gripper-box_n .imgbox-2 ul li .txtbox { color:#111; font-size:19px; font-weight:500; line-height:1.7; padding:25px 0; border:1px solid #eee; border-top:none; background:#fff; display:flex; display:flex; align-items:center; justify-content:center; text-align:center; }
.technology-box .gripper-box_n .imgbox-3 { margin-top:120px; }
.technology-box .gripper-box_n .imgbox-3 .box video,
.technology-box .gripper-box_n .imgbox-3 .box img { max-width:100%; }
.technology-box .gripper-box_n .imgbox-3 .sbox { display:flex; flex-wrap:wrap; gap:0 20px;}
.technology-box .gripper-box_n .imgbox-3 .sbox:not(:last-child) { margin-bottom:20px; }
.technology-box .gripper-box_n .imgbox-3 .sbox-1 .box { width:calc((100% - 20px) / 2); }
.technology-box .gripper-box_n .imgbox-3 .sbox-2 .box { width:calc((100% - 40px) / 3); }
.technology-box .gripper-box_n .txt-list { margin-top:60px; display:flex; flex-wrap:wrap; gap:0 80px; }
.technology-box .gripper-box_n .txt-list > dl { width:calc((100% - 80px) / 2); }
.technology-box .gripper-box_n .txt-list > dl > dt { position:relative; padding-left:28px; color:#111; font-size:28px; font-weight:700; line-height:1.3; }
.technology-box .gripper-box_n .txt-list > dl > dt:before { content:""; display:block; width:13px; height:15px; background:var(--mainColor); position:absolute; left:0; top:10px; clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
.technology-box .gripper-box_n .txt-list > dl > dd { margin-top:25px; color:#444; font-size:18px; font-weight:300; line-height:1.75; }
.technology-box .gripper-box_n .stit h4 { color:#111; font-size:46px; font-weight:700; line-height:1.3; margin-bottom:50px; }
.technology-box .gripper-box_n .stit h4 span { font-weight:700; }
.technology-box .gripper-box_n .gripperCont { padding:120px 0; }
@media screen and (max-width:1480px){
	.technology-box .bg { margin-top:100px; }
	.technology-box .txt_p { font-size:18px; }
	.technology-box .gripper-box_n .imgbox-1 { margin-top:25px; padding:30px; }
	.technology-box .gripper-box_n .imgbox-2 { margin-top:25px; }
	.technology-box .gripper-box_n .imgbox-2 ul li .txtbox { font-size:18px; padding:40px; }
	.technology-box .gripper-box_n .imgbox-3 { margin-top:100px; }
	.technology-box .gripper-box_n .txt-list { margin-top:50px; gap:0 60px; }
	.technology-box .gripper-box_n .txt-list > dl { width:calc((100% - 60px) / 2); }
	.technology-box .gripper-box_n .txt-list > dl > dt { font-size:26px; }
	.technology-box .gripper-box_n .txt-list > dl > dd { margin-top:20px; font-size:17px; }
	.technology-box .gripper-box_n .txt-list > dl > dd br { display:none }
	.technology-box .gripper-box_n .stit h4 { font-size:42px; margin-bottom:40px; }
	.technology-box .gripper-box_n .gripperCont { padding:100px 0; }
}
@media screen and (max-width:1280px){
	.technology-box .bg { margin-top:80px; }
	.technology-box .txt_p br { display:none }
	.technology-box .gripper-box_n .imgbox-3 { margin-top:80px; }
	.technology-box .gripper-box_n .gripperCont { padding:80px 0; }
}
@media screen and (max-width:1024px){
	.technology-box .bg { margin-top:60px; }
	.technology-box .txt_p { padding-left:11px; font-size:17px; }
	.technology-box .txt_p:before { width:4px; height:4px; top:13px; }
	.technology-box .gripper-box_n .imgbox-1 { margin-top:20px; padding:20px; }
	.technology-box .gripper-box_n .imgbox-2 { margin-top:20px; }
	.technology-box .gripper-box_n .imgbox-2 ul { gap:0 10px; }
	.technology-box .gripper-box_n .imgbox-2 ul li { width:calc((100% - 20px) / 3); }
	.technology-box .gripper-box_n .imgbox-2 ul li .txtbox { font-size:17px; padding:20px 5px; }
	.technology-box .gripper-box_n .imgbox-3 { margin-top:60px; }
	.technology-box .gripper-box_n .imgbox-3 .sbox { gap:10px;}
	.technology-box .gripper-box_n .imgbox-3 .sbox:not(:last-child) { margin-bottom:10px; }
	.technology-box .gripper-box_n .imgbox-3 .sbox-1 .box { width:calc((100% - 10px) / 2); }
	.technology-box .gripper-box_n .imgbox-3 .sbox-2 .box { width:calc((100% - 20px) / 3); }
	.technology-box .gripper-box_n .txt-list { margin-top:40px; gap:40px; }
	.technology-box .gripper-box_n .txt-list > dl { width:100%; }
	.technology-box .gripper-box_n .txt-list > dl > dt { padding-left:22px; font-size:22px; }
	.technology-box .gripper-box_n .txt-list > dl > dt:before { width:11px; height:13px; top:7px; }
	.technology-box .gripper-box_n .txt-list > dl > dd { margin-top:15px; font-size:16px; }
	.technology-box .gripper-box_n .stit h4 { font-size:34px; margin-bottom:30px; }
	.technology-box .gripper-box_n .gripperCont { padding:60px 0; }
}
@media screen and (max-width:640px){
	.technology-box .bg { margin-top:40px; }
	.technology-box .gripper-box_n .imgbox-2 ul { gap:10px; }
	.technology-box .gripper-box_n .imgbox-2 ul li { width:100%; }
	.technology-box .gripper-box_n .imgbox-2 ul li .txtbox { padding:15px 5px;}
	.technology-box .gripper-box_n .imgbox-3 { margin-top:40px; }
	.technology-box .gripper-box_n .imgbox-3 .sbox-1 .box { width:100%; }
	.technology-box .gripper-box_n .imgbox-3 .sbox-2 .box { width:calc((100% - 20px) / 3); }
	.technology-box .gripper-box_n .txt-list { margin-top:40px; gap:40px; }
	.technology-box .gripper-box_n .txt-list > dl { width:100%; }
	.technology-box .gripper-box_n .txt-list > dl > dt { padding-left:22px; font-size:22px; }
	.technology-box .gripper-box_n .txt-list > dl > dt:before { width:11px; height:13px; top:7px; }
	.technology-box .gripper-box_n .txt-list > dl > dd { margin-top:15px; font-size:16px; }
	.technology-box .gripper-box_n .stit h4 { font-size:26px; margin-bottom:20px; }
	.technology-box .gripper-box_n .gripperCont { padding:40px 0; }
}


/* animation */
.technology-box .gripper-box_n .stit h4 { overflow:hidden }
.technology-box .gripper-box_n .stit h4 span { opacity:0; display:block; }
.technology-box .gripper-box_n .subOn .stit h4 span { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.technology-box .gripper-box_n .top,
.technology-box .gripper-box_n .gripperCont,
.technology-box .gripper-box_n .imgbox-3 { opacity:0; }
.technology-box .gripper-box_n .top.subOn,
.technology-box .gripper-box_n .gripperCont.subOn,
.technology-box .gripper-box_n .imgbox-3.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }