@charset "utf-8";

.subtitleTop { position:relative; height:800px; overflow:hidden; }
.subtitleTop .innerP100 { position:absolute; top:0; left:0; padding-bottom:120px; z-index:1; width:100%; height:100%; display:flex; justify-content:space-between; align-items:flex-end; }
.subtitleTop .top-box {}
.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:600; 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:rgba(255, 255, 255, 0.50); }
.subtitleTop h2.tit,
.subtitleTop h2.tit-d { margin-top:40px; color:#fff; font-size:var(--font100); font-weight:600; line-height:1.3; letter-spacing:-0.09em; }
.subtitleTop h2.tit span,
.subtitleTop h2.tit-d span { font-weight:600; }

.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.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.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 .innerP100 { padding-bottom:100px; }
}
@media screen and (max-width:1280px){
	.subtitleTop { height:580px; }
}
@media screen and (max-width:1024px){
	.subtitleTop { height:480px; }
	.subtitleTop .innerP100 { padding-bottom:80px; }
	.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 .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 .innerP100 { padding-bottom:20px; justify-content:center; }
	.subtitleTop .top-box { position:absolute; top:55%; left:0; transform:translate(0, -50%); width:100%; }
	.subtitleTop .top-box .location dl { justify-content:center; }
	.subtitleTop h2.tit,
	.subtitleTop h2.tit-d { margin-top:10px; text-align:center; }
	.subtitleTop .depthMenu { bottom:10px; }
	.subtitleTop .depthMenu ul li a { height:35px; }
}

/* animation */
.subTop { animation:subTbg 1.0s 0.2s; animation-fill-mode:both;}
.subtitleTop h2.tit { overflow:hidden }
.subtitleTop h2.tit span { display:block; opacity:0; }
.subtitleTop h2.tit span { animation:ani_3 0.6s 0.2s; 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; }

.subtitleTop .depthMenu .submenu-box ul { display:flex; gap:10px; justify-content:flex-end; }
.subtitleTop .depthMenu .submenu-box ul li a { min-width:140px; height:60px; padding:0 60px; color:#fff; font-size:var(--font20); font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; border-radius:70px; border:2px solid #FFF; }
.subtitleTop .depthMenu .submenu-box ul li.on a { border-color:var(--mainColor); background:var(--mainColor); }
@media screen and (max-width:1280px){
	.subtitleTop .depthMenu .submenu-box ul li a { min-width:120px; height:50px; padding:0 50px; }
}
@media screen and (max-width:1024px){
	.subtitleTop .depthMenu .submenu-box ul { gap:5px; }
	.subtitleTop .depthMenu .submenu-box ul li a { min-width:100px; height:45px; padding:0 40px; border-width:1px; }
}
@media screen and (max-width:640px){
	.subtitleTop .depthMenu .submenu-box ul li a { min-width:70px; height:35px; padding:0 30px; }
}

/* animation */
.subtitleTop .depthMenu .submenu-box ul { opacity:0; }
.subtitleTop .depthMenu .submenu-box ul { animation:bgs3 0.6s 0.3s; animation-fill-mode:both;}


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

.sub_bg { background:#f8f8f8; }

.box-txt { overflow:hidden; padding-bottom:1px; }
.box-txt > dl { display:flex; flex-wrap:wrap; }
.box-txt > dl > dt { width:410px; padding-top:5px; }
.box-txt > dl > dt h4 { position:relative; color:#111; font-size:var(--font28); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.box-txt > dl > dt h4:before { content:""; display:block; position:absolute; left:0; bottom:-15px; width:40px; height:3px; background:var(--mainColor); }
.box-txt > dl > dt h4.line { padding-top:20px; font-size:var(--font20); }
.box-txt > dl > dt h4.line:before { content:""; display:block; position:absolute; left:0; top:0; width:300px; height:1px; background:#000; }
.box-txt > dl > dd { width:calc(100% - 410px); }
.box-txt > dl.full > dt,
.box-txt > dl.full > dd { width:100%; }
.box-txt > dl.full > dd { margin-top:80px; }
.box-txt > dl > dd > .txt-1 { color:#111; font-size:var(--font48); font-weight:300; line-height:1.5; letter-spacing:-0.045em; }
.box-txt > dl > dd > .txt-1 strong { font-weight:600; }
.box-txt > dl > dd > .txt-1 span.color { color:var(--mainColor); }
.box-txt > dl > dd > .txt-2 { margin-top:40px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; }
.box-txt > dl > dd > .txt-2.txt-2-1 { margin:0 0 20px; }
.box-txt > dl > dd > .txt-2 strong { font-weight:600; }
.box-txt > dl > dd > .txt-2 p:not(:last-child) { margin-bottom:20px; }
.box-txt > dl > dd > .txt-2 p { color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; }
@media screen and (max-width:1440px){
	.box-txt > dl > dt { width:360px; }
	.box-txt > dl > dt h4.line:before { width:280px; }
	.box-txt > dl > dd { width:calc(100% - 360px); }
}
@media screen and (max-width:1280px){
	.box-txt > dl > dt { width:300px; }
	.box-txt > dl > dt h4.line:before { width:200px; }
	.box-txt > dl > dd { width:calc(100% - 300px); }
}
@media screen and (max-width:1024px){
	.box-txt > dl > dt { width:260px; }
	.box-txt > dl > dt h4.line { padding-top:15px; }
	.box-txt > dl > dt h4.line:before { width:180px; }
	.box-txt > dl > dt h4:before { bottom:-10px; width:25px; height:2px; }
	.box-txt > dl > dd { width:calc(100% - 260px); }
	.box-txt > dl > dd > .txt-2 { margin-top:20px; }
	.box-txt > dl > dd > .txt-2.txt-2-1 { margin:0 0 10px; }
	.box-txt > dl > dd > .txt-2 p:not(:last-child) { margin-bottom:10px; }
}
@media screen and (max-width:960px){
	.box-txt > dl > dt { width:100%; }
	.box-txt > dl > dt h4.line:before { width:100%; }
	.box-txt > dl > dd { width:100%; margin-top:40px; }
	.box-txt > dl.full > dd { margin-top:40px; }
	.box-txt > dl > dd > .txt-1 br { display:none }
	.box-txt > dl > dd > .txt-1 span.m_br { display:block }
	.box-txt > dl > dd > .txt-2 br { display:none }
	.box-txt > dl > dd > .txt-2 span.m_br { display:block }
}
@media screen and (max-width:640px){
	.box-txt > dl > dt h4.line { padding-top:10px; }
	.box-txt > dl > dt h4:before { bottom:-3px; width:20px; height:2px; }
	.box-txt > dl > dd,
	.box-txt > dl.full > dd { margin-top:20px; }
	.box-txt > dl > dd > .txt-2 { margin-top:10px; }
	.box-txt > dl > dd > .txt-2.txt-2-1 { margin:0 0 5px; }
}

/* animation 
.box-txt > dl > dt { overflow:hidden }
.box-txt > dl > dt h4 { opacity:0; }
.box-txt.subOn > dl > dt h4 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.box-txt > dl > dd { opacity:0; }
.box-txt.subOn > dl > dd { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.box-txt.subOn > dl.full > dd { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.box-txt.noAni > dl > dd { animation:none; opacity:1; }
.box-txt.subOn.noAni > dl > dd { animation:none; }
@media screen and (max-width:960px){
	.box-txt.subOn > dl > dt h4 { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
	.box-txt.subOn > dl > dd { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}
*/

/* company */
.overview-box .vision-box { position:relative; overflow:hidden; }
.overview-box .vision-box:before { content:""; display:block; position:absolute; left:42%; top:50%; width:calc(100% - 42%); height:1px; background:#eee; }
.overview-box .vision-box .circle-box { display:flex; margin:0 60px; }
.overview-box .vision-box .circle-box .circle { position:relative; width:calc(calc(100% + 200px) / 5); flex-shrink:0; margin:0 -20px; }
.overview-box .vision-box .circle-box .circle:before { content:""; display:block; padding-bottom:100%; }
.overview-box .vision-box .circle-box .circle .cbox { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:25px; border-radius:350px; }
.overview-box .vision-box .circle-box .circle.c1 .cbox { background:rgba(124, 240, 221, 0.3); z-index:2; }
.overview-box .vision-box .circle-box .circle.c2 .cbox { background:rgba(179, 134, 255, 0.3); z-index:3; }
.overview-box .vision-box .circle-box .circle.c2 .cbox:after { content:""; display:block; position:absolute; right:0; top:0; width:50%; height:100%; background:#e9dbff; border-radius:0 350px 350px 0; }
.overview-box .vision-box .circle-box .circle.c3 .cbox { border:1px solid #eee; }
.overview-box .vision-box .circle-box .circle.c5 .cbox { background:var(--mainColor); z-index:5; }
.overview-box .vision-box .circle-box .circle .txt-1 { position:relative; z-index:2; color:var(--mainColor1); font-size:var(--font46); font-weight:600; line-height:1.3; letter-spacing:-0.045em; }
.overview-box .vision-box .circle-box .circle .txt-2 { position:relative; z-index:2; color:#333; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.overview-box .vision-box .circle-box .circle.c2 .txt-1 { color:var(--mainColor); }
.overview-box .vision-box .circle-box .circle.c5 .txt-1,
.overview-box .vision-box .circle-box .circle.c5 .txt-2 { color:#fff; }
.overview-box .vision-box .circle-box .circle.c1:after { content:""; display:block; position:absolute; left:-500%; top:50%; width:500%; height:1px; background:#eee; }
.overview-box .cont1 { height:300px; display:flex; align-items:center; justify-content:center; flex-direction:column; border:1px solid #ddd; background:url(/img/sub/company/vision_bg.png) center center repeat;}
.overview-box .cont1 .txt-1 { color:#111; font-size:var(--font60); font-weight:500; line-height:1.3; letter-spacing:-0.045em; }
.overview-box .cont1 .txt-2 { margin-top:25px; color:var(--mainColor); font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.040em; }
.overview-box .cont2 .top { position:relative; }
.overview-box .cont2 .top h5 { color:#111; font-size:var(--font48); font-weight:600; line-height:1.3; letter-spacing:-0.050em; }
.overview-box .cont2 .top .txt-1 { margin-top:40px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; letter-spacing:-0.030em; }
.overview-box .cont2 .top .txt-2 { position:absolute; right:0; top:0; text-align:right; color:#333; font-size:var(--font20); font-weight:500; line-height:1.6; letter-spacing:-0.030em; }
.overview-box .cont2 .top .txt-2 strong { display:block; margin-top:10px; font-weight:500; }
.overview-box .cont2 .listbox { border-top:2px solid #111; }
.overview-box .cont2 .listbox li { display:flex; border-bottom:1px solid #ddd; padding:60px 0; }
.overview-box .cont2 .listbox li figure { width:200px; flex-shrink:0; }
.overview-box .cont2 .listbox li .txtbox dt { color:#111; font-size:var(--font40); font-weight:400; line-height:1.3; letter-spacing:-0.040em; }
.overview-box .cont2 .listbox li .txtbox dt span { display:block; margin-top:15px; color:var(--mainColor); font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.030em }
.overview-box .cont2 .listbox li .txtbox dd { margin-top:25px; color:#777; font-size:var(--font20); font-weight:300; line-height:1.6; letter-spacing:-0.030em }
.overview-box .cont3 .listbox { border-top:2px solid #111; }
.overview-box .cont3 .listbox li { display:flex; align-items:center; border-bottom:1px solid #ddd; padding:40px 0; }
.overview-box .cont3 .listbox li figure { width:200px; flex-shrink:0; }
.overview-box .cont3 .listbox li .txtbox { color:#111; font-size:var(--font30); font-weight:400; line-height:1.3; letter-spacing:-0.040em; }
.overview-box .media { position:relative; }
.overview-box .media .mov { position:relative; width:100%; }
.overview-box .media .mov:before { content:''; display:block; padding-bottom:56.25%; }
.overview-box .media .mov iframe,
.overview-box .media .mov video { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.overview-box .media .mov img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; z-index:2; }
.overview-box .media .playButton { position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); cursor:pointer; z-index:5; }
.overview-box .media .playButton.on { background:url(/img/sub/company/play_btn.png) center center no-repeat; }
@media screen and (max-width:1440px){
	.overview-box .vision-box .circle-box { margin:0 20px; }
	.overview-box .vision-box .circle-box .circle .cbox { gap:20px; }
}
@media screen and (max-width:1280px){
	.overview-box .vision-box .circle-box .circle .cbox { gap:15px; }
	.overview-box .cont1 { height:250px; }
	.overview-box .cont1 .txt-2 { margin-top:20px; }
	.overview-box .cont2 .top .txt-1 { margin-top:30px; }
	.overview-box .cont2 .listbox li { padding:50px 0; }
	.overview-box .cont2 .listbox li figure { width:180px; }
	.overview-box .cont2 .listbox li .txtbox dd { margin-top:20px; }
	.overview-box .cont3 .listbox li figure { width:180px; }
}
@media screen and (max-width:1024px){
	.overview-box .vision-box .circle-box .circle { width:calc(calc(100% + 100px) / 5); margin:0 -10px; }
	.overview-box .vision-box .circle-box .circle .cbox { gap:10px; }
	.overview-box .cont1 { height:200px; }
	.overview-box .cont1 .txt-2 { margin-top:15px; }
	.overview-box .cont2 .top .txt-1 { margin-top:20px; }
	.overview-box .cont2 .top .txt-2 strong { margin-top:0; }
	.overview-box .cont2 .listbox li { padding:30px 0; }
	.overview-box .cont2 .listbox li figure { width:140px; }
	.overview-box .cont2 .listbox li figure img { width:80px; }
	.overview-box .cont2 .listbox li .txtbox dt span { margin-top:10px; }
	.overview-box .cont2 .listbox li .txtbox dd { margin-top:15px; }
	.overview-box .cont3 .listbox li { padding:20px 0; }
	.overview-box .cont3 .listbox li figure { width:140px; }
	.overview-box .cont3 .listbox li figure img { width:80px; }
	.overview-box .media .playButton.on { background-size:70px auto; }
}
@media screen and (max-width:860px){
	.overview-box .cont2 .top .txt-1 br { display:none; }
}
@media screen and (max-width:640px){
	.overview-box .vision-box:before { left:50%; width:1px; height:100%; top:30%;}
	.overview-box .vision-box .circle-box { flex-direction:column; padding:20px 0; }
	.overview-box .vision-box .circle-box .circle { width:200px; margin:-20px auto; }
	.overview-box .vision-box .circle-box .circle .cbox { gap:5px; }
	.overview-box .vision-box .circle-box .circle.c1:after { display:none; }
	.overview-box .vision-box .circle-box .circle.c2 .cbox:after { left:0; top:unset; bottom:0; width:100%; height:50%; border-radius:0 0 350px 350px; }
	.overview-box .cont1 { height:140px; }
	.overview-box .cont1 .txt-2 { margin-top:10px; }
	.overview-box .cont2 .listbox li { padding:20px 0; }
	.overview-box .cont2 .listbox li figure { width:80px; }
	.overview-box .cont2 .listbox li figure img { width:60px; }
	.overview-box .cont2 .listbox li .txtbox dt span { margin-top:5px; }
	.overview-box .cont2 .listbox li .txtbox dd { margin-top:10px; }
	.overview-box .cont3 .listbox li { padding:10px 0; }
	.overview-box .cont3 .listbox li figure { width:80px; }
	.overview-box .cont3 .listbox li figure img { width:60px; }
	.overview-box .media .playButton.on { background-size:40px auto; }
}

/* animation 
.overview-box .cont2 .listbox li { opacity:0; }
.overview-box .cont2 .listbox.subOn li { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.overview-box .cont2 .listbox.subOn li { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}
*/


.company-box .history-box { position:relative; }
.company-box .history-box .arrbox { position:absolute; left:27.5%; top:0; width:100px; height:100%; }
.company-box .history-box .arrbox:before { content:""; display:block; width:1px; height:100%; position:absolute; top:0; left:50%; transform:translateX(calc(-50% - 0.5px)); background:#ddd; }
.company-box .history-box .arrbox .circle { transition:all 0.4s; position:sticky; top:0; left:0; z-index:2; height:50px; display:block; }
.company-box .history-box .history-list.on .arrbox .circle { height:300px; }
.company-box .history-box .arrbox .circle:before { content:""; display:block; width:3px; height:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:linear-gradient(180deg, #38bea9 0%, #6d24e3 100%); }
.company-box .history-box .arrbox .circle:after { content:""; display:block; width:16px; height:16px; position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); background:var(--mainColor); border-radius:16px; }
.company-box .history-box .arrbox .circle span { transform-box:content-box; transform-origin:center; visibility:inherit; animation:circle1 1.0s 0.3s linear infinite; opacity:0; transform:scale(0.3); position:absolute; left:0; bottom:-42px; width:100px; height:100px; margin:0 auto; }
.company-box .history-box .arrbox .circle span:before { content:""; display:block; width:50px; height:50px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50px; background:rgba(109, 36, 227, 0.50); }
.company-box .history-box .arrbox .circle span:after { content:""; display:block; width:100px; height:100px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:100px; background:rgba(109, 36, 227, 0.30); }
.company-box .history-box .historyCont:not(:last-child) { margin-bottom:380px; } 
.company-box .history-box .historyCont { display:flex; flex-wrap:wrap; }
.company-box .history-box .historyCont .info_box { width:44%; }
.company-box .history-box .historyCont .info_box .box { position:sticky; top:10%; } 
.company-box .history-box .historyCont .info_box h4 { color:#111; font-size:var(--font48); font-weight:600; line-height:1.5; letter-spacing:-0.04em; }
.company-box .history-box .historyCont .info_box h4 span { font-weight:500; }
.company-box .history-box .historyCont .info_box .year { margin-top:15px; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.company-box .history-box .historyCont .listbox { width:calc(100% - 44%); border-top:2px solid #000; }
.company-box .history-box .historyCont .listbox dl { border-bottom:1px solid #ddd; padding:30px; display:flex; align-items:center; }
.company-box .history-box .historyCont .listbox dt { width:240px; flex-shrink:0; color:#111; font-size:var(--font34); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.company-box .history-box .historyCont .listbox dd li:not(:last-child) { margin-bottom:30px; } 
.company-box .history-box .historyCont .listbox dd li { position:relative; padding-left:34px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; }
.company-box .history-box .historyCont .listbox dd li:before { content:""; display:block; width:4px; height:4px; position:absolute; top:13px; left:0; background:#333; border-radius:5px; }
@media screen and (max-width:1640px){
	.company-box .history-box .historyCont .listbox dt { width:180px; }
	.company-box .history-box .historyCont:not(:last-child) { margin-bottom:300px; } 
}
@media screen and (max-width:1280px){
	.company-box .history-box .historyCont .listbox dt { width:130px; }
	.company-box .history-box .historyCont:not(:last-child) { margin-bottom:250px; } 
}
@media screen and (max-width:1024px){
	.company-box .history-box .history-list.on .arrbox .circle { height:250px; }
	.company-box .history-box .arrbox { width:50px; }
	.company-box .history-box .arrbox .circle:before { width:2px; }
	.company-box .history-box .arrbox .circle:after { width:8px; height:8px; }
	.company-box .history-box .arrbox .circle span { bottom:-21px; width:50px; height:50px; }
	.company-box .history-box .arrbox .circle span:before { width:25px; height:25px; }
	.company-box .history-box .arrbox .circle span:after { width:50px; height:50px; }
	.company-box .history-box .historyCont:not(:last-child) { margin-bottom:180px; }
	.company-box .history-box .historyCont .info_box .year { margin-top:8px; }
	.company-box .history-box .historyCont .listbox dl { padding:15px; }
	.company-box .history-box .historyCont .listbox dt { width:100px; }
	.company-box .history-box .historyCont .listbox dd li:not(:last-child) { margin-bottom:15px; } 
	.company-box .history-box .historyCont .listbox dd li { padding-left:18px; }
	.company-box .history-box .historyCont .listbox dd li:before { top:10px; width:3px; height:3px; }
}
@media screen and (max-width:960px){
	.company-box .history-box .arrbox { left:-5px; }
	.company-box .history-box .historyCont { padding-left:50px; }
	.company-box .history-box .historyCont .info_box { width:100%; }
	.company-box .history-box .historyCont .info_box h4 br { display:none; }
	.company-box .history-box .historyCont .info_box .box { position:relative; top:0; } 
	.company-box .history-box .historyCont .listbox { width:100%; margin-top:20px; }
}
@media screen and (max-width:640px){
	.company-box .history-box .arrbox { left:-15px; }
	.company-box .history-box .history-list.on .arrbox .circle { height:120px; }
	.company-box .history-box .historyCont { padding-left:35px; }
	.company-box .history-box .historyCont:not(:last-child) { margin-bottom:90px; } 
	.company-box .history-box .historyCont .info_box .year { margin-top:4px; }
	.company-box .history-box .historyCont .listbox dt { width:60px; }
	.company-box .history-box .historyCont .listbox dd li:not(:last-child) { margin-bottom:8px; } 
	.company-box .history-box .historyCont .listbox dd li { padding-left:13px; }
}

@keyframes circle1 {
  0% { transform:scale(0.3); opacity:1; }
  100% { transform:scale(1.0); opacity:0; }
  0% { transform:scale(0.3); opacity:1; }
}

/* animation 
.company-box .history-box .historyCont .info_box { opacity:0; }
.company-box .history-box .historyCont.subOn .info_box { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
.company-box .history-box .historyCont .listbox { opacity:0; }
.company-box .history-box .historyCont.subOn .listbox { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.company-box .history-box .historyCont.subOn .listbox { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
}
*/

.certification-box .situation .imgbox img { max-width:100%; }
.certification-box .situation .list { display:none; gap:10px; flex-wrap:wrap; } 
.certification-box .situation .list .box { width:calc((100% - 20px) / 3); border:1px solid #ddd; border-top:2px solid #000; padding:15px; }
.certification-box .situation .list .box dt { color:#111; font-size:var(--font22); font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.certification-box .situation .list .box dt .stxt { color:var(--mainColor1); margin-top:5px; }
.certification-box .situation .list .box dt span { display:inline-block; margin:0 5px; width:1px; height:12px; background:rgba(0, 0, 0, 0.60); vertical-align:middle; overflow:hidden; text-indent:-9999em; }
.certification-box .situation .list .box dd { margin-top:15px; }
.certification-box .situation .list .box dd li:not(:last-child) { margin-bottom:10px; } 
.certification-box .situation .list .box dd li { position:relative; padding-left:19px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.certification-box .situation .list .box dd li:before { content:""; display:block; width:3px; height:3px; position:absolute; top:11px; left:0; background:#333; border-radius:5px; }
.certification-box .cont2 .listbox:not(:last-child) { margin-bottom:160px; } 
.certification-box .cont2 .listbox .tit { color:#111; font-size:var(--font48); font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.certification-box .cont2 .listbox .tit strong { font-weight:500; }
.certification-box .cont2 .listbox .list { margin-top:60px; display:flex; gap:80px; flex-wrap:wrap; } 
.certification-box .cont2 .listbox .list .box { width:calc((100% - 160px) / 3); text-align:center; }
.certification-box .cont2 .listbox .list .box figure img { max-width:100%; }
.certification-box .cont2 .listbox .list .box h5 { margin:25px 0 10px; color:#111; font-size:var(--font22); font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.certification-box .cont2 .listbox .list .box .stxt { color:#333; font-size:var(--font18); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
@media screen and (max-width:1440px){
	.certification-box .cont2 .listbox .list { gap:60px; } 
	.certification-box .cont2 .listbox .list .box { width:calc((100% - 120px) / 3); }
}
@media screen and (max-width:1280px){
	.certification-box .cont2 .listbox .list { gap:30px; } 
	.certification-box .cont2 .listbox .list .box { width:calc((100% - 60px) / 3); }
}
@media screen and (max-width:1024px){
	.certification-box .situation .imgbox { display:none }
	.certification-box .situation .list { display:flex; }
	.certification-box .cont2 .listbox:not(:last-child) { margin-bottom:80px; } 
	.certification-box .cont2 .listbox .list { margin-top:30px; gap:20px; } 
	.certification-box .cont2 .listbox .list .box { width:calc((100% - 40px) / 3); }
	.certification-box .cont2 .listbox .list .box h5 { margin:15px 0 5px; }
}
@media screen and (max-width:640px){
	.certification-box .situation .list { gap:10px; } 
	.certification-box .situation .list .box { width:calc((100% - 10px) / 2); }
	.certification-box .situation .list .box dd { margin-top:10px; }
	.certification-box .situation .list .box dd li:not(:last-child) { margin-bottom:5px; } 
	.certification-box .situation .list .box dd li { padding-left:12px; }
	.certification-box .situation .list .box dd li:before { width:2px; height:2px; top:9px; }
	.certification-box .cont2 .listbox:not(:last-child) { margin-bottom:40px; } 
	.certification-box .cont2 .listbox .list { margin-top:15px; gap:20px 10px; } 
	.certification-box .cont2 .listbox .list .box { width:calc((100% - 10px) / 2); }
	.certification-box .cont2 .listbox .list .box h5 { margin:8px 0 3px; }
}

/* animation 
.certification-box .situation .imgbox { opacity:0; }
.certification-box .situation.subOn .imgbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.certification-box .situation .list { opacity:0; }
.certification-box .situation.subOn .list { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
.certification-box .cont2 .listbox .tit { overflow:hidden; }
.certification-box .cont2 .listbox .tit strong { opacity:0; display:block; }
.certification-box .cont2 .listbox.subOn .tit strong { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.certification-box .cont2 .listbox .list .box { opacity:0; }
.certification-box .cont2 .listbox.subOn .list .box { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
*/

.certification-box .map-box .imgbox svg { max-width:100%; }

.certification-box .map-box .imgbox text.txt1 { fill:#111; font-size:var(--font17); font-weight:600; line-height:1.3; }
.certification-box .map-box .imgbox text.txt2 { fill:#111; font-size:var(--font14); font-weight:500; line-height:1.3; }
.certification-box .map-box .imgbox .over { transition:all 0.55s; }
.certification-box .map-box .imgbox .over.on { fill:#ccc; }
.certification-box .map-box .imgbox .over0 { fill:#ff0000; }
.certification-box .map-box .imgbox .pin { cursor:pointer; }

.certification-box .tooltip { min-width:200px; border:1px solid rgba(109, 36, 227, 0.50); background:rgba(255, 255, 255, 0.90); padding:20px; position:absolute; display:none; }
.certification-box .tooltip .inner { display:flex; flex-direction:column; gap:15px 0; }
.certification-box .tooltip .inner ul li:not(:last-child) { margin-bottom:10px; }
.certification-box .tooltip .inner ul li { color:#333; font-size:var(--font15); font-weight:300; line-height:1.3; }

.certification-box .map-box .list-cont { display:none; gap:10px; flex-wrap:wrap; } 
.certification-box .map-box .list-cont .box { width:calc((100% - 20px) / 3); border:1px solid #ddd; border-top:2px solid #000; padding:15px; }
.certification-box .map-box .list-cont .box dt { color:#111; font-size:var(--font22); font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.certification-box .map-box .list-cont .box dt .stxt { color:var(--mainColor1); margin-top:5px; }
.certification-box .map-box .list-cont .box dt span { display:inline-block; margin:0 5px; width:1px; height:12px; background:rgba(0, 0, 0, 0.60); vertical-align:middle; overflow:hidden; text-indent:-9999em; }
.certification-box .map-box .list-cont .box dd { margin-top:15px; }
.certification-box .map-box .list-cont .box dd .icon { margin-bottom:10px; display:none }
.certification-box .map-box .list-cont .box dd li:not(:last-child) { margin-bottom:10px; } 
.certification-box .map-box .list-cont .box dd li { position:relative; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.certification-box .map-box .txt_b { color:#333; font-size:var(--font19); font-weight:300; line-height:1.3; }
@media screen and (max-width:1440px){
	.certification-box .map-box .imgbox text.txt1 { font-size:var(--font20); }
	.certification-box .map-box .imgbox text.txt2 { font-size:var(--font17); }
	.certification-box .tooltip { min-width:140px; padding:10px 15px; }
	.certification-box .tooltip .inner ul li:not(:last-child) { margin-bottom:5px; }
}
@media screen and (max-width:1280px){
	.certification-box .map-box .imgbox text.txt1 { font-size:var(--font22); }
	.certification-box .map-box .imgbox text.txt2 { font-size:var(--font19); }
}
@media screen and (max-width:1024px){
	.certification-box .map-box svg { display:none; }
	.certification-box .map-box .list-cont { display:flex; }
}
@media screen and (max-width:640px){
	.certification-box .map-box .list-cont { gap:5px; } 
	.certification-box .map-box .list-cont .box { width:calc((100% - 5px) / 2); }
	.certification-box .map-box .list-cont .box dd { margin-top:8px; }
	.certification-box .map-box .list-cont .box dd .icon { margin-bottom:8px; }
	.certification-box .map-box .list-cont .box dd li:not(:last-child) { margin-bottom:5px; }
}


.certification-box .certificate { display:flex; flex-wrap:wrap; justify-content:space-between;}
.certification-box .certificate .listbox h4 { color:#111; font-size:var(--font21); font-weight:500; line-height:1.3; }
.certification-box .certificate .listbox .list { margin-top:15px; display:flex; flex-wrap:wrap; gap:10px; }
.certification-box .certificate .listbox .list .box { text-align:center; }
.certification-box .certificate .listbox .list .box img { border:1px solid #e5e5e5; }
.certification-box .certificate .listbox .list .box h5 { margin-top:20px; color:#111; font-size:var(--font18); font-weight:500; line-height:1.3; }

@media screen and (max-width:1440px){
	.certification-box .certificate { gap:50px; justify-content:flex-start; }
}
@media screen and (max-width:1024px){
	.certification-box .certificate { gap:40px; }
	.certification-box .certificate .listbox .list { margin-top:8px; gap:10px 5px; }
	.certification-box .certificate .listbox .list .box h5 { margin-top:10px; }
}
@media screen and (max-width:640px){
	.certification-box .certificate { gap:20px; }
	.certification-box .certificate .listbox .list { margin-top:5px; }
	.certification-box .certificate .listbox .list .box h5 { margin-top:5px; }
}
@media screen and (max-width:500px){
	.certification-box .certificate .listbox { width:100%; }
	.certification-box .certificate .listbox .list .box { width:calc((100% - 10px) / 3); }
	.certification-box .certificate .listbox .list .box img { width:100%; }
}
@media screen and (max-width:420px){
	.certification-box .certificate .listbox .list .box { width:calc((100% - 5px) / 2); }
}

/* animation 
.certification-box .map-box .imgbox { opacity:0; }
.certification-box .map-box.subOn .imgbox { animation:bgs3 0.8s 0.4s; animation-fill-mode:both; }
.certification-box .map-box .list-cont { opacity:0; }
.certification-box .map-box.subOn .list-cont { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
.certification-box .certificate .listbox { opacity:0; }
.certification-box .certificate .listbox.subOn { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
*/

.rnd-box .p_list li:not(:last-child) { margin-bottom:10px; } 
.rnd-box .p_list li { position:relative; padding-left:19px; color:#555; font-size:var(--font19); font-weight:300; line-height:1.6; }
.rnd-box .p_list li:before { content:""; display:block; width:4px; height:4px; position:absolute; top:13px; left:0; background:#555; border-radius:5px; }
.rnd-box .listbox { display:flex; gap:10px; flex-wrap:wrap; }
.rnd-box .listbox .box { width:calc((100% - 20px) / 3); padding:30px; background:#f8f8f8; }
.rnd-box .listbox .box dt { margin-bottom:30px; color:#333; font-size:var(--font20); font-weight:600; line-height:1.3; display:flex; align-items:center; gap:10px 30px; }
.rnd-box .listbox .box dt figure,
.rnd-box .listbox .box dt .num { flex-shrink:0; }
.rnd-box .cont1 .top { margin:0 auto; margin-top:70px; position:relative; width:100%; max-width:560px; }
.rnd-box .cont1 .top:before { content:''; display:block; padding-bottom:52.8%; }
.rnd-box .cont1 .top .cbox { display:flex; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/sub/company/platform_bg.png) no-repeat center center / cover; }
.rnd-box .cont1 .top .cbox > div { padding-left:2%; color:#fff; font-size:var(--font22); font-weight:600; line-height:1.3; letter-spacing:-0.035em; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center; }
.rnd-box .cont1 .top .cbox > div:nth-child(2) { padding:0 3% 0 0; }
.rnd-box .cont1 .listbox { margin-top:80px; }
.rnd-box .cont1 .listbox .box dt { margin-bottom:50px; gap:10px 15px; }
.rnd-box .cont1 .listbox .box .num { width:30px; height:30px; color:#fff; font-size:var(--font14); font-weight:600; line-height:1.0; background:var(--mainColor); border-radius:40px; display:flex; align-items:center; justify-content:center; }
.rnd-box .cont2 .listbox { margin-top:80px; }
.rnd-box .cont2 .listbox .box { width:calc((100% - 10px) / 2); }
.rnd-box .cont2 .listbox figure { text-align:center; }
.rnd-box .cont3 .list { margin-top:80px; border-top:2px solid #111; }
.rnd-box .cont3 .list .box { padding:60px 0; border-bottom:1px solid #ddd; display:flex; align-items:center; gap:100px; }
.rnd-box .cont3 .list .box figure { flex-shrink:0; }
.rnd-box .cont3 .list .box h5 { color:#111; font-size:var(--font30); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.rnd-box .cont3 .list .box h5 span { color:var(--mainColor); font-weight:600; }
.rnd-box .cont3 .list .box .txt { margin-top:25px; color:#777; font-size:var(--font20); font-weight:300; line-height:1.6; }
@media screen and (max-width:1440px){
	.rnd-box .cont3 .list .box { padding:50px 0; gap:80px; }
}
@media screen and (max-width:1280px){
	.rnd-box .cont3 .list .box { padding:40px 0; gap:60px;}
	.rnd-box .listbox .box { padding:20px; width:calc((100% - 10px) / 2); }
	.rnd-box .cont1 .listbox .box dt { margin-bottom:40px; }
}
@media screen and (max-width:1024px){
	.rnd-box .p_list li:not(:last-child) { margin-bottom:8px; } 
	.rnd-box .p_list li { padding-left:12px; }
	.rnd-box .p_list li:before { width:2px; height:2px; top:11px; }
	.rnd-box .listbox { gap:5px; flex-wrap:wrap; }
	.rnd-box .listbox .box { width:calc((100% - 10px) / 3); }
	.rnd-box .listbox .box dt { margin-bottom:15px; gap:10px 20px; }
	.rnd-box .cont1 .top { margin-top:35px; }
	.rnd-box .cont1 .listbox { margin-top:40px; }
	.rnd-box .cont1 .listbox .box .num { width:28px; height:28px; }
	.rnd-box .cont1 .listbox .box dt { margin-bottom:25px; gap:10px; }
	.rnd-box .cont2 .listbox { margin-top:40px; }
	.rnd-box .cont2 .listbox .box { width:calc((100% - 10px) / 2); }
	.rnd-box .cont3 .list { margin-top:40px; }
	.rnd-box .cont3 .list .box { padding:30px 0; gap:40px; }
	.rnd-box .cont3 .list .box .txt { margin-top:13px; }
	.rnd-box .cont2 .listbox figure img,
	.rnd-box .cont3 .list .box figure img { width:80px; }
}
@media screen and (max-width:760px){
	.rnd-box .listbox .box,
	.rnd-box .cont2 .listbox .box { width:calc((100% - 5px) / 2); }
}
@media screen and (max-width:640px){
	.rnd-box .p_list li:before { top:10px; }
	.rnd-box .listbox .box dt { margin-bottom:8px; gap:10px; }
	.rnd-box .listbox .box { padding:20px 10px; }
	.rnd-box .cont1 .top { margin-top:20px; }
	.rnd-box .cont1 .top .cbox > div { font-size:var(--font24); }
	.rnd-box .cont1 .listbox { margin-top:20px; }
	.rnd-box .cont1 .listbox .box .num { width:24px; height:24px; }
	.rnd-box .cont1 .listbox .box dt { margin-bottom:12px; gap:8px; }
	.rnd-box .cont3 .list { margin-top:20px; }
	.rnd-box .cont3 .list .box { padding:15px 0; gap:20px; }
	.rnd-box .cont3 .list .box .txt { margin-top:8px; }
	.rnd-box .cont2 .listbox figure img,
	.rnd-box .cont3 .list .box figure img { width:60px; }
}
@media screen and (max-width:420px){
	.rnd-box .listbox .box,
	.rnd-box .cont2 .listbox .box { width:100%; }
}

/* animation 
.rnd-box .txt-1 { opacity:0; }
.rnd-box .box-txt.subOn .txt-1 { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.rnd-box .listbox .box { opacity:0; }
.rnd-box .listbox.subOn .box { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }
.rnd-box .cont1 .top { opacity:0; }
.rnd-box .cont1 .top.subOn { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }
.rnd-box .list .box { opacity:0; }
.rnd-box .list.subOn .box { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.rnd-box .box-txt.subOn .txt-1 { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}
*/


.rnd-box .btn_link a { transition:all 0.4s; position:relative; display:flex; align-items:center; justify-content:center; gap:10px; width:240px; height:60px; border:1px solid #333; overflow:hidden; }
.rnd-box .btn_link a span { position:relative; z-index:5; color:#333; font-size:var(--font20); font-weight:600; line-height:1.3; transition:all 0.4s; }
.rnd-box .btn_link a img { transition:all 0.4s; }
.rnd-box .btn_link a:hover { border-color:var(--mainColor); }
.rnd-box .btn_link a:hover span { color:#fff; }
.rnd-box .btn_link a:before { transition:all 0.6s; content:''; display:block; opacity:0.4; background:var(--mainColor); width:0; height:0; border-radius:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.rnd-box .btn_link a:hover:before { transition:all 0.8s; width:500px; height:500px; opacity:1; } 
.rnd-box .btn_link a:hover img { filter:brightness(0) invert(1); }
@media screen and (max-width:640px){
	.rnd-box .btn_link a { width:160px; height:45px; }
}

.rnd-box .cont1 .listbox-new { display:flex; gap:10px; flex-wrap:wrap; }
.rnd-box .cont1 .listbox-new .box { width:calc((100% - 20px) / 3); padding:30px; background:#f8f8f8; }
.rnd-box .cont1 .listbox-new .box dt { color:#111; font-size:var(--font22); font-weight:500; line-height:1.3; }
.rnd-box .cont1 .listbox-new .box dt .num { margin-bottom:15px; width:30px; height:30px; color:#fff; font-size:var(--font14); font-weight:600; line-height:1.0; background:var(--mainColor); border-radius:40px; display:flex; align-items:center; justify-content:center; }
.rnd-box .cont1 .listbox-new .box dd { margin-top:30px; color:#333; font-size:var(--font19); font-weight:300; line-height:1.5; }
.rnd-box .cont2 .listbox-new { position:relative; display:flex; gap:20px 22%; flex-wrap:wrap; }
.rnd-box .cont2 .listbox-new .circle-box { position:absolute; left:50%; top:50%; z-index:5; transform:translate(-50%, -50%); width:300px; height:300px; border-radius:1000px; border:10px solid #FFF; background:linear-gradient(135deg, #6D24E3 0%, #38BEA9 100%); display:flex; align-items:center; justify-content:center; text-align:center; }
.rnd-box .cont2 .listbox-new .circle-box .txt { transition:all 0.5s; color:#fff; font-size:var(--font23); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.rnd-box .cont2 .listbox-new .circle-box .over-txt { transition:all 0.5s; opacity:0; transform:translateY(50px); position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; display:flex; align-items:center; flex-direction:column; justify-content:center; }
.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-1 { color:#fff; font-size:var(--font19); font-weight:600; line-height:1.3; }
.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-2 { margin-top:15px; color:#fff; font-size:var(--font17); font-weight:300; line-height:1.3; }
.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-2 li:not(:last-child) { margin-bottom:5px; }
.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-2 li { position:relative; color:#fff; font-size:var(--font17); font-weight:300; line-height:1.3; display:flex; gap:0 5px; }
.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-2 li:before { content:'-'; display:block; color:#fff; font-size:var(--font17); font-weight:300; line-height:1.3; }
.rnd-box .cont2 .listbox-new .box { position:relative; width:calc((100% - 22%) / 2); padding:45px; min-height:320px; background:#f8f8f8; display:flex; flex-direction:column; justify-content:space-between; }
.rnd-box .cont2 .listbox-new .box dt { color:#111; font-size:var(--font23); font-weight:600; line-height:1.3; letter-spacing:-0.03em; }
.rnd-box .cont2 .listbox-new .box dd { margin-top:10px; }
.rnd-box .cont2 .listbox-new .box dd .txt { color:#333; font-size:var(--font19); font-weight:300; line-height:1.5; letter-spacing:-0.025em; }
.rnd-box .cont2 .listbox-new .box .p_list li:not(:last-child) { margin-bottom:0; }
.rnd-box .cont2 .listbox-new .box .btn_link { position:absolute; right:45px; bottom:45px; }
.rnd-box .cont2 .listbox-new .box .btn_link a { width:140px; height:45px; }
.rnd-box .cont2 .listbox-new .box .btn_link a span { font-size:var(--font17); }
.rnd-box .cont2 .listbox-new .circle-box:hover .txt { opacity:0; }
.rnd-box .cont2 .listbox-new .circle-box:hover .over-txt { opacity:1; transform:translateY(0); }
@media screen and (max-width:1440px){
	.rnd-box .cont2 .listbox-new { gap:20px 20%; }
	.rnd-box .cont2 .listbox-new .box { width:calc((100% - 20%) / 2); padding:35px; }
	.rnd-box .cont2 .listbox-new .box .btn_link { right:35px; bottom:35px; }
	.rnd-box .cont2 .listbox-new .box .btn_link a { width:130px; }
	.rnd-box .cont2 .listbox-new .circle-box { width:270px; height:270px; border-width:8px; }
	.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-2 { margin-top:10px; }
}
@media screen and (max-width:1280px){
	.rnd-box .cont1 .listbox-new .box { padding:20px; }
	.rnd-box .cont2 .listbox-new { gap:15px; }
	.rnd-box .cont2 .listbox-new .box { width:calc((100% - 15px) / 2); padding:20px; min-height:260px; }
	.rnd-box .cont2 .listbox-new .box .btn_link { right:20px; bottom:20px; }
	.rnd-box .cont2 .listbox-new .box .btn_link a { width:120px; height:40px; }
	.rnd-box .cont2 .listbox-new .circle-box { position:relative; left:unset; top:unset; transform:translate(0, 0); width:100%; height:auto; border-width:0; padding:20px 10px; gap:10px; flex-direction:column; border-radius:0; }
	.rnd-box .cont2 .listbox-new .circle-box br { display:none }
	.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-1 { font-size:var(--font18); }
	.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-2 { margin-top:8px; font-size:var(--font16); }
	.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-2 li:not(:last-child) { margin-bottom:3px; }
	.rnd-box .cont2 .listbox-new .circle-box .over-txt { opacity:1; transform:translateY(0); position:relative; left:unset; top:unset; width:auto; }
	.rnd-box .cont2 .listbox-new .circle-box:hover .txt { opacity:1; }
}
@media screen and (max-width:1024px){
	.rnd-box .cont1 .listbox-new .box dt .num { margin-bottom:8px; width:28px; height:28px; }
	.rnd-box .cont1 .listbox-new .box dd { margin-top:15px; }
	.rnd-box .cont2 .listbox-new { gap:10px; }
	.rnd-box .cont2 .listbox-new .box { width:calc((100% - 10px) / 2); }
	.rnd-box .cont2 .listbox-new .box dd { margin-top:5px; }
}
@media screen and (max-width:640px){
	.rnd-box .cont1 .listbox-new { gap:5px; }
	.rnd-box .cont1 .listbox-new .box dt .num { margin-bottom:5px; width:24px; height:24px; }
	.rnd-box .cont1 .listbox-new .box { width:100%; }
	.rnd-box .cont1 .listbox-new .box dd { margin-top:10px; }
	.rnd-box .cont2 .listbox-new .circle-box .over-txt .txt-2 { margin-top:5px; }
}
@media screen and (max-width:580px){
	.rnd-box .cont2 .listbox-new { gap:5px; }
	.rnd-box .cont2 .listbox-new .box { width:100%; min-height:auto; gap:15px 0; }
	.rnd-box .cont2 .listbox-new .box .btn_link a { width:100px; height:35px; } 
}

.rnd-popup h4.tit { color:#111; font-size:var(--font48); font-weight:600; line-height:1.3; letter-spacing:-0.045em; padding-bottom:60px; text-align:center; }
.rnd-popup .topimgbox img { width:100%; }
.rnd-popup .txtbox dl:not(:last-child) { margin-bottom:60px; }
.rnd-popup .txtbox dt h5 { color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.030em; }
.rnd-popup .txtbox dd { margin-top:15px; }
.rnd-popup .txtbox dd .txt p { color:#333; font-size:var(--font21); font-weight:500; line-height:1.3; }
.rnd-popup .p_list { margin-top:30px; }
.rnd-popup .p_list li:not(:last-child) { margin-bottom:10px; } 
.rnd-popup .p_list li { position:relative; padding-left:19px; color:#555; font-size:var(--font19); font-weight:300; line-height:1.3; }
.rnd-popup .p_list li:before { content:""; display:block; width:4px; height:4px; position:absolute; top:10px; left:0; background:#555; border-radius:5px; }
@media screen and (max-width:1024px){
	.rnd-popup h4.tit { padding-bottom:30px; }
	.rnd-popup .txtbox dl:not(:last-child) { margin-bottom:30px; }
	.rnd-popup .txtbox dd { margin-top:10px; }
	.rnd-popup .p_list { margin-top:15px; }
	.rnd-popup .p_list li:not(:last-child) { margin-bottom:8px; } 
	.rnd-popup .p_list li { padding-left:12px; }
	.rnd-popup .p_list li:before { width:2px; height:2px; top:9px; }
}
@media screen and (max-width:640px){
	.rnd-popup h4.tit { padding-bottom:15px; }
	.rnd-popup .txtbox dl:not(:last-child) { margin-bottom:20px; }
	.rnd-popup .txtbox dd { margin-top:8px; }
	.rnd-popup .p_list { margin-top:8px; }
	.rnd-popup .p_list li:before { top:8px; }
}

.affiliate-box .cont1 { text-align:center; background:url(/img/sub/company/affiliate_bg.png) no-repeat center center; padding:0 20px; }
.affiliate-box .cont1 .over { cursor:pointer; transition:all 0.2s; }
.affiliate-box .cont1 .over1.on,
.affiliate-box .cont1 .over2.on,
.affiliate-box .cont1 .over3.on { opacity:0.3; }
.affiliate-box .cont1 .logo-box.on { opacity:0; transition:all 0.3s; }
.affiliate-box .cont1 .logo-box { opacity:1; } 
.affiliate-box .cont1 .logo-box.ov { opacity:1; } 
.affiliate-box .cont2 .txt-1 { display:flex; justify-content:space-between; margin-bottom:80px; }
.affiliate-box .cont2 .txt-1 h5 { color:#111; font-size:var(--font48); font-weight:600; line-height:1.5; letter-spacing:-0.045em; }
.affiliate-box .cont2 .txt-1 span { color:#333; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.affiliate-box .cont2 .listbox:nth-child(2) { border-top:2px solid #000; }
.affiliate-box .cont2 .listbox { display:flex; flex-wrap:wrap; padding:30px 0; border-bottom:1px solid #ddd;}
.affiliate-box .cont2 .listbox h5 { width:160px; flex-shrink:0; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; }
.affiliate-box .cont2 .listbox .cbox { width:calc(100% - 160px); }
.affiliate-box .cont2 .listbox .list ul { display:flex; flex-wrap:wrap; gap:15px; }
.affiliate-box .cont2 .listbox .list li { position:relative; padding-left:19px; width:calc((100% - 30px) / 3); color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.affiliate-box .cont2 .listbox .list li strong { font-weight:500; }
.affiliate-box .cont2 .listbox .list li:before { content:''; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:4px; background:#333; }
.affiliate-box .cont2 .listbox .list li .nop { display:block; margin-top:5px; margin-left:-19px;}
.affiliate-box .cont2 .listbox .list-1 { margin-top:30px; }
.affiliate-box .cont2 .listbox .list-1 li { width:100%; }
.affiliate-box .cont2 .listbox .imglist ul { display:flex; flex-wrap:wrap; gap:30px; }
.affiliate-box .cont2 .listbox .imglist li { width:calc((100% - 90px) / 4); }
.affiliate-box .cont2 .listbox .imglist li img { width:100%; }
.affiliate-box .cont2 .listbox .line_box { margin-top:30px; padding:30px; border:1px solid #ddd; }
.affiliate-box .cont2 .listbox .line_box .list-1 { margin-top:0; }
@media screen and (max-width:1440px){
	.affiliate-box .cont2 .listbox h5 { width:140px; }
	.affiliate-box .cont2 .listbox .cbox { width:calc(100% - 140px); }
}
@media screen and (max-width:1280px){
	.affiliate-box .cont1 svg { width:100%; max-width:750px; height:auto; }
	.affiliate-box .cont2 .listbox { padding:25px 0; }
	.affiliate-box .cont2 .listbox h5 { width:120px; }
	.affiliate-box .cont2 .listbox .cbox { width:calc(100% - 120px); }
	.affiliate-box .cont2 .listbox .list-1 { margin-top:25px; }
	.affiliate-box .cont2 .listbox .imglist ul { gap:25px; }
	.affiliate-box .cont2 .listbox .imglist li { width:calc((100% - 50px) / 3); }
	.affiliate-box .cont2 .listbox .line_box { margin-top:25px; padding:25px; }
}
@media screen and (max-width:1024px){
	.affiliate-box .cont1 .circle { margin:0 auto; text-align:center; }
	.affiliate-box .cont1 svg { max-width:680px; }
	.affiliate-box .cont2 .txt-1 { margin-bottom:40px; }
	.affiliate-box .cont2 .listbox { padding:20px 0; }
	.affiliate-box .cont2 .listbox .list ul { gap:10px; }
	.affiliate-box .cont2 .listbox .list li { padding-left:16px; width:calc((100% - 10px) / 2); }
	.affiliate-box .cont2 .listbox .list li:before { top:9px; width:3px; height:3px; }
	.affiliate-box .cont2 .listbox .list li .nop { margin-left:-16px;}
	.affiliate-box .cont2 .listbox .list-1 { margin-top:20px; }
	.affiliate-box .cont2 .listbox .imglist ul { gap:20px; }
	.affiliate-box .cont2 .listbox .imglist li { width:calc((100% - 40px) / 3); }
	.affiliate-box .cont2 .listbox .line_box { margin-top:20px; padding:20px; }
}
@media screen and (max-width:640px){
	.affiliate-box .cont2 .txt-1 { margin-bottom:20px; }
	.affiliate-box .cont2 .listbox { flex-wrap:wrap; }
	.affiliate-box .cont2 .listbox h5 { width:100%; }
	.affiliate-box .cont2 .listbox .cbox { width:100%; margin-top:20px; }
	.affiliate-box .cont2 .listbox .list ul { gap:10px; }
	.affiliate-box .cont2 .listbox .list li { padding-left:11px; }
	.affiliate-box .cont2 .listbox .list li:before { top:8px; }
	.affiliate-box .cont2 .listbox .list li .nop { margin-left:-11px;}
	.affiliate-box .cont2 .listbox .list-1 { margin-top:20px; }
	.affiliate-box .cont2 .listbox .imglist ul { gap:5px; }
	.affiliate-box .cont2 .listbox .imglist li { width:calc((100% - 5px) / 2); }
}

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

.network-box .listbox dt { display:flex; align-items:center; gap:30px; color:#111; font-size:var(--font48); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.network-box .listbox dd { margin-top:40px; }
.network-box .listbox dd ul { display:flex; flex-wrap:wrap; gap:10px 60px; }
.network-box .listbox dd ul li { display:flex; align-items:center; gap:30px; color:#111; font-size:var(--font24); font-weight:300; line-height:1.3; letter-spacing:-0.025em; } 
.network-box .listbox .mapbox { margin-top:40px; }
.network-box .listbox .mapbox > div { width:100% !important; }
.network-box .listbox .mapbox > div > div { width:calc(100% + 2px); height:calc(520px + 2px) !important; margin:-1px 0 0 -1px; }
.network-box .listbox .mapbox .cont { display:none; }
.network-box .listbox .mapbox.google-map { position:relative; overflow:hidden;  }
.network-box .listbox .mapbox.google-map:after { content:''; display:block; padding-bottom:520px; }
.network-box .listbox .mapbox.google-map iframe { position:absolute; top:0; left:0; top:-140px; width:100%; height:calc(100% + 280px); }
@media screen and (max-width:1280px){
	.network-box .listbox .mapbox > div > div {height:400px !important; }
	.network-box .top .mapbox.google-map:after { padding-bottom:400px; }
}
@media screen and (max-width:1024px){
	.network-box .listbox dt { gap:20px; }
	.network-box .listbox dt img { width:28px; }
	.network-box .listbox dd { margin-top:20px; }
	.network-box .listbox dd ul { gap:10px 50px; }
	.network-box .listbox dd ul li { gap:20px; }
	.network-box .listbox dd ul li img { width:18px; }
	.network-box .listbox .mapbox { margin-top:20px; }
}
@media screen and (max-width:640px){
	.network-box .listbox dt { gap:15px; }
	.network-box .listbox dt img { width:24px; }
	.network-box .listbox dd { margin-top:10px; }
	.network-box .listbox dd ul { gap:8px 30px; }
	.network-box .listbox dd ul li { gap:15px; }
	.network-box .listbox dd ul li img { width:16px; }
	.network-box .listbox .mapbox { margin-top:10px; }
	.network-box .listbox .mapbox > div > div { height:280px !important; }
	.network-box .listbox .mapbox.google-map:after { padding-bottom:280px; }
}

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

.tabmenu ul { display:flex; flex-wrap:wrap; gap:20px; }
.tabmenu ul li { width:calc((100% - (20px * (var(--tab-count) - 1))) / var(--tab-count)); }
.tabmenu ul li a { transition:all 0.4s; color:#999; font-size:var(--font20); font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; height:60px; border-radius:70px; border:1px solid #bbb; }
.tabmenu ul li.on a { color:#fff; border-color:var(--mainColor); background:var(--mainColor); }
@media screen and (max-width:1024px){
	.tabmenu ul { gap:10px; }
	.tabmenu ul li { width:calc((100% - (10px * (var(--tab-count) - 1))) / var(--tab-count)); }
	.tabmenu ul li a { height:55px; }
}
@media screen and (max-width:640px){
	.tabmenu ul { gap:5px; }
	.tabmenu ul li { width:calc((100% - (5px * (var(--tab-count) - 1))) / var(--tab-count)); }
	.tabmenu ul li a { height:45px; }
}

/* products */
.products-box .btn_link { margin-top:60px; }
.products-box .btn_link.list { margin-top:100px; display:flex; justify-content:center; }
.products-box .btn_link a { transition:all 0.4s; position:relative; display:flex; align-items:center; justify-content:center; gap:10px; width:240px; height:60px; border:1px solid #333; overflow:hidden; }
.products-box .btn_link a span { position:relative; z-index:5; color:#333; font-size:var(--font20); font-weight:600; line-height:1.3; transition:all 0.4s; }
.products-box .btn_link a img { transition:all 0.4s; }
.products-box .btn_link a:hover { border-color:var(--mainColor); }
.products-box .btn_link a:hover span { color:#fff; }
.products-box .btn_link a:before { transition:all 0.6s; content:''; display:block; opacity:0.4; background:var(--mainColor); width:0; height:0; border-radius:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.products-box .btn_link a:hover:before { transition:all 0.8s; width:500px; height:500px; opacity:1; } 
.products-box .btn_link a:hover img { filter:brightness(0) invert(1); }
.products-box .topimgbox { margin-top:80px; position:relative; }
.products-box .topimgbox:before { content:''; display:block; padding-bottom:24%; }
.products-box .topimgbox img { position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); object-fit:cover; -o-object-fit:cover; }
.products-box .topimgbox.small-img { border:1px solid #ddd; }
.products-box .topimgbox.small-img img { position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; width:auto; height:auto; transform:translate(-50%, -50%); }
.products-box .topimgbox h4 { position:absolute; right:35px; bottom:40px; z-index:4; color:#fff; font-size:var(--font80); font-weight:600; line-height:1.3; letter-spacing:-0.045em; text-align:right; }
.products-box .topimgbox h4.st { font-size:var(--font60); }
.products-box .topimgbox.small-img h4 { color:rgba(0, 0, 0, 0.05); }
.products-box h3.stit { color:#111; font-size:var(--font52); font-weight:600; line-height:1.3; letter-spacing:-0.040em; }
.products-box .cont1 h5 { margin-top:10px; color:#999; font-size:var(--font20); font-weight:500; line-height:1.3; }
.products-box .cont1 .toptxt { margin-top:30px; }
.products-box .cont1 .toptxt p:not(:last-child) { margin-bottom:20px; }
.products-box .cont1 .toptxt p { color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; }	
@media screen and (max-width:1720px){
	.products-box .box-txt > dl > dd > .txt-2 br,
	.products-box .cont1 .toptxt p br { display:none; }
	.products-box .box-txt > dl > dd > .txt-2 span.m_br,
	.products-box .cont1 .toptxt p span.m_br { display:block; }
}
@media screen and (max-width:1280px){
	.products-box .topimgbox h4 { right:30px; bottom:30px; }
}
@media screen and (max-width:1024px){
	.products-box .topimgbox { margin-top:40px; }
	.products-box .topimgbox:before { padding-bottom:35%; }
	.products-box .topimgbox h4 { right:15px; bottom:20px; }
	.products-box .btn_link { margin-top:30px; }
	.products-box .btn_link.list { margin-top:50px; }
	.products-box .btn_link a { width:200px; height:55px; gap:5px; }
	.products-box .cont1 h5 { margin-top:5px; }
	.products-box .cont1 .toptxt { margin-top:15px; }
	.products-box .cont1 .toptxt p:not(:last-child) { margin-bottom:10px; }
}
@media screen and (max-width:640px){
	.products-box .btn_link { margin-top:15px; }
	.products-box .btn_link.list { margin-top:25px; }
	.products-box .btn_link a { width:160px; height:45px; }
	.products-box .topimgbox { margin-top:20px; }
	.products-box .topimgbox:before { padding-bottom:40%; }
	.products-box .topimgbox h4 { right:10px; bottom:10px; font-size:var(--font60); }
	.products-box .topimgbox h4.st { font-size:var(--font48); }
	.products-box .cont1 .toptxt { margin-top:8px; }
	.products-box .cont2 .txt1 { margin-top:8px; }
}


/* animation 
.products-box .topimgbox:after { content:''; display:block; background:#fff; position:absolute; right:0; top:0; width:100%; height:100%; transition:all 1.0s 0.7s; }
.products-box .topimgbox.subOn:after { width:0; }
.products-box .topimgbox.small-img:after { display:none; width:0; height:0;}
.products-box .topimgbox h4 { opacity:0; }
.products-box .topimgbox.subOn h4 { animation:bgs3 0.8s 1.4s; animation-fill-mode:both; }
*/

.products-list ul { display:flex; gap:100px 50px; flex-wrap:wrap; }
.products-list ul li { width:calc((100% - 100px) / 3); }
.products-list ul li .imgbox { position:relative; border:1px solid #ddd; overflow:hidden; }
.products-list ul li .imgbox:before { content:''; display:block; padding-bottom:68%; }
.products-list ul li .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; -o-object-fit:cover; }
.products-list ul li .txtbox { margin-top:30px; }
.products-list ul li .txtbox h4 { color:#111; font-size:var(--font24); font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.products-list ul li .txtbox .txt { display:none; margin-top:10px; color:#555; font-size:var(--font20); font-weight:300; line-height:1.6; }
.products-list ul li .txtbox .tit { display:flex; align-items:flex-end; justify-content:space-between; }
.products-list ul li .txtbox .tit .intensity { display:none; align-items:center; gap:0 10px; }
.products-list ul li .txtbox .tit .intensity .itxt { color:#555; font-size:var(--font18); font-weight:500; line-height:1.3;  }
.products-list ul li .txtbox .tit .intensity .icon { display:flex; align-items:center; }
.products-list ul li .txtbox .tit .intensity .icon > div { width:19px; height:20px; background-position:center center; background-repeat:no-repeat; }
.products-list ul li .txtbox .tit .intensity .icon .off { background-image:url(/img/sub/products/icon_intensity_off.svg); } 
.products-list ul li .txtbox .tit .intensity .icon .on { background-image:url(/img/sub/products/icon_intensity_on.svg); } 
@media screen and (max-width:1440px){
	.products-list ul { gap:80px 40px; }
	.products-list ul li { width:calc((100% - 80px) / 3); }
}
@media screen and (max-width:1280px){
	.products-list ul { gap:70px 30px; }
	.products-list ul li { width:calc((100% - 60px) / 3); }
	.products-list ul li .txtbox { margin-top:20px; }
	.products-list ul li .txtbox .tit .intensity .icon > div { width:17px; height:18px; background-size:17px auto; }
}
@media screen and (max-width:1024px){
	.products-list ul { gap:50px 20px; }
	.products-list ul li { width:calc((100% - 40px) / 3); }
	.products-list ul li .txtbox { margin-top:15px; }
	.products-list ul li .txtbox .txt { margin-top:5px; }
	.products-list ul li .txtbox .tit { flex-wrap:wrap; }
	.products-list ul li .txtbox .tit .intensity { width:100%; margin-top:4px; }
	.products-list ul li .txtbox .tit .intensity .icon > div { width:15px; height:16px; background-size:15px auto; }
}
@media screen and (max-width:860px){
	.products-list ul { gap:40px 10px; }
	.products-list ul li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.products-list ul { gap:25px 10px; }
	.products-list ul li { width:calc((100% - 10px) / 2); }
	.products-list ul li .txtbox { margin-top:10px; }
	.products-list ul li .txtbox .txt { margin-top:3px; }
	.products-list ul li .txtbox .tit .intensity .icon > div { width:14px; height:15px; background-size:14px auto; }
}

.txt_b_des { text-align:right; margin:-100px 0 200px; color:#888; font-size:var(--font16); font-weight:300; line-height:1.7; letter-spacing:-0.03em; }
@media screen and (max-width:1024px){
	.txt_b_des { margin:-50px 0 100px; }
}
@media screen and (max-width:640px){
	.txt_b_des { margin:-70px 0 100px; }
}

.products-view .top-view { display:flex; flex-wrap:wrap; }
.products-view .top-view .slide-wrap { width:37.5%; }
.products-view .top-view .slide-wrap .main-swiper { width:100%; position:relative; overflow:hidden; }
.products-view .top-view .slide-wrap .main-swiper .swiper-slide { width:100%; overflow:hidden; border: 1px solid #ddd; }
.products-view .top-view .slide-wrap .main-swiper .swiper-slide figure { position:relative; width:100%; }
.products-view .top-view .slide-wrap .main-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:100%; }
.products-view .top-view .slide-wrap .main-swiper .swiper-slide figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; }
.products-view .top-view .slide-wrap .main-swiper .txtNum { position:absolute; left:40px; top:40px; z-index:3; font-family:var(--mainFont); color:#fff; font-size:16px; font-weight:400; line-height:1.3; display:none; }
.products-view .top-view .slide-wrap .main-swiper .txtNum span { font-family:var(--mainFont); font-weight:400; }
.products-view .top-view .slide-wrap .main-swiper .btn-pn { transition:all 0.4s; outline:none; width:45px; height:45px; display:flex; align-items:center; justify-content:center; border:1px solid #333; transition:all 0.4s; overflow:hidden; }
.products-view .top-view .slide-wrap .main-swiper .btn-pn:before {content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:0; height:0; background:var(--mainColor); border-radius:1000px; transition:all 0.4s; }
.products-view .top-view .slide-wrap .main-swiper .btn-pn img { transition:all 0.3s; position:relative; z-index:2; }
.products-view .top-view .slide-wrap .main-swiper .btn-pn:hover { border-color:var(--mainColor); }
.products-view .top-view .slide-wrap .main-swiper .btn-pn:hover img { filter:brightness(0) invert(1); }
.products-view .top-view .slide-wrap .main-swiper .btn-pn:hover:before { width:90px; height:90px; }
.products-view .top-view .slide-wrap .sub-swiper { width:100%; position:relative; margin-top:20px; overflow:hidden;  }
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide { position:relative; width:100%; overflow:hidden; cursor:pointer; }
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide:before { content:""; display:block; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; border:1px solid #ddd; transition:all 0.4s;}
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide:after { content:""; display:block; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; transition:all 0.4s; opacity:0; border:2px solid var(--mainColor); }
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide figure { position:relative; width:100%; opacity:0.3; transition:all 0.4s; }
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:100%; }
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide.swiper-slide-thumb-active:before  { opacity:0; }
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide.swiper-slide-thumb-active:after  { opacity:1; }
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide.swiper-slide-thumb-active figure { opacity:1; }
.products-view .top-view .infobox { width:calc(100% - 37.5%); padding-left:120px; }
.products-view .top-view .infobox h3 { color:#111; font-size:var(--font48); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.products-view .top-view .infobox .stit { margin-top:20px; color:#111; font-size:var(--font20); font-weight:300; line-height:1.3; }
.products-view .top-view .infobox .stxt { display:none; margin-top:20px; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.products-view .top-view .infobox .list { margin-top:60px; border-top:2px solid #000; }
.products-view .top-view .infobox .list .box { border-bottom:1px solid #ddd; }
.products-view .top-view .infobox .list .box dl { padding:30px 0; display:flex; align-items:center; }
.products-view .top-view .infobox .list .box dt { flex-shrink:0; width:150px; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; }
.products-view .top-view .infobox .list .box dd { color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.products-view .top-view .infobox .list .box dd li:not(:last-child) { margin-bottom:10px; }
.products-view .top-view .infobox .list .box dd li { position:relative; padding-left:24px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.products-view .top-view .infobox .list .box dd li:before { content:''; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:4px; background:#333; }
.products-view .top-view .infobox .btn_link { margin-top:40px; display:flex; gap:20px; }
.products-view .top-view .infobox .btn_link a { width:calc((100% - 20px) / 2); }
.products-view .top-view .infobox .tit { display:flex; align-items:center; justify-content:space-between; }
.products-view .top-view .infobox .intensity { display:none; align-items:center; gap:0 10px; }
.products-view .top-view .infobox .intensity .itxt { color:#555; font-size:var(--font18); font-weight:500; line-height:1.3;  }
.products-view .top-view .infobox .intensity .icon { display:flex; align-items:center; }
.products-view .top-view .infobox .intensity .icon > div { width:19px; height:20px; background-position:center center; background-repeat:no-repeat; }
.products-view .top-view .infobox .intensity .icon .off { background-image:url(/img/sub/products/icon_intensity_off.svg); } 
.products-view .top-view .infobox .intensity .icon .on { background-image:url(/img/sub/products/icon_intensity_on.svg); } 
.products-view .products-info { margin-top:60px; border-top:2px solid #000; }
.products-view .products-info table tbody th { padding:30px 10px; border-bottom:1px solid #ddd; text-align:center; color:#111; font-size:var(--font19); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.products-view .products-info table tbody td { padding:40px 60px; border:1px solid #ddd; border-width:0 0 1px 1px; color:#555; font-size:var(--font18); font-weight:300; line-height:1.8; letter-spacing:-0.025em; }
.products-view .products-info table tbody td strong { color:#111; font-size:var(--font19); font-weight:500; }
.products-view .products-info table tbody td li { position:relative; padding-left:19px; color:#555; font-size:var(--font18); font-weight:300; line-height:1.3; }
.products-view .products-info table tbody td li:not(:last-child) { margin-bottom:10px; }
.products-view .products-info table tbody td li:before { content:''; display:block; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:4px; background:#555; }
@media screen and (max-width:1440px){
	.products-view .top-view .infobox { padding-left:90px; }
	.products-view .top-view .slide-wrap .sub-swiper { margin-top:10px; }
}
@media screen and (max-width:1280px){
	.products-view .top-view .infobox { padding-left:50px; }
	.products-view .top-view .infobox .list .box dt { width:120px; }
	.products-view .top-view .infobox .intensity .icon > div { width:17px; height:18px; background-size:17px auto; }
}
@media screen and (max-width:1024px){
	.products-view .top-view .slide-wrap { width:48%; }
	.products-view .top-view .slide-wrap .sub-swiper { margin-top:5px; }
	.products-view .top-view .slide-wrap .main-swiper .btn-pn { width:40px; height:40px; }
	.products-view .top-view .slide-wrap .main-swiper .btn-pn img { width:14px; }
	.products-view .top-view .infobox { width:calc(100% - 48%); padding-left:30px; }
	.products-view .top-view .infobox .stit,
	.products-view .top-view .infobox .stxt { margin-top:10px; }
	.products-view .top-view .infobox .list { margin-top:30px; }
	.products-view .top-view .infobox .list .box dl { padding:20px 0; }
	.products-view .top-view .infobox .list .box dt { width:100px; }
	.products-view .top-view .infobox .list .box dd li:not(:last-child) { margin-bottom:5px; }
	.products-view .top-view .infobox .list .box dd li { padding-left:16px; }
	.products-view .top-view .infobox .list .box dd li:before { top:8px; width:2px; height:2px; }
	.products-view .top-view .infobox .btn_link { margin-top:20px; gap:10px; }
	.products-view .top-view .infobox .btn_link img { height:19px; }
	.products-view .top-view .infobox .intensity .icon > div { width:15px; height:16px; background-size:15px auto; }
	.products-view .products-info { margin-top:30px; }
	.products-view .products-info table tbody th { padding:20px 10px; }
	.products-view .products-info table tbody td { padding:30px 40px; }
	.products-view .products-info table tbody td li { padding-left:13px; }
	.products-view .products-info table tbody td li:not(:last-child) { margin-bottom:5px; }
	.products-view .products-info table tbody td li:before { top:8px; width:2px; height:2px; }
}
@media screen and (max-width:860px){
	.products-view .top-view .slide-wrap { width:100%; max-width:500px; margin:0 auto; }
	.products-view .top-view .infobox { width:100%; padding-left:0; margin-top:30px; }
}
@media screen and (max-width:640px){
	.products-view .top-view .slide-wrap .main-swiper .btn-pn { width:34px; height:34px; }
	.products-view .top-view .slide-wrap .main-swiper .btn-pn img { width:12px; }
	.products-view .top-view .infobox .stit,
	.products-view .top-view .infobox .stxt { margin-top:5px; }
	.products-view .top-view .infobox .list { margin-top:15px; }
	.products-view .top-view .infobox .list .box dt { width:90px; }
	.products-view .top-view .infobox .btn_link { margin-top:10px; gap:5px; }
	.products-view .top-view .infobox .btn_link img { height:18px; }
	.products-view .top-view .infobox .intensity .icon > div { width:14px; height:15px; background-size:14px auto; }
	.products-view .products-info { margin-top:15px; }
	.products-view .products-info table tbody td { padding:20px; }
	.products-view .products-info table tbody td li:before { top:7px; }
}


h3.subTitle { color:#111; font-size:var(--font48); font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
h3.subTitle strong { font-weight:600; }

.finance-box .chart-box { margin-top:80px; display:flex; gap:50px; }
.finance-box .chart-box .box { width:calc((100% - 100px) / 3); padding-bottom:44px; }
.finance-box .chart-box h4 { color:#111; font-size:var(--font32); font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.finance-box .chart-box .rtxt { margin-top:20px; text-align:right; color:#aaa; font-size:var(--font18); font-weight:500; line-height:1.3; letter-spacing:-0.025em; }
.finance-box .chart-box .chart { position:relative; margin-top:20px; height:324px; }
.finance-box .chart-box .chart .standard { display:none; }
.finance-box .chart-box .chart .linebox { position:absolute; left:0; top:0; width:100%; height:100%; border-top:1px solid #e5e5e5; }
.finance-box .chart-box .chart .linebox span { position:absolute; left:0; top:25%; width:100%; height:1px; background:#e5e5e5; display:block; }
.finance-box .chart-box .chart .linebox span:nth-child(2) { top:50%; }
.finance-box .chart-box .chart .linebox span:nth-child(3) { top:75%; }
.finance-box .chart-box .chart .linebox span:nth-child(4) { top:100%; background:#000; }
.finance-box .chart-box .chart .year { position:absolute; left:0; bottom:-44px; width:100%; padding:0 70px; display:flex; gap:0 60px; text-align:center; }
.finance-box .chart-box .chart .year strong { width:calc((100% - 120px) / 3); color:#333; font-size:var(--font18); font-weight:500; line-height:1.3; display:flex; text-align:center; justify-content:center; }
.finance-box .chart-box .chart .graph-box { position:absolute; left:0; bottom:0; width:100%; padding:0 70px; height:100%; display:flex; gap:0 60px; align-items:flex-end; text-align:center; }
.finance-box .chart-box .chart .graph-box .bar { position:relative; width:calc((100% - 120px) / 3); background:#f2f0f5;}
.finance-box .chart-box .chart .graph-box .bar span { color:#111; font-size:var(--font18); font-weight:400; line-height:1.3; display:block; position:absolute; top:-33px; left:50%; transform:translateX(-50%); }
.finance-box .chart-box .chart .graph-box .bar.on { background:var(--mainColor); }
.finance-box .chart-box .chart .graph-box .bar.on span { color:var(--mainColor); }
.finance-box .dataTable table { width:100%; text-align:center; border-top:2px solid #000;}
.finance-box .dataTable thead th { height:66px; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; border:1px solid #e5e5e5; border-width:0 0 1px 1px; background:#f8f8f8; }
.finance-box .dataTable thead th:first-child { border-left:none; }
.finance-box .dataTable tbody th { height:66px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; border:1px solid #e5e5e5; border-width:0 0 1px 0; background:#fff; }
.finance-box .dataTable tbody td { color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; border:1px solid #e5e5e5; border-width:0 0 1px 1px; background:#fff; }
.finance-box .dataTable tbody tr.bg th { font-weight:500; background:#eee; border-bottom:1px solid #fff; }
.finance-box .dataTable tbody tr.bg td { background:#eee; border-color:#fff; }
.finance-box .txt_b { margin-top:25px; color:#999; font-size:var(--font17); font-weight:400; line-height:1.3; }
.finance-box .list { margin-top:40px; }
.finance-box .list li { position:relative; padding-left:34px; width:calc((100% - 10px) / 2); color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; }
.finance-box .list li:before { content:''; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:4px; background:#333; }
@media screen and (max-width:1440px){
	.finance-box .chart-box { gap:40px; }
	.finance-box .chart-box .box { width:calc((100% - 80px) / 3); }
	.finance-box .chart-box .chart { height:280px; }
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 60px; }
	.finance-box .chart-box .chart .graph-box .bar span { top:-30px; }
	.finance-box .list li:before { top:10px; }
}
@media screen and (max-width:1280px){
	.finance-box .chart-box { gap:30px; }
	.finance-box .chart-box .box { width:calc((100% - 60px) / 3); }
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 40px; gap:0 50px; }
	.finance-box .chart-box .chart .year strong,
	.finance-box .chart-box .chart .graph-box .bar { width:calc((100% - 100px) / 3); }
	.finance-box .chart-box .chart .graph-box .bar span { top:-28px; }
} 
@media screen and (max-width:1024px){
	.finance-box .chart-box { margin-top:40px; gap:20px; }
	.finance-box .chart-box .box { width:calc((100% - 40px) / 3); }
	.finance-box .chart-box .chart { margin-top:10px; height:240px; }
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 40px; gap:0 30px; }
	.finance-box .chart-box .chart .year strong,
	.finance-box .chart-box .chart .graph-box .bar { width:calc((100% - 60px) / 3); }
	.finance-box .chart-box .chart .graph-box .bar span { top:-22px; }
	.finance-box .chart-box .chart .year { bottom:-35px; }
	.finance-box .dataTable thead th,
	.finance-box .dataTable tbody th { height:55px; }
	.finance-box .list { margin-top:20px; }
	.finance-box .list li { padding-left:18px; }
	.finance-box .list li:before { top:9px; width:3px; height:3px; }
}
@media screen and (max-width:860px){
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 20px; }
}
@media screen and (max-width:640px){
	.finance-box .chart-box { margin-top:20px; flex-wrap:wrap; }
	.finance-box .chart-box .box { width:100%; }
	.finance-box .chart-box .chart { margin-top:5px; height:200px; }
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 60px; gap:30px 80px; }
	.finance-box .chart-box .chart .year strong,
	.finance-box .chart-box .chart .graph-box .bar { width:calc((100% - 160px) / 3); }
	.finance-box .chart-box .chart .year { bottom:-28px; }
	.finance-box .dataTable thead th,
	.finance-box .dataTable tbody th { height:45px; }
	.finance-box .list { margin-top:5px; }
	.finance-box .list li { padding-left:13px; width:100%; }
	.finance-box .list li:before { top:8px; }
}
@media screen and (max-width:480px){
	.finance-box .chart-box .chart .year,
	.finance-box .chart-box .chart .graph-box { padding:0 50px; gap:20px 40px; }
	.finance-box .chart-box .chart .year strong,
	.finance-box .chart-box .chart .graph-box .bar { width:calc((100% - 80px) / 3); }
}

/* animation */
.finance-box .chart-box .box .chart .graph-box .bar { height:0; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar { transition:height 0.8s ease; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar:nth-child(1) { transition-delay:0.1s; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar:nth-child(2) { transition-delay:0.2s; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar:nth-child(3) { transition-delay:0.3s; }
.finance-box .chart-box .box.subOn .chart .graph-box .bar:nth-child(4) { transition-delay:0.4s; }


.box-txt .p-list { margin-bottom:20px; }
.box-txt .p-list li:not(:last-child) { margin-bottom:10px; } 
.box-txt .p-list li { position:relative; padding-left:19px; color:#333; font-size:var(--font19); font-weight:300; line-height:1.6; }
.box-txt .p-list li:before { content:""; display:block; width:4px; height:4px; position:absolute; top:13px; left:0; background:#333; border-radius:5px; }
@media screen and (max-width:1024px){
	.box-txt .p-list { margin-bottom:10px; }
	.box-txt .p-list li:not(:last-child) { margin-bottom:8px; } 
	.box-txt .p-list li { padding-left:12px; }
	.box-txt .p-list li:before { width:2px; height:2px; top:11px; }
}
@media screen and (max-width:640px){
	.box-txt .p-list { margin-bottom:5px; }
	.box-txt .p-list li:before { top:10px; }
}


/* popup */
.products_pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.products_pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.products_pop > .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.products_pop .pop_body { position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); z-index:22; width:100%; max-width:1460px; background-color:#fff; border:none; border-radius:0; }
.products_pop .pop_body .scroll-box { height:100%; overflow:auto; padding:0 62px; }
.products_pop .pop_body .popCont { padding:80px 58px; height:calc(100dvh - 40px); }
.products_pop .btn_close { cursor:pointer; position:absolute; top:40px; right:40px; width:40px; height:40px; }
.products_pop .btn_close span { z-index:1; height:2px; width:28px; position:absolute; top:50%; left:50%; transform:rotate(45deg); margin:0px 0 0 -14px; background:#000; display:block; }
.products_pop .btn_close span:after { content:""; display:block; height:2px; width:28px; position:absolute; top:50%; left:50%; transform:rotate(-90deg); margin:0 0 0 -14px;background:#000; }
@media screen and (max-width:1500px){
	.products_pop .pop_body { left:20px; transform:translate(0, -50%); max-width:100%; width:calc(100% - 40px); }
	.products_pop .pop_body .scroll-box { padding:0 40px; }
	.products_pop .pop_body .popCont { padding:80px 58px; }
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
	.products_pop .pop_body .scroll-box { padding:0 20px; }
	.products_pop .pop_body .popCont { padding:60px 38px; height:calc(100dvh - 160px); }
	.products_pop .btn_close { top:20px; right:20px; }
	.products_pop .btn_close span,
	.products_pop .btn_close span:after { height:1px; width:22px; margin:0px 0 0 -11px; }
}
@media screen and (max-width:860px){
	.products_pop .pop_body .popCont .datatTable.datatTable1 .tbox table { width:860px; }
}
@media screen and (max-width:640px){
	.products_pop .pop_body .scroll-box { padding:0 8px; }
	.products_pop .pop_body .popCont { padding:50px 18px 30px; height:calc(100dvh - 120px); }
	.products_pop .btn_close { top:10px; right:0; }
}

/* swiper 높이 추가 */

/* 메인 스와이퍼 */
.products-view .top-view .slide-wrap .slide-box.main-swiper { position:relative; }
.products-view .top-view .slide-wrap .slide-box.main-swiper::before { content:""; display:block; padding-bottom:100%; }
.products-view .top-view .slide-wrap .slide-box.main-swiper .swiper-wrapper { position:absolute; top:0; left:0; width:100%; height:100%; }

/* 썸네일 스와이퍼 */
.products-view .top-view .slide-wrap .sub-swiper .swiper-wrapper { height:auto; }
.products-view .top-view .slide-wrap .sub-swiper .swiper-slide { height:auto; }


.brand_identity {
  padding:0 15px;
}

.brand_identity img {
  max-width:100%;
}