@charset "utf-8";

.subtitleTop { z-index:10;}
.subtitleTop,
.subtitleTop .bg { position:relative; height:700px; }
.subtitleTop .bg { overflow:hidden  }
.subtitleTop .bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.subtitleTop.subTopCont1 .bg img {  }
.subtitleTop .subTitle { position:absolute; bottom:185px; left:100px; }
.subtitleTop .subTitle h2 { color:#fff; font-size:92px; font-weight:500; }
.subtitleTop .subTitle h2 span { font-weight:500; }
.subtitleTop .location { position:absolute; bottom:-1px; left:0; width:calc(100% - 100px); padding-left:100px; height:125px; display:flex; align-items:center; background:#fff; }
.subtitleTop .location i { margin-left:50px; margin-right:50px; }
.subtitleTop .location .depthMenu { position:relative; width:260px; margin:0 30px; }
.subtitleTop .location .depthMenu:before { content:""; display:block; position:absolute; left:-30px; top:50%; transform:translateY(-50%); width:1px; height:15px; background-color:#ddd; }
.subtitleTop .location .depthMenu:after { content:""; display:block; position:absolute; right:20px; top:50%;transform:translateY(-50%); width:12px; height:12px; background:url(/img/common/arr_sublnb.png) center center no-repeat; transition:all 0.3s ease-in-out;  }
.subtitleTop .location .depthMenu.on:after { transform:rotate(-180deg); margin-top:-6px; }
.subtitleTop .location .depthMenu .stit { position:relative; font-weight:300; font-size:18px; color:#111; cursor:pointer; padding:10px 20px; display:inline-block; width:100%; z-index:2 }
.subtitleTop .location .submenu-box { display:none; position:absolute; left:0; top:53px; width:100%; background-color:#005f30; }
.subtitleTop .location .submenu-box ul { padding:30px 20px; }
.subtitleTop .location .submenu-box li:not(:last-child) { margin-bottom:20px; }
.subtitleTop .location .submenu-box li a { color:#ccc; letter-spacing:-0.02em; font-size:16px; font-weight:300; transition:all 0.3s ease-in-out }
.subtitleTop .location .submenu-box li a:hover { color:#fff; font-weight:600; }
.subtitleTop .location .subm10 { display:none; height:0; width:0; }
@media screen and (max-width:1500px){
    .subtitleTop,
    .subtitleTop .bg { height:600px; }
    .subtitleTop .subTitle { bottom:130px; }
    .subtitleTop .location { height:100px; }
}
@media screen and (max-width:1280px){
    .subtitleTop,
    .subtitleTop .bg { height:550px; }
    .subtitleTop .subTitle { bottom:120px; left:50px; }
    .subtitleTop .subTitle h2 { font-size:70px; }
    .subtitleTop .location { padding-left:50px; height:80px; width:calc(100% - 50px); } 
    .subtitleTop .location .submenu-box { top:50px; }
}
@media screen and (max-width:1024px){
    .subtitleTop,
    .subtitleTop .bg { height:420px; }
    .subtitleTop .subTitle { bottom:150px; left:0; text-align:center; width:100%; }
    .subtitleTop .subTitle h2 { font-size:55px; }
    .subtitleTop .location { padding-left:0; height:70px; width:100%; }
    .subtitleTop .location i { margin-left:0; margin-right:0; width:60px; padding-left:20px; }
    .subtitleTop .location .depthMenu { width:180px; margin:0 20px; }
    .subtitleTop .location .depthMenu:before { left:-20px; }
    .subtitleTop .location .depthMenu:after { right:20px; }
    .subtitleTop .location .depthMenu.dep2 { max-width:240px; width:100%; }
    .subtitleTop .location .submenu-box { top:45px; }
}
@media screen and (max-width:640px){
    .subtitleTop,
    .subtitleTop .bg { height:320px; }
    .subtitleTop .subTitle h2 { font-size:38px; }
    .subtitleTop .location i { width:auto; margin-right:25px;}
    .subtitleTop .location .depthMenu { margin:0 10px; width:180px; }
    .subtitleTop .location .depthMenu:before { left:-10px; }
    .subtitleTop .location .depthMenu .stit { font-size:17px; padding:0 10px; }
    .subtitleTop .location .depthMenu.dep2 { max-width:210px; }
    .subtitleTop .location .submenu-box { top:40px; }
    .subtitleTop .location .submenu-box ul { padding:20px 10px; }
    .subtitleTop .location .submenu-box li:not(:last-child) { margin-bottom:13px; }
    .subtitleTop .location .submenu-box li a { font-size:15px; } 
}
@media screen and (max-width:480px){
    .subtitleTop .location i { margin-right:14px;}
    .subtitleTop .location .depthMenu { margin:0 5px; }
    .subtitleTop .location .depthMenu:before { left:-5px; }
    .subtitleTop .location .depthMenu .stit { font-size:16px; padding:0 8px; }
    .subtitleTop .location .submenu-box ul { padding:20px 10px; }
    .subtitleTop .location .submenu-box { top:30px; }
    .subtitleTop .location .submenu-box li a { font-size:14px; } 
}

/* animation */
.subtitleTop .subTitle h2 { opacity:0; }
.subtitleTop .subTitle p { overflow:hidden; }
.subtitleTop .subTitle p span { opacity:0; display:block; }
.subtitleTop .subTitle h2 { animation:blur_txt 0.8s 0.3s; animation-fill-mode:both; }
.subtitleTop .subTitle p span { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }


#contents { padding:150px 100px 200px 100px; }
@media screen and (max-width:1280px){
    #contents { padding:100px 50px 150px 50px; }
}
@media screen and (max-width:1024px){	
	#contents { padding:60px 0 100px; }
    #contents > article { padding:0 20px; }
}
@media screen and (max-width:640px){	
	#contents { padding:40px 0 80px; overflow:hidden; }
}


.subtitle { position:relative; padding-bottom:120px; border-bottom:1px solid #ddd; margin-bottom:180px; }
.subtitle:before { content:""; display:block; position:absolute; left:0; bottom:-1px; width:300px; height:1px; background-color:#005F30; }
.subtitle h3.stit { color:#005f30; letter-spacing:-0.02em; font-size:24px; font-weight:700; line-height:1.2; }
.subtitle h3.stit span { font-weight:700; }
.subtitle .tit { margin-top:10px; }
.subtitle .tit h4 { color:#111; letter-spacing:-0.02em; font-size:84px; font-weight:500; line-height:1.3 }
.subtitle p.stxt { margin-top:20px; color:#555; letter-spacing:-0.02em; font-size:20px; font-weight:300; line-height:1.3; word-break:keep-all; }
.subtitle p.stxt span { font-weight:300; color:#005F30; }
@media screen and (max-width:1280px){
    .subtitle { padding-bottom:100px; margin-bottom:120px; }
    .subtitle:before { width:200px; }
    .subtitle h3.stit { font-size:22px; }
    .subtitle .tit { margin-top:10px; }
    .subtitle .tit h4 { font-size:58px; }
    .subtitle p.stxt { margin-top:15px; font-size:18px; }
}
@media screen and (max-width:1024px){
    .subtitle { padding-bottom:80px; margin-bottom:100px; }
    .subtitle:before { width:140px; }
    .subtitle h3.stit { font-size:20px; }
    .subtitle .tit { margin-top:10px; }
    .subtitle .tit h4 { font-size:42px; }
    .subtitle p.stxt { margin-top:10px; font-size:17px; }
    .subtitle p.stxt br { display:none; }
}
@media screen and (max-width:640px){
    .subtitle { padding-bottom:50px; margin-bottom:60px; }
    .subtitle:before { width:100px; }
    .subtitle h3.stit { font-size:18px; }
    .subtitle .tit { margin-top:8px; }
    .subtitle .tit h4 { font-size:34px; }
    .subtitle p.stxt { margin-top:8px; font-size:16px; }
}

/* animation */
.subtitle h3.stit { overflow:hidden; }
.subtitle h3.stit span { opacity:0; display:block; }
.subtitle h3.stit span { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.subtitle .tit { overflow:hidden; }
.subtitle .tit h4 { opacity:0; }
.subtitle .tit h4 { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.subtitle p.stxt { animation:ani_4 0.8s 0.8s; animation-fill-mode:both; }


/* company */
.company-box .stit h4 { color:#111; letter-spacing:-0.02em; font-size:48px; font-weight:600; line-height:1.3 }
.company-box .topline { padding-top:180px; border-top:1px solid #ddd; margin-top:180px; } 
.company-box .overviewCont-1 { display:flex; align-items:center; flex-direction:row-reverse; }
.company-box .overviewCont-1 .txtbox { width:65%; padding-right:10%; }
.company-box .overviewCont-1 .txtbox dt { color:#111; letter-spacing:-0.02em; font-size:72px; font-weight:300; line-height:1.3 }
.company-box .overviewCont-1 .txtbox dt strong { font-weight:700; }
.company-box .overviewCont-1 .txtbox dd { margin-top:65px; color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:300; line-height:1.8; word-break:keep-all }
.company-box .overviewCont-1 .imgbox { width:45%; position:relative; text-align:right; padding-bottom:56px }
.company-box .overviewCont-1 .imgbox .imgb-1 img { width:100%; }
.company-box .overviewCont-1 .imgbox .imgb-2 { position:absolute; left:-20%; bottom:0; margin-right:70% }
.company-box .overviewCont-1 .imgbox .imgb-2 img { max-width:100% }
.company-box .overviewCont-2 .listbox { margin-top:80px; }
.company-box .overviewCont-2 .listbox > ul { display:flex; flex-wrap:wrap; gap:33px; }
.company-box .overviewCont-2 .listbox > ul > li { width:calc((100% - 99px) / 4); display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; height:452px; box-shadow:0px 0px 20px rgba(0, 95, 48, 0.25); border-radius:40px; }
.company-box .overviewCont-2 .listbox > ul > li .icon { min-height:100px; }
.company-box .overviewCont-2 .listbox > ul > li dt { margin-top:45px; color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:400; }
.company-box .overviewCont-2 .listbox > ul > li dd { margin-top:15px; color:#111; letter-spacing:-0.02em; font-size:25px; font-weight:600; }
.company-box .overviewCont-3 .overview-img { position:relative; margin-top:80px; }
.company-box .overviewCont-3 .overview-img .imgbox li { position:relative; }
.company-box .overviewCont-3 .overview-img .imgbox li:before {content:""; display:block; padding-bottom:43.4%; }
.company-box .overviewCont-3 .overview-img .imgbox li img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.company-box .overviewCont-3 .overview-img .txtbox { position:absolute; left:0; bottom:2px; width:100%; }
.company-box .overviewCont-3 .overview-img .txtbox ul { display:flex; justify-content:center; align-items:flex-end; padding:0 12%; }
.company-box .overviewCont-3 .overview-img .txtbox li { width:33.33%; margin:0 1px; }
.company-box .overviewCont-3 .overview-img .txtbox li a { width:100%; height:87px; display:flex; align-items:center; justify-content:center; color:#fff; letter-spacing:-0.02em; font-size:20px; font-weight:400; background:rgba(101, 101, 101, 0.6); transition:all 0.3s ease-in-out; border-radius:20px 20px 0 0 }
.company-box .overviewCont-3 .overview-img .txtbox li.on a { height:97px; font-weight:600; background:#005f30; }
.company-box .overviewCont-3 .overview-img .txtbox li a img { margin-right:10px; }
.company-box .overviewCont-3 .overview-img .txtbox li.on a img { margin-right:9px; }
.company-box .overviewCont-4 .listbox { margin-top:80px; }
.company-box .overviewCont-4 .listbox > ul { display:flex; flex-wrap:wrap; gap:33px; }
.company-box .overviewCont-4 .listbox > ul > li { position:relative; width:calc((100% - 99px) / 4); height:265px; box-shadow:0px 0px 25px rgba(0, 95, 48, 0.1); border-radius:50px; }
.company-box .overviewCont-4 .listbox > ul > li .txt { padding:50px; color:#000; letter-spacing:-0.02em; font-size:20px; font-weight:400; line-height:1.5; }
.company-box .overviewCont-4 .listbox > ul > li .icon { position:absolute; right:40px; bottom:40px; }
@media screen and (max-width:1800px){
    .company-box .overviewCont-1 .txtbox dt { font-size:55px; }
    .company-box .overviewCont-4 .listbox > ul { gap:20px; }
    .company-box .overviewCont-4 .listbox > ul > li { position:relative; width:calc((100% - 60px) / 4); }
    .company-box .overviewCont-4 .listbox > ul > li .txt { padding:30px; font-size:19px; }
}
@media screen and (max-width:1400px){
    .company-box .overviewCont-1 .txtbox dt { font-size:55px; }
    .company-box .overviewCont-2 .listbox > ul > li { height:350px; }
    .company-box .overviewCont-3 .overview-img .txtbox ul { padding:0 10%; }
    .company-box .overviewCont-4 .listbox > ul { gap:20px; }
    .company-box .overviewCont-4 .listbox > ul > li { position:relative; width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:1280px){
    .company-box .stit h4 { font-size:44px; }
    .company-box .topline { padding-top:120px; margin-top:120px; } 
    .company-box .overviewCont-1 .txtbox dt { font-size:40px; }
    .company-box .overviewCont-1 .txtbox dd { margin-top:50px; font-size:19px; }
    .company-box .overviewCont-1 .txtbox dd br { display:none }
    .company-box .overviewCont-2 .listbox > ul { gap:20px; }
    .company-box .overviewCont-2 .listbox > ul > li { width:calc((100% - 60px) / 4); height:320px; }
    .company-box .overviewCont-2 .listbox > ul > li dt { margin-top:35px; font-size:19px; }
    .company-box .overviewCont-2 .listbox > ul > li dd { margin-top:12px; font-size:23px; }
    .company-box .overviewCont-3 .overview-img .txtbox ul { padding:0; }
}
@media screen and (max-width:1024px){
    .company-box .stit h4 { font-size:36px; }
    .company-box .topline { padding-top:100px; margin-top:100px; } 
    .company-box .overviewCont-1 .txtbox dt { font-size:34px; }
    .company-box .overviewCont-1 .txtbox dd { margin-top:40px; font-size:18px; }
    .company-box .overviewCont-2 .listbox,
    .company-box .overviewCont-3 .overview-img,
    .company-box .overviewCont-4 .listbox { margin-top:60px; }
    .company-box .overviewCont-2 .listbox > ul { gap:20px; }
    .company-box .overviewCont-2 .listbox > ul > li { width:calc((100% - 20px) / 2); height:300px; }
    .company-box .overviewCont-2 .listbox > ul > li dt { font-size:18px; }
    .company-box .overviewCont-2 .listbox > ul > li dd { font-size:22px; }
    .company-box .overviewCont-3 .overview-img .txtbox li a { height:74px; font-size:18px; }
    .company-box .overviewCont-3 .overview-img .txtbox li.on a { height:84px; }
    .company-box .overviewCont-3 .overview-img .imgbox li:before { padding-bottom:50%; }
    .company-box .overviewCont-4 .listbox > ul > li .txt { padding:30px; font-size:18px; }
    .company-box .overviewCont-4 .listbox > ul > li .icon { right:30px; bottom:30px; }
}
@media screen and (max-width:860px){
    .company-box .overviewCont-1 { flex-direction:row; flex-wrap:wrap; }
    .company-box .overviewCont-1 .imgbox { margin-left:17%; width:83%; }
    .company-box .overviewCont-1 .txtbox { width:100%; padding-right:0; margin-top:40px; }
    .company-box .overviewCont-1 .txtbox dt br { display:none }
    .company-box .overviewCont-1 .txtbox dt strong { display:block }
    .company-box .overviewCont-4 .listbox > ul > li { position:relative; width:calc((100% - 20px) / 2); height:220px; border-radius:30px; }
}
@media screen and (max-width:640px){
    .company-box .stit h4 { font-size:24px; }
    .company-box .topline { padding-top:60px; margin-top:60px; } 
    .company-box .overviewCont-1 .txtbox dt { font-size:26px; }
    .company-box .overviewCont-1 .txtbox dd { margin-top:30px; font-size:16px; }
    .company-box .overviewCont-2 .listbox,
    .company-box .overviewCont-3 .overview-img,
    .company-box .overviewCont-4 .listbox { margin-top:40px; }
    .company-box .overviewCont-2 .listbox > ul { gap:10px; }
    .company-box .overviewCont-2 .listbox > ul > li { width:calc((100% - 10px) / 2); height:240px; }
    .company-box .overviewCont-2 .listbox > ul > li dt { margin-top:30px; font-size:16px; }
    .company-box .overviewCont-2 .listbox > ul > li dd { margin-top:10px; font-size:20px; }
    .company-box .overviewCont-2 .listbox > ul > li .icon { min-height:80px; }
    .company-box .overviewCont-2 .listbox > ul > li .icon img { width:80%; }
    .company-box .overviewCont-3 .overview-img .txtbox li a { height:64px; font-size:16px; border-radius:10px 10px 0 0 }
    .company-box .overviewCont-3 .overview-img .txtbox li.on a { height:74px; }
    .company-box .overviewCont-3 .overview-img .imgbox li:before { padding-bottom:60%; }
    .company-box .overviewCont-4 .listbox > ul { gap:10px; }
    .company-box .overviewCont-4 .listbox > ul > li { position:relative; width:calc((100% - 10px) / 2); height:200px;  }
    .company-box .overviewCont-4 .listbox > ul > li .txt { padding:20px; font-size:16px; }
    .company-box .overviewCont-4 .listbox > ul > li .icon { right:20px; bottom:20px; }
}
@media screen and (max-width:480px){
    .company-box .overviewCont-3 .overview-img .txtbox li a { height:54px; }
    .company-box .overviewCont-3 .overview-img .txtbox li.on a { height:64px; }
    .company-box .overviewCont-3 .overview-img .txtbox li a img { display:none; }
}

/* animation */
.company-box .stit { opacity:0; }
.company-box .subtitle h3.stit { opacity:1; }
.company-box .stit.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .overviewCont-1 .imgbox > div { position:relative;}
.company-box .overviewCont-1 .imgbox > div:before { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; transition:width 0.8s, opacity 1.5s; z-index:1 }
.company-box .overviewCont-1 .imgbox > div:before { right:0; top:0; transition:width 1.5s, opacity 1.5s; }
.company-box .overviewCont-1 .imgbox .imgb-2:before { left:0; top:0; }
.company-box .overviewCont-1 .imgbox.subOn > div:before { width:0; opacity:0; }
.company-box .overviewCont-1 .txtbox dt,
.company-box .overviewCont-1 .txtbox dd { opacity:0; }
.company-box .overviewCont-1 .txtbox.subOn dt { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .overviewCont-1 .txtbox.subOn dd { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.company-box .overviewCont-2 .listbox > ul > li { opacity:0; }
.company-box .overviewCont-2 .listbox.subOn > ul > li:nth-child(1) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.company-box .overviewCont-2 .listbox.subOn > ul > li:nth-child(2) { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
.company-box .overviewCont-2 .listbox.subOn > ul > li:nth-child(3) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.company-box .overviewCont-2 .listbox.subOn > ul > li:nth-child(4) { animation:ani_4 0.8s 1.1s; animation-fill-mode:both; }
.company-box .overviewCont-3 .overview-img { opacity:0; }
.company-box .overviewCont-3 .overview-img.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.company-box .overviewCont-4 .listbox > ul > li { opacity:0; }
.company-box .overviewCont-4 .listbox.subOn > ul > li { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
    .company-box .overviewCont-4 .listbox.subOn > ul > li { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}

.company-box .ceo-box { display:flex; flex-wrap:wrap; align-items:center; }
.company-box .ceo-box .imgbox { width:37%; }
.company-box .ceo-box .imgbox .img_ceo { position:relative; }
.company-box .ceo-box .imgbox .img_ceo img { max-width:100%; }
.company-box .ceo-box .imgbox .txt { margin-top:10px; color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:200; text-align:center; }
.company-box .ceo-box .imgbox .txt strong { font-size:30px; font-weight:700; display:inline-block; margin:0 16px 0 10px; }
.company-box .ceo-box .imgbox .txt img { vertical-align:middle; }
.company-box .ceo-box .txtbox { width:calc(100% - 37%); padding-left:6%; }
.company-box .ceo-box .txtbox .txt_top { color:#111; letter-spacing:-0.02em; font-size:50px; font-weight:200; line-height:1.4; word-break:keep-all }
.company-box .ceo-box .txtbox .txt_top strong { font-weight:600; }
.company-box .ceo-box .txtbox .txtCont { display:flex; margin-top:75px; }
.company-box .ceo-box .txtbox .txtCont .txt-1 { width:40%; }
.company-box .ceo-box .txtbox .txtCont .txt-1 li:not(:last-child) { margin-bottom:15px; }
.company-box .ceo-box .txtbox .txtCont .txt-1 li { color:#333; letter-spacing:-0.02em; font-size:23px; font-weight:500; line-height:1.3 }
.company-box .ceo-box .txtbox .txtCont .txt-2 { width:60%; padding-left:5%; border-left:1px solid #e6e6e6; }
.company-box .ceo-box .txtbox .txtCont .txt-2 li:not(:last-child) { margin-bottom:12px; }
.company-box .ceo-box .txtbox .txtCont .txt-2 li { color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:300; line-height:1.3 }
@media screen and (max-width:1900px){
    .company-box .ceo-box .txtbox .txt_top br { display:none }
}
@media screen and (max-width:1720px){
    .company-box .ceo-box .txtbox .txt_top { font-size:40px; }
    .company-box .ceo-box .txtbox .txtCont { flex-direction:column; margin-top:50px; }
    .company-box .ceo-box .txtbox .txtCont .txt-1 { width:100%; }
    .company-box .ceo-box .txtbox .txtCont .txt-1 ul { display:flex; flex-wrap:wrap; }
    .company-box .ceo-box .txtbox .txtCont .txt-1 li { width:50%; font-size:22px; }
    .company-box .ceo-box .txtbox .txtCont .txt-2 { width:100%; padding:30px 0 0; margin-top:15px; border-top:1px solid #e6e6e6; border-left:none; }
}
@media screen and (max-width:1580px){
    .company-box .ceo-box .txtbox .txt_top { font-size:32px; }
}
@media screen and (max-width:1400px){
    .company-box .ceo-box .imgbox .txt { font-size:18px; }
    .company-box .ceo-box .imgbox .txt strong { font-size:26px; }
    .company-box .ceo-box .txtbox { padding-left:5%; }
    .company-box .ceo-box .txtbox .txt_top { font-size:28px; }
    .company-box .ceo-box .txtbox .txtCont { margin-top:40px; }
    .company-box .ceo-box .txtbox .txtCont .txt-1 li { font-size:20px; }
    .company-box .ceo-box .txtbox .txtCont .txt-2 { padding:25px 0 0; margin-top:10px; }
    .company-box .ceo-box .txtbox .txtCont .txt-2 li { font-size:18px; }
}
@media screen and (max-width:1280px){
    .company-box .ceo-box .imgbox .txt { font-size:17px; }
    .company-box .ceo-box .imgbox .txt strong { font-size:24px; }
    .company-box .ceo-box .imgbox .txt img { height:70px; }
    .company-box .ceo-box .txtbox { padding-left:4%; }
    .company-box .ceo-box .txtbox .txt_top { font-size:24px; }
    .company-box .ceo-box .txtbox .txtCont { margin-top:30px; }
    .company-box .ceo-box .txtbox .txtCont .txt-1 li { font-size:18px; }
    .company-box .ceo-box .txtbox .txtCont .txt-2 { padding:20px 0 0; margin-top:5px; }
    .company-box .ceo-box .txtbox .txtCont .txt-2 li { font-size:17px; }
}
@media screen and (max-width:960px){
    .company-box .ceo-box .imgbox .txt { font-size:16px; }
    .company-box .ceo-box .imgbox .txt strong { font-size:22px; }
    .company-box .ceo-box .imgbox .txt img { height:65px; }
    .company-box .ceo-box .txtbox { padding-left:4%; }
    .company-box .ceo-box .txtbox .txt_top { font-size:22px; }
    .company-box .ceo-box .txtbox .txtCont { margin-top:25px; }
    .company-box .ceo-box .txtbox .txtCont .txt-1 li { font-size:16px; width:100%;}
    .company-box .ceo-box .txtbox .txtCont .txt-1 li:not(:last-child) { margin-bottom:10px; }
    .company-box .ceo-box .txtbox .txtCont .txt-2 { padding:20px 0 0; margin-top:20px; }
    .company-box .ceo-box .txtbox .txtCont .txt-2 li { font-size:15px; }
}
@media screen and (max-width:760px){
    .company-box .ceo-box .imgbox { width:100%; max-width:420px; margin:0 auto; padding:0 40px; }
    .company-box .ceo-box .txtbox { width:100%; padding-left:0; margin-top:30px; }
    .company-box .ceo-box .txtbox .txt_top { font-size:20px; }
}
/* animation */
.company-box .ceo-box .imgbox .img_ceo:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; }
.company-box .ceo-box .imgbox.subOn .img_ceo:after { animation:ani_h100 1.0s 0.5s; animation-fill-mode:both; }
.company-box .ceo-box .imgbox .txt { opacity:0; }
.company-box .ceo-box .imgbox.subOn .txt { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
.company-box .ceo-box .txtbox .txt_top,
.company-box .ceo-box .txtbox .txtCont { opacity:0; }
.company-box .ceo-box .txtbox.subOn .txt_top { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .ceo-box .txtbox.subOn .txtCont { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }

.company-box .location-box .map-box:not(:first-child) { margin-top:180px; padding-top:180px; border-top:1px solid #ddd; } 
.company-box .location-box .map-box .mapCont,
.company-box .location-box .map-box .mapCont > div,
.company-box .location-box .map-box .mapCont .wrap_map { width:100% !important; height:630px !important; }
.company-box .location-box .map-box .mapCont iframe { height:630px; width:100%; }
.company-box .location-box .map-box .info-box { margin-top:55px; }
.company-box .location-box .map-box .info-box dl { display:flex; flex-wrap:wrap; }
.company-box .location-box .map-box .info-box dl dt { width:380px; color:#111; letter-spacing:-0.02em; font-size:48px; font-weight:600; line-height:1.3 }
.company-box .location-box .map-box .info-box dl dt span { display:block; font-size:31px; font-weight:400; }
.company-box .location-box .map-box .info-box dl dd { width:calc(100% - 380px); padding-top:5px; }
.company-box .location-box .map-box .info-box dl dd ul { display:flex; flex-wrap:wrap; gap:30px 20px; }
.company-box .location-box .map-box .info-box dl dd ul li:nth-child(1) { width:calc(50% - 20px); } 
.company-box .location-box .map-box .info-box dl dd ul li:nth-child(2),
.company-box .location-box .map-box .info-box dl dd ul li:nth-child(3) { width:calc(25% - 20px); }
.company-box .location-box .map-box .info-box dl dd ul li { display:flex; gap:0 17px; color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:300; line-height:1.3; }
.company-box .location-box .map-box .info-box dl dd ul li strong { color:#111; font-size:23px; font-weight:600; white-space:nowrap; }
.company-box .location-box .map-box .info-box dl dd ul li .txt { word-break:keep-all }
.company-box .location-box .map-box .info-box dl dd ul li .txt span { display:block; font-size:15px; font-weight:200; margin-top:8px; }
@media screen and (max-width:1720px){
    .company-box .location-box .map-box .info-box dl dt { width:260px; }
    .company-box .location-box .map-box .info-box dl dd { width:calc(100% - 260px); }
}
@media screen and (max-width:1600px){
    .company-box .location-box .map-box .info-box dl dt { width:220px; font-size:42px; }
    .company-box .location-box .map-box .info-box dl dt span { font-size:28px; }
    .company-box .location-box .map-box .info-box dl dd { width:calc(100% - 220px); }
    .company-box .location-box .map-box .info-box dl dd ul li { gap:0 15px; font-size:19px; }
    .company-box .location-box .map-box .info-box dl dd ul li strong { font-size:21px; }
    .company-box .location-box .map-box .info-box dl dd ul li .txt span { font-size:15px; margin-top:8px; }
}
@media screen and (max-width:1500px){
    .company-box .location-box .map-box .info-box dl dd ul li:nth-child(1) { width:100%; } 
    .company-box .location-box .map-box .info-box dl dd ul li:nth-child(2),
    .company-box .location-box .map-box .info-box dl dd ul li:nth-child(3) { width:calc(50% - 20px); }
}
@media screen and (max-width:1280px){
    .company-box .location-box .map-box:not(:first-child) { margin-top:120px; padding-top:120px; } 
    .company-box .location-box .map-box .mapCont,
    .company-box .location-box .map-box .mapCont > div,
    .company-box .location-box .map-box .mapCont .wrap_map { height:500px !important; }
    .company-box .location-box .map-box .mapCont iframe { height:500px; }
}
@media screen and (max-width:1024px){
    .company-box .location-box .map-box:not(:first-child) { margin-top:100px; padding-top:100px; } 
    .company-box .location-box .map-box .mapCont,
    .company-box .location-box .map-box .mapCont > div,
    .company-box .location-box .map-box .mapCont .wrap_map { height:420px !important; }
    .company-box .location-box .map-box .mapCont iframe { height:420px; }
    .company-box .location-box .map-box .info-box { margin-top:40px; }
    .company-box .location-box .map-box .info-box dl dt { width:200px; font-size:32px; }
    .company-box .location-box .map-box .info-box dl dt span { font-size:22px; }
    .company-box .location-box .map-box .info-box dl dd { width:calc(100% - 200px); }
    .company-box .location-box .map-box .info-box dl dd ul { gap:20px 20px; }
    .company-box .location-box .map-box .info-box dl dd ul li { gap:0 15px; font-size:16px; }
    .company-box .location-box .map-box .info-box dl dd ul li strong { font-size:18px; }
    .company-box .location-box .map-box .info-box dl dd ul li .txt span { font-size:15px; }
}
@media screen and (max-width:640px){
    .company-box .location-box .map-box:not(:first-child) { margin-top:60px; padding-top:60px; } 
    .company-box .location-box .map-box .mapCont,
    .company-box .location-box .map-box .mapCont > div,
    .company-box .location-box .map-box .mapCont .wrap_map { height:340px !important; }
    .company-box .location-box .map-box .mapCont iframe { height:340px; }
    .company-box .location-box .map-box .info-box { margin-top:40px; }
    .company-box .location-box .map-box .info-box dl dt { width:100%; font-size:26px; }
    .company-box .location-box .map-box .info-box dl dt span { font-size:19px; display:inline-block }
    .company-box .location-box .map-box .info-box dl dd { width:100%; margin-top:10px; }
}
@media screen and (max-width:500px){
    .company-box .location-box .map-box .mapCont,
    .company-box .location-box .map-box .mapCont > div,
    .company-box .location-box .map-box .mapCont .wrap_map { height:300px !important; }
    .company-box .location-box .map-box .mapCont iframe { height:300px; }
    .company-box .location-box .map-box .info-box dl dd ul { gap:15px 0; }
    .company-box .location-box .map-box .info-box dl dd ul li:nth-child(2),
    .company-box .location-box .map-box .info-box dl dd ul li:nth-child(3) { width:100%; }
    .company-box .location-box .map-box .info-box dl dd ul li strong { width:70px; }
    .company-box .location-box .map-box .info-box dl dd ul li .txt { width:calc(100% - 70px); }
}

/* animation */
.company-box .location-box .map-box .mapCont,
.company-box .location-box .map-box .info-box { opacity:0; }
.company-box .location-box .map-box .mapCont.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .location-box .map-box .info-box.subOn { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
 
.company-box .organization-1 { text-align:center; }
.company-box .organization-1 .org-1 .box { color:#fff; letter-spacing:-0.02em; font-size:35px; font-weight:600; width:100%; height:100%; border-radius:50%; background:#005f30; display:flex; align-items:center; justify-content:center; }
.company-box .organization-1 .org-1 { box-shadow:0px 20px 25px rgba(0, 95, 48, 0.15); border-radius:50%; background:#fff; width:276px; height:276px; padding:32px; margin:0 auto; }
.company-box .organization-1 .org-2 { position:relative; margin-top:115px; }
.company-box .organization-1 .org-2:before {content:""; display:block; position:absolute; left:50%; top:-115px; width:1px; height:115px; background-color:#c6c6c6; }
.company-box .organization-1 .org-2:after {content:""; display:block; position:absolute; left:50%; top:-118px; transform:translate(-50%); width:6px; height:6px; background-color:#005f30; border-radius:50%; }
.company-box .organization-1 .org-2 .box-1 { position:relative; }
.company-box .organization-1 .org-2 .box-1:before {content:""; display:block; position:absolute; left:50%; bottom:-291px; width:1px; height:291px; background-color:#c6c6c6; }
.company-box .organization-1 .org-2 .box-1 span { z-index:2; position:relative; margin:0 auto; width:300px; height:85px; border-radius:100px; color:#fff; letter-spacing:-0.02em; font-size:20px; font-weight:500; background:#03964d; display:flex; align-items:center; justify-content:center; }
.company-box .organization-1 .org-2 .box-1 span:after {content:""; display:block; position:absolute; left:50%; top:-3px; transform:translateX(-50%); width:6px; height:6px; background-color:#005f30; border-radius:50%; }
.company-box .organization-1 .org-2 .box-2 { position:relative; margin-top:84px; display:flex; }
.company-box .organization-1 .org-2 .box-2 > div { width:50%; }
.company-box .organization-1 .org-2 .box-s1 ul { position:relative; display:flex; gap:0 15.5%; padding-right:24%; }
.company-box .organization-1 .org-2 .box-s1 ul li { position:relative; width:calc((100% - 15.5%) / 2); }
.company-box .organization-1 .org-2 .box-s1 ul li:before {content:""; display:block; position:absolute; left:50%; top:-126px; width:calc(100% + 40%); height:1px; background-color:#c6c6c6; }
.company-box .organization-1 .org-2 .box-s1 ul li span { position:relative; margin:0 auto; width:100%; height:85px; border-radius:10px; color:#fff; letter-spacing:-0.02em; font-size:20px; font-weight:500; background:#8ec478; display:flex; align-items:center; justify-content:center; }
.company-box .organization-1 .org-2 .box-s1 ul li span:after {content:""; display:block; position:absolute; left:50%; top:-3px; transform:translateX(-50%); width:6px; height:6px; background-color:#005f30; border-radius:50%; }
.company-box .organization-1 .org-2 .box-s1 ul li span:before {content:""; display:block; position:absolute; left:50%; top:-126px; width:1px; height:126px; background-color:#c6c6c6; }
.company-box .organization-1 .org-2 .box-s2 { position:relative; padding:0 16.95%; width:50%; }
.company-box .organization-1 .org-2 .box-s2:before {content:""; display:block; position:absolute; left:0; top:50%; width:50%; height:1px; border-top:1px dashed #c6c6c6 }
.company-box .organization-1 .org-2 .box-s2:after {content:""; display:block; position:absolute; left:50%; bottom:-125px; margin-left:3px; width:1px; height:125px; background-color:#c6c6c6; }
.company-box .organization-1 .org-2 .box-s2 .sbox { position:relative; margin:0 auto; width:100%; height:85px; border-radius:10px; color:#fff; letter-spacing:-0.02em; font-size:20px; font-weight:500; background:#8ec478; display:flex; align-items:center; justify-content:center; }
.company-box .organization-1 .org-3 { position:relative; margin-top:228px; }
.company-box .organization-1 .org-3 .box ul { position:relative; display:flex; gap:0 12px; }
.company-box .organization-1 .org-3 .box ul:before {content:""; display:block; position:absolute; left:calc(8% + 1px); top:-106px; width:calc(100% - 16% - 1px); height:1px; background-color:#c6c6c6; }
.company-box .organization-1 .org-3 .box li { position:relative; width:calc((100% - 60px) / 6); }
.company-box .organization-1 .org-3 .box li span { position:relative; margin:0 auto; width:100%; height:85px; border-radius:10px; color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:300; background:#f6f6f6; display:flex; align-items:center; justify-content:center; }
.company-box .organization-1 .org-3 .box li span:after {content:""; display:block; position:absolute; left:50%; top:-3px; transform:translateX(-50%); width:6px; height:6px; background-color:#005f30; border-radius:50%; }
.company-box .organization-1 .org-3 .box li span:before {content:""; display:block; position:absolute; left:50%; top:-106px; width:1px; height:106px; background-color:#c6c6c6; }
.company-box .organization-2 .org2-box { margin-top:180px; display:flex; flex-wrap:wrap; align-items:flex-start; text-align:center; }
.company-box .organization-2 .org2-box > div { width:50%; }
.company-box .organization-2 .org2-box .box1 { position:relative; }
.company-box .organization-2 .org2-box .box1 .org-1 { position:relative; z-index:2; display:flex; align-items:center; gap:0 18%; padding-right:0; }
.company-box .organization-2 .org2-box .box1 .org-1 > div { width:calc(50% - 18%); }
.company-box .organization-2 .org2-box .box1 .org-1 .org-s2 .box-o:first-child { margin-bottom:245px; }
.company-box .organization-2 .org2-box .box1 .org-1 .box-o span { position:relative; width:100%; height:85px; border-radius:10px; color:#fff; letter-spacing:-0.02em; font-size:20px; font-weight:500; background:#8ec478; display:flex; align-items:center; justify-content:center; }
.company-box .organization-2 .org2-box .box1 .org-1 .box-o span:after {content:""; display:block; position:absolute; left:50%; bottom:-3px; transform:translateX(-50%); width:6px; height:6px; background-color:#005f30; border-radius:50%; }
.company-box .organization-2 .org2-box .box1 .org-1 .box-o span:before {content:""; display:block; position:absolute; left:50%; bottom:-150px; width:1px; height:150px; background-color:#c6c6c6; }
.company-box .organization-2 .org2-box .box1 .org-1 .org-s1 .box-o span:after { left:unset; right:-6px; top:50%; bottom:unset; transform:translate(-50%, 0); margin-top:-3px; }
.company-box .organization-2 .org2-box .box1 .org-1 .org-s1 .box-o span:before { left:unset; right:-150px; bottom:unset; width:150px; height:1px; }
.company-box .organization-2 .org2-box .box1 .org-1 .org-s2 .box-o:nth-child(2) span:after { top:-3px; bottom:unset; }
.company-box .organization-2 .org2-box .box1 .org-1 .org-s2 .box-o:nth-child(2) span:before { top:-150px; bottom:unset; }
.company-box .organization-2 .org2-box .box1 .org-s3 { position:absolute; right:18%; top:50%; transform:translateY(-50%); }
.company-box .organization-2 .org2-box .box1 .org-s3 span { z-index:2; position:relative; height:85px; border-radius:100px; color:#fff; letter-spacing:-0.02em; font-size:20px; font-weight:500; background:#03964d; display:flex; align-items:center; justify-content:center; }
.company-box .organization-2 .org2-box .box2 { padding-left:20px; margin-top:165px; }
.company-box .organization-2 .org2-box .box2 dt { position:relative; width:100%; height:85px; border-radius:10px; color:#fff; letter-spacing:-0.02em; font-size:20px; font-weight:500; background:#8ec478; display:flex; align-items:center; justify-content:center; }
.company-box .organization-2 .org2-box .box2 dt:after {content:""; display:block; position:absolute; top:50%; left:-3px; transform:translateY(-50%); width:6px; height:6px; background-color:#005f30; border-radius:50%; }
.company-box .organization-2 .org2-box .box2 dt:before {content:""; display:block; position:absolute; top:50%; left:-180px; width:180px; height:1px; background-color:#c6c6c6; }
.company-box .organization-2 .org2-box .box2 dd ul { margin-top:5px; gap:5px; display:flex; flex-wrap:wrap; }
.company-box .organization-2 .org2-box .box2 dd ul li { width:calc((100% - 10px) / 3);}
.company-box .organization-2 .org2-box .box2 dd ul li span { position:relative; margin:0 auto; width:100%; height:85px; border-radius:10px; color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:300; background:#f6f6f6; display:flex; align-items:center; justify-content:center; }
@media screen and (max-width:1600px){
    .company-box .organization-1 .org-3 .box ul:before { left:8%; top:-106px; width:calc(100% - 16%); }
}
@media screen and (max-width:1280px){
    .company-box .organization-1 .org-1 .box { font-size:30px; }
    .company-box .organization-1 .org-1 { width:240px; height:240px; padding:28px; }
    .company-box .organization-1 .org-3 .box ul:before { left:calc(8% - 1px); top:-106px; width:calc(100% - 16% + 3px); }
    .company-box .organization-1 .org-2 .box-1 span { width:260px; font-size:19px; }
    .company-box .organization-1 .org-2 .box-s1 ul li span,
    .company-box .organization-1 .org-2 .box-s2 .sbox,
    .company-box .organization-1 .org-3 .box li span,
    .company-box .organization-2 .org2-box .box1 .org-1 .box-o span,
    .company-box .organization-2 .org2-box .box1 .org-s3 span,
    .company-box .organization-2 .org2-box .box2 dt,
    .company-box .organization-2 .org2-box .box2 dd ul li span { font-size:19px; } 
    .company-box .organization-2 .org2-box .box1 .org-1 { gap:0 13%; }
    .company-box .organization-2 .org2-box .box1 .org-1 > div { width:calc(50% - 13%); }
    .company-box .organization-2 .org2-box .box1 .org-s3 { right:13%; }
    .company-box .organization-2 .org2-box { margin-top:120px; }
}
@media screen and (max-width:1024px){
    .company-box .organization-1 .org-1 .box { font-size:24px; }
    .company-box .organization-1 .org-1 { width:180px; height:180px; padding:20px; }
    .company-box .organization-1 .org-2 { margin-top:80px; }
    .company-box .organization-1 .org-2:before { top:-80px; height:80px; }
    .company-box .organization-1 .org-2:after { top:-83px; }
    .company-box .organization-1 .org-3 .box ul:before { left:calc(8% - 1px); width:calc(100% - 16% + 3px); }
    .company-box .organization-1 .org-2 .box-1 span { width:200px; }
    .company-box .organization-1 .org-2 .box-1 span,
    .company-box .organization-1 .org-2 .box-s1 ul li span,
    .company-box .organization-1 .org-2 .box-s2 .sbox,
    .company-box .organization-1 .org-3 .box li span,
    .company-box .organization-2 .org2-box .box1 .org-1 .box-o span,
    .company-box .organization-2 .org2-box .box1 .org-s3 span,
    .company-box .organization-2 .org2-box .box2 dt,
    .company-box .organization-2 .org2-box .box2 dd ul li span { font-size:17px; } 
    .company-box .organization-1 .org-2 .box-1 span,
    .company-box .organization-1 .org-2 .box-s1 ul li span,
    .company-box .organization-1 .org-3 .box li span,
    .company-box .organization-1 .org-2 .box-s2 .sbox,
    .company-box .organization-2 .org2-box .box2 dt,
    .company-box .organization-2 .org2-box .box1 .org-s3 span,
    .company-box .organization-2 .org2-box .box1 .org-1 .box-o span,
    .company-box .organization-2 .org2-box .box2 dd ul li span { height:75px; }
    .company-box .organization-1 .org-2 .box-2 { margin-top:50px; }
    .company-box .organization-1 .org-2 .box-s1 ul li span:before { top:-88px; height:88px; }
    .company-box .organization-1 .org-2 .box-s1 ul li:before { top:-88px; }
    .company-box .organization-1 .org-2 .box-1:before { bottom:-180px; height:180px; }
    .company-box .organization-1 .org-2 .box-s2:after { bottom:-80px; margin-left:1px; height:80px; }
    .company-box .organization-1 .org-2 .box-s1 ul { gap:0 5%; }
    .company-box .organization-1 .org-2 .box-s1 ul li { width:calc((100% - 5%) / 2); }
    .company-box .organization-1 .org-2 .box-s2 { padding:0 16%; }
    .company-box .organization-1 .org-3 { margin-top:132px; }
    .company-box .organization-1 .org-3 .box ul:before { top:-78px; }
    .company-box .organization-1 .org-3 .box li span:before { top:-78px; height:78px; }
    .company-box .organization-1 .org-3 .box ul { gap:0 5px; }
    .company-box .organization-1 .org-3 .box li { width:calc((100% - 25px) / 6); }
    .company-box .organization-2 .org2-box .box1 .org-1 { gap:0 13%; }
    .company-box .organization-2 .org2-box .box1 .org-1 > div { width:calc(50% - 13%); }
    .company-box .organization-2 .org2-box .box1 .org-s3 { right:13%; }
    .company-box .organization-2 .org2-box { margin-top:100px; }
    .company-box .organization-2 .org2-box .box2 { padding-left:0; }
}
@media screen and (max-width:860px){
    .company-box .organization-2 .org2-box .box1 .org-1 > div { }
    .company-box .organization-2 .org2-box > div { width:100%; }
    .company-box .organization-2 .org2-box .box1 .org-1 { gap:0 50px; }
    .company-box .organization-2 .org2-box .box1 .org-s1 { width:calc(33.33% - 25px) !important; }
    .company-box .organization-2 .org2-box .box1 .org-s2 { width:calc(66.66%  - 25px) !important; display:flex; gap:0 50px; margin-left:-1% }
    .company-box .organization-2 .org2-box .box1 .org-s2 > div { width:calc((100% - 50px) / 2) }
    .company-box .organization-2 .org2-box .box1 .org-s2 .box-o:first-child { margin-top:-120px; }
    .company-box .organization-2 .org2-box .box1 .org-s3 { width:calc(33.33% - 25px) !important; left:50%; right:unset; top:50%; transform:translate(-50%, -50%); }
    .company-box .organization-2 .org2-box .box1 .org-1 .org-s1 .box-o span:before { right:-80px; width:80px; }
    .company-box .organization-2 .org2-box .box1 .org-1 .org-s2 .box-o:first-child { margin-bottom:0; }
    .company-box .organization-2 .org2-box .box1 .org-1 .box-o span:before { bottom:-80px; width:1px; height:80px; }
    .company-box .organization-2 .org2-box .box1 .org-1 .org-s2 .box-o:nth-child(2) span:after { top:unset; bottom:unset; left:0; transform:translate(-50%, 0); }
    .company-box .organization-2 .org2-box .box1 .org-1 .org-s2 .box-o:nth-child(2) span:before { top:unset; bottom:unset; left:-80px; width:80px; height:1px; }
    .company-box .organization-2 .org2-box .box2 { margin-top:60px; }
    .company-box .organization-2 .org2-box .box2 dt:after { left:50%; top:-3px; transform:translate(-50%, 0); }
    .company-box .organization-2 .org2-box .box2 dt:before { left:50%; top:-60px; width:1px; height:60px; }
    .company-box .organization-2 .org2-box { margin-top:200px; }
}
@media screen and (max-width:640px){
    .company-box .organization-1 .org-1 .box { font-size:24px; }
    .company-box .organization-1 .org-1 { width:180px; height:180px; padding:20px; }
    .company-box .organization-1 .org-2 { margin-top:80px; }
    .company-box .organization-1 .org-2:before { top:-80px; height:80px; }
    .company-box .organization-1 .org-2:after { top:-83px; }
    .company-box .organization-1 .org-2 .box-1 span { width:160px; }
    .company-box .organization-1 .org-2 .box-1 span,
    .company-box .organization-1 .org-2 .box-s1 ul li span,
    .company-box .organization-1 .org-2 .box-s2 .sbox,
    .company-box .organization-1 .org-3 .box li span,
    .company-box .organization-2 .org2-box .box1 .org-1 .box-o span,
    .company-box .organization-2 .org2-box .box1 .org-s3 span,
    .company-box .organization-2 .org2-box .box2 dt,
    .company-box .organization-2 .org2-box .box2 dd ul li span { font-size:15px; } 
    .company-box .organization-1 .org-2 .box-1 span,
    .company-box .organization-1 .org-2 .box-s1 ul li span,
    .company-box .organization-1 .org-3 .box li span,
    .company-box .organization-1 .org-2 .box-s2 .sbox,
    .company-box .organization-2 .org2-box .box2 dt,
    .company-box .organization-2 .org2-box .box1 .org-s3 span,
    .company-box .organization-2 .org2-box .box1 .org-1 .box-o span,
    .company-box .organization-2 .org2-box .box2 dd ul li span { height:70px; }
    .company-box .organization-1 .org-2 .box-1:before { bottom:-175px; height:175px; }
    .company-box .organization-1 .org-2 .box-s1 ul { padding-right:15%; gap:0 3%; }
    .company-box .organization-1 .org-2 .box-s1 ul li { width:calc((100% - 3%) / 2); }
    .company-box .organization-1 .org-2 .box-s2 { padding:0 12%; }
    .company-box .organization-1 .org-3 .box ul:before { left:calc(8% - 2px); width:calc(100% - 16% + 5px); }
    .company-box .organization-2 .org2-box { margin-top:180px; }
    .company-box .organization-2 .org2-box .box1 .org-1 { gap:0 5px; }
    .company-box .organization-2 .org2-box .box1 .org-s1 { width:calc(33.33% - 5px) !important; }
    .company-box .organization-2 .org2-box .box1 .org-s2 { width:calc(66.66%  - 5px) !important; gap:0 10px; margin-left:1% }
    .company-box .organization-2 .org2-box .box1 .org-s2 > div { width:calc((100% - 10px) / 2) }
    .company-box .organization-2 .org2-box .box1 .org-s3 { width:calc(33.33% - 10px) !important; }
}

/* animation */
.company-box .organization-1,
.company-box .organization-2 .org2-box { opacity:0; }
.company-box .organization-1.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .organization-2 .org2-box.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }

.company-box .history-box { display:flex; gap:0 35px; position:relative; }
.company-box .history-box .imgbox { width:calc(100% - 775px); position:sticky; top:100px; max-height:600px; }
.company-box .history-box .imgbox img { max-width:100%; }
.company-box .history-box .history-list { width:775px; }
.company-box .history-box .history-list .listbox { padding-left:64px; }
.company-box .history-box .history-list .listbox > ul > li:not(:last-child) { margin-bottom:165px; }
.company-box .history-box .history-list .listbox > ul > li dt { color:#111; letter-spacing:-0.02em; font-size:90px; font-weight:700; }
.company-box .history-box .history-list .listbox > ul > li dd { margin-top:40px; }
.company-box .history-box .history-list .listbox > ul > li dd li:not(:last-child) { margin-bottom:15px; }
.company-box .history-box .history-list .listbox > ul > li dd li { position:relative; padding-left:15px; color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:300; line-height:1.4; word-break:keep-all }
.company-box .history-box .history-list .listbox > ul > li dd li:before {content:""; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#005f30; border-radius:3px; }
@media screen and (max-width:1600px){
    .company-box .history-box .imgbox { width:calc(100% - 55%); }
    .company-box .history-box .history-list { width:55%; }
}
@media screen and (max-width:1400px){
    .company-box .history-box .imgbox { width:calc(100% - 50%); }
    .company-box .history-box .history-list { width:50%; }
    .company-box .history-box .history-list .listbox { padding-left:45px; }
    .company-box .history-box .history-list .listbox > ul > li dt { font-size:75px; }
}
@media screen and (max-width:1280px){
    .company-box .history-box .history-list .listbox { padding-left:35px; }
    .company-box .history-box .history-list .listbox > ul > li:not(:last-child) { margin-bottom:120px; }
    .company-box .history-box .history-list .listbox > ul > li dt { font-size:50px; }
    .company-box .history-box .history-list .listbox > ul > li dd { margin-top:35px; }
    .company-box .history-box .history-list .listbox > ul > li dd li:not(:last-child) { margin-bottom:12px; }
    .company-box .history-box .history-list .listbox > ul > li dd li { padding-left:15px; font-size:19px; } 
}
@media screen and (max-width:1024px){
    .company-box .history-box { gap:0; flex-wrap:wrap; overflow:hidden }
    .company-box .history-box .imgbox { display:none }
    .company-box .history-box .history-list { width:100%; }
    .company-box .history-box .history-list .listbox { padding-left:0; }
    .company-box .history-box .history-list .listbox > ul > li:not(:last-child) { margin-bottom:80px; }
    .company-box .history-box .history-list .listbox > ul > li dt { font-size:36px; }
    .company-box .history-box .history-list .listbox > ul > li dd { margin-top:30px; }
    .company-box .history-box .history-list .listbox > ul > li dd li { padding-left:15px; font-size:18px; } 
}
@media screen and (max-width:640px){
    .company-box .history-box .history-list .listbox > ul > li:not(:last-child) { margin-bottom:60px; }
    .company-box .history-box .history-list .listbox > ul > li dt { font-size:26px; }
    .company-box .history-box .history-list .listbox > ul > li dd { margin-top:20px; }
    .company-box .history-box .history-list .listbox > ul > li dd li { padding-left:12px; font-size:16px; } 
}

/* animation */
.company-box .history-box .imgbox:before { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.company-box .history-box .imgbox.subOn:before { width:0; opacity:0; }
.company-box .history-box .history-list .listbox > ul > li dt,
.company-box .history-box .history-list .listbox > ul > li dd { opacity:0; }
.company-box .history-box .history-list .listbox > ul > li.subOn dt { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
.company-box .history-box .history-list .listbox > ul > li.subOn dd { animation:ani_4 0.8s 0.8s; animation-fill-mode:both; }

/* technology */
.technology-box .txtbox-1 { margin-top:180px; }
.technology-box .txtbox-1.topline { padding-top:180px; border-top:1px solid #ddd;} 
.technology-box .txtbox-1 .stit  h4 { color:#111; letter-spacing:-0.02em; font-size:48px; font-weight:600; line-height:1.3 }
.technology-box .txtbox-1 .txt-1 { margin-top:80px; color:#333; letter-spacing:-0.02em; font-size:24px; font-weight:400; line-height:1.3; word-break:keep-all }
.technology-box .txtbox-1 .txt-2 { margin-top:40px; }
.technology-box .txtbox-1 .txt-2 li:not(:last-child) { margin-bottom:10px;}
.technology-box .txtbox-1 .txt-2 li { color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:300; line-height:1.3 }
.technology-box .txtbox-1 .txt-2 li strong { font-weight:500; }
.technology-box .txtbox-1 .imgbox { margin-top:80px; position:relative; overflow:hidden; }
.technology-box .txtbox-1 .imgbox:before {content:""; display:block; padding-bottom:24.7%; }
.technology-box .txtbox-1 .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.technology-box .txtbox-2 { margin-top:120px; }
.technology-box .txtbox-2 .stit { position:relative; padding-left:20px; }
.technology-box .txtbox-2 .stit:before {content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:25px; background-color:#005f30; }
.technology-box .txtbox-2 .stit h5 { color:#111; letter-spacing:-0.02em; font-size:34px; font-weight:500; line-height:1.3 }
.technology-box .txtbox-2 .txt { margin-top:20px; color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:500; line-height:1.3 }
.technology-box .txtbox-2 .imgbox { position:relative; margin-top:80px; }
.technology-box .txtbox-2 .mapbox img,
.technology-box .txtbox-2 .mapbox svg { max-width:100%; height:auto}
.technology-box .imgList { margin-top:80px; }
.technology-box .imgList > ul { display:flex; justify-content:center; text-align:center; }
.technology-box .imgList > ul > li { position:relative; }
.technology-box .imgList > ul > li .txt { color:#333; letter-spacing:-0.02em; font-size:20px; font-weight:600; line-height:1.3 }
.technology-box .imgList > ul > li .txt-1 { display:flex;  justify-content:center; }
.technology-box .imgList > ul > li .txt-1 span { height:60px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:600; border-radius:60px; background-color:#005f30; padding:20px; }
.technology-box .liveAttenuation-box .imgList-1 ul { gap:0 60px; }
.technology-box .liveAttenuation-box .imgList-1 li .l-img { min-height:320px; display:flex; align-items:center; }
.technology-box .liveAttenuation-box .imgList-1 li:nth-child(2) { padding-right:212px; }
.technology-box .liveAttenuation-box .imgList-1 li:nth-child(2):before { content:""; display:block; position:absolute; right:0; top:108px; width:158px; height:88px; background:url(/img/sub/liveAttenuation_img2_2_arr.png) right bottom no-repeat; }
.technology-box .liveAttenuation-box .imgList-2 ul { gap:0 80px; }
.technology-box .liveAttenuation-box .imgList-2 li .l-img { min-height:310px; display:flex; align-items:center; }
.technology-box .liveAttenuation-box .imgList-2 li .txt span { position:absolute; font-weight:600; }
.technology-box .liveAttenuation-box .imgList-2 li .txt span.s1 { top:20px; left:0; width:100%; }
.technology-box .liveAttenuation-box .imgList-2 li .txt span.s2 { bottom:35px; left:0; width:50%; }
.technology-box .liveAttenuation-box .imgList-2 li .txt span.s3 { bottom:35px; right:0; width:50%; }
.technology-box .liveAttenuation-box .imgList-3 ul { gap:0 36px; }
.technology-box .liveAttenuation-box .imgList-3 li .l-img { width:516px; height:340px; display:flex; align-items:center; justify-content:center; border-radius:100px; box-shadow:20px 20px 25px rgba(0, 95, 48, 0.1); }
.technology-box .liveAttenuation-box .imgList-3 li .txt { margin-top:60px; }
.technology-box .liveAttenuation-box .imgList-4 ul { gap:0 120px; }
.technology-box .liveAttenuation-box .imgList-4 li .txt { margin-top:20px; }
.technology-box .liveAttenuation-box .imgList-4 li .txt-1 { margin-top:30px; }
.technology-box .apmvVector-box .imgList-2 > ul { gap:0 60px; flex-wrap:wrap;}
.technology-box .apmvVector-box .imgList-2 > ul > li { width:calc((100% - 120px)/3); padding-bottom:70px; border-radius:100px; background-color:#fafafa; } 
.technology-box .apmvVector-box .imgList-2 > ul > li .l-img { display:flex; align-items:center; justify-content:center; flex-direction:column; height:297px; border-radius:100px; box-shadow:12px 12px 25px rgba(0, 95, 48, 0.1); background-color:#fff; } 
.technology-box .apmvVector-box .imgList-2 > ul > li .l-img .num { color:#005f30; letter-spacing:-0.02em; font-size:14px; font-weight:700; line-height:1.3 }
.technology-box .apmvVector-box .imgList-2 > ul > li .l-img p { margin:5px 0 20px; color:#333; letter-spacing:-0.02em; font-size:24px; font-weight:700; line-height:1.3 }
.technology-box .apmvVector-box .imgList-2 > ul > li .txt { margin-top:50px; color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:400; line-height:2; padding:0 60px; text-align:left; }
.technology-box .apmvVector-box .imgList-2 > ul > li .txt li:not(:last-child) { margin-bottom:30px; }
.technology-box .apmvVector-box .imgList-2 > ul > li .txt li { padding-left:10px; }
.technology-box .apmvVector-box .imgList-2 > ul > li .txt li:before {content:""; display:block; position:absolute; left:0; top:15px; width:4px; height:4px; background-color:#005f30; border-radius:5px; } 
.technology-box .apmvVector-box .imgList-2 > ul > li .txt li strong { font-weight:500; }
@media screen and (max-width:1900px){
    .technology-box .apmvVector-box .imgList-2 > ul > li .txt br { display:none }
}
@media screen and (max-width:1500px){
    .technology-box .liveAttenuation-box .imgList-1 ul { gap:0 30px; }
    .technology-box .liveAttenuation-box .imgList-1 li:nth-child(2) { padding-right:150px; }
    .technology-box .apmvVector-box .imgList-2 > ul { gap:0 40px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li { width:calc((100% - 80px)/3); }
    .technology-box .apmvVector-box .imgList-2 > ul > li .txt { padding:0 40px }
}
@media screen and (max-width:1280px){
    .technology-box .txtbox-1 { margin-top:120px; }
    .technology-box .txtbox-1.topline { padding-top:120px; } 
    .technology-box .txtbox-1 .stit h4 { font-size:44px; }
    .technology-box .txtbox-1 .txt-1 { margin-top:80px; font-size:22px; }
    .technology-box .txtbox-1 .txt-2 { margin-top:30px; }
    .technology-box .txtbox-1 .txt-2 li:not(:last-child) { margin-bottom:8px;}
    .technology-box .txtbox-1 .txt-2 li { font-size:17px; }
    .technology-box .txtbox-1 .imgbox,
    .technology-box .txtbox-2 .imgbox { margin-top:60px; }
    .technology-box .txtbox-1 .imgbox:before { padding-bottom:30%; }
    .technology-box .txtbox-2 { margin-top:100px; }
    .technology-box .txtbox-2 .stit { padding-left:20px; }
    .technology-box .txtbox-2 .stit:before {top:8px; width:4px; height:22px; }
    .technology-box .txtbox-2 .stit h5 { font-size:30px; }
    .technology-box .txtbox-2 .txt { margin-top:18px; font-size:17px; }
    .technology-box .imgList { margin-top:60px; }
    .technology-box .imgList > ul > li .txt { font-size:18px; } 
    .technology-box .liveAttenuation-box .imgList-1 ul { gap:50px 50px; flex-wrap:wrap; }
    .technology-box .liveAttenuation-box .imgList-2 ul { gap:70px 50px; flex-wrap:wrap; }
    .technology-box .liveAttenuation-box .imgList-2 li .txt span.s1 { top:30px; }
    .technology-box .liveAttenuation-box .imgList-2 li .txt span.s2,
    .technology-box .liveAttenuation-box .imgList-2 li .txt span.s3 { bottom:-20px; }
    .technology-box .liveAttenuation-box .imgList-2 li img { height:80%; }
    .technology-box .liveAttenuation-box .imgList-3 li .l-img img { max-width:100% }
    .technology-box .liveAttenuation-box .imgList-4 ul { gap:50px 50px; flex-wrap:wrap; }
    .technology-box .apmvVector-box .imgList-2 > ul { gap:0 25px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li { padding-bottom:50px; border-radius:70px; } 
    .technology-box .apmvVector-box .imgList-2 > ul > li .l-img { height:250px; border-radius:70px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li { width:calc((100% - 50px)/3); }
    .technology-box .apmvVector-box .imgList-2 > ul > li .txt li:not(:last-child) { margin-bottom:25px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li .txt { padding:0 25px }
    .technology-box .apmvVector-box .imgList-2 > ul > li .l-img .num { font-size:14px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li .l-img p { margin:5px 0 20px; font-size:20px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li .txt { font-size:17px; }
}
@media screen and (max-width:1024px){
    .technology-box .txtbox-1 { margin-top:100px; }
    .technology-box .txtbox-1.topline { padding-top:100px; } 
    .technology-box .txtbox-1 .stit h4 { font-size:36px; }
    .technology-box .txtbox-1 .txt-1 { margin-top:60px; font-size:20px; }
    .technology-box .txtbox-1 .txt-2 { margin-top:20px; }
    .technology-box .txtbox-1 .txt-2 li { font-size:16px; }
    .technology-box .txtbox-1 .imgbox,
    .technology-box .txtbox-2 .imgbox { margin-top:50px; }
    .technology-box .txtbox-1 .imgbox:before { padding-bottom:35%; }
    .technology-box .txtbox-2 { margin-top:80px; }
    .technology-box .txtbox-2 .stit { padding-left:16px; }
    .technology-box .txtbox-2 .stit:before {top:7px; width:3px; height:18px; }
    .technology-box .txtbox-2 .stit h5 { font-size:24px; }
    .technology-box .txtbox-2 .txt { font-size:16px; }
    .technology-box .imgList { margin-top:60px; }
    .technology-box .imgList > ul > li img { max-width:100%; }
    .technology-box .imgList > ul > li .txt { font-size:16px; }
    .technology-box .imgList > ul > li .txt-1 span { height:50px; }
    .technology-box .liveAttenuation-box .imgList-3 ul { flex-wrap:wrap; }
    .technology-box .liveAttenuation-box .imgList-3 li .l-img { width:300px; height:260px; padding:0 40px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li .txt li:not(:last-child) { margin-bottom:20px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li .l-img .num { font-size:13px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li .l-img p { margin:5px 0 15px; font-size:18px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li .txt { font-size:16px; margin-top:40px; }
}
@media screen and (max-width:860px){
    .technology-box .liveAttenuation-box .imgList-1 li .l-img,
    .technology-box .liveAttenuation-box .imgList-2 li .l-img { min-height:auto; margin-bottom:20px; }
    .technology-box .liveAttenuation-box .imgList-1 li:nth-child(2) { padding-right:0; }
    .technology-box .liveAttenuation-box .imgList-1 li:nth-child(2):before { display:none; } 
    .technology-box .liveAttenuation-box .imgList-2 li:nth-child(3) { padding-top:20px; }
    .technology-box .apmvVector-box .imgList-2 > ul { gap:20px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li { padding-bottom:40px; border-radius:50px; } 
    .technology-box .apmvVector-box .imgList-2 > ul > li .l-img { height:200px; border-radius:50px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li { width:calc((100% - 40px)/2); }
    .technology-box .apmvVector-box .imgList-2 > ul > li .txt { margin-top:30px; padding:0 20px }
    .technology-box .apmvVector-box .imgList-2 > ul > li .txt li:not(:last-child) { margin-bottom:15px; }
}
@media screen and (max-width:640px){
    .technology-box .txtbox-1 { margin-top:60px; }
    .technology-box .txtbox-1.topline { padding-top:60px; } 
    .technology-box .txtbox-1 .stit h4 { font-size:24px; }
    .technology-box .txtbox-1 .txt-1 { margin-top:40px; font-size:18px; }
    .technology-box .txtbox-1 .txt-2 { margin-top:15px; }
    .technology-box .txtbox-1 .imgbox,
    .technology-box .txtbox-2 .imgbox { margin-top:40px; }
    .technology-box .txtbox-1 .imgbox:before { padding-bottom:42%; }
    .technology-box .txtbox-2 { margin-top:60px; }
    .technology-box .txtbox-2 .stit { padding-left:12px; }
    .technology-box .txtbox-2 .stit:before {top:6px; width:2px; height:15px; }
    .technology-box .txtbox-2 .stit h5 { font-size:20px; }
    .technology-box .txtbox-2 .txt { margin-top:10px; font-size:15px; }
    .technology-box .imgList { margin-top:60px; }
    .technology-box .imgList > ul > li .txt { font-size:16px; }
    .technology-box .imgList > ul > li .txt-1 span { height:50px; }
    .technology-box .apmvVector-box .imgList-2 > ul > li { width:100%; }
}

/* animation */
.technology-box .txtbox-1 .stit,
.technology-box .txtbox-1 .txt-1,
.technology-box .txtbox-1 .txt-2 li { opacity:0; }
.technology-box .txtbox-1.subOn .stit { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.technology-box .txtbox-1.subOn .txt-1 { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.technology-box .txtbox-1.subOn .txt-2 li { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.technology-box .txtbox-1 .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; }
.technology-box .txtbox-1.subOn .imgbox:after { animation:ani_w100 1.0s 0.5s; animation-fill-mode:both; }
.technology-box .txtbox-2 .stit h5,
.technology-box .txtbox-2 .txt,
.technology-box .txtbox-2 .stit:before { opacity:0; }
.technology-box .txtbox-2.subOn .stit h5 { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.technology-box .txtbox-2.subOn .stit:before { animation:ani_5 0.8s 0.5s; animation-fill-mode:both; }
.technology-box .txtbox-2.subOn .txt { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.technology-box .txtbox-2 .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; }
.technology-box .txtbox-2.subOn .imgbox:after { animation:ani_w100 1.0s 0.5s; animation-fill-mode:both; }
.technology-box .imgList li { opacity:0; }
.technology-box .imgList.subOn li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.technology-box .imgList.subOn li:nth-child(2) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.technology-box .imgList.subOn li:nth-child(3) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.technology-box .imgList.subOn li:nth-child(4) { animation:ani_4 0.8s 1.2s; animation-fill-mode:both; }
.technology-box .imgList.subOn li:nth-child(5) { animation:ani_4 0.8s 1.5s; animation-fill-mode:both; }


.technology-box .pipeline-box .dataTable.dT2 { margin-top:80px; }
.technology-box .pipeline-box .dataTable .table-box { overflow:hidden; border-radius:40px 40px 0 0; border:1px solid #ccc; }
.technology-box .pipeline-box .dataTable table { width:100%; }
.technology-box .pipeline-box .dataTable table thead th { background:#f9f9f9; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; height:63px; color:#111; letter-spacing:-0.02em; font-size:18px; font-weight:700; line-height:1.3 }
.technology-box .pipeline-box .dataTable.dT2 table thead th { height:126px; }
.technology-box .pipeline-box .dataTable table thead tr:first-child th:first-child { border-left:none }
.technology-box .pipeline-box .dataTable table tbody th { border-top:1px solid #e7e7e7; color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:500; line-height:1.8; text-align:center; }
.technology-box .pipeline-box .dataTable table tbody td { word-break:keep-all; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:300; line-height:1.8; padding:20px 35px; text-align:left; }
.technology-box .pipeline-box .dataTable table tbody td.graph_bar { padding:0; }
.technology-box .pipeline-box .dataTable table tbody td.td_center { text-align:center }
.technology-box .pipeline-box .progress-bar { position:relative; width:100%; height:19px; }
.technology-box .pipeline-box .progress-bg { position:relative; height:100%; border-radius:0 20px 20px 0; width:0; -webkit-mask:linear-gradient(#fff 0 0); mask:linear-gradient(#fff 0 0); background: #b3d6a3\0; border-radius:0 20px 20px 0;}
.technology-box .pipeline-box .progress-fill { content:""; position:absolute; left:0; top:0; right:0; bottom:0; width:0; height:100%; background:var(--progress-bg, linear-gradient(to right, #b3d6a3 0%, #14370f 100%)); border-radius:0; border-radius:0 20px 20px 0; transition:all 1.0s 0.3s;}
.technology-box .pipeline-box .progress-bar.subOn .progress-fill { width:100%; }
.technology-box .pipeline-box .progress-fill:before { content:""; display:block; width:13px; height:13px ; background:rgba(255,255,255,0.2); position:absolute; right:3px; top:50%; transform:translateY(-50%); z-index:2; border-radius:20px; }
@media screen and (max-width:1900px){
    .technology-box .pipeline-box .dataTable table .w1 { width:180px !important; }
    .technology-box .pipeline-box .dataTable table .w2 { width:120px !important; }
    .technology-box .pipeline-box .dataTable table .w3 { width:200px !important; }
}
@media screen and (max-width:1700px){
    .technology-box .pipeline-box .dataTable table .w1 { width:150px !important; }
    .technology-box .pipeline-box .dataTable table .w2 { width:90px !important; }
    .technology-box .pipeline-box .dataTable table .w3 { width:180px !important; }
}
@media screen and (max-width:1280px){
    .technology-box .pipeline-box .dataTable.dT2 { margin-top:60px; }
    .technology-box .pipeline-box .dataTable table .w1 { width:120px !important; }
    .technology-box .pipeline-box .dataTable table .w2 { width:75px !important; }
    .technology-box .pipeline-box .dataTable table .w3 { width:150px !important; }
    .technology-box .pipeline-box .dataTable table thead th,
    .technology-box .pipeline-box .dataTable table tbody th { font-size:17px; }
    .technology-box .pipeline-box .dataTable table tbody td { padding:20px 20px; font-size:17px; }
}
@media screen and (max-width:1024px){
    .technology-box .pipeline-box .dataTable.dT2 { margin-top:50px; }
    .technology-box .pipeline-box .dataTable .scroll-box { overflow:auto; }
    .technology-box .pipeline-box .dataTable .table-box { width:960px; }
    .technology-box .pipeline-box .dataTable table thead th { height:45px; }
    .technology-box .pipeline-box .dataTable.dT2 table thead th { height:90px; }
    .technology-box .pipeline-box .dataTable table thead th,
    .technology-box .pipeline-box .dataTable table tbody th { font-size:16px; }
    .technology-box .pipeline-box .dataTable table tbody td { padding:12px 12px; font-size:16px; }
    .technology-box .pipeline-box .dataTable table .w1 { width:120px !important; }
    .technology-box .pipeline-box .dataTable table .w2 { width:80px !important; }
    .technology-box .pipeline-box .dataTable table .w3 { width:170px !important; }
}
@media screen and (max-width:640px){
    .technology-box .pipeline-box .dataTable.dT2 { margin-top:40px; }
}


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



/* core */
.cro-box .stit h4 { color:#111; letter-spacing:-0.02em; font-size:48px; font-weight:600; line-height:1.3 }
.cro-box .stit_s { position:relative; padding-left:20px; }
.cro-box .stit_s h5 { position:relative; color:#111; letter-spacing:-0.02em; font-size:34px; font-weight:500; line-height:1.3 }
.cro-box .stit_s:before {content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:25px; background-color:#005f30; }
.cro-box p.txt { margin-top:20px; color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:500; line-height:1.3 }
.cro-box .topline { padding-top:180px; border-top:1px solid #ddd; margin-top:180px; } 
.cro-box .cro-box .txtImgbox .txtbox { display:flex; justify-content:space-between; align-items:flex-end; margin-top:30px; } 
.cro-box .cro-box .txtImgbox .txtbox .txt { width:calc(100% - 250px); color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:300; line-height:1.3; }
.cro-box .cro-box .txtImgbox .txtbox .btn a { width:206px; height:60px; border:1px solid #e8e8e8; display:flex; align-items:center; justify-content:center; }
.cro-box .cro-box .txtImgbox .txtbox .btn a span { font-family:var(--font-family); color:#111; letter-spacing:-0.02em; font-size:15px; font-weight:700; display:inline-block; padding:3px 26px 3px 0; background:url(/img/sub/more_arr.png) no-repeat right center;  }
.cro-box .cro-box .txtImgbox .imgbox { margin-top:50px; position:relative; overflow:hidden; }
.cro-box .cro-box .txtImgbox .imgbox:before {content:""; display:block; padding-bottom:24.7%; }
.cro-box .cro-box .txtImgbox .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.cro-box .cro-box .croCont-2 { margin-top:150px; }
.cro-box .cro-box .croCont-3 .stxt { margin-top:70px; color:#111; letter-spacing:-0.02em; font-size:18px; font-weight:300; }
.cro-box .cro-box .croCont-3 .top_info { margin-top:33px; position:relative; text-align:center; } 
.cro-box .cro-box .croCont-3 .top_info .bg { position:relative; }
.cro-box .cro-box .croCont-3 .top_info .infotxt { text-align:left; position:absolute; }
.cro-box .cro-box .croCont-3 .top_info .infotxt dt { display:none }
.cro-box .cro-box .croCont-3 .top_info .infotxt li:not(:last-child) { margin-bottom:8px; }
.cro-box .cro-box .croCont-3 .top_info .infotxt li { word-break:keep-all }
.cro-box .cro-box .croCont-3 .top_info .infotxt li span { position:relative; padding-left:10px; color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:300; line-height:1.2; display:inline-block }
.cro-box .cro-box .croCont-3 .top_info .infotxt li span:before {content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#005f30; border-radius:3px; }
.cro-box .cro-box .croCont-3 .top_info .infotxt.info2 li span { padding-left:0; padding-right:10px; }
.cro-box .cro-box .croCont-3 .top_info .infotxt.info2 li span:before { left:unset; right:0; }
.cro-box .cro-box .croCont-3 .top_info .infotxt.info1 { left:50%; top:15px; margin-left:73px; }
.cro-box .cro-box .croCont-3 .top_info .infotxt.info2 { right:50%; bottom:110px; margin-right:410px; }
.cro-box .cro-box .croCont-3 .top_info .infotxt.info3 { left:50%; bottom:110px; margin-left:410px; }
.cro-box .cro-box .croCont-3 .listbox { margin-top:125px; }
.cro-box .cro-box .croCont-3 .listbox ul { display:flex; flex-wrap:wrap; gap:0 33px; }
.cro-box .cro-box .croCont-3 .listbox li { width:calc((100% - 99px) / 4); background-color:#f5f5f5; height:300px; text-align:center; padding:0 50px; }
.cro-box .cro-box .croCont-3 .listbox li dt { padding-top:55px; }
.cro-box .cro-box .croCont-3 .listbox li dt span { font-family:var(--font-family); color:#005f30; letter-spacing:-0.02em; font-size:16px; font-weight:700; display:block; }
.cro-box .cro-box .croCont-3 .listbox li dt strong { margin-top:35px; color:#111; letter-spacing:-0.02em; font-size:24px; font-weight:400; display:block; line-height:1.3 }
.cro-box .cro-box .croCont-3 .listbox li dd { text-align:left; margin-top:25px; color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:300; line-height:1.5; word-break:keep-all }
@media screen and (max-width:1650px){
    .cro-box .cro-box .croCont-3 .listbox ul { gap:0 25px; }
    .cro-box .cro-box .croCont-3 .listbox li { width:calc((100% - 75px) / 4); padding:0 30px; height:330px; }
}
@media screen and (max-width:1400px){
    .cro-box .cro-box .croCont-3 .listbox ul { gap:0 20px; }
    .cro-box .cro-box .croCont-3 .listbox li { width:calc((100% - 60px) / 4); padding:0 20px; height:310px; }
    .cro-box .cro-box .croCont-3 .listbox li dt span { font-size:16px; }
    .cro-box .cro-box .croCont-3 .listbox li dt strong { margin-top:35px; font-size:22px; }
    .cro-box .cro-box .txtImgbox .imgbox:before { padding-bottom:30%; }
}
@media screen and (max-width:1280px){
    .cro-box .stit h4 { font-size:44px; }
    .cro-box .stit_s { padding-left:20px; }
    .cro-box .stit_s:before {top:8px; width:4px; height:22px; }
    .cro-box .stit_s h5 { font-size:30px; }
    .cro-box p.txt { margin-top:18px; font-size:17px; }
    .cro-box .topline { padding-top:120px; margin-top:120px; } 
    .cro-box .cro-box .txtImgbox .txtbox .btn a { width:200px; height:55px; }
    .cro-box .cro-box .txtImgbox .txtbox .btn a span { font-size:15px; }
    .cro-box .cro-box .croCont-3 .top_info .bg img { width:600px; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt.info1 { top:10px; margin-left:73px; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt.info2 { bottom:80px; margin-right:320px; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt.info3 { bottom:80px; margin-left:320px; }
    .cro-box .cro-box .croCont-3 .stxt { margin-top:60px; }
    .cro-box .cro-box .croCont-3 .listbox ul { gap:20px 20px; }
    .cro-box .cro-box .croCont-3 .listbox li { width:calc((100% - 20px) / 2); padding:0 40px; height:310px; }
}
@media screen and (max-width:1024px){
    .cro-box .stit h4 { font-size:36px; }
    .cro-box .stit_s { padding-left:16px; }
    .cro-box .stit_s:before {top:7px; width:3px; height:18px; }
    .cro-box .stit_s h5 { font-size:24px; }
    .cro-box p.txt { font-size:16px; }
    .cro-box .topline { padding-top:100px; margin-top:100px; } 
    .cro-box .cro-box .txtImgbox .txtbox { margin-top:20px; } 
    .cro-box .cro-box .txtImgbox .txtbox .txt { font-size:17px; }
    .cro-box .cro-box .croCont-2 { margin-top:100px; }
    .cro-box .cro-box .croCont-3 .listbox { margin-top:100px; }
    .cro-box .cro-box .croCont-3 .listbox li dt { padding-top:40px; }
    .cro-box .cro-box .croCont-3 .listbox li dd { margin-top:20px; }
}
@media screen and (max-width:960px){
    .cro-box .cro-box .txtImgbox .txtbox { flex-direction:column; align-items:flex-start; }
    .cro-box .cro-box .txtImgbox .txtbox .txt { width:100%; }
    .cro-box .cro-box .txtImgbox .txtbox .btn { margin-top:30px; }
    .cro-box .cro-box .croCont-3 .top_info .bg { display:none }
    .cro-box .cro-box .croCont-3 .listbox li { padding:0 20px; height:310px; }
    .cro-box .cro-box .croCont-3 .top_info { display:flex; flex-wrap:wrap; gap:20px 20px; justify-content:center; }
    .cro-box .cro-box .croCont-3 .top_info > div { width:calc((100% - 40px) / 3); }
    .cro-box .cro-box .croCont-3 .top_info .infotxt { position:relative; text-align:center; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt:before {content:""; display:block; padding-bottom:100%; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt dl { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; flex-direction: column;background-color:#005f30; border-radius:50%; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt dt { display:block; color:#fff; letter-spacing:-0.02em; font-size:18px; font-weight:700; padding-top:24%; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt dd { margin-top:20px; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt li:not(:last-child) { margin-bottom:6px; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt li span {padding-left:10px; font-size:16px; color:rgba(255,255,255,0.8)}
    .cro-box .cro-box .croCont-3 .top_info .infotxt li span:before {top:8px; width:3px; height:3px; background-color:rgba(255,255,255,0.8) }
    .cro-box .cro-box .croCont-3 .top_info .infotxt.info1 { left:unset; top:unset; margin-left:0; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt.info2 { right:unset; bottom:unset; margin-right:0; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt.info3 { left:unset; bottom:unset; margin-left:0; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt.info2 li span { padding-left:10px; padding-right:0; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt.info2 li span:before { left:0; right:unset; }
    .cro-box .cro-box .croCont-3 .listbox { margin-top:80px; }
}
@media screen and (max-width:760px){
    .cro-box .cro-box .croCont-3 .top_info { gap:0 20px; }
    .cro-box .cro-box .croCont-3 .top_info > div { width:calc((100% - 20px) / 2); }
    .cro-box .cro-box .croCont-3 .top_info .infotxt.info3 { margin-top:-4%; }
}
@media screen and (max-width:640px){
    .cro-box .stit h4 { font-size:24px; }
    .cro-box .stit_s { padding-left:12px; }
    .cro-box .stit_s:before {top:6px; width:2px; height:15px; }
    .cro-box .stit_s h5 { font-size:20px; }
    .cro-box p.txt { margin-top:10px; font-size:15px; }
    .cro-box .topline { padding-top:60px; margin-top:60px; }
    .cro-box .cro-box .croCont-2 { margin-top:60px; }
    .cro-box .cro-box .txtImgbox .txtbox .btn a { width:180px; height:50px; }
    .cro-box .cro-box .txtImgbox .txtbox .btn a span { font-size:14px; }
    .cro-box .cro-box .txtImgbox .imgbox:before { padding-bottom:40%; }
    .cro-box .cro-box .croCont-3 .stxt { margin-top:30px; }
    .cro-box .cro-box .croCont-3 .listbox { margin-top:60px; }
    .cro-box .cro-box .croCont-3 .listbox ul { gap:5px 5px; }
    .cro-box .cro-box .croCont-3 .listbox li { width:calc((100% - 10px) / 2); padding:25px 15px; height:auto;}
    .cro-box .cro-box .croCont-3 .listbox li dt { padding-top:0; }
    .cro-box .cro-box .croCont-3 .listbox li dt span { font-size:15px; }
    .cro-box .cro-box .croCont-3 .listbox li dt strong { margin-top:15px; font-size:20px; }
    .cro-box .cro-box .croCont-3 .listbox li dd { margin-top:15px; }
    .cro-box .cro-box .croCont-3 .listbox li dd { margin-top:20px; font-size:16px; }
}
@media screen and (max-width:480px){
    .cro-box .cro-box .croCont-3 .top_info { gap:0 10px; }
    .cro-box .cro-box .croCont-3 .top_info > div { width:calc((100% - 10px) / 2); }
    .cro-box .cro-box .croCont-3 .top_info .infotxt dl { justify-content:center; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt dt { padding-top:0; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt dd { margin-top:10px; }
    .cro-box .cro-box .croCont-3 .top_info .infotxt li span { font-size:15px; }
}

/* animation */
.cro-box .stit { opacity:0; }
.cro-box .subtitle h3.stit { opacity:1; }
.cro-box .stit.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.cro-box .cro-box .txtImgbox.imgbox { opacity:0; }
.cro-box .cro-box .txtImgbox.subOn .imgbox { animation:bgs3 1.0s 0.5s; animation-fill-mode:both; }
.cro-box .cro-box .croCont-3 .top_info,
.cro-box .cro-box .croCont-3 .listbox { opacity:0; }
.cro-box .cro-box .croCont-3 .top_info.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.cro-box .cro-box .croCont-3 .listbox.subOn { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.cro-box .stit_s h5,
.cro-box .stit_s:before { opacity:0; }
.cro-box .subOn .stit_s h5 { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.cro-box .subOn .stit_s:before { animation:ani_5 0.8s 0.5s; animation-fill-mode:both; }


.tab_submenu { display:flex; margin-top:145px; justify-content:center; }
.tab_submenu ul { display:flex; gap:0 20px; }
.tab_submenu ul li a { display:flex; justify-content:center; align-items:center; width:200px; height:60px; text-transform:uppercase; font-family:var(--font-family); color:#777; font-size:20px; font-weight:700; background-color:#eee; }
.tab_submenu ul li.on a { background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #005f30; color:#fff; }
@media screen and (max-width:1024px){
    .tab_submenu { margin-top:100px; }
    .tab_submenu ul { gap:0 15px; }
    .tab_submenu ul li a { width:180px; height:55px; font-size:18px; }
}
@media screen and (max-width:1024px){
    .tab_submenu { margin-top:80px; }
    .tab_submenu ul { gap:0 10px; }
    .tab_submenu ul li a { width:160px; height:50px; font-size:16px; }
}

.cro-box .humanCont-1 { height:900px; background:url(/img/sub/humanCont1_bg.jpg) left center / cover; }
.cro-box .disinfectionCont-1 { height:900px; background:url(/img/sub/disinfectionCont1_bg.jpg) left center / cover; }
.cro-box .humanCont-1 .listbox { position:relative; padding-top:140px; width:560px; }
.cro-box .humanCont-1 .listbox:before {content:""; display:block; position:absolute; right:-2px; top:138px; width:10px; height:10px; background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #005f30; border-radius:20px; } 
.cro-box .humanCont-1 .listbox:after {content:""; display:block; position:absolute; right:-2px; bottom:-2px; width:10px; height:10px; background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #005f30; border-radius:20px; } 
.cro-box .humanCont-1 .listbox ul { position:relative; text-align:center; overflow:hidden; padding:20px 5px; }
.cro-box .humanCont-1 .listbox ul:before {content:""; display:block; position:absolute; right:-720px; top:50%; transform:translateY(-50%); width:820px; height:820px; border-radius:50%; border:1px solid #005f30 } 
.cro-box .humanCont-1 .listbox ul li:not(:last-child) { margin-bottom:18px; }
.cro-box .humanCont-1 .listbox ul li { position:relative; z-index:2; display:flex; align-items:center; justify-content:flex-end; }
.cro-box .humanCont-1 .listbox ul li .icon { margin-left:30px; width:85px; height:85px; display:flex; align-items:center; justify-content:center; border:1px solid #005f30; border-radius:50%; background:#fff; }
.cro-box .humanCont-1 .listbox ul li span { color:#005f30; font-size:14px; font-weight:700; display:inline-block; margin:17px 12px 0 0; }
.cro-box .humanCont-1 .listbox ul li strong { color:#111; font-size:40px; font-weight:500; }
.cro-box .humanCont-1 .listbox ul li:nth-child(2),
.cro-box .humanCont-1 .listbox ul li:nth-child(4) { margin-right:38px; }
.cro-box .humanCont-1 .listbox ul li:nth-child(3) { margin-right:54px; }
.cro-box .humanCont-1 .listbox_bt { margin-top:100px; }
.cro-box .humanCont-1 .listbox_bt ul { display:flex; justify-content:center; gap:20px 58px; flex-wrap:wrap; }
.cro-box .humanCont-1 .listbox_bt ul li { position:relative; color:#111; font-size:18px; font-weight:600; letter-spacing:-0.015em; }
.cro-box .humanCont-1 .listbox_bt ul li:before {content:""; display:block; position:absolute; left:5px; bottom:-5px; width:calc(100% - 5px); height:1px; background:#005f30;}
.cro-box .humanCont-1 .listbox_bt ul li i { display:inline-block; font-size:24px; color:#005f30; vertical-align:middle; margin-right:2px; }
@media screen and (max-width:1400px){
    .cro-box .humanCont-1 { height:760px; }
    .cro-box .humanCont-1 .listbox { padding-top:100px; width:500px; }
    .cro-box .humanCont-1 .listbox:before { right:-2px; top:98px; width:8px; height:8px; } 
    .cro-box .humanCont-1 .listbox:after { right:-2px; bottom:-2px; width:8px; height:8px; } 
    .cro-box .humanCont-1 .listbox ul { padding:20px 5px; }
    .cro-box .humanCont-1 .listbox ul:before { right:-590px; width:680px; height:680px; } 
    .cro-box .humanCont-1 .listbox ul li:not(:last-child) { margin-bottom:18px; }
    .cro-box .humanCont-1 .listbox ul li { position:relative; z-index:2; display:flex; align-items:center; justify-content:flex-end; }
    .cro-box .humanCont-1 .listbox ul li .icon { margin-left:30px; width:70px; height:70px; }
    .cro-box .humanCont-1 .listbox ul li .icon img { width:50% }
    .cro-box .humanCont-1 .listbox ul li span { font-size:13px; margin:14px 12px 0 0; }
    .cro-box .humanCont-1 .listbox ul li strong { font-size:30px; }
    .cro-box .humanCont-1 .listbox ul li:nth-child(2),
    .cro-box .humanCont-1 .listbox ul li:nth-child(4) { margin-right:38px; }
    .cro-box .humanCont-1 .listbox ul li:nth-child(3) { margin-right:54px; }
    .cro-box .humanCont-1 .listbox_bt { margin-top:80px; }
    .cro-box .humanCont-1 .listbox_bt ul { center; gap:20px 40px; }
    .cro-box .humanCont-1 .listbox_bt ul li { font-size:18px; }
    .cro-box .humanCont-1 .listbox_bt ul li i { font-size:22px; margin-right:2px; }
}
@media screen and (max-width:1024px){
    .cro-box .humanCont-1 { height:800px; background:url(/img/sub/humanCont1_bg.jpg) 26% center / cover; }
    .cro-box .disinfectionCont-1 { background:url(/img/sub/disinfectionCont1_bg.jpg) 40% center / cover; }
    .cro-box .humanCont-1 .listbox { padding-top:150px; width:400px; }
    .cro-box .humanCont-1 .listbox:before { right:-2px; top:152px; width:6px; height:6px; } 
    .cro-box .humanCont-1 .listbox:after { right:-2px; bottom:4px; width:6px; height:6px; } 
    .cro-box .humanCont-1 .listbox ul { padding:20px 5px; }
    .cro-box .humanCont-1 .listbox ul:before { right:-525px; width:600px; height:600px; } 
    .cro-box .humanCont-1 .listbox ul li:not(:last-child) { margin-bottom:18px; }
    .cro-box .humanCont-1 .listbox ul li { position:relative; z-index:2; display:flex; align-items:center; justify-content:flex-end; }
    .cro-box .humanCont-1 .listbox ul li .icon { margin-left:20px; width:60px; height:60px; }
    .cro-box .humanCont-1 .listbox ul li .icon img { width:40% }
    .cro-box .humanCont-1 .listbox ul li span { font-size:13px; margin:10px 8px 0 0; }
    .cro-box .humanCont-1 .listbox ul li strong { font-size:22px; }
    .cro-box .humanCont-1 .listbox ul li:nth-child(2),
    .cro-box .humanCont-1 .listbox ul li:nth-child(4) { margin-right:30px; }
    .cro-box .humanCont-1 .listbox ul li:nth-child(3) { margin-right:45px; }
    .cro-box .humanCont-1 .listbox_bt { margin-top:80px; }
    .cro-box .humanCont-1 .listbox_bt ul { center; gap:20px 35px; }
    .cro-box .humanCont-1 .listbox_bt ul li { font-size:16px; }
    .cro-box .humanCont-1 .listbox_bt ul li i { font-size:20px; }
}
@media screen and (max-width:640px){
    .cro-box .humanCont-1 {height:650px; background:url(/img/sub/humanCont1_bg.jpg) 35% center / cover; }
    .cro-box .disinfectionCont-1 { background:url(/img/sub/disinfectionCont1_bg.jpg) 40% center / cover; }
    .cro-box .humanCont-1 .listbox { padding-top:120px; width:320px; }
    .cro-box .humanCont-1 .listbox:before { right:-2px; top:128px; width:6px; height:6px; } 
    .cro-box .humanCont-1 .listbox:after { right:-2px; bottom:8px; width:6px; height:6px; } 
    .cro-box .humanCont-1 .listbox ul:before { right:-370px; width:430px; height:430px; } 
    .cro-box .humanCont-1 .listbox ul li:not(:last-child) { margin-bottom:8px; }
    .cro-box .humanCont-1 .listbox ul li span { font-size:12px; margin:10px 8px 0 0; }
    .cro-box .humanCont-1 .listbox ul li strong { font-size:20px; }
    .cro-box .humanCont-1 .listbox ul li .icon { margin-left:10px; width:50px; height:50px; }
    .cro-box .humanCont-1 .listbox ul li:nth-child(2),
    .cro-box .humanCont-1 .listbox ul li:nth-child(4) { margin-right:25px; }
    .cro-box .humanCont-1 .listbox ul li:nth-child(3) { margin-right:35px; }
    .cro-box .humanCont-1 .listbox_bt { margin-top:40px; padding:0 10px; }
    .cro-box .humanCont-1 .listbox_bt ul { center; gap:10px 20px; }
    .cro-box .humanCont-1 .listbox_bt ul li { font-size:15px; }
    .cro-box .humanCont-1 .listbox_bt ul li i { font-size:18px; }
}

/* animation */
.cro-box .humanCont-1 .listbox ul li { opacity:0; }
.cro-box .humanCont-1 .listbox.subOn ul li:nth-child(1) { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.cro-box .humanCont-1 .listbox.subOn ul li:nth-child(2) { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.cro-box .humanCont-1 .listbox.subOn ul li:nth-child(3) { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.cro-box .humanCont-1 .listbox.subOn ul li:nth-child(4) { animation:ani_1 0.8s 0.9s; animation-fill-mode:both; }
.cro-box .humanCont-1 .listbox.subOn ul li:nth-child(5) { animation:ani_1 0.8s 1.1s; animation-fill-mode:both; }
.cro-box .humanCont-1 .listbox_bt ul li { opacity:0; }
.cro-box .humanCont-1 .listbox_bt.subOn ul li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.cro-box .humanCont-1 .listbox_bt.subOn ul li:nth-child(2) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.cro-box .humanCont-1 .listbox_bt.subOn ul li:nth-child(3) { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
.cro-box .humanCont-1 .listbox_bt.subOn ul li:nth-child(4) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.cro-box .humanCont-1 .listbox_bt.subOn ul li:nth-child(5) { animation:ani_4 0.8s 1.1s; animation-fill-mode:both; }


.cro-box .animalCont-1 .a_top { display:flex; flex-wrap:wrap;}
.cro-box .animalCont-1 .a_top > div { width:50%; display:flex;align-items:center; justify-content:center; height:850px; }
.cro-box .animalCont-1 .a_top .l_box { background:url(/img/sub/animalCont1_bg.jpg) left center / cover; }
.cro-box .animalCont-1 .a_top .r_box { background:url(/img/sub/animalCont21_bg.jpg) left center / cover; }
.cro-box .animalCont-1 .a_top .box dl { background:url(/img/sub/animalCont_s.png) center center no-repeat; width:478px; height:478px; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; }
.cro-box .animalCont-1 .a_top .box dt { width:200px; height:200px; border-radius:50%; display:flex; align-items:center; justify-content:center; background-color:#005f30; font-size:40px; color:#fff; font-weight:500; }
.cro-box .animalCont-1 .a_top .box dd li { position:absolute; width:150px; height:150px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid #005f30; background-color:#fff; font-size:22px; color:#005f30; font-weight:600; line-height: 130%; }
.cro-box .animalCont-1 .a_top .box dd li:nth-child(1) { top:-85px; left:50%; transform:translateX(-50%); }
.cro-box .animalCont-1 .a_top .box dd li:nth-child(2) { top:30px; left:50%; margin-left:150px; }
.cro-box .animalCont-1 .a_top .box dd li:nth-child(3) { bottom:30px; left:50%; margin-left:150px; }
.cro-box .animalCont-1 .a_top .box dd li:nth-child(4) { bottom:-85px; left:50%; transform:translateX(-50%); }
.cro-box .animalCont-1 .a_top .box dd li:nth-child(5) { bottom:30px; right:50%; margin-right:150px; }
.cro-box .animalCont-1 .a_top .box dd li:nth-child(6) { top:30px; right:50%; margin-right:150px; }
.cro-box .animalCont-1 .a_bt .listbox { margin-top:50px; }
.cro-box .animalCont-1 .a_bt .listbox  ul { display:flex; justify-content:center; gap:20px 50px; flex-wrap:wrap; }
.cro-box .animalCont-1 .a_bt .listbox  ul li { color:#111; font-size:18px; font-weight:600; letter-spacing:-0.015em; }
.cro-box .animalCont-1 .a_bt .listbox  ul li i { display:inline-block; font-size:24px; color:#005f30; vertical-align:middle; margin-right:2px; }
.cro-box .animalCont-2 { margin-top:120px; }
.cro-box .animalCont-2 .table-box { margin-top:70px; display:flex; flex-wrap:wrap; gap:0 20px; }
.cro-box .animalCont-2 .table-box table { width:calc((100% - 20px) / 2) }
@media screen and (max-width:1550px){
    .cro-box .animalCont-1 .a_top > div { height:650px; }
    .cro-box .animalCont-1 .a_top .box dl { background-size:320px auto; width:320px; height:320px; }
    .cro-box .animalCont-1 .a_top .box dt { width:135px; height:135px; font-size:28px; }
    .cro-box .animalCont-1 .a_top .box dd li { width:110px; height:110px; font-size:18px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(1) { top:-50px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(2) { top:20px; margin-left:100px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(3) { bottom:20px; margin-left:100px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(4) { bottom:-50px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(5) { bottom:20px; margin-right:100px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(6) { top:20px; margin-right:100px; }
}
@media screen and (max-width:1024px){
    .cro-box .animalCont-1 .a_bt .listbox { margin-top:40px; }
    .cro-box .animalCont-1 .a_bt .listbox ul { center; gap:20px 35px; }
    .cro-box .animalCont-1 .a_bt .listbox ul li { font-size:16px; }
    .cro-box .animalCont-1 .a_bt .listbox ul li i { font-size:20px; }
    .cro-box .animalCont-2 { margin-top:100px; }
    .cro-box .animalCont-2 .table-box table { width:100% }
    .cro-box .animalCont-2 .table-box table:nth-child(2) { border-top:none }
    .cro-box .animalCont-2 .table-box table:nth-child(2) thead th { display:none }
}
@media screen and (max-width:960px){
    .cro-box .animalCont-1 .a_top > div { width:100%; height:500px; }
}
@media screen and (max-width:640px){
    .cro-box .animalCont-1 .a_top > div { height:400px; }
    .cro-box .animalCont-1 .a_top .box dl { background-size:260px auto; width:260px; height:260px; }
    .cro-box .animalCont-1 .a_top .box dt { width:100px; height:100px; font-size:20px; }
    .cro-box .animalCont-1 .a_top .box dd li { width:80px; height:80px; font-size:15px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(1) { top:-35px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(2) { top:15px; margin-left:80px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(3) { bottom:15px; margin-left:80px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(4) { bottom:-35px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(5) { bottom:15px; margin-right:80px; }
    .cro-box .animalCont-1 .a_top .box dd li:nth-child(6) { top:15px; margin-right:80px; }
    .cro-box .animalCont-1 .a_bt .listbox { margin-top:30px; padding:0 10px; }
    .cro-box .animalCont-1 .a_bt .listbox ul { center; gap:10px 20px; }
    .cro-box .animalCont-1 .a_bt .listbox ul li { font-size:15px; }
    .cro-box .animalCont-1 .a_bt .listbox ul li i { font-size:18px; }
    .cro-box .animalCont-2 { margin-top:80px; }
}
/* animation */
.cro-box .animalCont-1 .a_top .box dl { opacity:0; }
.cro-box .animalCont-1 .a_top.subOn .l_box dl { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.cro-box .animalCont-1 .a_top.subOn .r_box dl { animation:bgs3 0.8s 0.8s; animation-fill-mode:both; }
.cro-box .animalCont-1 .a_bt .listbox ul li { opacity:0; }
.cro-box .animalCont-1 .a_bt.subOn .listbox ul li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.cro-box .animalCont-1 .a_bt.subOn .listbox ul li:nth-child(2) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.cro-box .animalCont-1 .a_bt.subOn .listbox ul li:nth-child(3) { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
.cro-box .animalCont-1 .a_bt.subOn .listbox ul li:nth-child(4) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.cro-box .animalCont-1 .a_bt.subOn .listbox ul li:nth-child(5) { animation:ani_4 0.8s 1.1s; animation-fill-mode:both; } 

.cro-box .disinfectionCont-2 { margin-top:120px; }
.cro-box .disinfectionCont-3 .table_tit { margin-top:50px; font-size:18px; font-weight:600; color:#111; letter-spacing:-0.02em; }
.cro-box .disinfectionCont-3 .table-box { margin-top:20px; display:flex; flex-wrap:wrap; gap:0 20px; align-items:flex-start; }
.cro-box .disinfectionCont-3 .table-box table { width:calc((100% - 20px) / 2) }
.cro-box .disinfectionCont-4 .table-box table { width:100%; }
@media screen and (max-width:1024px){
    .cro-box .disinfectionCont-2 { margin-top:100px; }
    .cro-box .disinfectionCont-3 .table-box table { width:100% }
    .cro-box .disinfectionCont-3 .table-box table:nth-child(2) { margin-top:20px; }
    .cro-box .disinfectionCont-3 .table_tit { margin-top:40px; font-size:17px; }
}
@media screen and (max-width:640px){
    .cro-box .disinfectionCont-2 { margin-top:80px; }
    .cro-box .disinfectionCont-3 .table_tit { margin-top:30px; font-size:16px; }
}
/* animation */
.cro-box .disinfectionCont-2,
.cro-box .disinfectionCont-3 { opacity:0; }
.cro-box .disinfectionCont-2.subOn,
.cro-box .disinfectionCont-3.subOn{ animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

.cro-box .process_box .listbox { position:relative; margin-top:70px; }
.cro-box .process_box .listbox ul { position:relative; display:flex; flex-wrap:wrap; gap:60px 113px; padding:0 108px; }
.cro-box .process_box .listbox ul:after {content:""; display:block; position:absolute; left:108px; top:23.2%; width:calc(100% - 216px); height:1px; background-color:#005f30; }
.cro-box .process_box .listbox ul:before {content:""; display:block; position:absolute; left:108px; bottom:23.2%; width:calc(100% - 216px); height:1px; background-color:#005f30; }
.cro-box .process_box .listbox ul li { position:relative; z-index:1; width:calc((100% - 226px) / 3)}
.cro-box .process_box .listbox ul li:after {content:""; display:block; z-index:2; position:absolute; left:0; bottom:-5px; width:calc(100% + 8px); height:calc(50% + 5px); background-color:#fff; }
.cro-box .process_box .listbox ul li:before {content:""; display:block; padding-bottom:100%; }
.cro-box .process_box .listbox ul li .box { position:absolute; left:0; top:0; width:100%; height:100%; }
.cro-box .process_box .listbox ul li .box:after {content:""; display:block; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:4px solid #005f30; border-width:4px 4px 0 4px; border-radius:50%; }{content:""; display:block; z-index:2; position:absolute; left:0; bottom:-5px; width:calc(100% + 8px); height:calc(50% + 5px); background-color:#fff; }
.cro-box .process_box .listbox ul li .box:before {content:""; display:block; z-index:3; position:absolute; left:1px; top:1px; width:100%; height:100%; border:2px dotted #005F30; border-radius:50%; }
.cro-box .process_box .listbox ul li .cont { display:flex;align-items:center; justify-content:center; text-align:center; width:100%; height:100%; background-color:#fff; }
.cro-box .process_box .listbox ul li .cont:after {content:""; display:block; z-index:3; position:absolute; left:-3px; top:50%; transform:translateY(-50%); width:9px; height:9px; background-color:#005F30; border-radius:50%; }
.cro-box .process_box .listbox ul li .cont:before {content:""; display:block; z-index:3; position:absolute; right:-8px; top:50%; transform:translateY(-50%); width:9px; height:9px; background-color:#005F30; border-radius:50%; }
.cro-box .process_box .listbox ul li dl:before {content:""; display:block; z-index:3; position:absolute; right:-80px; top:50%; transform:translateY(-50%); width:40px; height:40px; background:#005F30 url(/img/sub/process_arr1.png) center center no-repeat; border-radius:50%; }
.cro-box .process_box .listbox ul li dt { position:relative; z-index:5; font-size:20px; font-weight:800; color:#005f30; }
.cro-box .process_box .listbox ul li dd { position:relative; z-index:5; margin-top:28px; }
.cro-box .process_box .listbox ul li dd .icon { width:138px; height:138px; background-color:#005f30; border-radius:50%; display:flex;align-items:center; justify-content:center; margin:0 auto }
.cro-box .process_box .listbox ul li:first-child dd .icon img { margin-left:15 px; }
.cro-box .process_box .listbox ul li dd .p_txt { margin-top:38px; font-size:24px; font-weight:600; color:#005f30; letter-spacing:-0.02em; line-height:1.3; }
.cro-box .process_box .listbox ul li:nth-child(1) .cont:after,
.cro-box .process_box .listbox ul li:nth-child(4) .cont:after { display:none }
.cro-box .process_box .listbox ul li:nth-child(3) .cont:before,
.cro-box .process_box .listbox ul li:nth-child(6) .cont:before { display:none }
.cro-box .process_box .listbox ul li:nth-child(3) dl:before,
.cro-box .process_box .listbox ul li:nth-child(6) dl:before { display:none }
.cro-box .inquiry-reg { margin-top:150px; }
.cro-box .inquiry-reg .reg-box { margin-top:60px; }
.cro-box .inquiry-reg .reg-box > ul > li:not(:last-child) { margin-bottom:10px; }
.cro-box .inquiry-reg .reg-box > ul > li { display:flex; flex-wrap:wrap; }
.cro-box .inquiry-reg .reg-box > ul > li label { width:237px; text-align:right; padding:25px 47px 0 0; color:#005f30; font-size:20px; font-weight:500; letter-spacing:-0.02em; }
.cro-box .inquiry-reg .reg-box > ul > li .regCont { width:calc(100% - 237px); }
.cro-box .inquiry-reg .reg-box > ul > li input[type="text"],
.cro-box .inquiry-reg .reg-box > ul > li input[type="password"] { height:75px; padding:0 20px; width:100%; font-size:18px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; background:none; border-radius:0; }
.cro-box .inquiry-reg .reg-box > ul > li select { width:100%; height:75px; line-height:75px; padding:0 40px; font-size:18px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
.cro-box .inquiry-reg .reg-box > ul > li select::-ms-expand { display:none; }
.cro-box .inquiry-reg .reg-box > ul > li textarea { width:100%; height:250px; line-height:1.6; padding:20px 20px; font-size:18px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; background:none; border-radius:0; }
.cro-box .inquiry-reg .reg-box > ul > li .sbox { word-break:keep-all; width:100%; height:280px; line-height:1.5; padding:20px 20px; font-size:18px; color:#333; font-weight:300; border:1px solid #ddd; overflow:auto; }
.cro-box .inquiry-reg .reg-box > ul > li .sbox .privacy > dl > dt { font-weight:600; color:#333; }
.cro-box .inquiry-reg .reg-box > ul > li.m1 { margin-top:35px; }
.cro-box .inquiry-reg .reg-box > ul > li.m2 { margin-top:70px; }
.cro-box .inquiry-reg .ch { margin-top:25px; }
.cro-box .inquiry-reg .ch input[type="checkbox"],
.cro-box .inquiry-reg .ch input[type="radio"]{opacity:0; height:auto; line-height:auto;}
.cro-box .inquiry-reg .ch input[type="checkbox"] + span,
.cro-box .inquiry-reg .ch input[type="radio"] + span { position:relative; padding:6px 0 0 28px; font-weight:300; font-size:16px; line-height:1.4 !important; display:inline-block; color:#555; }
.cro-box .inquiry-reg .ch input[type="checkbox"] + span:before,
.cro-box .inquiry-reg .ch input[type="radio"] + span:before { content:''; display:block; margin:3px 0 0 0; width:25px; height:25px; vertical-align:middle; background:none; border:1px solid #aaa; border-radius:0; position:absolute; left:-13px; top:-1px; }
.cro-box .inquiry-reg .ch input[type="checkbox"] + span:after,
.cro-box .inquiry-reg .ch input[type="radio"] + span:after { content:''; display:block; width:15px; height:15px; vertical-align:middle; background:none; border:none; position:absolute; left:-7px; top:8px; }
.cro-box .inquiry-reg .ch input[type="checkbox"]:checked + span:after,
.cro-box .inquiry-reg .ch input[type="radio"]:checked + span:after { background:#005F30; }
.cro-box .inquiry-reg .btnbox { margin-top:45px; text-align:center; }
.cro-box .inquiry-reg .btnbox a,
.cro-box .inquiry-reg .btnbox button { display:inline-block; text-align:center; border:none; outline:none; background:none; margin:0 8px;  }
.cro-box .inquiry-reg .btnbox a span,
.cro-box .inquiry-reg .btnbox button span { margin:0 auto; justify-content:center; align-items:center; display:flex; position:relative; text-align:center; border:none; outline:none; background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #005F30; width:250px; height:70px; color:#fff; font-size:20px; font-weight:700; border-radius:0; }
.cro-box .inquiry-reg .btnbox a span { border:1px solid #d6d6d6; background:none; color:#666; }
@media screen and (max-width:1700px){
    .cro-box .process_box .listbox ul { gap:50px 80px; padding:0 50px; }
    .cro-box .process_box .listbox ul:after { left:50px; top:22.8%; width:calc(100% - 100px); }
    .cro-box .process_box .listbox ul:before { left:50px; bottom:22.8%; width:calc(100% - 100px); }
    .cro-box .process_box .listbox ul li { width:calc((100% - 160px) / 3) }
    .cro-box .process_box .listbox ul li dd .icon { width:110px; height:110px; }
    .cro-box .process_box .listbox ul li dd .icon img { width:45%; }
    .cro-box .process_box .listbox ul li dd { margin-top:20px; }
    .cro-box .process_box .listbox ul li dd .p_txt { margin-top:25px; font-size:22px; }
    .cro-box .process_box .listbox ul li dl:before { right:-62px; width:36px; height:36px; background-size:25% auto; }
}
@media screen and (max-width:1400px){
    .cro-box .process_box .listbox ul { gap:50px 60px; padding:0;}
    .cro-box .process_box .listbox ul:after { top:22.5%; }
    .cro-box .process_box .listbox ul:before { bottom:22.5%; }
    .cro-box .process_box .listbox ul li { width:calc((100% - 120px) / 3) }
    .cro-box .process_box .listbox ul li dt { font-size:18px; }
    .cro-box .process_box .listbox ul li dd .icon { width:90px; height:90px; }
    .cro-box .process_box .listbox ul li dd { margin-top:15px; }
    .cro-box .process_box .listbox ul li dd .p_txt { margin-top:20px; font-size:20px; }
    .cro-box .process_box .listbox ul li dl:before { right:-48px; width:30px; height:30px; }
    .cro-box .inquiry-reg .reg-box > ul > li label { width:200px; padding:25px 40px 0 0; }
    .cro-box .inquiry-reg .reg-box > ul > li .regCont { width:calc(100% - 200px); }
}
@media screen and (max-width:1024px){	
    .cro-box .process_box .listbox { margin-top:50px; }
    .cro-box .inquiry-reg { margin-top:100px; }
    .cro-box .inquiry-reg .reg-box { margin-top:50px; }
    .cro-box .inquiry-reg .reg-box > ul > li label { width:190px; padding:25px 20px 0 0; font-size:18px; }
    .cro-box .inquiry-reg .reg-box > ul > li .regCont { width:calc(100% - 190px); }
    .cro-box .inquiry-reg .reg-box > ul > li input[type="text"],
    .cro-box .inquiry-reg .reg-box > ul > li input[type="password"] { height:70px; padding:0 20px; font-size:16px; }
    .cro-box .inquiry-reg .reg-box > ul > li select { height:70px; line-height:70px; padding:0 20px; font-size:16px; }
    .cro-box .inquiry-reg .reg-box > ul > li textarea { height:220px; padding:20px 20px; font-size:16px; }
    .cro-box .inquiry-reg .reg-box > ul > li .sbox { height:250px; padding:20px 20px; font-size:16px; }
    .cro-box .inquiry-reg .reg-box > ul > li.m1 { margin-top:25px; }
    .cro-box .inquiry-reg .reg-box > ul > li.m2 { margin-top:50px; }
    .cro-box .inquiry-reg .ch { margin-top:20px; }
    .cro-box .inquiry-reg .ch input[type="checkbox"] + span,
    .cro-box .inquiry-reg .ch input[type="radio"] + span { padding:3px 0 0 22px; font-size:16px; }
    .cro-box .inquiry-reg .ch input[type="checkbox"] + span:before,
    .cro-box .inquiry-reg .ch input[type="radio"] + span:before { margin:3px 0 0 0; width:20px; height:20px; }
    .cro-box .inquiry-reg .ch input[type="checkbox"] + span:after,
    .cro-box .inquiry-reg .ch input[type="radio"] + span:after { width:12px; height:12px; left:-8px; top:7px; }
	.cro-box .inquiry-reg .btnbox a span,
	.cro-box .inquiry-reg .btnbox button span { height:60px; font-size:16px; width:200px; }
}
@media screen and (max-width:860px){
    .cro-box .process_box .listbox:after {content:""; display:block; position:absolute; left:50%; top:50%; width:100px; margin-left:-50px; height:1px; background-color:#005f30; }
    .cro-box .process_box .listbox ul { gap:30px 60px; max-width:640px; margin:0 auto }
    .cro-box .process_box .listbox ul li { width:calc((100% - 60px) / 2) }
    .cro-box .process_box .listbox ul:after { top:15.5%; }
    .cro-box .process_box .listbox ul:before { bottom:15.5%; }
    .cro-box .process_box .listbox ul li:nth-child(3) .cont:after,
    .cro-box .process_box .listbox ul li:nth-child(5) .cont:after { display:none }
    .cro-box .process_box .listbox ul li:nth-child(4) .cont:after { display:block }
    .cro-box .process_box .listbox ul li:nth-child(3) .cont:before { display:block }
    .cro-box .process_box .listbox ul li:nth-child(4) .cont:before { display:none }
    .cro-box .process_box .listbox ul li:nth-child(3) dl:before { display:block }
    .cro-box .process_box .listbox ul li:nth-child(2) dl:before,
    .cro-box .process_box .listbox ul li:nth-child(4) dl:before { display:none }
    .cro-box .process_box .listbox ul li dl:before { right:-46px; width:24px; height:24px; }
}
@media screen and (max-width:760px){
    .cro-box .inquiry-reg .reg-box { margin-top:40px; }
    .cro-box .inquiry-reg .reg-box > ul > li:not(:last-child) { margin-bottom:20px; }
    .cro-box .inquiry-reg .reg-box > ul > li label { width:100%; padding:0 0 8px 0; font-size:17px; text-align:left }
    .cro-box .inquiry-reg .reg-box > ul > li .regCont { width:100%; }
    .cro-box .inquiry-reg .reg-box > ul > li.m1,
    .cro-box .inquiry-reg .reg-box > ul > li.m2 { margin-top:20px; }
    .cro-box .inquiry-reg .reg-box > ul > li input[type="text"],
    .cro-box .inquiry-reg .reg-box > ul > li input[type="password"] { height:60px; padding:0 10px; }
    .cro-box .inquiry-reg .reg-box > ul > li select { height:60px; line-height:60px; padding:0 10px; background:#fff url(/img/sub/icon_select_down.png) 105% center no-repeat; }
    .cro-box .inquiry-reg .reg-box > ul > li textarea { height:180px; padding:10px; }
    .cro-box .inquiry-reg .reg-box > ul > li .sbox { height:200px; padding:10px; }
}
@media screen and (max-width:640px){	
    .cro-box .process_box .listbox { margin-top:35px; }
    .cro-box .process_box .listbox ul { gap:20px 60px; }
    .cro-box .process_box .listbox ul li dt { font-size:16px; }
    .cro-box .process_box .listbox ul li dd { margin-top:10px; }
    .cro-box .process_box .listbox ul li dd .p_txt { margin-top:0; font-size:18px; }
    .cro-box .process_box .listbox ul li dd .icon { display:none }
    .cro-box .inquiry-reg { margin-top:80px; }
    .cro-box .inquiry-reg .btnbox { margin-top:40px; }
    .cro-box .inquiry-reg .btnbox a,
    .cro-box .inquiry-reg .btnbox button { margin:0 3px; }
	.cro-box .inquiry-reg .btnbox a span,
	.cro-box .inquiry-reg .btnbox button span { height:50px; width:180px; }
}

/* animation */
.cro-box .inquiry-reg .reg-box { opacity:0; }
.cro-box .inquiry-reg.subOn .reg-box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.cro-box .process_box .listbox ul li,
.cro-box .process_box .listbox ul:after,
.cro-box .process_box .listbox ul:before { opacity:0; }
.cro-box .process_box .listbox:after { opacity:0; }
.cro-box .process_box .listbox.subOn:after  { animation:ani_5 0.5s 1.5s; animation-fill-mode:both; }
.cro-box .process_box .listbox.subOn ul:after { animation:ani_5 0.5s 1.0s; animation-fill-mode:both; }
.cro-box .process_box .listbox.subOn ul:before { animation:ani_5 0.5s 2.0s; animation-fill-mode:both; }
.cro-box .process_box .listbox.subOn ul li:nth-child(1) { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.cro-box .process_box .listbox.subOn ul li:nth-child(2) { animation:ani_1 0.5s 0.6s; animation-fill-mode:both; }
.cro-box .process_box .listbox.subOn ul li:nth-child(3) { animation:ani_1 0.5s 0.9s; animation-fill-mode:both; }
.cro-box .process_box .listbox.subOn ul li:nth-child(4) { animation:ani_1 0.5s 1.2s; animation-fill-mode:both; }
.cro-box .process_box .listbox.subOn ul li:nth-child(5) { animation:ani_1 0.5s 1.5s; animation-fill-mode:both; }
.cro-box .process_box .listbox.subOn ul li:nth-child(6) { animation:ani_1 0.5s 1.8s; animation-fill-mode:both; }


.cro-box .tabCont { margin-top:95px; }
.cro-box .dataTable-box table { border-top:1px solid #005f30; }
.cro-box .dataTable-box thead th { border-bottom:1px solid #ddd; background-color:#ebf1ee; color:#111; font-size:20px; font-weight:600; height:70px; border-left:1px solid #ddd; }
.cro-box .dataTable-box thead th:first-child { border-left:none; }
.cro-box .dataTable-box tbody th { text-align:center; padding:20px 10px; border-bottom:1px solid #ddd; background-color:#eee; color:#111; font-size:30px; font-weight:500; line-height:1.3 }
.cro-box .dataTable-box tbody th .stxt { display:block; font-size:15px; font-weight:500; color:#005f30; margin-top:10px; }
.cro-box .dataTable-box tbody th.st { font-size:20px; font-weight:400; border-bottom:1px solid #ddd; background-color:#f5f5f5;}
.cro-box .dataTable-box tbody td { word-break:keep-all; text-align:left; padding:35px 10px 35px 80px; border-bottom:1px solid #ddd; background-color:#fff; color:#333; font-size:18px; font-weight:300; line-height:1.5 }
.cro-box .dataTable-box tbody td .list:not(:last-child) { margin-bottom:25px; }
.cro-box .dataTable-box tbody td .list li:not(:last-child) { margin-bottom:4px; }
.cro-box .dataTable-box tbody td .list li { position:relative; color:#333; font-size:18px; font-weight:300; padding-left:10px; word-break:keep-all; }
.cro-box .dataTable-box tbody td .list li strong { font-weight:600; }
.cro-box .dataTable-box tbody td .list li:before {content:""; display:block; position:absolute; left:0; top:12px; width:3px; height:3px; background-color:#333; border-radius:5px; } 
.cro-box .dataTable-box tbody td.tc { text-align:center; }
.cro-box .dataTable-box tbody td.img_f { padding:0; }
.cro-box .dataTable-box .s3 tbody th { font-size:20px; word-break:keep-all; }
.cro-box .dataTable-box .s3 tbody th.st { border-left:1px solid #ddd; }
.cro-box .dataTable-box .s3 tbody td.tc { text-align:center; padding:10px 5px; border-left:1px solid #ddd; }
.cro-box .dataTable-box .s3 tbody td.tc img { max-width:100%; }
.cro-box .dataTable-box .s3 tbody td.img_f { padding:0; }
.cro-box .dataTable-box .s3 tbody td { border-left:1px solid #ddd; }
.cro-box .dataTable-box .s3 tbody td dl:not(:last-child) { margin-bottom:35px; }
.cro-box .dataTable-box .s3 tbody td dt { color:#333; font-size:18px; font-weight:600; margin-bottom:5px; }
.cro-box .table-box table { border-top:1px solid #005f30; }
.cro-box .table-box thead th { border-bottom:1px solid #ddd; background-color:#f5f5f5; color:#111; font-size:20px; font-weight:600; height:70px; }
.cro-box .table-box thead th:first-child { border-bottom:1px solid #ddd; background-color:#ebf1ee; color:#111; }
.cro-box .table-box tbody th { border-bottom:1px solid #ddd; background-color:#f5f5f5; color:#111; font-size:18px; font-weight:300; height:70px; }
.cro-box .table-box tbody td { padding:8px 10px 8px 30px; border-bottom:1px solid #ddd; background-color:#fff; color:#333; font-size:18px; font-weight:300; }
@media screen and (max-width:1024px){
    .cro-box .tabCont { margin-top:70px; }
    .cro-box .dataTable-box tbody th { padding:20px 10px; font-size:24px; }
    .cro-box .dataTable-box tbody th .stxt { font-size:14px; margin-top:8px; }
    .cro-box .dataTable-box tbody th.st { font-size:18px; }
    .cro-box .dataTable-box .s3 tbody th { font-size:18px; }
    .cro-box .dataTable-box tbody td { padding:30px 10px 30px 40px; font-size:16px; }
    .cro-box .dataTable-box tbody td .list li { font-size:16px; }
    .cro-box .dataTable-box tbody td .list li:before { top:10px; }
    .cro-box .dataTable-box .s3 tbody td dl:not(:last-child) { margin-bottom:28px; }
    .cro-box .dataTable-box .s3 tbody td dt { font-size:16px; margin-bottom:3px; }
    .cro-box .table-box thead th { font-size:18px; height:65px; }
    .cro-box .table-box tbody th { font-size:17px; height:65px; }
    .cro-box .table-box tbody td { padding:8px 10px 8px 20px; font-size:17px; }
}
@media screen and (max-width:640px){
    .cro-box .tabCont { margin-top:50px; }
    .cro-box .dataTable-box tbody th { padding:18px 5px; font-size:19px; }
    .cro-box .dataTable-box tbody th .stxt { font-size:13px; margin-top:5px; }
    .cro-box .dataTable-box tbody th.st { font-size:16px; }
    .cro-box .dataTable-box .s3 tbody th { font-size:16px; }
    .cro-box .dataTable-box tbody td { padding:22px 10px 22px 10px; font-size:15px; }
    .cro-box .dataTable-box tbody td .list:not(:last-child) { margin-bottom:15px; }
    .cro-box .dataTable-box tbody td .list li { font-size:15px; padding-left:8px; }
    .cro-box .dataTable-box tbody td .list li:before { top:9px; }
    .cro-box .dataTable-box .s3 tbody td dl:not(:last-child) { margin-bottom:18px; }
    .cro-box .dataTable-box .s3 tbody td dt { font-size:15px; margin-bottom:2px; }
    .cro-box .dataTable-box .s1 .w1 { width:130px !important }
    .cro-box .dataTable-box .s2 .w2_1 { width:90px !important }
    .cro-box .dataTable-box .s2 .w2_2 { width:120px !important }
    .cro-box .dataTable-box .s3 .w3_1 { width:90px !important }
    .cro-box .dataTable-box .s3 .w3_2 { width:90px !important }
    .cro-box .dataTable-box .s3 .w3_3 { width:130px !important }
    .cro-box .dataTable-box .s4 .w4_3 { width:110px !important }
    .cro-box .table-box thead th { font-size:17px; height:55px; }
    .cro-box .table-box tbody th { font-size:16px; height:55px; }
    .cro-box .table-box tbody td { padding:8px 10px; font-size:16px; }
}

/* animation */
.cro-box .c_box .dataTable-box { opacity:0; }
.cro-box .tabCont.subOn .c_box.on .dataTable-box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }



.cro_bt { position:relative; margin:200px -100px -200px -200px; }
.cro_bt .imgbox { position:relative; overflow:hidden; }
.cro_bt .imgbox:before {content:""; display:block; padding-bottom:24.7%; }
.cro_bt .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.cro_bt .txtbox { position:absolute; left:0; top:0; width:100%; height:100%; padding:0 20px; display:flex; align-items:center; justify-content:center; text-align:center }
.cro_bt .txtbox dt { color:#fff; font-size:34px; font-weight:500; letter-spacing:-0.02em; }
.cro_bt .txtbox dd { margin-top:25px; color:#fff; font-size:16px; font-weight:300; letter-spacing:-0.02em; line-height:1.3; word-break:keep-all; }
.cro_bt .txtbox .btn { margin-top:55px; }
.cro_bt .txtbox .btn a { display:flex; align-items:center; justify-content:center; text-align:center; width:209px; height:61px; background:rgba(0, 0, 0, 0.2); border:1px solid rgba(232, 232, 232, 0.15); margin:0 auto }
.cro_bt .txtbox .btn a span { font-family:var(--font-family); color:#fff; font-size:14px; font-weight:700; letter-spacing:-0.02em; padding-right:25px; background:url(/img/sub/more_arr1.png) right center no-repeat; }
@media screen and (max-width:1280px){
    .cro_bt { margin:120px -50px -150px -150px; }
    .cro_bt .imgbox:before { padding-bottom:30%; }
    .cro_bt .txtbox dt { font-size:28px; }
    .cro_bt .txtbox dd { margin-top:22px; font-size:16px; }
    .cro_bt .txtbox .btn { margin-top:50px; }
    .cro_bt .txtbox .btn a { width:200px; height:58px; }
    .cro_bt .txtbox .btn a span { font-size:14px; padding-right:25px; }
}
@media screen and (max-width:1024px){	
    .cro_bt { margin:100px 0 -100px 0; }
    .cro_bt .imgbox:before { padding-bottom:35%; }
    .cro_bt .txtbox dt { font-size:24px; }
    .cro_bt .txtbox dd { margin-top:20px; font-size:16px; }
    .cro_bt .txtbox .btn { margin-top:45px; }
    .cro_bt .txtbox .btn a { width:200px; height:55px; }
    .cro_bt .txtbox .btn a span { font-size:14px; padding-right:22px; }
}
@media screen and (max-width:640px){	
    .cro_bt { margin:80px  0 -80px 0; }
    .cro_bt .imgbox:before { padding-bottom:50%; }
    .cro_bt .txtbox dt { font-size:20px; }
    .cro_bt .txtbox dd { margin-top:10px; font-size:15px; }
    .cro_bt .txtbox .btn { margin-top:30px; }
    .cro_bt .txtbox .btn a { width:160px; height:50px; }
    .cro_bt .txtbox .btn a span { font-size:13px; padding-right:20px; }
}
/* animation */
.cro_bt .txtbox dt
.cro_bt .txtbox dd, 
.cro_bt .txtbox .btn { opacity:0; }
.cro_bt.subOn .txtbox dt { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.cro_bt.subOn .txtbox dd { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.cro_bt.subOn .txtbox .btn { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }


/* promotion */
.promotion-box .stit h4 { color:#111; letter-spacing:-0.02em; font-size:48px; font-weight:600; line-height:1.3 }
.promotion-box .stit_s { position:relative; padding-left:20px; }
.promotion-box .stit_s h5 { position:relative; color:#111; letter-spacing:-0.02em; font-size:34px; font-weight:500; line-height:1.3 }
.promotion-box .stit_s:before {content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:25px; background-color:#005f30; }
.promotion-box p.txt { margin-top:20px; color:#333; letter-spacing:-0.02em; font-size:18px; font-weight:500; line-height:1.3 }
.promotion-box .topline { padding-top:180px; border-top:1px solid #ddd; margin-top:180px; } 
@media screen and (max-width:1280px){
    .promotion-box .stit h4 { font-size:44px; }
    .promotion-box .stit_s { padding-left:20px; }
    .promotion-box .stit_s:before {top:8px; width:4px; height:22px; }
    .promotion-box .stit_s h5 { font-size:30px; }
    .promotion-box p.txt { margin-top:18px; font-size:17px; }
    .promotion-box .topline { padding-top:120px; margin-top:120px; } 
    .promotion-box .cro-box .croCont-3 .listbox li { width:calc((100% - 20px) / 2); padding:0 40px; height:310px; }
}
@media screen and (max-width:1024px){
    .promotion-box .stit h4 { font-size:36px; }
    .promotion-box .stit_s { padding-left:16px; }
    .promotion-box .stit_s:before {top:7px; width:3px; height:18px; }
    .promotion-box .stit_s h5 { font-size:24px; }
    .promotion-box p.txt { font-size:16px; }
    .promotion-box .topline { padding-top:100px; margin-top:100px; } 
}
@media screen and (max-width:640px){
    .promotion-box .stit h4 { font-size:24px; }
    .promotion-box .stit_s { padding-left:12px; }
    .promotion-box .stit_s:before {top:6px; width:2px; height:15px; }
    .promotion-box .stit_s h5 { font-size:20px; }
    .promotion-box p.txt { margin-top:10px; font-size:15px; }
    .promotion-box .topline { padding-top:60px; margin-top:60px; }
}

/* animation */
.promotion-box .stit { opacity:0; }
.promotion-box .subtitle h3.stit { opacity:1; }
.promotion-box .stit.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.promotion-box .stit_s h5,
.promotion-box .stit_s:before { opacity:0; }
.promotion-box .subOn .stit_s h5 { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.promotion-box .subOn .stit_s:before { animation:ani_5 0.8s 0.5s; animation-fill-mode:both; }


.tab-box { margin-top:-140px; margin-bottom:180px;}
.tab-box ul { display:flex; gap:0 10px; flex-wrap:wrap; }
.tab-box ul li a { display:flex; align-items:center; justify-content:center; min-width:140px; height:50px; padding:0 20px; color:rgba(85, 85, 85, 0.8); font-size:20px; font-weight:300; border:1px solid #ddd; background-color:#fff; border-radius:50px; transition:all 0.3s; }
.tab-box ul li a:hover,
.tab-box ul li.on a { background-color:#005f30; border:1px solid #005f30; color:#fff; font-weight:300; }
@media screen and (max-width:1280px){
    .tab-box { margin-top:-80px; margin-bottom:120px;}
}
@media screen and (max-width:1024px){
    .tab-box { margin-top:-60px; margin-bottom:100px;}
    .tab-box ul { gap:0 5px; }
    .tab-box ul li a { min-width:130px; height:45px; padding:0 15px; font-size:18px; }
}
@media screen and (max-width:640px){
    .tab-box { margin-top:-30px; margin-bottom:60px;}
    .tab-box ul { gap:5px 5px; justify-content:center; }
    .tab-box ul li a { min-width:100px; height:38px; padding:0 10px; font-size:15px; }
}


.promotion-box .pro-overviewCont1 ul { display:flex; gap:0 60px; flex-wrap:wrap; }
.promotion-box .pro-overviewCont1 li { width:calc((100% - 120px) / 3)}
.promotion-box .pro-overviewCont1 li .box { width:100%; height:360px; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#fff; box-shadow:0px 4px 24px -1px rgba(0, 95, 48, 0.16); border-radius:20px; transition:all 0.3s ease-in-out; }
.promotion-box .pro-overviewCont1 li .box dt { color:#333; letter-spacing:-0.02em; font-size:50px; font-weight:600; line-height:1.3; transition:all 0.3s }
.promotion-box .pro-overviewCont1 li .box dd { margin-top:10px; color:#555; letter-spacing:-0.02em; font-size:20px; font-weight:400; line-height:1.3; transition:all 0.3s }
.promotion-box .pro-overviewCont1 li:hover .box dt { color:#fff; font-size:60px; }
.promotion-box .pro-overviewCont1 li:hover .box dd { color:#fff; font-size:24px; }
.promotion-box .pro-overviewCont1 li:nth-child(1):hover .box { background:url(/img/sub/pro_overview_bg1_1.jpg) center center / cover }
.promotion-box .pro-overviewCont1 li:nth-child(2):hover .box { background:url(/img/sub/pro_overview_bg1_2.jpg) center center / cover }
.promotion-box .pro-overviewCont1 li:nth-child(3):hover .box { background:url(/img/sub/pro_overview_bg1_3.jpg) center center / cover }
.promotion-box .pro-overviewCont2 .listbox { margin-top:80px; }
.promotion-box .pro-overviewCont2 .listbox ul { display:flex; gap:30px 55px; flex-wrap:wrap; }
.promotion-box .pro-overviewCont2 .listbox ul li { width:calc((100% - 220px) / 5); text-align:center; }
.promotion-box .pro-overviewCont2 .listbox ul li .imgbox { padding:0 5px; width:100%; height:100px; border:1px solid #e0e0e0; display:flex; align-items:center; justify-content:center; transition:all 0.05s ease-in-out; }
.promotion-box .pro-overviewCont2 .listbox ul li .imgbox img { max-width:100%; }
.promotion-box .pro-overviewCont2 .listbox ul li strong { margin-top:20px; min-height:70px; display:block; color:#555; letter-spacing:-0.02em; font-size:18px; font-weight:300; line-height:1.3; transition:all 0.1s ease-in-out;}
.promotion-box .pro-overviewCont2 .listbox ul li:hover .imgbox { border:2px solid #005f30; }
.promotion-box .pro-overviewCont2 .listbox ul li:hover strong { font-size:20px; }
@media screen and (max-width:1700px){
    .promotion-box .pro-overviewCont2 .listbox ul { gap:30px 35px; }
    .promotion-box .pro-overviewCont2 .listbox ul li { width:calc((100% - 140px) / 5); }
}
@media screen and (max-width:1400px){
    .promotion-box .pro-overviewCont1 ul { gap:0 30px; }
    .promotion-box .pro-overviewCont1 li { width:calc((100% - 90px) / 3) }
    .promotion-box .pro-overviewCont1 li .box { height:340px; }
    .promotion-box .pro-overviewCont2 .listbox ul { gap:30px 30px; }
    .promotion-box .pro-overviewCont2 .listbox ul li { width:calc((100% - 90px) / 4); }
}
@media screen and (max-width:1280px){
    .promotion-box .pro-overviewCont1 li .box { height:300px; }
    .promotion-box .pro-overviewCont1 li .box dt { font-size:40px; }
    .promotion-box .pro-overviewCont1 li .box dd { margin-top:10px; font-size:19px; }
    .promotion-box .pro-overviewCont1 li:hover .box dt { font-size:50px; }
    .promotion-box .pro-overviewCont1 li:hover .box dd { font-size:20px; }
    .promotion-box .pro-overviewCont2 .listbox ul { gap:30px 30px; }
    .promotion-box .pro-overviewCont2 .listbox ul li { width:calc((100% - 60px) / 3); }
    .promotion-box .pro-overviewCont2 .listbox ul li strong { margin-top:20px; min-height:68px; font-size:17px; }
    .promotion-box .pro-overviewCont2 .listbox ul li:hover strong { font-size:19px; }
}
@media screen and (max-width:1024px){
    .promotion-box .pro-overviewCont1 ul { gap:0 20px; }
    .promotion-box .pro-overviewCont1 li { width:calc((100% - 40px) / 3) }
    .promotion-box .pro-overviewCont1 li .box { height:260px; }
    .promotion-box .pro-overviewCont1 li .box dt { font-size:28px; }
    .promotion-box .pro-overviewCont1 li .box dd { margin-top:8px; font-size:18px; }
    .promotion-box .pro-overviewCont1 li:hover .box dt { font-size:36px; }
    .promotion-box .pro-overviewCont1 li:hover .box dd { font-size:19px; }
    .promotion-box .pro-overviewCont2 .listbox { margin-top:60px; }
    .promotion-box .pro-overviewCont2 .listbox ul { gap:25px 30px; }
    .promotion-box .pro-overviewCont2 .listbox ul li { width:calc((100% - 60px) / 3); }
    .promotion-box .pro-overviewCont2 .listbox ul li strong { margin-top:15px; min-height:65px; font-size:16px; }
    .promotion-box .pro-overviewCont2 .listbox ul li:hover strong { font-size:18px; }
}
@media screen and (max-width:760px){
    .promotion-box .pro-overviewCont1 ul { gap:20px 20px; }
    .promotion-box .pro-overviewCont1 li { width:calc((100% - 20px) / 2) }
    .promotion-box .pro-overviewCont1 li .box { height:200px; }
    .promotion-box .pro-overviewCont2 .listbox ul { gap:20px 20px; }
    .promotion-box .pro-overviewCont2 .listbox ul li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:640px){
    .promotion-box .pro-overviewCont1 ul { gap:10px 10px; }
    .promotion-box .pro-overviewCont1 li { width:calc((100% - 10px) / 2) }
    .promotion-box .pro-overviewCont1 li .box dt { font-size:22px; color:#fff }
    .promotion-box .pro-overviewCont1 li .box dd { margin-top:8px; font-size:16px; color:#fff }
    .promotion-box .pro-overviewCont1 li:hover .box dt { font-size:22px; }
    .promotion-box .pro-overviewCont1 li:hover .box dd { font-size:16px; }
    .promotion-box .pro-overviewCont1 li:nth-child(1) .box { background:url(/img/sub/pro_overview_bg1_1.jpg) center center / cover }
    .promotion-box .pro-overviewCont1 li:nth-child(2) .box { background:url(/img/sub/pro_overview_bg1_2.jpg) center center / cover }
    .promotion-box .pro-overviewCont1 li:nth-child(3) .box { background:url(/img/sub/pro_overview_bg1_3.jpg) center center / cover }
    .promotion-box .pro-overviewCont2 .listbox { margin-top:30px; }
    .promotion-box .pro-overviewCont2 .listbox ul { gap:10px 10px; }
    .promotion-box .pro-overviewCont2 .listbox ul li { width:calc((100% - 10px) / 2); }
    .promotion-box .pro-overviewCont2 .listbox ul li .imgbox { height:90px; }
    .promotion-box .pro-overviewCont2 .listbox ul li strong { margin-top:10px; min-height:62px; font-size:15px; }
    .promotion-box .pro-overviewCont2 .listbox ul li:hover strong { font-size:15px; }
}

/* animation */
.promotion-box .pro-overviewCont1 li { opacity:0; }
.promotion-box .pro-overviewCont1.subOn li:nth-child(1) { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.promotion-box .pro-overviewCont1.subOn li:nth-child(2) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.promotion-box .pro-overviewCont1.subOn li:nth-child(3) { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.promotion-box .pro-overviewCont2 .listbox { opacity:0; }
.promotion-box .pro-overviewCont2 .listbox.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }


.promotion-box .board_list .scroll_box > div { border-bottom:1px solid #ddd; }
.promotion-box .board_list table { border-top:1px solid #aaa; }
.promotion-box .board_list thead th { border-bottom:none; background-color:#f9f9f9; color:#333; font-size:20px; font-weight:500; height:70px; }
.promotion-box .board_list tbody td { word-break:keep-all; position:relative; text-align:center; padding:0 10px; border-bottom:none; background-color:#fff; color:#333; font-size:18px; font-weight:300; height:70px; letter-spacing:-0.015em; line-height:1.3 }
.promotion-box .board_list tbody td:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#ddd; }
.promotion-box .board_list tbody td.td_left { text-align:left; }
.promotion-box .board_list tbody td.down img { filter:brightness(0) invert(0.4); transition:all 0.3s ease-in-out; }
.promotion-box .board_list tbody tr:hover td.down img { filter:brightness(1) invert(0); }
.promotion-box .board_list tbody tr { position:relative; width:100%; }
.promotion-box .board_list tbody tr:after {content:""; display:block; position:absolute; left:0; top:0; width:0; height:1px; background-color:#005f30; transition:all 0.3s ease-in-out; }
.promotion-box .board_list tbody tr:hover:after { width:100%; }
.promotion-box .board_list .page { margin:60px auto 0 auto; text-align:center; padding:0; } 
.promotion-box .board_list .page a { position:relative; font-size:16px; line-height:35px; font-weight:500; color:#aaa; border:none; padding:0 10px; min-width:35px; }
.promotion-box .board_list .page ul { display:inline-block; }
.promotion-box .board_list .page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.promotion-box .board_list .page li.on a { font-weight:500; color:#fff; background-color:#005f30; border:none; padding:5px 11px; }
.promotion-box .board_list .page li:hover a,
.promotion-box .board_list .page li a:hover { border:none; background:none; }
.promotion-box .board_list .page li.on:hover a  { background-color:#005f30; }
.promotion-box .board_list .page .btn_pn { display:inline-block; vertical-align:middle; }
.promotion-box .board_list .page .btn_prev { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:8px; overflow:hidden; border:none;  text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.promotion-box .board_list .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;}
.promotion-box .board_list .page .btn_first { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:-12px; overflow:hidden; border:none;  text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.promotion-box .board_list .page .btn_last { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px;  margin-left:-12px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.promotion-box .board_list .page li span { color:#aaa; display:block;  margin-top:-10px; font-weight:800; }
@media screen and (max-width:1600px){
    .promotion-box .board_list .s1 .w1 { width:300px !important }
    .promotion-box .board_list .s1 .w2 { width:200px !important }
}
@media screen and (max-width:1280px){
    .promotion-box .board_list .s1 .w1 { width:290px !important }
    .promotion-box .board_list .s1 .w2 { width:100px !important }
}
@media screen and (max-width:1024px){
    .promotion-box .board_list thead th { font-size:18px; }
    .promotion-box .board_list tbody td { padding:10px 10px; font-size:16px; }
}
@media screen and (max-width:640px){
    .promotion-box .board_list thead th { font-size:16px; height:60px; }
    .promotion-box .board_list tbody td { padding:15px 5px; font-size:15px; }
    .promotion-box .board_list .s1 .w1 { width:120px !important }
    .promotion-box .board_list .s1 .w2 { width:80px !important }
	.promotion-box .board_list .page { margin:30px auto 0 auto; }
	.promotion-box .board_list .page a { font-size:15px; }
}



.promotion-box .partnerCont .listbox { margin-top:80px; }
.promotion-box .partnerCont .listbox ul { display:flex; gap:20px 24px; flex-wrap:wrap; }
.promotion-box .partnerCont .listbox ul li { width:calc((100% - 120px) / 6); text-align:center; }
.promotion-box .partnerCont .listbox ul li .imgbox { padding:0 5px; width:100%; height:100px; border:1px solid #e0e0e0; display:flex; align-items:center; justify-content:center; transition:all 0.05s ease-in-out; }
.promotion-box .partnerCont .listbox ul li:hover .imgbox { border:2px solid #005f30; }
.promotion-box .partnerCont .listbox ul li .imgbox img { max-width:100%; }
@media screen and (max-width:1700px){
    .promotion-box .partnerCont .listbox ul { gap:20px 20px; }
    .promotion-box .partnerCont .listbox ul li { width:calc((100% - 80px) / 4); }
}
@media screen and (max-width:1400px){
    .promotion-box .partnerCont .listbox ul li { width:calc((100% - 60px) / 3); }
}
@media screen and (max-width:1024px){
    .promotion-box .partnerCont .listbox { margin-top:60px; }
}
@media screen and (max-width:860px){
    .promotion-box .partnerCont .listbox ul li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:640px){
    .promotion-box .partnerCont .listbox { margin-top:30px; }
    .promotion-box .partnerCont .listbox ul { gap:10px 10px; }
    .promotion-box .partnerCont .listbox ul li { width:calc((100% - 10px) / 2); }
    .promotion-box .partnerCont .listbox ul li .imgbox { height:90px; }
}

/* animation */
.promotion-box .partnerCont .listbox { opacity:0; }
.promotion-box .partnerCont .listbox.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }


/* select */
.selectric-wrapper { position:relative; cursor:pointer; text-align:left; }
.selectric-responsive { width:100%; }
.selectric { width:100%; height:75px; line-height:75px; padding:0 40px; font-size:18px; color:#111; font-weight:400; border:1px solid #ddd; background:none; position:relative; }
.selectric .label { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; font-size:18px; line-height:75px; color:#111; font-weight:400; height:75px; }
.selectric .button { display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:16px; height:10px; color:#fff; text-align:center; font:0/0 a; *font:20px / 38px Lucida Sans Unicode, Arial Unicode MS, Arial; }
.selectric .button:after { content:" "; position:absolute; top:0; left:0; margin:auto; width:16px; height:10px; background:url(/img/sub/icon_select_arr.png) no-repeat right center; }
.selectric-hover .selectric { border-color:#d0d0d0; }
.selectric-hover .selectric .button { color:#999; }
.selectric-hover .selectric .button:after {  }
.selectric-open { z-index:9999; }
.selectric-open .selectric { border-color:#ddd; }
.selectric-open .selectric-items { display:block; }
.selectric-disabled { filter:alpha(opacity=50); opacity:0.5; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.selectric-hide-select { position:relative; overflow:hidden; width:0; height:0; }
.selectric-hide-select select { position:absolute; left:-100%; display:none; }
.selectric-input { position:absolute !important; top:0 !important; left:0 !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; outline:none !important; border:none !important; *font:0/0 a !important; background:none !important; }
.selectric-temp-show { position:absolute !important; visibility:hidden !important; display:block !important; }

/* select Items box */
.selectric-items { display:none; position:absolute; top:100%; left:0; background:#ddd; border:none; z-index:-1; box-shadow:none; }
.selectric-items .selectric-scroll { height:100%; overflow:auto; }
.selectric-above .selectric-items { top:auto; bottom:100%; }
.selectric-items ul{ padding:20px 40px; }
.selectric-items li{ list-style:none; padding:0 8px; margin:0; font-size:18px; height:40px; line-height:40px; font-weight:400; color:#888; cursor:pointer;  }
.selectric-items li.selected { background:#ddd; color:#005F30; }
.selectric-items li:hover { background:#ddd; color:#005F30; }
.selectric-items .disabled { filter:alpha(opacity=50); opacity:0.5; cursor:default !important; background:none !important; color:#666 !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.selectric-items .selectric-group .selectric-group-label { font-weight:bold; padding-left:10px; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  background:none;  color:#444; }
.selectric-items .selectric-group.disabled li { filter:alpha(opacity=100); opacity:1; }
.selectric-items .selectric-group li { padding-left:5px; }
@media screen and (max-width:1024px){	
    .selectric { padding:0 20px; font-size:16px; line-height:70px; height:70px;}
    .selectric .label { font-size:16px; line-height:70px; height:70px; }
    .selectric-items ul{ padding:10px 20px; }
    .selectric-items li{ font-size:16px; height:30px; line-height:30px; }
}
@media screen and (max-width:760px){
    .selectric { padding:0 10px; line-height:60px; height:60px;}
    .selectric .button { right:18px; }
    .selectric .label {  line-height:60px; height:60px; }
    .selectric-items ul{ padding:8px 10px; }
}

.core-circle1 { fill:#005F30; stroke:none; stroke-width:0; }
.core-circle2 { fill:#005F30; opacity: 0.3; stroke:none; stroke-width:0; animation:wave1 1.2s 0.7s infinite linear; }
.core-circle3 { fill:#005F30; opacity: 0.2; stroke:none; stroke-width:0; animation:wave2 1.2s 0.7s infinite linear; }
.core-circle4 { fill:#005F30; opacity: 0.1; stroke:none; stroke-width:0; animation:wave3 1.2s 0.7s infinite linear; }
/*
.core-circle3 { fill:#005F30; opacity: 0.2; stroke:none; stroke-width:0; animation:circle1_3 0.8s 0.6s infinite alternate; }
.core-circle4 { fill:#005F30; opacity: 0.1; stroke:none; stroke-width:0; animation:circle1_4 0.8s 0.9s infinite alternate; }

@keyframes circle1_1 {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes circle1_2 {
	0% {opacity:0;}
	100% {opacity:0.3;}
}
@keyframes circle1_3 {
	0% {opacity:0;}
	100% {opacity:0.2;}
}
@keyframes circle1_4 {
	0% {opacity:0;}
	100% {opacity:0.1;}
}
*/
@keyframes wave1 {
  0% {
    transform: scale(0);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes wave2 {
  0% {
    transform: scale(0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes wave3 {
  0% {
    transform: scale(0);
    opacity: 0.3;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}




/*2023-03-17 김승준 */
.borderRadius {
  border-radius: 10px;
  overflow: hidden;
}
.certi .itemBox {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 50px 30px;
  margin: 60px 0 0;
}

.certi .item {
  /*border: 1px solid #dddddd;*/
  position: relative;
}

.certi .item .img {
  position: relative;
  padding: 56.85% 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.certi .item .img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.certi .item .text {
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 1.6666;
  opacity: 0;
  position: absolute;
  left: 30px;
  bottom: 40px;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  font-family: 'Pretendard',
 sans-serif;
}

.certi .item:hover .img {
  background: #000000;
}

.certi .item:hover .img img {
  opacity: 0.3;
}

.certi .item:hover .text {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.ntb-search { position:relative; margin:40px auto; max-width:840px;  }
.ntb-search select { display:inline-block; vertical-align:middle; width:230px; padding:0 10px; border:1px solid #ddd; outline:none; line-height:55px; height:55px; font-size:16px; font-weight:300; color:#5a5656; box-sizing:border-box; background-color:#fff; }
.ntb-search input[type="text"] { display:inline-block; vertical-align:middle; margin:0 0 0 2px; width:calc(100% - 241px); border:none; padding:0 70px 0 10px; line-height:55px; height:55px; border:1px solid #ddd; outline:none; font-size:16px; font-weight:300; color:#5a5656; box-sizing:border-box; background-color:#fff; }
.ntb-search input[type="submit"] { position:absolute; top:0; right:0; outline:none; border:none; width:66px; line-height:55px; height:55px; background:none; background:url(/site/images/board/icon_search.png) center center no-repeat; }
/*2023-03-17 김승준 */


.bbs-article2 li { padding-bottom: 15px; margin-bottom: 15px;}
.bbs-article2 li:first-child { padding-top: 15px; }
/* .bbs-article2 li * { word-break:keep-all !important; } */
.bbs-article2 li div p.tit { line-height:1.3; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space: normal; }
.ntb-tb-view .content-area img { max-width:100% !important; }
@media screen and (max-width:860px){
    .ntb-search { padding:0; }
}
@media screen and (max-width:640px){
    .bbs-article2 li div.thum-img { width: 160px; }
    .bbs-article2 li div.cont { width: calc(100% - 175px); }

    .ntb-search select { width:120px; }
    .ntb-search input[type="text"] { width: calc(100% - 131px); }
}