@charset "utf-8";

.subtitleTop { position:relative; height:700px; overflow:hidden; }
.subtitleTop .top-box { position:absolute; z-index:1; top:40%; }
.subtitleTop .top-box .location dl { display:flex; align-items:center; gap:5px 23px; }
.subtitleTop .top-box .location dt { width:24px; height:24px; background:url(/img/svg/location_h.svg) center center no-repeat; text-indent:-9999em; overflow:hidden; }
.subtitleTop .top-box .location dd { display:flex; align-items:center; gap:5px 23px; }
.subtitleTop .top-box .location dd span { color:rgba(255, 255, 255, 0.50); font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.subtitleTop .top-box .location dd strong { color:#fff; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.subtitleTop .top-box .location dd span,
.subtitleTop .top-box .location dd strong { position:relative; }
.subtitleTop .top-box .location dd span:before,
.subtitleTop .top-box .location dd strong:before { content:""; display:block; width:3px; height:3px; position:absolute; left:-12px; top:50%; transform:translateY(-50%); background:#fff; }
.subtitleTop h2.tit,
.subtitleTop h2.tit-d { margin-top:40px; color:#fff; font-size:var(--font140); font-weight:500; line-height:1.3; letter-spacing:-0.09em; }
.subtitleTop h2.tit span,
.subtitleTop h2.tit-d span { font-weight:500; }

.subtitleTop .depthMenu { position:absolute; left:0; bottom:30px; padding:0 10px; width:100%; }
.subtitleTop .depthMenu span.stit { display:none }
.subtitleTop .depthMenu ul { display:flex; gap:5px; border-radius:var(--borderR8); background:rgba(0, 0, 0, 0.15); padding:5px; }
.subtitleTop .depthMenu ul.m2 li { width:calc(100% / 2); }
.subtitleTop .depthMenu ul.m3 li { width:calc(100% / 3); }
.subtitleTop .depthMenu ul.m4 li { width:calc(100% / 4); }
.subtitleTop .depthMenu ul.m5 li { width:calc(100% / 5); }
.subtitleTop .depthMenu ul.m6 li { width:calc(100% / 6); }
.subtitleTop .depthMenu ul.m7 li { width:calc(100% / 7); }
.subtitleTop .depthMenu ul li a { transition:all 0.3s; color:rgba(255, 255, 255, 0.80); font-size:var(--font22); font-weight:400; line-height:1.3; letter-spacing:-0.035em; height:50px; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:var(--borderR4); background:rgba(0, 0, 0, 0.5); }
.subtitleTop .depthMenu ul li a:hover, 
.subtitleTop .depthMenu ul li.over a, 
.subtitleTop .depthMenu ul li.on a  { color:#fff; background:var(--mainColor); font-weight:500; }

.subTop { transform:scale(1.10); height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#111; }
.subTop_Bg1 { background-image:url(/img/sub/visualsub_bg1_n.jpg); }
.subTop_Bg2 { background-image:url(/img/sub/visualsub_bg2.jpg); }
.subTop_Bg3 { background-image:url(/img/sub/visualsub_bg3.jpg); }
.subTop_Bg4 { background-image:url(/img/sub/visualsub_bg4.jpg); }
.subTop_Bg5 { background-image:url(/img/sub/visualsub_bg5_n.jpg); }
.subTop_Bg6 { background-image:url(/img/sub/visualsub_bg6.jpg); }
.subTop_Bg7 { background-image:url(/img/sub/visualsub_bg7.jpg); }
.subTop_Bg10 { background-image:url(/img/sub/visualsub_bg10.jpg); }
.subTop_Bg11 { background-image:url(/img/sub/visualsub_bg11.jpg); }
@media screen and (max-width:1440px){
	.subtitleTop { height:650px; }
	.subtitleTop .top-box { top:45%; }
}
@media screen and (max-width:1280px){
	.subtitleTop { height:580px; }
}
@media screen and (max-width:1024px){
	.subtitleTop { height:480px; }
	.subtitleTop .top-box { top:50%; }
	.subtitleTop h2.tit,
	.subtitleTop h2.tit-d { margin-top:20px; }
	.subtitleTop .depthMenu { bottom:20px; }
	.subtitleTop .depthMenu ul li a { height:40px; }
}
@media screen and (max-width:760px){
	.subtitleTop .top-box { top:45%; }
	.subtitleTop .depthMenu ul { flex-wrap:wrap; }
	.subtitleTop .depthMenu ul.m2 li,
	.subtitleTop .depthMenu ul.m3 li,
	.subtitleTop .depthMenu ul.m4 li,
	.subtitleTop .depthMenu ul.m5 li,
	.subtitleTop .depthMenu ul.m6 li,
	.subtitleTop .depthMenu ul.m7 li { width:calc((100% - 5px) / 2); }
}
@media screen and (max-width:640px){
	.subtitleTop { height:300px; }
	.subtitleTop .top-box { top:32%; }
	.subtitleTop h2.tit,
	.subtitleTop h2.tit-d { margin-top:10px; }
	.subtitleTop .depthMenu { bottom:10px; }
	.subtitleTop .depthMenu ul li a { height:35px; }
}

/* animation */
#wrap.on .subTop { animation:subTbg 1.5s 0.3s; animation-fill-mode:both;}
.subtitleTop h2.tit { overflow:hidden }
.subtitleTop h2.tit span { display:block; opacity:0; }
#wrap.on .subtitleTop h2.tit span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both;}


@keyframes subTbg {
    0% { transform:scale(1.10); }
    100% { transform:scale(1.0); }
}

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

#subContents > article { padding:160px 0; min-height:300px; }
#subContents > article.subContT { padding-top:0; }
#subContents > article.subContB { padding-bottom:0; }
#subContents > article.subContBm { padding-bottom:0; margin-bottom:-85px; }
@media screen and (max-width:1024px){
	#subContents > article { padding:80px 0; }
	#subContents > article.subContT { padding:0 0 140px; }
	#subContents > article.subContBm { padding-bottom:0; margin-bottom:-58px; }
}
@media screen and (max-width:640px){
	#subContents > article { padding:40px 0; }
}
.contP160 { padding:160px 0; }
@media screen and (max-width:1024px){
	.contP160 { padding:80px 0; }
}
@media screen and (max-width:640px){
	.contP160 { padding:40px 0; }
}


.topSubTit { text-align:center; }
.topSubTit h3 { color:#111; font-size:var(--font64); font-weight:600; line-height:1.3; letter-spacing:-0.09em; }
.topSubTit h3 strong { color:var(--mainColor); font-weight:600; }
.topSubTit .txt { margin-top:30px; }
.topSubTit .txt p { color:#111; font-size:var(--font30); font-weight:500; line-height:1.6; letter-spacing:-0.04em; }
.topSubTit .txt p:not(:last-child) { margin-bottom:30px; }
@media screen and (max-width:1024px){
	.topSubTit .txt { margin-top:15px; padding:0 20px; }
	.topSubTit .txt br { display:none }
	.topSubTit .txt p:not(:last-child) { margin-bottom:15px; }
}

/* animation */
.topSubTit h3 { overflow:hidden }
.topSubTit h3 span { display:block; opacity:0; }
.topSubTit.subOn h3 span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.topSubTit .txt { opacity:0; }
.topSubTit.subOn .txt { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }

.bg_gray { background:#f8f8f8; }
h4.stitle { position:relative; padding-left:35px; color:#111; font-size:var(--font34); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
h4.stitle:before { content:''; display:block; position:absolute; left:0; top:0; width:5px; height:40px; background:var(--mainColor); border-radius:1px; }
.subT-txt { margin-top:40px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; letter-spacing:-0.04em; }
@media screen and (max-width:1440px){
	h4.stitle { padding-left:32px; }
	h4.stitle:before { top:5px; width:5px; height:30px; }
}
@media screen and (max-width:1280px){
	h4.stitle { padding-left:28px; }
	h4.stitle:before { width:4px; height:25px; }
}
@media screen and (max-width:1024px){
	h4.stitle { padding-left:25px; }
	h4.stitle:before { top:4px; width:3px; height:18px; }
	.subT-txt { margin-top:20px; }
	.subT-txt br { display:none; }
	.subT-txt .m_br { display:block; }
}
@media screen and (max-width:640px){
	h4.stitle { padding-left:18px; }
	h4.stitle:before { top:3px; width:2px; height:15px; }
	.subT-txt { margin-top:20px; }
}

/* animation */
h4.stitle { opacity:0; }
.subOn h4.stitle { animation:ani_2 0.8s 0.2s; animation-fill-mode:both; }
.subT-txt { opacity:0; }
.subOn .subT-txt { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }


.p-list li:not(:last-child) { margin-bottom:10px; }
.p-list li { position:relative; padding-left:24px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.p-list li:before { content:''; display:block; width:4px; height:4px; background:var(--mainColor); position:absolute; left:0; top:12px; border-radius:4px; }
@media screen and (max-width:1280px){
	.p-list li:before { top:10px; }
}
@media screen and (max-width:1024px){
	.p-list li:not(:last-child) { margin-bottom:5px; }
	.p-list li { padding-left:18px; }
	.p-list li:before { top:8px; width:3px; height:3px; }
}
@media screen and (max-width:640px){
	.p-list li { padding-left:16px; }
	.p-list li:before { top:7px; }
}


/* company */
.company-box .ceo-box .ceoCont .txt h4 { color:#111; font-size:var(--font64); font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.company-box .ceo-box .ceoCont .txt .stxt { margin-top:15px; color:var(--mainColor); font-size:var(--font30); font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.company-box .ceo-box .ceoCont .box { margin-top:60px; display:flex; gap:0 120px; }
.company-box .ceo-box .ceoCont .imgbox { position:relative; }
.company-box .ceo-box .ceoCont .imgbox img { max-width:100%; }
.company-box .ceo-box .ceoCont .txtbox { padding:15px 0 0; }
.company-box .ceo-box .ceoCont .txtbox .txtCont p:not(:last-child) { margin-bottom:30px; }
.company-box .ceo-box .ceoCont .txtbox .txtCont p { color:#333; font-size:var(--font20); font-weight:400; line-height:1.6; }
.company-box .ceo-box .ceoCont .txtbox .txt_b { margin-top:60px; color:var(--mainColor); font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
@media screen and (max-width:1600px){
	.company-box .ceo-box .ceoCont .box { gap:0 80px; }
}
@media screen and (max-width:1440px){
	.company-box .ceo-box .ceoCont .box { gap:0 40px; }
	.company-box .ceo-box .ceoCont .imgbox { width:500px; flex-shrink:0; }
	.company-box .ceo-box .ceoCont .txtbox .txtCont p br { display:none }
	.company-box .ceo-box .ceoCont .txtbox .txtCont span.m_br { display:block }
}
@media screen and (max-width:1280px){
	.company-box .ceo-box .ceoCont .txt .stxt { margin-top:10px; }
	.company-box .ceo-box .ceoCont .box { gap:0 60px; }
	.company-box .ceo-box .ceoCont .imgbox { width:420px; }
	.company-box .ceo-box .ceoCont .txtbox { padding:10px 0 0; }
	.company-box .ceo-box .ceoCont .txtbox .txtCont,
	.company-box .ceo-box .ceoCont .txtbox .txt_b { margin-top:45px; }
	.company-box .ceo-box .ceoCont .txtbox .txtCont p:not(:last-child) { margin-bottom:20px; }
}
@media screen and (max-width:1024px){
	.company-box .ceo-box .ceoCont .txt .stxt { margin-top:8px; }
	.company-box .ceo-box .ceoCont .box { margin-top:40px; gap:0 40px; }
	.company-box .ceo-box .ceoCont .imgbox { width:420px; }
	.company-box .ceo-box .ceoCont .txtbox { padding:8px 0 0; }
	.company-box .ceo-box .ceoCont .txtbox .txtCont,
	.company-box .ceo-box .ceoCont .txtbox .txt_b { margin-top:30px; }
	.company-box .ceo-box .ceoCont .txtbox .txtCont p:not(:last-child) { margin-bottom:15px; }
}
@media screen and (max-width:860px){
	.company-box .ceo-box .ceoCont .box { gap:20px; flex-wrap:wrap; }
	.company-box .ceo-box .ceoCont .imgbox { width:100%; }
	.company-box .ceo-box .ceoCont .txtbox { padding:8px 0 0; }
	.company-box .ceo-box .ceoCont .txtbox .txtCont,
	.company-box .ceo-box .ceoCont .txtbox .txt_b { margin-top:30px; }
	.company-box .ceo-box .ceoCont .txtbox .txtCont p:not(:last-child) { margin-bottom:15px; }
}

/* animation */
.company-box .ceo-box .ceoCont .imgbox:after { content:''; display:block; background:#fff; position:absolute; left:0; bottom:0; width:100%; height:100%; transition:all 1.2s; }
.company-box .ceo-box .ceoCont.subOn .imgbox:after { height:0; }
.company-box .ceo-box .ceoCont .txtbox { opacity:0; }
.company-box .ceo-box .ceoCont.subOn .txtbox { animation:bgs3 0.8s 0.4s; animation-fill-mode:both; }

.company-box .history-list { display:flex; }
.company-box .history-list > div { width:50%; }
.company-box .history-list .imgbox { padding-right:10%; }
.company-box .history-list .imgbox figure { max-width:640px; position:sticky; top:100px; }
.company-box .history-list .imgbox figure:before { content:''; display:block; padding-bottom:100%; }
.company-box .history-list .imgbox figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 1.2s; }
.company-box .history-list .listbox { position:relative; display:flex; gap:80px; flex-direction:column; }
.history-box .history-list .listbox:before { content:''; display:block;  position:absolute; top:20px; left:170px; width:1px; height:calc(100% - 80px); background-color:#ddd; }
.company-box .history-list .listbox dl { display:flex; }
.company-box .history-list .listbox dt { width:250px; flex-shrink:0; color:#111; font-size:var(--font48); font-weight:500; line-height:1.3; letter-spacing:-0.05em; }
.company-box .history-list .listbox dd { position:relative; }
.company-box .history-list .listbox dd:before { content:''; display:block; width:20px; height:20px; background:#fff; border:1px solid #bbb; border-radius:20px; position:absolute; left:-89px; top:20px; transition:all 0.4s; }
.company-box .history-list .listbox dd:after { content:''; display:block; width:6px; height:6px; background:#bbb; border-radius:20px; position:absolute; left:-82px; top:27px; transition:all 0.4s; }
.company-box .history-list .listbox dd .list:not(:last-child) { margin-bottom:30px; } 
.company-box .history-list .listbox dd .list { padding-top:15px; }
.company-box .history-list .listbox dd .list .month { color:var(--mainColor); font-size:var(--font24); font-weight:500; line-height:1.3; letter-spacing:-0.04em; transition:all 0.4s; }
.company-box .history-list .listbox dd .list ul { margin-top:15px; }
.company-box .history-list .listbox dd .list li:not(:last-child) { margin-bottom:15px; } 
.company-box .history-list .listbox dd .list li { position:relative; padding-left:20px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.company-box .history-list .listbox dd .list li:before { content:''; display:block; width:5px; height:1px; background:#333; position:absolute; left:0; top:12px; }
@media screen and (max-width:1440px){
	.history-box .history-list .listbox:before { left:141px; }
	.company-box .history-list .listbox dt { width:200px; }
	.company-box .history-list .listbox dd:before { left:-69px; top:15px; }
	.company-box .history-list .listbox dd:after { left:-62px; top:22px; }
	.company-box .history-list .listbox dd .list { padding-top:10px; }
	.company-box .history-list .listbox dd .list li:before { top:10px; }
}
@media screen and (max-width:1280px){
	.company-box .history-list .listbox { gap:60px; }
	.history-box .history-list .listbox:before { left:126px; }
	.company-box .history-list .listbox dt { width:180px; }
	.company-box .history-list .listbox dd:before { left:-64px; top:12px; }
	.company-box .history-list .listbox dd:after { left:-57px; top:19px; }
	.company-box .history-list .listbox dd .list { padding-top:7px; }
	.company-box .history-list .listbox dd .list li { padding-left:16px; }
}
@media screen and (max-width:1024px){
	.company-box .history-list .imgbox { padding-right:8%; }
	.company-box .history-list .listbox { gap:40px; }
	.history-box .history-list .listbox:before { left:96px; }
	.company-box .history-list .listbox dt { width:140px; }
	.company-box .history-list .listbox dd:before { left:-54px; top:7px;}
	.company-box .history-list .listbox dd:after { left:-47px; top:14px; }
	.company-box .history-list .listbox dd .list:not(:last-child) { margin-bottom:15px; } 
	.company-box .history-list .listbox dd .list { padding-top:2px; }
	.company-box .history-list .listbox dd .list ul { margin-top:8px; }
	.company-box .history-list .listbox dd .list li { padding-left:14px; }
	.company-box .history-list .listbox dd .list li:before { top:9px; width:4px; }
	.company-box .history-list .listbox dd .list li:not(:last-child) { margin-bottom:10px; } 
}
@media screen and (max-width:860px){
	.company-box .history-list { flex-wrap:wrap; }
	.company-box .history-list > div { width:100%; max-width:100%; }
	.company-box .history-list .imgbox { padding-right:0; }
	.company-box .history-list .imgbox figure:before { padding-bottom:50%; }
	.company-box .history-list .imgbox figure { max-width:100%; position:relative; top:0; }
	.company-box .history-list .listbox { margin-top:40px; }
}
@media screen and (max-width:640px){
	.company-box .history-list .listbox { gap:25px; margin-top:20px;  }
	.history-box .history-list .listbox:before { left:70px; height:calc(100% - 50px); }
	.company-box .history-list .listbox dt { width:100px; }
	.company-box .history-list .listbox dd:before { left:-38px; top:7px; width:16px; height:16px; }
	.company-box .history-list .listbox dd:after { left:-32px; top:13px; width:4px; height:4px; }
	.company-box .history-list .listbox dd .list ul { margin-top:3px; }
	.company-box .history-list .listbox dd .list li { padding-left:12px; }
	.company-box .history-list .listbox dd .list li:not(:last-child) { margin-bottom:8px; } 
	.company-box .history-list .listbox dd .list:not(:last-child) { margin-bottom:10px; } 
}

/* animation */
.company-box .history-list .imgbox figure:after { content:''; display:block; background:#fff; position:absolute; left:0; bottom:0; width:100%; height:100%; transition:all 0.8s; }
.company-box .history-list .imgbox.subOn figure:after { height:0; }
.company-box .history-list .listbox dl.effect dd:before { border-color:var(--mainColor); }
.company-box .history-list .listbox dl.effect dd:after { background:var(--mainColor); }


.company-box .organization-box .chart { text-align:center; }
.company-box .organization-box .chart img { max-width:100%; }
.company-box .organization-box .distribution .imgbox { margin-top:60px; display:flex; gap:30px; flex-wrap:wrap; }
.company-box .organization-box .distribution .imgbox .box { width:calc((100% - 30px) / 2); padding:30px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; }
.company-box .organization-box .distribution .imgbox .box img { max-width:100%; }
@media screen and (max-width:1280px){
	.company-box .organization-box .distribution .imgbox { gap:20px; }
	.company-box .organization-box .distribution .imgbox .box { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:1024px){
	.company-box .organization-box .distribution .imgbox { margin-top:30px; }
	.company-box .organization-box .distribution .imgbox { gap:10px; }
	.company-box .organization-box .distribution .imgbox .box { width:calc((100% - 10px) / 2); padding:20px; }
}
@media screen and (max-width:640px){
	.company-box .organization-box .distribution .imgbox { margin-top:15px; }
	.company-box .organization-box .distribution .imgbox { gap:5px; }
	.company-box .organization-box .distribution .imgbox .box { width:100%; }
}

/* animation */
.company-box .organization-box .chart { opacity:0; }
.company-box .organization-box .chart.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .organization-box .distribution .imgbox .box { opacity:0; }
.company-box .organization-box .distribution.subOn .imgbox .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }


.company-box .businessAreas-box .listbox { display:flex; gap:40px; flex-wrap:wrap; }
.company-box .businessAreas-box .listbox .box { position:relative; width:calc((100% - 40px) / 2); transition:all 0.4s; }
.company-box .businessAreas-box .listbox .box:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; transition:all 0.3s; }
.company-box .businessAreas-box .listbox .box a { position:relative; width:100%; padding:60px; height:522px; display:block; }
.company-box .businessAreas-box .listbox .box dt { transition:all 0.4s; color:#111; font-size:var(--font36); font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.company-box .businessAreas-box .listbox .box dt h4 { font-weight:500; }
.company-box .businessAreas-box .listbox .box dd { margin-top:40px; }
.company-box .businessAreas-box .listbox .box dd li:not(:last-child) { margin-bottom:30px; } 
.company-box .businessAreas-box .listbox .box dd li { display:flex; gap:20px; }
.company-box .businessAreas-box .listbox .box dd li .icon { flex-shink:0; }
.company-box .businessAreas-box .listbox .box dd li .stxt { color:#333; font-size:var(--font21); font-weight:400; line-height:1.2; letter-spacing:-0.035em; width:100%; }
.company-box .businessAreas-box .listbox .box dd li .stxt span { position:relative; padding-left:19px; margin-top:15px; display:block; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.company-box .businessAreas-box .listbox .box dd li .stxt span:before { content:''; display:block; width:5px; height:5px; background:#555; position:absolute; left:0; top:10px; }
.company-box .businessAreas-box .listbox .box .btn-link { position:absolute; right:60px; bottom:60px; }
.company-box .businessAreas-box .listbox .box:hover:before { border:3px solid var(--mainColor); }
.company-box .businessAreas-box .listbox .box:hover dt { color:var(--mainColor); }
.company-box .businessAreas-box .listbox .box:hover { transform:translateY(-20px); }
.company-box .businessAreas-box .listbox .box:hover .btn-link span { border-color:var(--mainColor); background:var(--mainColor); color:#fff; }
.company-box .businessAreas-box .listbox .box:hover .btn-link img { filter:brightness(0) invert(1); }
@media screen and (max-width:1280px){
	.company-box .businessAreas-box .listbox { gap:30px; }
	.company-box .businessAreas-box .listbox .box { width:calc((100% - 30px) / 2); }
	.company-box .businessAreas-box .listbox .box a { padding:50px; height:500px; }
	.company-box .businessAreas-box .listbox .box .btn-link { right:50px; bottom:50px; }
}
@media screen and (max-width:1024px){
	.company-box .businessAreas-box .listbox { gap:20px; }
	.company-box .businessAreas-box .listbox .box { width:calc((100% - 20px) / 2); }
	.company-box .businessAreas-box .listbox .box a { padding:30px; height:360px; }
	.company-box .businessAreas-box .listbox .box dd li .icon img { width:18px; }
	.company-box .businessAreas-box .listbox .box dd { margin-top:20px; }
	.company-box .businessAreas-box .listbox .box dd li { gap:10px; }
	.company-box .businessAreas-box .listbox .box dd li:not(:last-child) { margin-bottom:15px; } 
	.company-box .businessAreas-box .listbox .box dd li .stxt span { padding-left:15px; margin-top:10px; }
	.company-box .businessAreas-box .listbox .box dd li .stxt span:before { width:3px; height:3px; top:8px; }
	.company-box .businessAreas-box .listbox .box .btn-link { right:30px; bottom:30px; }
	.company-box .businessAreas-box .listbox .box:hover { transform:translateY(0); }
	.company-box .businessAreas-box .listbox .box:hover:before { border-width:2px; }
}
@media screen and (max-width:860px){
	.company-box .businessAreas-box .listbox .box a { padding:30px 30px 100px; height:100%; }
}
@media screen and (max-width:640px){
	.company-box .businessAreas-box .listbox { gap:10px; }
	.company-box .businessAreas-box .listbox .box { width:calc((100% - 10px) / 2); }
	.company-box .businessAreas-box .listbox .box a { padding:20px 20px 80px; }
	.company-box .businessAreas-box .listbox .box .btn-link { right:20px; bottom:20px; }
}
@media screen and (max-width:520px){
	.company-box .businessAreas-box .listbox { gap:5px; }
	.company-box .businessAreas-box .listbox .box { width:100%; }
}

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


.client-box .listbox { margin-top:60px; display:flex; gap:30px; flex-wrap:wrap; }
.client-box .listbox .box { width:calc((100% - 120px) / 5); height:120px; padding:10px 20px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; background:#fff; }
.client-box .listbox .box img { max-width:100%; max-height:100%; }
@media screen and (max-width:1440px){
	.client-box .listbox { gap:25px; }
	.client-box .listbox .box { width:calc((100% - 100px) / 5); }
}
@media screen and (max-width:1280px){
	.client-box .listbox { gap:20px; }
	.client-box .listbox .box { width:calc((100% - 60px) / 4); }
}
@media screen and (max-width:1024px){
	.client-box .listbox { margin-top:30px; gap:10px; }
	.client-box .listbox .box { width:calc((100% - 20px) / 3); height:110px; }
}
@media screen and (max-width:640px){
	.client-box .listbox { margin-top:15px; gap:5px; }
	.client-box .listbox .box { width:calc((100% - 5px) / 2); height:100px; }
}

/* animation */
.client-box .listbox .box { opacity:0; }
.client-box .listbox.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }


.partner-box .listbox { margin-top:60px; display:flex; gap:30px; flex-wrap:wrap; }
.partner-box .listbox .box { width:calc((100% - 60px) / 3); }
.partner-box .listbox .box dl { position:relative; height:320px; padding:50px; background:#fff; transition:all 0.4s; }
.partner-box .listbox .box dl:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; transition:all 0.2s; }
.partner-box .listbox .box dl dt { min-height:80px; }
.partner-box .listbox .box:hover dl { transform:translateY(-10px); }
.partner-box .listbox .box:hover dl:before { border:2px solid var(--mainColor); }
@media screen and (max-width:1440px){
	.partner-box .listbox .box dl { height:300px; padding:40px; }
}
@media screen and (max-width:1280px){
	.partner-box .listbox { gap:20px; }
	.partner-box .listbox .box { width:calc((100% - 40px) / 3); }
	.partner-box .listbox .box dl { height:280px; padding:30px; }
}
@media screen and (max-width:1024px){
	.partner-box .listbox { margin-top:30px; gap:10px; }
	.partner-box .listbox .box { width:calc((100% - 20px) / 3); }
	.partner-box .listbox .box dl { height:260px; padding:30px; }
	.partner-box .listbox .box:hover dl { transform:translateY(0); }
}
@media screen and (max-width:860px){
	.partner-box .listbox .box { width:calc((100% - 10px) / 2); }
	.partner-box .listbox .box dl { height:240px; }
}
@media screen and (max-width:640px){
	.partner-box .listbox { margin-top:15px; gap:5px; }
	.partner-box .listbox .box { width:calc((100% - 5px) / 2); }
	.partner-box .listbox .box dl { height:200px; padding:30px 20px; }
}
@media screen and (max-width:540px){
	.partner-box .listbox .box { width:100%; }
	.partner-box .listbox .box dl { height:auto; }
}

/* animation */
.partner-box .listbox .box { opacity:0; }
.partner-box .listbox.subOn .box { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }


.location-box .map-box { position:relative; }
.location-box .map-box > div { width:100% !important; }
.location-box .map-box .wrap_map { height:540px !important; }
.location-box .map-box .section_address { display:none }
.location-box .map-box .link { position:absolute; right:40px; bottom:40px; z-index:2; width:auto !important; }
.location-box .map-box .link ul { display:inline-flex; gap:15px; }
.location-box .info-box { margin-top:40px; }
.location-box .info-box > ul:not(:last-child) { margin-bottom:60px; }
.location-box .info-box > ul { display:flex; flex-wrap:wrap; gap:20px 0; }
.location-box .info-box > ul > li { width:50%; }
.location-box .info-box > ul > li.full { width:100%; }
.location-box .info-box > ul > li dt { display:flex; align-items:center; gap:30px; color:#111; font-size:var(--font24); font-weight:500; line-height:1.3; }
.location-box .info-box > ul > li dt .icon { width:24px; height:24px; flex-shink:0; display:flex; align-items:center; justify-content:center; background:#111; }
.location-box .info-box > ul > li dd { margin-top:25px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.3; }
.location-box .info-box > ul > li .box { display:flex; }
.location-box .info-box > ul > li .box:not(:last-child) { margin-bottom:20px; }
.location-box .info-box > ul > li .box h5 { width:92px; flex-shrink:0; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; }
.location-box .info-box > ul > li .box li:not(:last-child) { margin-bottom:10px; }
.location-box .info-box > ul > li .box li { display:flex; align-items:center; font-family:var(--mainFont); color:#111; font-size:var(--font20); font-weight:300; line-height:1.3; }
.location-box .info-box > ul > li .box li .icon { width:44px; flex-shrink:0; }
.location-box .info-box > ul > li .box li .sbox { flex-shrink:0; height:30px; padding:0 11px; display:inline-flex; align-items:center; justify-content:center; font-family:var(--mainFont); color:#fff; font-size:var(--font17); font-weight:500; line-height:1.3; background:#348f45; }
.location-box .info-box > ul > li .box li .sbox.s1 { margin-left:8px; }
.location-box .info-box > ul > li .box li .sbox:last-child { margin-right:8px; }
.location-box .info-box > ul > li .box li .txt { font-family:var(--mainFont); }
.location-box .location-txt { margin-top:110px; text-align:right; }
.location-box .location-txt figure { padding-left:30%; }
.location-box .location-txt figure img { margin-bottom:-4px; max-width:100%; }
@media screen and (max-width:1024px){
	.location-box .map-box .wrap_map { height:400px !important; }
	.location-box .map-box .link { right:20px; bottom:20px;	}
	.location-box .info-box > ul:not(:last-child) { margin-bottom:30px; }
	.location-box .info-box > ul > li dt { gap:20px; }
	.location-box .info-box > ul > li dt .icon { width:20px; height:20px; }
	.location-box .info-box > ul > li dd { margin-top:15px; }
	.location-box .location-txt { margin-top:60px; }
	.location-box .location-txt figure img { margin-bottom:-2px; }
	.location-box .info-box > ul > li .box:not(:last-child) { margin-bottom:10px; }
	.location-box .info-box > ul > li .box h5 { width:80px; }
	.location-box .info-box > ul > li .box li:not(:last-child) { margin-bottom:7px; }
	.location-box .info-box > ul > li .box li .sbox { height:26px; padding:0 8px; }
	.location-box .info-box > ul > li .box li .sbox.s1 { margin-left:6px; }
	.location-box .info-box > ul > li .box li .sbox:last-child { margin-right:6px; }
}
@media screen and (max-width:860px){
	.location-box .info-box > ul > li { width:100%; }
}
@media screen and (max-width:640px){
	.location-box .map-box .link { right:10px; bottom:10px;	}
	.location-box .map-box .link ul { gap:8px; }
	.location-box .info-box > ul:not(:last-child) { margin-bottom:15px; }
	.location-box .info-box > ul > li dt { gap:10px; }
	.location-box .info-box > ul > li dd { margin-top:8px; }
	.location-box .location-txt { margin-top:30px; }
	.location-box .location-txt figure img { margin-bottom:-1px; }
	.location-box .info-box > ul > li .box { flex-wrap:wrap; }
	.location-box .info-box > ul > li .box:not(:last-child) { margin-bottom:15px; }
	.location-box .info-box > ul > li .box h5 { width:100%; margin-bottom:5px; }
	.location-box .info-box > ul > li .box li .icon { width:32px; }
}

/* animation */
.location-box .map-box { opacity:0; }
.location-box .map-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.location-box .location-txt figure { overflow:hidden; }
.location-box .location-txt figure img { opacity:0; }
.location-box .location-txt.subOn figure img { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }



/* business */
.network-box .cont1 .listbox { position:relative; margin-top:80px; }
.network-box .cont1 .listbox .list { display:flex; flex-wrap:wrap; gap:10px; }
.network-box .cont1 .listbox .list .circle { position:relative; width:calc((100% - 50px) / 6); }
.network-box .cont1 .listbox .list .circle:before { content:''; display:block; padding-bottom:100%; }
.network-box .cont1 .listbox .list .circle .c-box { transition:all 0.4s; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:999px; border:1px solid #eee; background:#fff; display:flex; gap:10px; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.network-box .cont1 .listbox .list .circle .c-box strong { transition:all 0.4s; color:#111; font-size:var(--font22); font-weight:500; line-height:1.3; }
.network-box .cont1 .listbox .list .circle .c-box figure img { transition:all 0.4s; }
.network-box .cont1 .listbox .list .circle.active .c-box { background:var(--mainColor); border-color:var(--mainColor); }
.network-box .cont1 .listbox .list .circle.active .c-box strong { color:#fff }
.network-box .cont1 .listbox .list .circle.active .c-box figure img { filter:brightness(0) invert(1); }
.network-box .cont1 .listbox .arr { margin:20px 0 10px; }
.network-box .cont1 .listbox .arr img { max-width:100%; }
.network-box .cont1 .listbox .txt { color:#333; font-size:var(--font22); font-weight:500; line-height:1.3; text-align:center; }
.network-box .cont1 .listbox .txt span { color:var(--mainColor); font-weight:500; }
.network-box .cont2 .listbox { margin-top:80px; display:flex; flex-wrap:wrap; gap:20px; }
.network-box .cont2 .listbox .box { width:calc((100% - 20px) / 2); height:100px; color:#111; font-size:var(--font24); font-weight:500; line-height:1.3; letter-spacing:-0.04em; display:flex; align-items:center; padding:0 55px; background:#fff; border:1px solid #eee; transition:all 0.3s; }
.network-box .cont2 .listbox .box .kr { font-size:var(--font22); font-weight:600; }
.network-box .cont2 .listbox .box figure { width:105px; flex-shrink:0; }
.network-box .cont2 .listbox .box figure img { transition:all 0.3s; }
.network-box .cont2 .listbox .box:hover { background:var(--mainColor); border-color:var(--mainColor); color:#fff; }
.network-box .cont2 .listbox .box:hover figure img { filter:brightness(0) invert(1); }
@media screen and (max-width:1440px){
	.network-box .cont1 .listbox .list .circle .c-box figure img { width:80px; }
}
@media screen and (max-width:1280px){
	.network-box .cont1 .listbox .list { gap:5px; }
	.network-box .cont1 .listbox .list .circle { width:calc((100% - 25px) / 6); }
	.network-box .cont1 .listbox .list .circle .c-box { gap:8px; }
	.network-box .cont1 .listbox .list .circle .c-box figure img { width:60px; }
}
@media screen and (max-width:1024px){
	.network-box .cont1 .listbox,
	.network-box .cont2 .listbox { margin-top:40px; }
	.network-box .cont1 .listbox .list .circle .c-box { gap:5px; }
	.network-box .cont1 .listbox .list .circle .c-box figure img { width:50px; }
	.network-box .cont2 .listbox { gap:10px; }
	.network-box .cont2 .listbox .box { width:calc((100% - 10px) / 2); height:80px; padding:0 30px; } 
	.network-box .cont2 .listbox .box figure { width:80px; }
	.network-box .cont2 .listbox .box figure img { width:50px; }
}
@media screen and (max-width:860px){
	.network-box .cont1 .listbox .list .circle .c-box figure img { width:35px; }
}
@media screen and (max-width:640px){
	.network-box .cont1 .listbox { margin-top:20px; display:flex; align-items:center; justify-content:center; }
	.network-box .cont2 .listbox { margin-top:20px; gap:5px; }
	.network-box .cont2 .listbox .box { width:calc((100% - 5px) / 2); height:80px; padding:0 10px 0 15px; } 
	.network-box .cont2 .listbox .box figure { width:40px; }
	.network-box .cont2 .listbox .box figure img { width:32px; }
	.network-box .cont1 .listbox .list { width:220px; padding-right:100px; }
	.network-box .cont1 .listbox .list .circle { width:100%; }
	.network-box .cont1 .listbox .txt_b { display:flex; flex-direction:column; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(90deg); transform-origin:50% 0%; margin-left:100px; margin-top:20px; width:680px; }
	.network-box .cont1 .listbox .txt_b .arr { order:2; margin:10px 0 10px; }
	.network-box .cont1 .listbox .txt_b .txt { order:1; }
}
@media screen and (max-width:420px){
	.network-box .cont2 .listbox .box { width:100%; padding:0 20px; } 
}

/* animation */
.network-box .cont1 .listbox { opacity:0; }
.network-box .subOn .cont1 .listbox { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
.network-box .cont2 .listbox .box { opacity:0; }
.network-box .subOn .cont2 .listbox .box { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }


.security-box .cont1 .listbox { display:flex; flex-wrap:wrap; gap:20px; }
.security-box .cont1 .listbox .box { width:calc((100% - 20px) / 2); padding:50px; background:#fff; }
.security-box .cont1 .listbox .box figure { width:70px; height:70px; display:flex; align-items:center; justify-content:center; background:#111; }
.security-box .cont1 .listbox .box ul { margin-top:28px; }
.security-box .cont2 .listbox .box { width:calc((100% - 40px) / 3); }
@media screen and (max-width:1440px){
	.security-box .cont1 .listbox .box br { display:none }
}
@media screen and (max-width:1280px){
	.security-box .cont1 .listbox .box { padding:40px; }
	.security-box .cont1 .listbox .box figure { width:65px; height:65px; }
	.security-box .cont1 .listbox .box ul { margin-top:25px; }
	.security-box .cont2 .listbox .box { width:calc((100% - 20px) / 2); }
	.security-box .cont2 .listbox .box br { display:none }
}
@media screen and (max-width:1024px){
	.security-box .cont1 .listbox { gap:10px; }
	.security-box .cont1 .listbox .box { width:calc((100% - 10px) / 2); padding:30px; }
	.security-box .cont1 .listbox .box figure { width:55px; height:55px; }
	.security-box .cont1 .listbox .box figure img { width:30px; }
	.security-box .cont1 .listbox .box ul { margin-top:15px; }
	.security-box .cont2 .listbox .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.security-box .cont1 .listbox { gap:5px; }
	.security-box .cont1 .listbox .box { width:100%; padding:20px; }
	.security-box .cont1 .listbox .box figure { width:40px; height:40px; }
	.security-box .cont1 .listbox .box figure img { width:20px; }
	.security-box .cont1 .listbox .box ul { margin-top:10px; }
	.security-box .cont2 .listbox .box { width:calc((100% - 5px) / 2); }
}
@media screen and (max-width:420px){
	.security-box .cont2 .listbox .box { width:100%; padding:0 20px; } 
}

.business-box .pbox-list { margin-top:70px; }
.business-box .pbox-list .list { display:flex; gap:30px; }
.business-box .pbox-list .list .box { position:relative; padding:90px 40px 40px; background:#fff; border:1px solid #fff; transition:all 0.4s; cursor:pointer; }
.business-box .pbox-list .list.m2 .box { width:calc((100% - 30px) / 2); }
.business-box .pbox-list .list.m3 .box { width:calc((100% - 60px) / 3); }
.business-box .pbox-list .list.m4 .box { width:calc((100% - 90px) / 4); }
.business-box .pbox-list .list.m5 .box { width:calc((100% - 120px) / 5); }
.business-box .pbox-list .list .box figure { height:100px; text-align:center; display:flex; align-items:center; justify-content:center; padding:0 5px; }
.business-box .pbox-list .list .box figure img { max-width:100%; }
.business-box .pbox-list .list .box > ul { margin-top:50px; }
.business-box .pbox-list .list .box > ul > li:not(:last-child) { margin-bottom:30px; }
.business-box .pbox-list .list .box > ul > li h5 { position:relative; padding-left:17px; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; }
.business-box .pbox-list .list .box > ul > li h5:before { content:''; display:block; position:absolute; left:0; top:6px; width:2px; height:16px; background:var(--mainColor); }
.business-box .pbox-list .list .box > ul > li ul { margin-top:15px; padding-left:5px; }
.business-box .pbox-list .list .box > ul > li ul li:not(:last-child) { margin-bottom:10px; }
.business-box .pbox-list .list .box > ul > li ul li { position:relative; padding-left:13px; color:#333; font-size:var(--font16); font-weight:300; line-height:1.3; }
.business-box .pbox-list .list .box > ul > li ul li a { transition:all 0.4s; color:#333; font-weight:400; }
.business-box .pbox-list .list .box > ul > li ul li:hover a { color:var(--mainColor); }
.business-box .pbox-list .list .box > ul > li ul li:before { content:''; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background:#333; transition:all 0.4s; }
.business-box .pbox-list .list .box > ul > li ul li:hover:before { background:var(--mainColor); }
.business-box .pbox-list .list .box .arr { position:absolute; right:50px; top:50px; }
.business-box .pbox-list .list .box .arr img { filter:brightness(0) invert(0);transition:all 0.4s; }
.business-box .pbox-list .list .box:hover { border-color:var(--mainColor); background:#fef8f8; transform:translateY(-10px); }
.business-box .pbox-list .list .box:hover .arr img { filter:none; }
@media screen and (max-width:1440px){
	.business-box .pbox-list .list { gap:25px; }
	.business-box .pbox-list .list.m2 .box { width:calc((100% - 25px) / 2); }
	.business-box .pbox-list .list.m3 .box { width:calc((100% - 50px) / 3); }
	.business-box .pbox-list .list.m4 .box { width:calc((100% - 75px) / 4); }
	.business-box .pbox-list .list.m5 .box { width:calc((100% - 100px) / 5); }
	.business-box .pbox-list .list .box { padding:90px 30px 30px; }
	.business-box .pbox-list .list .box .arr { right:40px; top:40px; }
}
@media screen and (max-width:1280px){
	.business-box .pbox-list .list { gap:20px; }
	.business-box .pbox-list .list.m2 .box { width:calc((100% - 20px) / 2); }
	.business-box .pbox-list .list.m3 .box { width:calc((100% - 40px) / 3); }
	.business-box .pbox-list .list.m4 .box { width:calc((100% - 60px) / 4); }
	.business-box .pbox-list .list.m5 .box { width:calc((100% - 80px) / 5); }
	.business-box .pbox-list .list .box figure { height:90px; }
	.business-box .pbox-list .list .box { padding:80px 20px 30px; }
	.business-box .pbox-list .list .box > ul { margin-top:40px; }
	.business-box .pbox-list .list .box > ul > li:not(:last-child) { margin-bottom:20px; }
	.business-box .pbox-list .list .box .arr { right:30px; top:30px; }
	.business-box .pbox-list .list .box .arr img { width:25px; }
}
@media screen and (max-width:1024px){
	.business-box .pbox-list { margin-top:35px; }
	.business-box .pbox-list .list { gap:10px; flex-wrap:wrap; }
	.business-box .pbox-list .list.m2 .box,
	.business-box .pbox-list .list.m3 .box,
	.business-box .pbox-list .list.m4 .box,
	.business-box .pbox-list .list.m5 .box { width:calc((100% - 10px) / 2); }
	.business-box .pbox-list .list .box { padding:80px 30px 30px; }
	.business-box .pbox-list .list .box > ul { margin-top:30px; }
	.business-box .pbox-list .list .box > ul > li:not(:last-child) { margin-bottom:15px; }
	.business-box .pbox-list .list .box:hover { transform:translateY(0); }
}
@media screen and (max-width:640px){
	.business-box .pbox-list { margin-top:20px; }
	.business-box .pbox-list .list { gap:5px; }
	.business-box .pbox-list .list.m2 .box,
	.business-box .pbox-list .list.m3 .box,
	.business-box .pbox-list .list.m4 .box,
	.business-box .pbox-list .list.m5 .box { width:calc((100% - 5px) / 2); }
	.business-box .pbox-list .list .box figure { height:80px; }
	.business-box .pbox-list .list .box figure img { max-height:80%; }
	.business-box .pbox-list .list .box { padding:60px 20px 30px; }
	.business-box .pbox-list .list .box > ul { margin-top:20px; }
	.business-box .pbox-list .list .box > ul > li:not(:last-child) { margin-bottom:10px; }
	.business-box .pbox-list .list .box .arr { right:15px; top:15px; }
	.business-box .pbox-list .list .box .arr img { width:20px; }
}
@media screen and (max-width:480px){
	.business-box .pbox-list .list.m2 .box,
	.business-box .pbox-list .list.m3 .box,
	.business-box .pbox-list .list.m4 .box,
	.business-box .pbox-list .list.m5 .box { width:100%; }
}

/* animation */
.business-box .pbox-list .list { opacity:0; }
.business-box .subOn .pbox-list .list { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }

.business-box .contact-box .listbox { margin-top:35px; }
.business-box .contact-box .listbox > ul { display:flex; flex-wrap:wrap; gap:20px; width:100%; }
.business-box .contact-box .listbox > ul > li { width:calc((100% - 20px) / 2); border-radius:2px; border:1px solid #ddd; padding:40px; background:#fff; }
.business-box .contact-box .listbox > ul > li dt { margin-top:25px; color:#111; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.business-box .contact-box .listbox > ul > li dd { margin-top:25px; }
.business-box .contact-box .listbox > ul > li dd ul { display:flex; gap:5px 31px; flex-wrap:wrap; }
.business-box .contact-box .listbox > ul > li dd li { position:relative; color:#777; font-size:var(--font20); font-weight:400; line-height:1.3; letter-spacing:-0.03em;}
.business-box .contact-box .listbox > ul > li dd li:before { content:''; display:block; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:1px; height:16px; background:#ddd; }
.business-box .contact-box .listbox > ul > li dd li:first-child:before { display:none; }
@media screen and (max-width:1280px){
	.business-box .contact-box .listbox > ul { gap:10px; }
	.business-box .contact-box .listbox > ul > li { width:calc((100% - 10px) / 2); padding:30px; }
}
@media screen and (max-width:1024px){
	.business-box .contact-box .listbox { margin-top:20px; }
	.business-box .contact-box .listbox > ul > li { padding:20px; }
	.business-box .contact-box .listbox > ul > li dt,
	.business-box .contact-box .listbox > ul > li dd { margin-top:20px; }
	.business-box .contact-box .listbox > ul > li figure img { width:35px; }
}
@media screen and (max-width:640px){
	.business-box .contact-box .listbox { margin-top:10px; }
	.business-box .contact-box .listbox > ul { gap:5px; }
	.business-box .contact-box .listbox > ul > li { width:100%; }
	.business-box .contact-box .listbox > ul > li figure img { width:30px; }
	.business-box .contact-box .listbox > ul > li dt,
	.business-box .contact-box .listbox > ul > li dd { margin-top:10px; }
}

/* animation */
.business-box .contact-box .listbox > ul > li { opacity:0; }
.business-box .contact-box .listbox.subOn > ul > li { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

.product-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.product-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.product-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.product-pop .pop-body { position:absolute; left:5%; top:8%; z-index:22; width:calc(100% - (5% * 2)); height:calc(100% - (8% * 2)); padding:100px 40px 0 80px; background-color:#fff; border:none; border-radius:0; }
.product-pop .pop-body .product_box,
.product-pop .pop-body .info-box { height:100%; }
.product-pop .pop-body .sCont { display:flex; flex-wrap:wrap; }
.product-pop .pop-body .info-box .left-box { position:sticky; top:0; width:300px; height:440px; }
.product-pop .pop-body .info-box .left-box .menu { margin-top:40px; }
.product-pop .pop-body .info-box .left-box .menu > li:not(:last-child) { margin-bottom:40px; }
.product-pop .pop-body .info-box .left-box .menu > li h5 { position:relative; color:#111; font-size:var(--font22); font-weight:500; line-height:1.3; padding-bottom:5px; display:inline-block; }
.product-pop .pop-body .info-box .left-box .menu > li h5:before { content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#111; }
.product-pop .pop-body .info-box .left-box .menu > li > ul { margin-top:20px; }
.product-pop .pop-body .info-box .left-box .menu > li > ul > li:not(:last-child) { margin-bottom:10px; }
.product-pop .pop-body .info-box .left-box .menu > li > ul > li { transition:all 0.4s; color:#999; font-size:var(--font20); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.product-pop .pop-body .info-box .left-box .menu > li > ul > li a { transition:all 0.4s; color:#999; font-weight:400; }
.product-pop .pop-body .info-box .left-box .menu > li > ul > li.on,
.product-pop .pop-body .info-box .left-box .menu > li > ul > li:hover,
.product-pop .pop-body .info-box .left-box .menu > li > ul > li.on a,
.product-pop .pop-body .info-box .left-box .menu > li > ul > li a:hover { color:var(--mainColor); }
.product-pop .pop-body .info-box .content-box { width:calc(100% - 300px); padding-bottom:2px; }
.product-pop .pop-body .info-box .content-box h4 { color:#000; font-size:var(--font40); font-weight:400; line-height:1.3; letter-spacing:-0.06em; }
.product-pop .pop-body .info-box .content-box .titbox { display:flex; align-items:center; gap:40px; }
.product-pop .pop-body .info-box .content-box .titbox h3 { color:#000; font-size:var(--font54); font-weight:400; line-height:1.3; letter-spacing:-0.05em; }
.product-pop .pop-body .info-box .content-box .popCont { margin-top:40px; }
.product-pop .pop-body .info-box .content-box .popCont .topimg { display:flex; justify-content:center; }
.product-pop .pop-body .info-box .content-box .popCont .topimg img { max-width:100%; border-radius:2px; border:1px solid #ddd; }
.product-pop .pop-body .info-box .content-box .popCont .txt-list { margin-top:40px; }
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul { display:flex; flex-wrap:wrap; gap:20px; }
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m2 li { width:calc((100% - 20px) / 2); }
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m3 li { width:calc((100% - 40px) / 3); }
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m4 li,
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m5 li,
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m6 li { width:calc((100% - 40px) / 3); }
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul li { transition:all 0.4s; border-radius:2px; border:1px solid #ddd; padding:40px; }
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul li dt { transition:all 0.4s; color:#111; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul li dd { transition:all 0.4s; margin-top:20px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.6; letter-spacing:-0.04em; }
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul li:hover { border-color:var(--mainColor); background:#fef8f8; }
.product-pop .pop-body .info-box .content-box .popCont .txt-list ul li:hover dt { color:var(--mainColor); }
.product-pop .pop-body .info-box .content-box .popCont .contact { margin-top:100px; }
.product-pop .pop-body .info-box .content-box .popCont .c-list { margin-top:35px; }
.product-pop .pop-body .info-box .content-box .popCont .c-list > ul { display:flex; flex-wrap:wrap; gap:20px; width:100%; }
.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li { width:calc((100% - 20px) / 2); border-radius:2px; border:1px solid #ddd; padding:40px; }
.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dt { margin-top:25px; color:#111; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dd { margin-top:25px; }
.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dd ul { display:flex; gap:5px 31px; flex-wrap:wrap; }
.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dd li { position:relative; color:#777; font-size:var(--font20); font-weight:400; line-height:1.3; letter-spacing:-0.03em;}
.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dd li:before { content:''; display:block; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:1px; height:16px; background:#ddd; }
.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dd li:first-child:before { display:none; }
.product-pop .pop-body .info-box .content-box .ptitle { display:flex; align-items:center; gap:20px; }
.product-pop .pop-body .info-box .content-box .ptitle figure { flex-shink:0; }
.product-pop .pop-body .info-box .content-box .ptitle h5 { color:#000; font-size:var(--font32); font-weight:400; line-height:1.3; }
.product-pop .pop-body .info-box .content-box .box-list .list,
.product-pop .pop-body .info-box .content-box .img-list .list { margin-top:40px; }
.product-pop .pop-body .info-box .content-box .box-list .list { display:flex; flex-wrap:wrap; gap:20px; }
.product-pop .pop-body .info-box .content-box .box-list .list .box { width:calc((100% - 60px) / 4); height:120px; border:1px solid #eee; background:#fff; display:flex; align-items:center; justify-content:center; text-align:center; }
.product-pop .pop-body .info-box .content-box .box-list .list .box dt { color:#111; font-size:var(--font26); font-weight:500; line-height:1.3; letter-spacing:-0.045em; }
.product-pop .pop-body .info-box .content-box .box-list .list .box dd { margin-top:10px; color:#999; font-size:var(--font18); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.product-pop .pop-body .info-box .content-box .img-list { margin-top:80px; }
.product-pop .pop-body .info-box .content-box .img-list .list { display:flex; flex-wrap:wrap; gap:50px; }
.product-pop .pop-body .info-box .content-box .img-list .list .imgbox { border:1px solid #ddd; width:55%; display:flex; align-items:center; justify-content:center; }
.product-pop .pop-body .info-box .content-box .img-list .list .imgbox.full { width:100%; }
.product-pop .pop-body .info-box .content-box .img-list .list .imgbox img { width:100%; }
.product-pop .pop-body .info-box .content-box .img-list .list .dataTable { width:calc(100% - 55% - 50px); }
.product-pop .pop-body .info-box .content-box .dataTable table { border:1px solid #ddd; text-align:center; }
.product-pop .pop-body .info-box .content-box .dataTable table thead th { color:#111; font-size:var(--font19); font-weight:500; line-height:1.3; height:60px; text-align:center; border:1px solid #ddd; border-width:0 0 1px 1px; background:#f5f5f5; }
.product-pop .pop-body .info-box .content-box .dataTable table tbody th,
.product-pop .pop-body .info-box .content-box .dataTable table tbody td { color:#111; font-size:var(--font19); font-weight:300; line-height:1.3; height:60px; padding:5px; text-align:center; border:1px solid #ddd; border-width:0 0 1px 1px; background:#fff; }
.product-pop .pop-body .info-box .content-box .dataTable table tbody th { border-left:none; }
.product-pop .pop-body .info-box .content-box .dataTable table tbody td img.arr { vertical-align:middle; margin:-2px 5px 0; }
.product-pop .pop-body .empty { padding-top:3%; text-align:center; color:#111; font-size:var(--font20); font-weight:300; line-height:1.3; }
.product-pop .pop-body .scroll_box { height:calc(100% - 60px); overflow:auto; padding-right:20px; }
.product-pop .pop-body .btn_close { position:absolute; right:30px; top:30px; cursor:pointer; transition:all 0.5s; }
.product-pop .pop-body .btn_close span { position:relative; width:36px; height:36px; display:block }
.product-pop .pop-body .btn_close span:before { content:""; display:block; width:22px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.product-pop .pop-body .btn_close span:after { content:""; display:block; width:22px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.product-pop .pop-body .btn_close:hover { transform:rotate(-180deg);}
@media screen and (max-width:1440px){
	.product-pop .pop-body { left:20px; width:calc(100% - 40px); }
	.product-pop .pop-body .info-box .content-box .img-list .list { gap:30px; }
	.product-pop .pop-body .info-box .content-box .img-list .list .dataTable { width:calc(100% - 55% - 30px); }
}
@media screen and (max-width:1280px){
	.product-pop .pop-body { padding:80px 60px 0; }
	.product-pop .pop-body .info-box .left-box { width:280px; }
	.product-pop .pop-body .info-box .content-box { width:calc(100% - 280px); }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul { gap:10px; }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m2 li { width:calc((100% - 10px) / 2); }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m3 li { width:calc((100% - 20px) / 3); }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m4 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m5 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m6 li { width:calc((100% - 20px) / 3); }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul li { padding:30px; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul { gap:10px; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li { width:calc((100% - 10px) / 2); padding:30px; }
	.product-pop .pop-body .info-box .content-box .box-list .list { gap:15px; }
	.product-pop .pop-body .info-box .content-box .box-list .list .box { width:calc((100% - 30px) / 3); }
	.product-pop .pop-body .info-box .content-box .img-list .list { gap:20px; }
	.product-pop .pop-body .info-box .content-box .img-list .list .imgbox,
	.product-pop .pop-body .info-box .content-box .img-list .list .dataTable { width:100%; }
}
@media screen and (max-width:1024px){
	.product-pop .pop-body { padding:60px 40px 0; }
	.product-pop .pop-body .info-box .left-box { width:250px; }
	.product-pop .pop-body .info-box .left-box .menu { margin-top:20px; }
	.product-pop .pop-body .info-box .left-box .menu > li:not(:last-child) { margin-bottom:20px; }
	.product-pop .pop-body .info-box .left-box .menu > li > ul { margin-top:10px; }
	.product-pop .pop-body .info-box .left-box .menu > li > ul > li:not(:last-child) { margin-bottom:5px; }
	.product-pop .pop-body .info-box .content-box { width:calc(100% - 250px); }
	.product-pop .pop-body .info-box .content-box .popCont,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list { margin-top:20px; }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m2 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m3 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m4 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m5 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m6 li { width:calc((100% - 10px) / 2); }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul li { padding:20px; }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul li dd { margin-top:10px; }
	.product-pop .pop-body .info-box .content-box .popCont .contact { margin-top:50px; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list { margin-top:20px; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li { padding:20px; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dt,
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dd { margin-top:20px; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li figure img { width:35px; }
	.product-pop .pop-body .info-box .content-box .ptitle { gap:10px; }
	.product-pop .pop-body .info-box .content-box .ptitle figure img { height:50px; }
	.product-pop .pop-body .info-box .content-box .box-list .list,
	.product-pop .pop-body .info-box .content-box .img-list .list { margin-top:20px; }
	.product-pop .pop-body .info-box .content-box .box-list .list { gap:10px; }
	.product-pop .pop-body .info-box .content-box .box-list .list .box { width:calc((100% - 20px) / 3); height:100px; }
	.product-pop .pop-body .info-box .content-box .box-list .list .box dd { margin-top:5px; }
	.product-pop .pop-body .info-box .content-box .img-list { margin-top:40px; }
	.product-pop .pop-body .info-box .content-box .img-list .list { gap:10px; }
	.product-pop .pop-body .info-box .content-box .dataTable table thead th { height:40px; }
	.product-pop .pop-body .info-box .content-box .dataTable table tbody th,
	.product-pop .pop-body .info-box .content-box .dataTable table tbody td { height:40px; }
	.product-pop .pop-body .info-box .content-box .dataTable table tbody td img.arr { width:20px; }
	.product-pop .pop-body .scroll_box { height:calc(100% - 30px); padding-right:20px; }
	.product-pop .pop-body .btn_close { right:15px; top:15px; }
	.product-pop .pop-body .btn_close span:before,
	.product-pop .pop-body .btn_close span:after {  width:25px; height:2px; }
}
@media screen and (max-width:960px){
	.product-pop .pop-body .info-box .content-box .box-list .list .box { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:840px){
	.product-pop .pop-body { padding:50px 30px 0; }
	.product-pop .pop-body .info-box .left-box { width:100%; position:relative; top:0; height:auto; }
	.product-pop .pop-body .info-box .left-box .menu { display:flex; gap:10px; flex-wrap:wrap; }
	.product-pop .pop-body .info-box .left-box .menu > li { width:calc((100% - 10px) / 2); }
	.product-pop .pop-body .info-box .content-box { width:100%; margin-top:40px; }
}
@media screen and (max-width:640px){
	.product-pop .pop-body { padding:50px 20px 0; }
	.product-pop .pop-body .info-box .left-box .menu > li:not(:last-child) { margin-bottom:10px; }
	.product-pop .pop-body .info-box .left-box .menu > li > ul { margin-top:5px; }
	.product-pop .pop-body .info-box .content-box { margin-top:30px; }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul { gap:5px; }
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m2 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m3 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m4 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m5 li,
	.product-pop .pop-body .info-box .content-box .popCont .txt-list ul.m6 li { width:100%; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul { gap:5px; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li { width:100%; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li figure img { width:30px; }
	.product-pop .pop-body .info-box .content-box .popCont .contact { margin-top:30px; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list { margin-top:10px; }
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dt,
	.product-pop .pop-body .info-box .content-box .popCont .c-list > ul > li dd { margin-top:10px; }
	.product-pop .pop-body .info-box .content-box .ptitle figure img { height:40px; }
	.product-pop .pop-body .info-box .content-box .box-list .list { gap:5px; }
	.product-pop .pop-body .info-box .content-box .box-list .list .box { width:calc((100% - 5px) / 2); height:80px; }
	.product-pop .pop-body .info-box .content-box .box-list .list,
	.product-pop .pop-body .info-box .content-box .img-list .list { margin-top:10px; }
	.product-pop .pop-body .info-box .content-box .img-list { margin-top:20px; }
	.product-pop .pop-body .info-box .content-box .dataTable table tbody td img.arr { width:16px; }
	.product-pop .pop-body .scroll_box { padding-right:10px; }
	.product-pop .pop-body .btn_close { right:5px; top:5px; }
}


.product-pop .pop-body .info-box .cloud-box { width:100%; }
.product-pop .cloud-box .top { display:flex; flex-wrap:wrap; gap:20px; }
.product-pop .cloud-box .top .box { width:calc((100% - 20px) / 2); border:1px solid #ddd; background:#fff; }
.product-pop .cloud-box .top .box .tit { padding:14px 0; color:#111; font-size:var(--font19); font-weight:600; line-height:1.3; text-align:center; background:#ddd; }
.product-pop .cloud-box .top .box .tit span { color:var(--mainColor); font-size:var(--font16); font-weight:400; display:block; }
.product-pop .cloud-box .top .box figure { padding:33px 0; text-align:center; }
.product-pop .cloud-box .top .box figure img { margin-left:-31px; }
.product-pop .cloud-box .top .box.full { width:100%; }
.product-pop .cloud-box .top .box.full figure img { margin-left:0; }
.product-pop .cloud-box .top .box.p80 figure { padding:83px 20px; }
.product-pop .cloud-box .dataTable { margin-top:40px; }
.product-pop .cloud-box .arr { margin:60px 0 -10px; }
.product-pop .cloud-box .arr img { width:100%; }
@media screen and (max-width:1280px){
	.product-pop .cloud-box .top { gap:10px; }
	.product-pop .cloud-box .top .box { width:calc((100% - 10px) / 2); }
	.product-pop .cloud-box .top .box .tit { padding:10px 0; }
	.product-pop .cloud-box .top .box figure { padding:20px 10px; }
	.product-pop .cloud-box .top .box figure img { max-width:100%; }
	.product-pop .cloud-box .top .box.p80 figure { padding:40px 20px; }
}
@media screen and (max-width:1024px){
	.product-pop .cloud-box .dataTable { margin-top:20px; }
	.product-pop .cloud-box .arr { margin:30px 0 -5px; }
}
@media screen and (max-width:960px){
	.product-pop .cloud-box .top .box { width:100%; }
}
@media screen and (max-width:640px){
	.product-pop .cloud-box .top { gap:5px; }
	.product-pop .cloud-box .top .box.p80 figure { padding:25px 10px; }
	.product-pop .cloud-box .dataTable { margin-top:10px; }
	.product-pop .cloud-box .arr { margin:20px 0 0; }
}


.business-box .maintenance-box .cont1 .txt-d { margin-top:60px; color:#333; font-size:var(--font21); font-weight:300; line-height:1.6; }
.business-box .maintenance-box .cont1 .support-box { margin-top:60px; padding:90px 95px; background:#fff; }
.business-box .maintenance-box .cont1 .support-box .box:not(:last-child) { margin-bottom:100px; }
.business-box .maintenance-box .cont1 .support-box .box .top { display:flex; gap:30px; }
.business-box .maintenance-box .cont1 .support-box .box .top .l-box { width:31%; padding:10px; background:rgba(235, 45, 46, 0.10); border-radius:var(--borderR5); }
.business-box .maintenance-box .cont1 .support-box .box .top .r-box { width:calc(100% - 31% - 30px); padding:35px 50px; background:#f8f8f8; border-radius:var(--borderR5); }
.business-box .maintenance-box .cont1 .support-box .box .top .l-box .tbox { color:#fff; font-size:var(--font24); font-weight:600; line-height:1.3; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; background:var(--mainColor); border-radius:var(--borderR5); }
.business-box .maintenance-box .cont1 .support-box .box:nth-child(2) .top .l-box .tbox { background:#bd2425; }
.business-box .maintenance-box .cont1 .support-box .box .top .r-box li:not(:last-child) { margin-bottom:10px; }
.business-box .maintenance-box .cont1 .support-box .box .top .r-box li { color:#333; font-size:var(--font18); font-weight:300; line-height:1.3; }
.business-box .maintenance-box .cont1 .support-box .box .arr { height:95px; padding-top:8px; text-align:center; color:var(--mainColor); font-size:var(--font22); font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:center; background:url(/img/svg/maintenance_arr.svg) center bottom / cover no-repeat; }
.business-box .maintenance-box .cont1 .support-box .box .sbox { margin-top:15px; padding:40px 50px; border-radius:var(--borderR10); background: rgba(235, 45, 46, 0.05); }
.business-box .maintenance-box .cont1 .support-box .box .sbox li:not(:last-child) { margin-bottom:15px; }
.business-box .maintenance-box .cont1 .support-box .box .sbox li { position:relative; padding-left:19px; color:#333; font-size:var(--font18); font-weight:400; line-height:1.3; }
.business-box .maintenance-box .cont1 .support-box .box .sbox li:before { content:''; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background:#333; border-radius:4px; }
.business-box .maintenance-box .cont2 .dataTable { margin-top:60px; }
.business-box .maintenance-box .cont2 .dataTable table { border:1px solid #ddd; text-align:center; }
.business-box .maintenance-box .cont2 .dataTable table thead th { color:#111; font-size:var(--font19); font-weight:500; line-height:1.3; height:70px; text-align:center; border:1px solid #ccc; border-width:0 0 1px 1px; background:#f5f5f5; }
.business-box .maintenance-box .cont2 .dataTable table tbody th { color:#111; font-size:var(--font19); font-weight:300; line-height:1.3; text-align:center; border:1px solid #ccc; border-width:0 0 1px 1px; background:#eee; }
.business-box .maintenance-box .cont2 .dataTable table tbody td { color:#111; font-size:var(--font19); font-weight:300; line-height:1.3; padding:30px 40px; text-align:left; border:1px solid #ccc; border-width:0 0 1px 1px; background:#fff; }
.business-box .maintenance-box .cont2 .dataTable table tbody th { border-left:none; }
.business-box .maintenance-box .cont2 .dataTable table tbody td li:not(:last-child) { margin-bottom:10px; }
.business-box .maintenance-box .cont2 .dataTable table tbody td li { color:#333; font-size:var(--font18); font-weight:300; line-height:1.3; }
.business-box .maintenance-box .cont3 .txt-d { margin-top:60px; color:#333; font-size:var(--font21); font-weight:300; line-height:1.6; }
.business-box .maintenance-box .cont3 .graph { margin-top:60px; padding:60px; text-align:center; background:#fff; }
.business-box .maintenance-box .cont3 .graph img { max-width:100%; }
@media screen and (max-width:1540px){
	.business-box .maintenance-box .cont1 .txt-d br,
	.business-box .maintenance-box .cont3 .txt-d br { display:none }
}
@media screen and (max-width:1440px){
	.business-box .maintenance-box .cont1 .support-box { padding:70px; }
	.business-box .maintenance-box .cont1 .support-box .box .top { gap:20px; }
	.business-box .maintenance-box .cont1 .support-box .box .top .r-box { width:calc(100% - 31% - 20px); padding:30px 40px; }
	.business-box .maintenance-box .cont1 .support-box .box .sbox { padding:30px 40px; }
}
@media screen and (max-width:1280px){
	.business-box .maintenance-box .cont1 .support-box { padding:50px; }
	.business-box .maintenance-box .cont1 .support-box .box .top .r-box { padding:25px 30px; }
	.business-box .maintenance-box .cont1 .support-box .box .sbox { padding:25px 30px; }
}
@media screen and (max-width:1024px){
	.business-box .maintenance-box .cont1 .txt-d,
	.business-box .maintenance-box .cont1 .support-box,
	.business-box .maintenance-box .cont2 .dataTable,
	.business-box .maintenance-box .cont3 .txt-d,
	.business-box .maintenance-box .cont3 .graph { margin-top:30px; }
	.business-box .maintenance-box .cont1 .support-box .box:not(:last-child) { margin-bottom:50px; }
	.business-box .maintenance-box .cont1 .support-box { padding:40px; }
	.business-box .maintenance-box .cont1 .support-box .box .top { gap:10px; }
	.business-box .maintenance-box .cont1 .support-box .box .top .r-box { width:calc(100% - 31% - 10px); padding:20px 30px; }
	.business-box .maintenance-box .cont1 .support-box .box .sbox { margin-top:8px; padding:20px 25px; }
	.business-box .maintenance-box .cont1 .support-box .box .sbox li:not(:last-child) { margin-bottom:8px; }
	.business-box .maintenance-box .cont1 .support-box .box .sbox li { padding-left:15px; }
	.business-box .maintenance-box .cont1 .support-box .box .sbox li:before { top:7px; width:3px; height:3px; }
	.business-box .maintenance-box .cont1 .support-box .box .arr { height:60px; padding-top:4px; }
	.business-box .maintenance-box .cont2 .dataTable table thead th { height:55px; }
	.business-box .maintenance-box .cont2 .dataTable table tbody td { padding:15px 20px; }
	.business-box .maintenance-box .cont2 .dataTable table tbody td li:not(:last-child) { margin-bottom:8px; }
	.business-box .maintenance-box .cont3 .graph { padding:30px; }
}
@media screen and (max-width:640px){
	.business-box .maintenance-box .cont1 .txt-d,
	.business-box .maintenance-box .cont1 .support-box,
	.business-box .maintenance-box .cont2 .dataTable,
	.business-box .maintenance-box .cont3 .txt-d,
	.business-box .maintenance-box .cont3 .graph { margin-top:15px; }
	.business-box .maintenance-box .cont1 .support-box { padding:20px; }
	.business-box .maintenance-box .cont1 .support-box .box:not(:last-child) { margin-bottom:30px; }
	.business-box .maintenance-box .cont1 .support-box .box .top .r-box { padding:15px 20px; }
	.business-box .maintenance-box .cont1 .support-box .box .sbox { padding:15px 20px; }
	.business-box .maintenance-box .cont1 .support-box .box .arr { height:35px; }
	.business-box .maintenance-box .cont3 .graph { padding:20px 10px; }
}


/* animation */
.business-box .maintenance-box .cont1 .txt-d { opacity:0; }
.business-box .maintenance-box .subOn .cont1 .txt-d { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.business-box .maintenance-box .cont1 .support-box .box { opacity:0; }
.business-box .maintenance-box .cont1 .support-box .box.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.business-box .maintenance-box .cont2 .dataTable { opacity:0; }
.business-box .maintenance-box .subOn .cont2 .dataTable { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.business-box .maintenance-box .cont3 .txt-d { opacity:0; }
.business-box .maintenance-box .subOn .cont3 .txt-d { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.business-box .maintenance-box .cont3 .graph figure { opacity:0; }
.business-box .maintenance-box .cont3 .graph.subOn figure { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }


.business-box .cloud-box .topSubTit .stxt { margin-top:30px; color:#333; font-size:var(--font22); font-weight:500; line-height:1.6; }
.business-box .cloud-box .listbox { margin-top:60px; }
.business-box .cloud-box .listbox ul { display:flex; gap:20px; flex-wrap:wrap; }
.business-box .cloud-box .listbox ul li { width:100%; }
.business-box .cloud-box .listbox ul.m2 li { width:calc((100% - 20px) / 2); }
.business-box .cloud-box .listbox ul.m3 li,
.business-box .cloud-box .listbox ul.m4 li,
.business-box .cloud-box .listbox ul.m5 li { width:calc((100% - 40px) / 3); }
.business-box .cloud-box .listbox ul li a { position:relative; min-height:100px; padding:50px; display:flex; align-items:center; transition:all 0.4s; background:#fff; border:1px solid #eee; }
.business-box .cloud-box .listbox ul li a .icon { position:relative; z-index:2; }
.business-box .cloud-box .listbox ul li dl { width:100%; position:relative; z-index:2; }
.business-box .cloud-box .listbox ul li dt { color:#000; font-size:var(--font28); font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.business-box .cloud-box .listbox ul li dd { margin-top:30px; }
.business-box .cloud-box .listbox ul li dd .sbox { padding:20px; color:#555; font-size:var(--font18); font-weight:300; line-height:1.3; background:rgba(0, 0, 0, 0.05); }
.business-box .cloud-box .listbox ul li .arr { position:absolute; right:50px; top:50%; transform:translateY(-50%); }
.business-box .cloud-box .listbox.listbox-t ul li .arr { top:50px; transform:translateY(0); }
.business-box .cloud-box .listbox ul li .arr img { filter:brightness(0) invert(0); transition:all 0.4s; }
.business-box .cloud-box .listbox ul li a:hover { transform:translateY(-10px); background:#fef8f8; border-color:var(--mainColor); }
.business-box .cloud-box .listbox ul li a:hover .arr img { filter:none; }
@media screen and (max-width:1440px){
}
@media screen and (max-width:1280px){
	.business-box .cloud-box .listbox ul li a { padding:40px; min-height:80px; }
	.business-box .cloud-box .listbox ul li .arr { right:40px; }
	.business-box .cloud-box .listbox.listbox-t ul li .arr { top:40px; }
}
@media screen and (max-width:1024px){
	.business-box .cloud-box .listbox { margin-top:30px; }
	.business-box .cloud-box .listbox ul { gap:10px; }
	.business-box .cloud-box .listbox ul.m2 li,
	.business-box .cloud-box .listbox ul.m3 li,
	.business-box .cloud-box .listbox ul.m4 li,
	.business-box .cloud-box .listbox ul.m5 li { width:calc((100% - 10px) / 2); }
	.business-box .cloud-box .listbox ul li dd { margin-top:15px; }
	.business-box .cloud-box .listbox ul li dd .sbox { padding:10px; } 
	.business-box .cloud-box .listbox ul li a { padding:25px; min-height:70px; }
	.business-box .cloud-box .listbox ul li a .icon img { height:40px; }
	.business-box .cloud-box .listbox ul li .arr { right:25px; }
	.business-box .cloud-box .listbox.listbox-t ul li .arr { top:25px; }
	.business-box .cloud-box .listbox ul li .arr img { width:18px; }
	.business-box .cloud-box .listbox ul li a:hover { transform:translateY(0); }
}
@media screen and (max-width:860px){
	.business-box .cloud-box .listbox ul.m2 li,
	.business-box .cloud-box .listbox ul.m3 li,
	.business-box .cloud-box .listbox ul.m4 li,
	.business-box .cloud-box .listbox ul.m5 li { width:100%; }
}
@media screen and (max-width:640px){
	.business-box .cloud-box .listbox { margin-top:15px; }
	.business-box .cloud-box .listbox ul { gap:5px; }
	.business-box .cloud-box .listbox ul li dd { margin-top:10px; }
	.business-box .cloud-box .listbox ul li a { padding:25px 15px; min-height:auto; }
	.business-box .cloud-box .listbox ul li a .icon img { height:36px; }
	.business-box .cloud-box .listbox ul li .arr { right:15px; }
	.business-box .cloud-box .listbox.listbox-t ul li .arr { top:25px; }
	.business-box .cloud-box .listbox ul li .arr img { width:15px; }
}


/* animation */
.business-box .cloud-box .listbox > ul > li { opacity:0; }
.business-box .cloud-box .listbox.subOn > ul > li { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }


/* recruit */
.recruit-box.process_bg { background:url(/img/sub/recruit/process_bg.png) center 380px no-repeat; }
.recruit-box .process-box { padding-bottom:280px; }
.recruit-box .process-box .listbox { padding:55px; }
.recruit-box .process-box .listbox ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:80px; }
.recruit-box .process-box .listbox ul li { position:relative; width:calc((100% - 240px) / 4); }
.recruit-box .process-box .listbox ul li:before { content:""; display:block; padding-bottom:100%; }
.recruit-box .process-box .listbox ul li:after { content:""; display:block; position:absolute; right:-80px; top:50%; transform:translateY(-50%); width:80px; height:43px; background:url(/img/svg/process_arr.svg) center center no-repeat; }
.recruit-box .process-box .listbox ul li:last-child:after { display:none }
.recruit-box .process-box .listbox ul li .circle-box { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%; }
.recruit-box .process-box .listbox ul li .circle-box { background:linear-gradient(141deg, #fff 14.57%, #fcfcfc 23.72%, #f2f2f2 84.9%); width:100%; height:100%; padding:3px; border-radius:100%; }
.recruit-box .process-box .listbox ul li .circle-box .c-box { background:linear-gradient(0deg, #fff 0%, #fcfcfc 13%, #f2f2f2 100%); width:100%; height:100%; border-radius:100%; display:flex; align-items:center; justify-content:center; gap:15px; flex-direction:column; }
.recruit-box .process-box .listbox ul li .circle-box .c-box strong { color:#111; font-size:var(--font24); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
@media screen and (max-width:1640px){
	.recruit-box.process_bg { background-position:center 28%; }
}
@media screen and (max-width:1280px){
	.recruit-box .process-box .listbox { padding:0; }
	.recruit-box .process-box .listbox ul { gap:70px; }
	.recruit-box .process-box .listbox ul li { width:calc((100% - 210px) / 4); }
	.recruit-box .process-box .listbox ul li:after { right:-70px; width:70px; }
	.recruit-box .process-box .listbox ul li .circle-box .c-box { gap:10px; }
}
@media screen and (max-width:1024px){
	.recruit-box .process-box { padding-bottom:180px; }
	.recruit-box .process-box .listbox ul { gap:60px; }
	.recruit-box .process-box .listbox ul li { width:calc((100% - 180px) / 4); }
	.recruit-box .process-box .listbox ul li:after { right:-60px; width:60px; }
	.recruit-box .process-box .listbox ul li .circle-box .c-box { gap:5px; }
	.recruit-box .process-box .listbox ul li .circle-box .c-box .icon img { width:80px; }
}
@media screen and (max-width:860px){
	.recruit-box .process-box .listbox { padding:0 100px; }
	.recruit-box .process-box .listbox ul { gap:60px; }
	.recruit-box .process-box .listbox ul li { width:calc((100% - 60px) / 2); }
	.recruit-box .process-box .listbox ul li:nth-child(3) { order:4 }
	.recruit-box .process-box .listbox ul li:nth-child(4) { order:3 }
	.recruit-box .process-box .listbox ul li:nth-child(2):after { left:50%; right:0; top:unset; bottom:-60px; height:60px; transform:translate(-50%, 0) rotate(90deg); }
	.recruit-box .process-box .listbox ul li:nth-child(3):after { display:none; }
	.recruit-box .process-box .listbox ul li:nth-child(4):after { transform:translateY(-50%) rotate(180deg); display:block; }
}
@media screen and (max-width:640px){
	.recruit-box .process-box { padding-bottom:120px; }
	.recruit-box .process-box .listbox { padding:0 60px; }
}
@media screen and (max-width:540px){
	.recruit-box .process-box .listbox { padding:0; }
}

/* animation */
.recruit-box .process-box .listbox > ul > li { opacity:0; }
.recruit-box .process-box .listbox.subOn > ul > li { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.recruit-box .process-box .listbox.subOn > ul > li { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}
@media screen and (max-width:640px){
	.recruit-box .process-box .listbox.subOn > ul > li:nth-child(1) { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
	.recruit-box .process-box .listbox.subOn > ul > li:nth-child(2) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
	.recruit-box .process-box .listbox.subOn > ul > li:nth-child(3),
	.recruit-box .process-box .listbox.subOn > ul > li:nth-child(4) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
}

.recruit-box .process-box .pr-list ul { display:flex; gap:10px; }
.recruit-box .process-box .pr-list ul li { width:calc((100% - 30px) / 4); background:#fff; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.10); }
.recruit-box .process-box .pr-list ul li .box .imgbox img { max-width:100%; }
.recruit-box .process-box .pr-list ul li .box .txtbox { text-align:center; padding:40px; }
.recruit-box .process-box .pr-list ul li .box .txtbox h4 { color:#000; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.recruit-box .process-box .pr-list ul li .box .txtbox .txt { margin-top:25px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.6; letter-spacing:-0.025em; }
@media screen and (max-width:1640px){
	.recruit-box .process-box .pr-list ul li .box .txtbox .txt br { display:none }
}
@media screen and (max-width:1440px){
	.recruit-box .process-box .pr-list ul li .box .txtbox { padding:30px; }
}
@media screen and (max-width:1280px){
	.recruit-box .process-box .pr-list ul li .box .txtbox { padding:25px; }
	.recruit-box .process-box .pr-list ul li .box .txtbox .txt { margin-top:15px; }
}
@media screen and (max-width:1024px){
	.recruit-box .process-box .pr-list ul li .box .txtbox { padding:20px; }
	.recruit-box .process-box .pr-list ul li .box .txtbox .txt { margin-top:10px; }
}
@media screen and (max-width:860px){
	.recruit-box .process-box .pr-list ul { flex-wrap:wrap; gap:5px; }
	.recruit-box .process-box .pr-list ul li { width:calc((100% - 5px) / 2); }
}

/* animation */
.recruit-box .process-box .pr-list ul li { opacity:0; }
.recruit-box .process-box .pr-list.subOn ul li { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.recruit-box .process-box .pr-list.subOn ul li { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}

.talent-box .listbox ul { display:flex; flex-wrap:wrap; gap:40px; }
.talent-box .listbox ul li { width:calc((100% - 80px) / 3); }
.talent-box .listbox ul li .imgbox { position:relative; overflow:hidden; }
.talent-box .listbox ul li .imgbox figure { position:relative; }
.talent-box .listbox ul li .imgbox figure:before { content:""; display:block; padding-bottom:126.4%; }
.talent-box .listbox ul li .imgbox figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.talent-box .listbox ul li .imgbox h4 { position:absolute; left:0; top:0; z-index:2; color:#fff; font-size:var(--font100); font-weight:500; line-height:0.8; letter-spacing:-0.08em; }
.talent-box .listbox ul li .txtbox { margin-top:30px; }
.talent-box .listbox ul li .txtbox dt { color:#111; font-size:var(--font30); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.talent-box .listbox ul li .txtbox dd { margin-top:20px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.6; letter-spacing:-0.03em; }
.talent-box .listbox ul li:nth-child(2) { margin-top:60px; }
@media screen and (max-width:1280px){
	.talent-box .listbox ul { gap:30px; }
	.talent-box .listbox ul li { width:calc((100% - 60px) / 3); }
}
@media screen and (max-width:1024px){
	.talent-box .listbox ul { gap:20px; }
	.talent-box .listbox ul li { width:calc((100% - 40px) / 3); }
	.talent-box .listbox ul li .txtbox { margin-top:15px; }
	.talent-box .listbox ul li .txtbox dd { margin-top:10px; }
	.talent-box .listbox ul li:nth-child(2) { margin-top:30px; }
}
@media screen and (max-width:860px){
	.talent-box .listbox ul { gap:30px 10px; }
	.talent-box .listbox ul li { width:calc((100% - 10px) / 2); }
	.talent-box .listbox ul li:nth-child(2) { margin-top:0; }
}
@media screen and (max-width:540px){
	.talent-box .listbox ul { gap:20px 10px; }
	.talent-box .listbox ul li { width:100%; }
	.talent-box .listbox ul li .imgbox figure:before { padding-bottom:70.0%; }
	.talent-box .listbox ul li .txtbox { margin-top:10px; }
	.talent-box .listbox ul li .txtbox dd { margin-top:5px; }
}


/* animation */
.talent-box .listbox > ul > li { opacity:0; }
.talent-box .listbox.subOn > ul > li { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }



.welfare-box .listbox { display:flex; flex-wrap:wrap; gap:30px; }
.welfare-box .listbox .box { width:calc((100% - 60px) / 3); padding:40px; border: 1px solid #ddd; display:flex; gap:40px; flex-direction:column; }
.welfare-box .listbox .box dt { color:#111; font-size:var(--font24); font-weight:600; line-height:1.3; }
.welfare-box .listbox .box dd { margin-top:25px; color:#777; font-size:var(--font18); font-weight:300; line-height:1.6; }
.welfare-box .listbox .box:hover { border-color:var(--mainColor); transition:all 0.3s; }
@media screen and (max-width:1280px){
	.welfare-box .listbox { gap:25px; }
	.welfare-box .listbox .box { width:calc((100% - 50px) / 3); padding:30px; }
}
@media screen and (max-width:1024px){
	.welfare-box .listbox { gap:20px; }
	.welfare-box .listbox .box { width:calc((100% - 40px) / 3); padding:20px; gap:20px; }
	.welfare-box .listbox .box figure img { width:40px; }
	.welfare-box .listbox .box dd { margin-top:15px; }
}
@media screen and (max-width:860px){
	.welfare-box .listbox { gap:10px; }
	.welfare-box .listbox .box { width:calc((100% - 10px) / 2); padding:15px; }
}
@media screen and (max-width:640px){
	.welfare-box .listbox { gap:5px; }
	.welfare-box .listbox .box { width:calc((100% - 5px) / 2); gap:15px; }
	.welfare-box .listbox .box figure img { width:30px; }
	.welfare-box .listbox .box dd { margin-top:10px; }
}
@media screen and (max-width:540px){
	.welfare-box .listbox .box { width:100%; padding:15px 10px; gap:15px; }
	.welfare-box .listbox .box figure img { width:30px; }
	.welfare-box .listbox .box dd { margin-top:10px; }
}


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


.contact-box .inner1600 { overflow:hidden }
.contact-box .dataTable { margin-top:60px; }
.contact-box .dataTable > div { padding-bottom:1px; }
.contact-box .dataTable table { border:1px solid #ddd; border-top:2px solid #111;  }
.contact-box .dataTable table thead th { color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; height:80px; text-align:center; border:1px solid #ddd; border-width:0 0 1px 1px; background:#eee; }
.contact-box .dataTable table tbody th { color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; padding:10px 40px; height:80px; text-align:left; border:1px solid #ddd; border-width:0 0 1px 1px; background:#f5f5f5; }
.contact-box .dataTable table tbody th .stxt { font-size:var(--font18); font-weight:300; }
.contact-box .dataTable table tbody th ul { margin-top:5px; display:flex; align-items:center; gap:5px 30px; }
.contact-box .dataTable table tbody th ul * { word-break:keep-all !important; }
.contact-box .dataTable table tbody th ul li { position:relative; padding-left:17px; color:#333; font-size:var(--font17); font-weight:300; line-height:1.3; text-wrap:nowrap; }
.contact-box .dataTable table tbody th ul li:before {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#333; }
.contact-box .dataTable table tbody td { word-break:break-word; word-break:break-all; overflow-wrap:break-word; word-wrap:break-word; color:#333; font-size:var(--font18); font-weight:300; line-height:1.3; height:60px; padding:5px 80px; text-align:center; border:1px solid #ddd; border-width:0 0 1px 1px; background:#fff; }
.contact-box .dataTable table tbody td.td_center {  }
@media screen and (max-width:1024px){
	.contact-box .dataTable { margin-top:30px; }
	.contact-box .dataTable table thead th,
	.contact-box .dataTable table tbody th,
	.contact-box .dataTable table tbody td { height:50px; padding:5px 20px; }
	.contact-box .dataTable table tbody th { padding:8px 20px; }
	.contact-box .dataTable table tbody th ul { gap:5px 20px; flex-wrap:wrap; }
	.contact-box .dataTable table tbody th ul li { padding-left:12px; }
	.contact-box .dataTable table tbody th ul li:before { width:3px; height:3px; }
}
@media screen and (max-width:860px){
	.contact-box .dataTable { margin-top:30px; }
	.contact-box .dataTable .scroll_box { overflow:auto; }
}
@media screen and (max-width:640px){
	.contact-box .dataTable { margin-top:15px; }
	.contact-box .dataTable table tbody th { padding:8px 10px; }
	.contact-box .dataTable table tbody th ul { gap:3px 10px; flex-wrap:wrap; }
	.contact-box .dataTable table tbody td { height:50px; padding:5px 10px; }
}
@media screen and (max-width:540px){
	.contact-box .dataTable table col.w1 { width:95px !important; }
}