@charset "utf-8";

.subtitleTop { position:relative; z-index:15; height:100vh; } 
.subtitleTop .visual-box { position:relative; height:100%; }
.subtitleTop .visual-box .titCont { overflow:hidden; height:100%; }
.subtitleTop .bg { position:relative; height:100%; background-position:center 0; background-repeat:no-repeat; background-size:cover; }
.subTopCont1 .bg { background-image:url(/img/sub/visualsub_bg1.jpg); }
.subTopCont2 .bg { background-image:url(/img/sub/visualsub_bg2.jpg); }
.subTopCont3 .bg { background-image:url(/img/sub/visualsub_bg3.jpg); background-position:right center;}
.subTopCont4 .bg { background-image:url(/img/sub/visualsub_bg4.jpg); }
.subTopCont5 .bg { background-image:url(/img/sub/visualsub_bg5.jpg); }
.subTopCont6 .bg { background-image:url(/img/sub/visualsub_bg6.jpg); }
.subTopCont7 .bg { background-image:url(/img/sub/visualsub_bg7.jpg); }
.subTopCont8 .bg { background-image:url(/img/sub/visualsub_bg8.jpg); }
.subTopCont10 .bg { background-image:url(/img/sub/visualsub_bg7.jpg); }
.subTopCont11 .bg { background-image:url(/img/sub/visualsub_bg11.jpg); }
.subtitleTop .bg:after { content:""; background:rgba(0, 0, 0, 0.6); position:absolute; top:0; left:0; bottom:0; transition:all 1.2s; width:100%; height:100%; }
.subtitleTop.on .bg:after { width:0; left:100%; opacity:0; }
.subtitleTop .sub-titleBox { position:absolute; top:45%; left:0; transform:translateY(-50%); width:100%; z-index:2; }
.subtitleTop h3 span { color:#fff; font-size:130px; font-weight:700; line-height:1.0;}
.subtitleTop .stxt span { color:#fff; font-size:25px; font-weight:500; line-height:1.3; margin-top:30px; }
.subtitleTop .location { position:absolute; left:50%; bottom:60px; transform:translateX(-50%); width:100%; z-index:5;}
.subtitleTop .location dl { display:flex; justify-content:flex-end; align-items:center; }
.subtitleTop .location dt { width:60px; height:60px; border-radius:60px; background:var(--mainColor) url(/img/sub/home_icon.svg) center no-repeat; overflow:hidden; text-indent:-9999em; }
.subtitleTop .location dt a { display:flex; width:100%; height:100%; }
.subtitleTop .location dd { display:flex; }
.subtitleTop .depthMenu { margin-left:10px; position:relative; width:250px; z-index:5; }
.subtitleTop .depthMenu .stit { cursor:pointer; display:block; height:60px; font-family:var(--mainFont); color:#fff; font-size:16px; font-weight:600; line-height:1.3; display:flex; align-items:center; padding:0 20px; border:1px solid rgba(255, 255, 255, 0.3); border-radius:60px; background:none; transition:all 0.3s }
.subtitleTop .depthMenu .stit:before { content:""; display:block; width:12px; height:12px; position:absolute; right:20px; top:50%; transform:translateY(-50%); transition:all 0.5s; background:url(/img/sub/gnb_m_arr.svg) center center no-repeat; }
.subtitleTop .depthMenu .stit.ov:before { transform:translateY(-50%) rotateX(180deg); }
.subtitleTop .depthMenu.dep2 { z-index:6; }
.subtitleTop .submenu-box { display:none; background:#fff; position:absolute; left:0; bottom:59px; width:100%; border-radius:30px; border:1px solid rgba(0, 0, 0, 0.10); }
.subtitleTop .submenu-box ul { display:block; padding:14px 0; }
.subtitleTop .submenu-box li { width:100%; }
.subtitleTop .submenu-box li a { height:30px; padding:0 20px; font-family:var(--mainFont); color:#111; font-size:16px; font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:flex-start; transition:all 0.3s ease-in-out }
.subtitleTop .submenu-box li a:hover,
.subtitleTop .submenu-box li.hover a,
.subtitleTop .submenu-box li.over a { color:var(--mainColor); }
@media screen and (max-width:1440px){
	.subtitleTop h3 span { font-size:110px; }
	.subtitleTop .stxt span { font-size:22px; margin-top:25px; }
	.subtitleTop .location { bottom:60px; }
}
@media screen and (max-width:1200px){
	.subtitleTop h3 span { font-size:90px; }
	.subtitleTop .stxt span { font-size:20px; margin-top:20px; }
	.subtitleTop .location { bottom:50px; }
	.subtitleTop .location dt { width:55px; height:55px; }
	.subtitleTop .depthMenu { margin-left:5px; }
	.subtitleTop .depthMenu .stit { height:55px; font-size:16px; padding:0 20px; }
	.subtitleTop .submenu-box { bottom:54px; border-radius:25px; }
	.subtitleTop .submenu-box li { width:100%; }
	.subtitleTop .submenu-box li a { padding:0 20px; font-size:16px; }
}
@media screen and (max-width:1024px){
	.subtitleTop h3 span { font-size:75px; }
	.subtitleTop .stxt span { font-size:19px; margin-top:15px; }
	.subtitleTop .location { bottom:40px; }
	.subtitleTop .location dt { width:50px; height:50px; }
	.subtitleTop .depthMenu { width:200px; }
	.subtitleTop .depthMenu .stit { height:50px; font-size:15px; padding:0 15px; }
	.subtitleTop .depthMenu .stit:before { width:11px; height:11px; right:15px; background-size:10px auto }
	.subtitleTop .submenu-box { bottom:50px; border-radius:20px; }
	.subtitleTop .submenu-box ul { padding:15px 0; }
	.subtitleTop .submenu-box li { width:100%; }
	.subtitleTop .submenu-box li a { height:28px; padding:0 15px; font-size:15px; }
}
@media screen and (max-width:640px){
	.subtitleTop h3 span { font-size:50px; }
	.subtitleTop .stxt span { font-size:17px; margin-top:10px; }
	.subtitleTop .depthMenu { width:200px; }
}
@media screen and (max-width:520px){
	.subtitleTop .location dt { position:absolute; left:20px; top:0; }
	.subtitleTop .location dd { width:100%; gap:5px; flex-wrap:wrap; }
	.subtitleTop .depthMenu { width:100%; margin:0; }
	.subtitleTop .depthMenu.dep1 { width:calc(100% - 55px); margin-left:55px; }
}

/* animation */
.subtitleTop h3 { overflow:hidden }
.subtitleTop h3 span { display:block }
.subtitleTop h3 span { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.subtitleTop .stxt { overflow:hidden }
.subtitleTop .stxt span { display:block }
.subtitleTop .stxt span { animation:ani_2 1.5s 0.9s; animation-fill-mode:both; }

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

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

#subContents { padding:200px 0 0; }
#subContents.subCont { padding:0; }
.subContB { padding:0 0 250px; }
@media screen and (max-width:1440px){
    #subContents { padding:150px 0 0; }
    .subContB { padding:0 0 180px; }
}
@media screen and (max-width:1024px){
    #subContents { padding:100px 0 0; }
    .subContB { padding:0 0 120px; }
}
@media screen and (max-width:640px){
    #subContents { padding:50px 0 0; }
    .subContB { padding:0 0 60px; }
}

#subContents > article { min-height:300px; }
@media screen and (max-width:1024px){
	#subContents > article { min-height:200px; }
}
@media screen and (max-width:640px){
	#subContents > article { min-height:auto; }
}

.subTitle-box { margin-bottom:120px; }
.subTitle-box h3 { font-size:70px; font-weight:700; color:#111; line-height:1.3; }
.subTitle-box h3 span { font-weight:700; }
.subTitle-box h3 span strong { color:var(--mainColor); }
.subTitle-box .txt { margin-top:30px; font-family:var(--mainFont); font-size:23px; font-weight:300; color:#333; line-height:1.3; }
.subTitle-box .stxt { margin-top:20px; font-family:var(--mainFont); font-size:20px; font-weight:300; color:#333; line-height:1.3; }
@media screen and (max-width:1440px){
	.subTitle-box { margin-bottom:80px; }
    .subTitle-box h3 { font-size:54px; }
	.subTitle-box .txt { margin-top:25px; font-size:21px; }
	.subTitle-box .stxt { margin-top:15px; font-size:19px; }
}
@media screen and (max-width:1024px){
	.subTitle-box { margin-bottom:60px; }
    .subTitle-box h3 { font-size:42px; }
	.subTitle-box .txt { margin-top:20px; font-size:19px; }
	.subTitle-box .stxt { margin-top:10px; font-size:17px; }
}
@media screen and (max-width:640px){
	.subTitle-box { margin-bottom:30px; }
    .subTitle-box h3 { font-size:30px; }
    .subTitle-box .txt { margin-top:10px; font-size:16px; }
	.subTitle-box .stxt { margin-top:10px; font-size:15px; }
}

/* animation */
.subTitle-box h3 { overflow:hidden }
.subTitle-box h3 span { display:block; animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.subTitle-box .txt { display:block; animation:ani_3 .8s 1.0s; animation-fill-mode:both; }

.top-title { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:120px; }
.top-title .subTitle-box { width:600px; margin:0; }
.top-title .tab-box { margin-top:8px; width:calc(100% - 600px); }
.top-title .tab-box .tabmenu { margin:0; }
.top-title .tab-box ul { justify-content:flex-end; }
.top-title .tab-box li { width:170px; }
.top-title.title1 .subTitle-box { width:600px; }
.top-title.title1 .tab-box { width:calc(100% - 600px); }
@media screen and (max-width:1440px){
	.top-title { margin-bottom:80px; }
	.top-title .subTitle-box { width:420px; }
	.top-title .tab-box { margin-top:4px; width:calc(100% - 420px); }
	.top-title .tab-box li { width:140px; }
}
@media screen and (max-width:1280px){
	.top-title.title1 .subTitle-box { width:570px; }
	.top-title.title1 .tab-box { width:calc(100% - 570px); }
	.top-title .tab-box li { width:140px; }
}
@media screen and (max-width:1200px){
	.top-title,
	.top-title .tab-box ul { justify-content:flex-start; }
	.top-title .subTitle-box { width:100%; }
	.top-title .tab-box { margin-top:15px; width:100%; }
	.top-title .tab-box li { width:calc((100% - 30px) / 4); }
	.top-title.title1 .subTitle-box,
	.top-title.title1 .tab-box { width:100%; }
	.top-title.top-search { justify-content:space-between; }
	.top-title.top-search .subTitle-box { width:300px; }
	.top-title.top-search .tab-box { width:calc(100% - 300px); }
}
@media screen and (max-width:1024px){
	.top-title { margin-bottom:60px; }
	.top-title .tab-box li { width:calc((100% - 15px) / 4); }
	.top-title.top-search .subTitle-box { width:240px; }
}
@media screen and (max-width:860px){
	.top-title.top-search { justify-content:flex-start; }
	.top-title.top-search .subTitle-box,
	.top-title.top-search .tab-box { width:100%; }
}
@media screen and (max-width:640px){
	.top-title { margin-bottom:30px; }
	.top-title .tab-box li { width:calc((100% - 3px) / 2); }
}


#subContents .title h4 { position:relative; font-family:var(--mainFont); color:#111; font-size:60px; font-weight:700; line-height:1.3; display:inline-block; padding-right:25px; }
#subContents .title h4 span { font-family:var(--mainFont); font-weight:700; }
#subContents .title h4 span.stxt { font-size:24px; }
#subContents .title h4:before {content:""; display:block; position:absolute; bottom:20px; right:0; width:7px; height:7px; border:4px solid var(--mainColor); border-radius:15px; }
#subContents .title.title-1 h4:before { display:none; }
#subContents .title .txt { margin-top:20px; font-family:var(--mainFont); color:#111; font-size:20px; font-weight:300; line-height:1.8; }
#subContents .title .txt strong { font-family:var(--mainFont); font-size:22px; }
@media screen and (max-width:1440px){
	#subContents .title h4 { font-size:46px; padding-right:25px; }
	#subContents .title h4 span.stxt { font-size:22px; }
	#subContents.title h4:before { bottom:18px; width:7px; height:7px; }
	#subContents .title .txt { margin-top:15px; font-size:19px; }
	#subContents .title .txt strong { font-size:21px; }
}
@media screen and (max-width:1200px){
	#subContents .title h4 { font-size:34px; padding-right:18px; }
	#subContents .title h4 span.stxt { font-size:19px; }
	#subContents .title h4:before { bottom:13px; width:5px; height:5px; border-width:3px; }
}
@media screen and (max-width:1024px){
	#subContents .title h4 { font-size:26px; padding-right:15px; }
	#subContents .title h4 span.stxt { font-size:16px; }
	#subContents .title h4:before { bottom:10px; width:4px; height:4px; border-width:2px; }
	#subContents .title .txt { margin-top:10px; font-size:18px; }
	#subContents .title .txt strong { font-size:20px; }
}
@media screen and (max-width:640px){
	#subContents .title h4 { font-size:24px; }
	#subContents .title h4 span.stxt { font-size:14px; }
	#subContents .title .txt { margin-top:5px; font-size:16px; }
	#subContents .title .txt strong { font-size:18px; }
	#subContents .title .txt br { display:none }
}

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

#subContents .section-area { margin-top:250px; }
@media screen and (max-width:1440px){	
	#subContents .section-area { margin-top:180px; }
}
@media screen and (max-width:1200px){	
	#subContents .section-area { margin-top:130px; }
}
@media screen and (max-width:1024px){	
	#subContents .section-area { margin-top:120px; }
}
@media screen and (max-width:640px){	
    #subContents .section-area { margin-top:60px; }
}

.stitBox h5 { position:relative; color:#222; font-size:36px; font-weight:600; line-height:1.3; padding-left:40px; }
.stitBox h5:before { content:""; display:block; position:absolute; left:0; top:6px; width:30px; height:30px; background:url(/img/sub/tit_p.svg) center no-repeat; }
.stitBox h5 span { font-size:85%; }
@media screen and (max-width:1440px){
	.stitBox h5 { font-size:32px; padding-left:38px; }
	.stitBox h5:before { top:6px; width:28px; height:28px; background-size:28px auto; }
}
@media screen and (max-width:1200px){
	.stitBox h5 { font-size:26px; padding-left:32px; }
	.stitBox h5:before { top:3px; width:24px; height:24px; background-size:24px auto; }
}
@media screen and (max-width:1024px){
	.stitBox h5 { font-size:22px; padding-left:30px; }
	.stitBox h5:before { top:2px; width:22px; height:22px; background-size:22px auto; }
}
@media screen and (max-width:640px){
	.stitBox h5 { font-size:19px; padding-left:26px; }
	.stitBox h5:before { top:1px; width:20px; height:20px; background-size:20px auto; }
}

/* tabmenu */
.tabmenu { margin-bottom:60px; }
.tabmenu > ul { text-align:center; display:flex; flex-wrap:wrap; gap:16px; }
.tabmenu > ul > li { width:calc((100% - 112px) / 8); }
.tabmenu > ul > li a { position:relative; color:#aaa; font-size:20px; font-weight:600; line-height:1.3; padding:0 5px; width:100%; height:70px; border:1px solid #ddd; display:flex; justify-content:center; align-items:center; background:#fff; text-align:center; transition:all 0.3s; border-radius:60px; }
.tabmenu > ul > li.active a,
.tabmenu > ul > li:hover a { color:#fff; border:1px solid var(--mainColor); background:var(--mainColor); }
@media screen and (max-width:1440px){
	.tabmenu > ul { gap:12px; }
	.tabmenu > ul > li { width:calc((100% - 60px) / 6); }
	.tabmenu > ul > li a { height:65px; }
}
@media screen and (max-width:1200px){	
    .tabmenu { margin-bottom:50px; }
	.tabmenu > ul { gap:10px; }
	.tabmenu > ul > li { width:calc((100% - 30px) / 4); }
    .tabmenu > ul > li a { font-size:17px; height:60px; }
}
@media screen and (max-width:1024px){	
    .tabmenu { margin-bottom:40px; }
	.tabmenu > ul { gap:5px; }
	.tabmenu > ul > li { width:calc((100% - 15px) / 4); }
    .tabmenu > ul > li a { font-size:16px; height:55px; }
}
@media screen and (max-width:760px){
    .tabmenu > ul > li a { font-size:16px; height:50px; }
}
@media screen and (max-width:640px){	
    .tabmenu { margin-bottom:30px; }
	.tabmenu > ul { gap:3px; }
	.tabmenu > ul > li { width:calc((100% - 9px) / 3); }
    .tabmenu > ul > li a { width:100%; font-size:15px; height:45px; }
}

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



/* company */
.greeting-box { padding-top:200px; background:url(/img/sub/greeting_bg.svg) right top no-repeat; overflow:hidden; }
.greeting-box .top .txt-1 { display:flex; justify-content:space-between; }
.greeting-box .top .txt-1 .txt { color:#000; font-size:calc(220 / 1920 * 100vw); font-weight:700; line-height:1.3; transition:all 0.8s; }
.greeting-box .top .txt-1 .txt strong { font-weight:700; }
.greeting-box .top .txt-1 .txt strong.stxt { color:var(--mainColor); }
.greeting-box .top .txt-1 .txt-left { margin-left:-100%; }
.greeting-box .top.subOn .txt-1 .txt-left { margin-left:0; }
.greeting-box .top .txt-1 .txt-right { margin-right:-100%; }
.greeting-box .top.subOn .txt-1 .txt-right { margin-right:0; }
.greeting-box .top .txt-2 { padding-left:110px; margin-top:60px; color:#ccc; font-size:120px; font-weight:700; line-height:1.3; }
.greeting-box .listbox { margin-top:200px; }
.greeting-box .listbox > ul > li { }
.greeting-box .listbox > ul > li:not(:last-child) { margin-bottom:200px; }
.greeting-box .listbox > ul > li .txtbox { font-family:var(--mainFont); color:#000; font-size:24px; font-weight:300; line-height:1.65; letter-spacing:-0.04em;}
.greeting-box .listbox > ul > li .imgbox { margin-top:60px; width:1980px; transition:all 0.7s 0.2s; }
.greeting-box .listbox > ul > li .imgbox ul { display:flex; gap:20px; justify-content:space-between; }
.greeting-box .listbox > ul > li .imgbox li { position:relative; overflow:hidden; border-radius:20px; }
.greeting-box .listbox > ul > li .imgbox li:before { content:""; display:block; padding-bottom:55.6%; }
.greeting-box .listbox > ul > li .imgbox li img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.greeting-box .listbox > ul > li .imgbox li:nth-child(1) { width:52.3%; }
.greeting-box .listbox > ul > li .imgbox li:nth-child(2) { width:26.74%; margin-left:5.05%; transition:all 0.9s 0.2s; }
.greeting-box .listbox > ul > li .imgbox li:nth-child(3) { width:18.63%; margin-left:8%; transition:all 0.7s 0.2s; }
@media screen and (max-width:1800px){
	.greeting-box { background-size:100% auto; }
}
@media screen and (max-width:1720px){
	.greeting-box .listbox > ul > li .imgbox { width:calc(100% + 20%); }
}
@media screen and (max-width:1440px){
	.greeting-box { padding-top:150px; }
	.greeting-box .top .txt-2 { padding-left:95px; margin-top:50px; font-size:calc(120 / 1920 * 100vw);  }
	.greeting-box .listbox { margin-top:150px; }
	.greeting-box .listbox > ul > li:not(:last-child) { margin-bottom:150px; }
	.greeting-box .listbox > ul > li .txtbox { font-size:22px; }
	.greeting-box .listbox > ul > li .imgbox { margin-top:50px; }
	.greeting-box .listbox > ul > li .imgbox li:before { padding-bottom:60%; }
}
@media screen and (max-width:1200px){
	.greeting-box { padding-top:120px; }
	.greeting-box .top .txt-2 { padding-left:70px; margin-top:40px; }
	.greeting-box .listbox { margin-top:120px; }
	.greeting-box .listbox > ul > li:not(:last-child) { margin-bottom:120px; }
	.greeting-box .listbox > ul > li .txtbox { font-size:20px; }
	.greeting-box .listbox > ul > li .imgbox { margin-top:40px; }
	.greeting-box .listbox > ul > li .imgbox li:before { padding-bottom:60%; }
}
@media screen and (max-width:1024px){
	.greeting-box { padding-top:100px; }
	.greeting-box .top .txt-2 { padding-left:55px; margin-top:30px; }
	.greeting-box .listbox { margin-top:100px; }
	.greeting-box .listbox > ul > li:not(:last-child) { margin-bottom:100px; }
	.greeting-box .listbox > ul > li .txtbox { font-size:18px; }
	.greeting-box .listbox > ul > li .txtbox br { display:none }
	.greeting-box .listbox > ul > li .txtbox .m_br { display:block }
	.greeting-box .listbox > ul > li .imgbox { margin-top:30px; }
	.greeting-box .listbox > ul > li .imgbox ul { gap:10px; }
	.greeting-box .listbox > ul > li .imgbox li { border-radius:10px; }
	.greeting-box .listbox > ul > li .imgbox li:before { padding-bottom:70%; }
}
@media screen and (max-width:640px){
	.greeting-box { padding-top:50px; }
	.greeting-box .top .txt-2 { padding-left:40px; margin-top:20px; }
	.greeting-box .listbox { margin-top:50px; }
	.greeting-box .listbox > ul > li:not(:last-child) { margin-bottom:50px; }
	.greeting-box .listbox > ul > li .txtbox { font-size:16px; }
	.greeting-box .listbox > ul > li .imgbox { margin-top:20px; }
	.greeting-box .listbox > ul > li .imgbox ul { gap:5px; }
	.greeting-box .listbox > ul > li .imgbox li:before { padding-bottom:90%; }
}

/* animation */
.greeting-box .top .txt-2 { opacity:0; } 
.greeting-box .top.subOn .txt-2 { animation:bgs3 0.8s 0.7s; animation-fill-mode:both; }
.greeting-box .listbox > ul > li .txtbox { opacity:0; }
.greeting-box .listbox > ul > li.subOn .txtbox { animation:ani_2 0.8s 0.1s; animation-fill-mode:both; }
.greeting-box .listbox > ul > li.subOn .imgbox { width:100%; }
.greeting-box .listbox > ul > li.subOn .imgbox li:nth-child(2),
.greeting-box .listbox > ul > li.subOn .imgbox li:nth-child(3) { margin-left:0; }



.philosophy-box .mission-box .listbox { margin-top:60px; padding:0 250px; }
.philosophy-box .mission-box .listbox ul { display:flex; gap:20px; }
.philosophy-box .mission-box .listbox li { width:calc((100% - 20px) / 2); }
.philosophy-box .mission-box .listbox li .mov { position:relative; width:100%; }
.philosophy-box .mission-box .listbox li .mov video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:20px; }
.philosophy-box .mission-box .listbox li .txt { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; font-family:var(--mainFont); color:#fff; font-size:120px; font-weight:700; line-height:1.3; mix-blend-mode:exclusion; }
.philosophy-box .mission-box .listbox li:nth-child(2) { margin-top:200px; }
.philosophy-box .mission-box .listbox li .imgbox { position:relative; width:100%; }
.philosophy-box .mission-box .listbox li .imgbox dl { position:absolute; left:0; top:0; width:100%; height:100%; padding:100px 80px; background:var(--mainColor); border-radius:20px;}
.philosophy-box .mission-box .listbox li .imgbox dl dt { color:#fff; font-size:60px; font-weight:700; line-height:1.3; }
.philosophy-box .mission-box .listbox li .imgbox dl dd { margin-top:40px; color:#fff; font-size:24px; font-weight:500; line-height:1.58; }
.philosophy-box .mission-box .listbox li .imgbox .logo { position:absolute; right:60px; bottom:60px; z-index:2; }
.philosophy-box .mission-box .listbox li .imgbox .logo svg path { fill:#fff }
.philosophy-box .mission-box .listbox li .mov:before,
.philosophy-box .mission-box .listbox li .imgbox:before { content:""; display:block; padding-bottom:130.668%; }
.philosophy-box .vision-box .txtCont { margin-top:20px; color:#111; font-size:20px; font-weight:300; line-height:1.8; letter-spacing:-0.04em }
.philosophy-box .vision-box .circle-box { margin:60px auto 0; display:flex; justify-content:center; align-items:center; text-align:center; width:605px; height:605px; background:url(/img/sub/circleBox_bg.png) no-repeat center / cover; }
.philosophy-box .vision-box .circle-box .box strong { display:block; color:#fff; font-size:46px; font-weight:700; line-height:1.3; text-transform:capitalize; }
.philosophy-box .vision-box .circle-box .box span { margin-top:10px; display:block; color:#fff; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.04em;}
.philosophy-box .vision-box .listbox { margin-top:50px; }
.philosophy-box .vision-box .listbox > ul { position:relative; z-index:2; display:flex; justify-content:center; gap:10px; height:690px; width:100%; }
.philosophy-box .vision-box .listbox > ul > li { width:calc((100% - 10px) / 3); transition:all 0.5s ease-in-out; }
.philosophy-box .vision-box .listbox > ul > li:nth-child(2) { margin-top:30px; }
.philosophy-box .vision-box .listbox > ul > li:nth-child(3) { margin-top:60px; }
.philosophy-box .vision-box .listbox > ul > li .box { position:relative; width:100%; height:570px; border-radius:20px; overflow:hidden; display:flex; transition:all 0.5s; }
.philosophy-box .vision-box .listbox > ul > li .imgbox { position:relative; width:100%; }
.philosophy-box .vision-box .listbox > ul > li .imgbox:before {content:""; display:block; padding-bottom:115%; }
.philosophy-box .vision-box .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.philosophy-box .vision-box .listbox > ul > li .imgbox img { transform:scale(1); transition:all 0.5s ease-in-out; }
.philosophy-box .vision-box .listbox > ul > li .imgbox .txt { position:absolute; left:60px; bottom:66px; color:rgba(255,255,255,0.5); font-size:18px; font-weight:700; line-height:1.3; letter-spacing:-0.05em }
.philosophy-box .vision-box .listbox > ul > li .imgbox .txt strong { display:block; margin-top:10px; color:#fff; font-size:50px; font-weight:600; line-height:1.3; letter-spacing:-0.05em }
.philosophy-box .vision-box .listbox > ul > li .txtbox { opacity:0; visibility:hidden; transition:all 0.3s 0.1s ease-in-out; position:absolute; left:0; top:0; width:100%; height:100%; padding:60px; }
.philosophy-box .vision-box .listbox > ul > li .txtbox dl { position:absolute; left:0; bottom:30px; padding:0 70px; transition:all 0.5s 0.1s; }
.philosophy-box .vision-box .listbox > ul > li .txtbox dt { color:#fff; font-size:40px; font-weight:600; line-height:1.3; letter-spacing:-0.05em }
.philosophy-box .vision-box .listbox > ul > li:nth-child(1) .txtbox { background:var(--mainColor); }
.philosophy-box .vision-box .listbox > ul > li:nth-child(2) .txtbox { background:#baae9e; }
.philosophy-box .vision-box .listbox > ul > li:nth-child(3) .txtbox { background:#b6b3af; }
.philosophy-box .vision-box .listbox > ul > li .txtbox dd { margin-top:30px; }
.philosophy-box .vision-box .listbox > ul > li .txtbox dd li:not(:last-child) { margin-bottom:10px; }
.philosophy-box .vision-box .listbox > ul > li .txtbox dd li { position:relative; padding-left:13px; font-family:var(--mainFont); color:#fff; font-size:20px; font-weight:400; line-height:1.3; }
.philosophy-box .vision-box .listbox > ul > li .txtbox dd li:before {content:""; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#fff; border-radius:5px; }
.philosophy-box .vision-box .listbox > ul > li .box:hover .txtbox { opacity:1; visibility:visible; }
.philosophy-box .vision-box .listbox > ul > li .box:hover .txtbox dl { bottom:60px; transition:all 0.6s 0.2s; }
.philosophy-box .vision-box .listbox > ul.active > li:hover:nth-child(1) { margin-top:-20px; }
.philosophy-box .vision-box .listbox > ul.active > li:hover:nth-child(2) { margin-top:10px; }
.philosophy-box .vision-box .listbox > ul.active > li:hover:nth-child(3) { margin-top:40px; }
.philosophy-box .vision-box .listbox > ul > li { position:absolute; }
.philosophy-box .vision-box .listbox > ul > li:nth-child(1) { left:50%; transform:translateX(-50%) rotate(-10deg); z-index:1 } 
.philosophy-box .vision-box .listbox > ul > li:nth-child(2) { position:relative; z-index:2 }
.philosophy-box .vision-box .listbox > ul > li:nth-child(3) { right:50%; transform:translateX(50%) rotate(10deg); z-index:3 }
.philosophy-box .vision-box .listbox > ul.active > li { position:relative; }
.philosophy-box .vision-box .listbox > ul.active > li:nth-child(1),
.philosophy-box .vision-box .listbox > ul.active > li:nth-child(2),
.philosophy-box .vision-box .listbox > ul.active > li:nth-child(3) { left:0; right:0; transform:translateX(0) rotate(0deg); }
.philosophy-box .movCont { position:relative; padding:165px 0; margin-top:60px; overflow:hidden }
.philosophy-box .movCont .line-box { position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:1030px; }
.philosophy-box .movCont .line-box:before { content:""; display:block; padding-bottom:100%; }
.philosophy-box .movCont .line-box .line { position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:100%; height:100%; border:1px dashed #000; opacity:0.2; border-radius:1030px; }
.philosophy-box .movCont .mov-box { position:relative; z-index:4; width:100%; border-radius:20px; overflow:hidden; }
.philosophy-box .movCont .mov-box:before { content:""; display:block; padding-bottom:46.667%; }
.philosophy-box .movCont .mov-box video { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:111%; height:111%; object-fit:cover; -o-object-fit:cover; border-radius:20px; }
.philosophy-box .movCont .btn_more { margin-top:30px; display:flex; justify-content:flex-end; }
.philosophy-box .movCont .bg-txt { position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:0; display:flex }
.philosophy-box .movCont .bg-txt svg { color:#fff; font-weight:700; display:inline-block; width:auto; margin-right:2%; }
.philosophy-box .movCont .bg-txt svg text { fill:#000; stroke:none; stroke-width:0.28; font-size:60px; font-weight:700; line-height:1.3; opacity:0.05; }
.philosophy-box .movCont.subOn .bg-txt svg { animation:txt_marquee 100s 0.5s infinite linear; }
.philosophy-box .management-box { position:relative; overflow:hidden }
.philosophy-box .management-box .inner1720 { position:relative; z-index:5; }
.philosophy-box .management-box .listbox { margin-top:60px; }
.philosophy-box .management-box .listbox ul { display:flex; gap:10px; }
.philosophy-box .management-box .listbox ul li .box { position:relative; width:500px; height:520px; padding:60px; border-radius:20px; background:var(--mainColor); transition:all 0.4s; }
.philosophy-box .management-box .listbox ul li:nth-child(2) .box { background:#b9afa1; }
.philosophy-box .management-box .listbox ul li .box:hover { margin-top:-20px; }
.philosophy-box .management-box .listbox ul li .box .txt { position:absolute; right:70px; bottom:60px; font-family:var(--mainFont); color:#fff; font-size:20px; font-weight:600; line-height:1.3; text-align:right; }
.philosophy-box .management-box .listbox ul li .box .txt strong { font-family:var(--mainFont); font-size:56px; font-weight:700; display:block; margin-top:10px; }
.philosophy-box .management-box .listbox ul li .box .txt strong > span { font-size:65%; }
.philosophy-box .management-box .txtbox { margin-top:400px; }
.philosophy-box .management-box .txtbox .txt { color:#111; font-size:200px; font-weight:700; line-height:1.3; transition:all 0.8s; }
.philosophy-box .management-box .txtbox .txt span { color:var(--mainColor); font-weight:700; }
.philosophy-box .management-box .txtbox .txt-left { margin-left:-100%; }
.philosophy-box .management-box .txtbox.subOn .txt-left { margin-left:0; }
.philosophy-box .management-box .txtbox .txt-right { margin-right:-100%; text-align:right }
.philosophy-box .management-box .txtbox.subOn .txt-right { margin-right:0; }
.philosophy-box .management-box .txtbox .txt_b { margin-top:200px; font-family:var(--mainFont); color:#111; font-size:56px; font-weight:600; line-height:1.8; letter-spacing:-0.07em;}
.philosophy-box .management-box .chart { position:absolute; left:50%; top:30px; transform:translateX(-50%); width:100%; max-width:1920px; }
.philosophy-box .management-box .chart svg { width:100%; height:auto; }
.philosophy-box .management-box .chart .graphCircle { opacity:0; transition:all 1.0s 1.5s;}
.philosophy-box .management-box .chart .graphCircle1 { visibility:hidden; transform-box:content-box; transform-origin:center; }
.philosophy-box .management-box .chart.subOn .graphCircle { opacity:1; }
.philosophy-box .management-box .chart.subOn .graphCircle1 { visibility:inherit; animation:blink 1s linear infinite; }
.philosophy-box .management-box .chart .barMask { width:0; transition:all 1.3s linear; }
.philosophy-box .management-box .chart.subOn .barMask { width:100%; }
@media screen and (max-width:1850px){
	.philosophy-box .mission-box .listbox { padding:0 15%; }
	.philosophy-box .management-box .txtbox .txt { font-size:calc(200 / 1920 * 100vw);  }
}
@media screen and (max-width:1540px){
	.philosophy-box .movCont { padding:10% 0; }
	.philosophy-box .movCont .line-box { width:64%; }
}
@media screen and (max-width:1440px){
	.philosophy-box .mission-box .listbox { margin-top:50px; }
	.philosophy-box .mission-box .listbox li .txt { font-size:100px; }
	.philosophy-box .mission-box .listbox li:nth-child(2) { margin-top:160px; }
	.philosophy-box .mission-box .listbox li .imgbox dl { padding:80px 60px; }
	.philosophy-box .mission-box .listbox li .imgbox dl dt { font-size:46px; }
	.philosophy-box .mission-box .listbox li .imgbox dl dd { margin-top:35px; font-size:22px; }
	.philosophy-box .mission-box .listbox li .imgbox .logo { right:60px; bottom:60px; }
	.philosophy-box .vision-box .txtCont { margin-top:15px; font-size:19px; }
	.philosophy-box .vision-box .circle-box { margin:50px auto 0; width:580px; height:580px; }
	.philosophy-box .vision-box .circle-box .box strong { font-size:42px; }
	.philosophy-box .vision-box .circle-box .box span { margin-top:8px; font-size:19px; }
	.philosophy-box .vision-box .listbox { margin-top:40px; }
	.philosophy-box .vision-box .listbox > ul { height:640px; }
	.philosophy-box .vision-box .listbox > ul > li .box {height:530px; }
	.philosophy-box .vision-box .listbox > ul > li .imgbox .txt { left:50px; bottom:55px; font-size:17px; }
	.philosophy-box .vision-box .listbox > ul > li .imgbox .txt strong { margin-top:8px; font-size:44px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox { padding:50px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dl { bottom:25px; padding:0 50px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dt { font-size:34px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd { margin-top:25px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd li { font-size:19px; }
	.philosophy-box .vision-box .listbox > ul > li .box:hover .txtbox dl { bottom:50px; }
	.philosophy-box .movCont { margin-top:50px; }
	.philosophy-box .movCont .btn_more { margin-top:25px; }
	.philosophy-box .management-box .listbox { margin-top:50px; }
	.philosophy-box .management-box .listbox ul li .box { width:440px; height:450px; padding:50px; }
	.philosophy-box .management-box .listbox ul li .box:hover { margin-top:-15px; }
	.philosophy-box .management-box .listbox ul li .box .txt { right:60px; bottom:50px; font-size:19px; }
	.philosophy-box .management-box .listbox ul li .box .txt strong { font-size:46px; margin-top:8px; }
	.philosophy-box .management-box .txtbox { margin-top:280px; }
	.philosophy-box .management-box .txtbox .txt_b { margin-top:160px; font-size:48px; }
	.philosophy-box .management-box .chart { top:15px; }
}
@media screen and (max-width:1200px){
	.philosophy-box .mission-box .listbox { margin-top:40px; padding:0 12%; }
	.philosophy-box .mission-box .listbox ul { gap:10px; }
	.philosophy-box .mission-box .listbox li { width:calc((100% - 10px) / 2); }
	.philosophy-box .mission-box .listbox li .txt { font-size:70px; }
	.philosophy-box .mission-box .listbox li:nth-child(2) { margin-top:130px; }
	.philosophy-box .mission-box .listbox li .imgbox dl { padding:60px 40px; }
	.philosophy-box .mission-box .listbox li .imgbox dl dt { font-size:34px; }
	.philosophy-box .mission-box .listbox li .imgbox dl dd { margin-top:25px; font-size:20px; }
	.philosophy-box .mission-box .listbox li .imgbox .logo { right:40px; bottom:40px; }
	.philosophy-box .vision-box .txtCont { margin-top:12px; font-size:18px; }
	.philosophy-box .vision-box .circle-box { margin:40px auto 0; width:520px; height:520px; }
	.philosophy-box .vision-box .circle-box .box strong { font-size:36px; }
	.philosophy-box .vision-box .circle-box .box span { margin-top:5px; font-size:18px; }
	.philosophy-box .vision-box .listbox { margin-top:30px; }
	.philosophy-box .vision-box .listbox > ul { height:510px; }
	.philosophy-box .vision-box .listbox > ul > li .box {height:420px; }
	.philosophy-box .vision-box .listbox > ul > li .imgbox .txt { left:35px; bottom:40px; font-size:16px; }
	.philosophy-box .vision-box .listbox > ul > li .imgbox .txt strong { margin-top:5px; font-size:36px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox { padding:35px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox .icon img { width:60px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dl { bottom:20px; padding:0 35px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dt { font-size:28px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd { margin-top:20px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd li { padding-left:12px; font-size:18px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd li:before { top:10px; width:3px; height:3px; }
	.philosophy-box .vision-box .listbox > ul > li .box:hover .txtbox dl { bottom:40px; }
	.philosophy-box .movCont { margin-top:40px; }
	.philosophy-box .movCont .btn_more { margin-top:20px; }
	.philosophy-box .management-box .listbox { margin-top:40px; }
	.philosophy-box .management-box .listbox ul li .box { width:360px; height:370px; padding:35px; }
	.philosophy-box .management-box .listbox ul li .box:hover { margin-top:-10px; }
	.philosophy-box .management-box .listbox ul li .box .icon img { width:60px; }
	.philosophy-box .management-box .listbox ul li .box .txt { right:35px; bottom:30px; font-size:18px; }
	.philosophy-box .management-box .listbox ul li .box .txt strong { font-size:34px; margin-top:5px; }
	.philosophy-box .management-box .txtbox { margin-top:180px; }
	.philosophy-box .management-box .txtbox .txt_b { margin-top:130px; font-size:36px; }
}
@media screen and (max-width:1024px){
	.philosophy-box .mission-box .listbox { margin-top:30px; padding:0 5%; }
	.philosophy-box .mission-box .listbox ul { gap:5px; }
	.philosophy-box .mission-box .listbox li { width:calc((100% - 5px) / 2); }
	.philosophy-box .mission-box .listbox li .txt { font-size:55px; }
	.philosophy-box .mission-box .listbox li:nth-child(2) { margin-top:100px; }
	.philosophy-box .mission-box .listbox li .imgbox dl { padding:40px 20px; }
	.philosophy-box .mission-box .listbox li .imgbox dl dt { font-size:26px; }
	.philosophy-box .mission-box .listbox li .imgbox dl dd { margin-top:20px; font-size:18px; }
	.philosophy-box .mission-box .listbox li .imgbox .logo { right:20px; bottom:20px; }
	.philosophy-box .mission-box .listbox li .mov video,
	.philosophy-box .mission-box .listbox li .imgbox dl { border-radius:10px;}
	.philosophy-box .vision-box .txtCont { margin-top:10px; font-size:16px; }
	.philosophy-box .vision-box .circle-box { margin:30px auto 0; width:450px; height:450px; }
	.philosophy-box .vision-box .circle-box .box strong { font-size:28px; }
	.philosophy-box .vision-box .circle-box .box span { font-size:17px; }
	.philosophy-box .vision-box .listbox { margin-top:20px; }
	.philosophy-box .vision-box .listbox > ul { height:auto; }
	.philosophy-box .vision-box .listbox > ul.active { flex-direction:column; padding-bottom:20px; gap:5px; }
	.philosophy-box .vision-box .listbox > ul.active > li { width:60% !important; margin:0 auto; }
	.philosophy-box .vision-box .listbox > ul > li .box { height:300px; border-radius:10px; }
	.philosophy-box .vision-box .listbox > ul > li .box > div { width:100%; height:100%; }
	.philosophy-box .vision-box .listbox > ul.active > li .box { display:flex; }
	.philosophy-box .vision-box .listbox > ul.active > li .box > div { width:50%; }
	.philosophy-box .vision-box .listbox > ul > li:nth-child(2),
	.philosophy-box .vision-box .listbox > ul > li:nth-child(3) { margin-top:0; }
	.philosophy-box .vision-box .listbox > ul > li .imgbox .txt { left:35px; bottom:40px; font-size:16px; }
	.philosophy-box .vision-box .listbox > ul > li .imgbox .txt strong { margin-top:5px; font-size:36px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox { padding:30px; }
	.philosophy-box .vision-box .listbox > ul.active > li .box .txtbox { position:relative; opacity:1; visibility:visible; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox .icon { display:flex; justify-content:flex-end; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox .icon img { width:50px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dl { bottom:20px; padding:0 20px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dt { font-size:28px; display:none }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd { margin-top:20px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd li:not(:last-child) { margin-bottom:5px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd li { padding-left:12px; font-size:18px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd li:before { top:10px; width:3px; height:3px; }
	.philosophy-box .vision-box .listbox > ul > li .box:hover .txtbox dl { bottom:20px; }
	.philosophy-box .vision-box .listbox > ul.active > li:hover:nth-child(1),
	.philosophy-box .vision-box .listbox > ul.active > li:hover:nth-child(2),
	.philosophy-box .vision-box .listbox > ul.active > li:hover:nth-child(3) { margin-top:0; }
	.philosophy-box .movCont { margin-top:30px; }
	.philosophy-box .movCont .mov-box { border-radius:10px; }
	.philosophy-box .movCont .btn_more { margin-top:15px; }
	.philosophy-box .management-box .listbox { margin-top:30px; }
	.philosophy-box .management-box .listbox ul { gap:5px; }
	.philosophy-box .management-box .listbox ul li .box { width:250px; height:250px; padding:20px; border-radius:10px; }
	.philosophy-box .management-box .listbox ul li .box:hover { margin-top:0; }
	.philosophy-box .management-box .listbox ul li .box .icon img { width:50px; }
	.philosophy-box .management-box .listbox ul li .box .txt { right:20px; bottom:20px; font-size:17px; }
	.philosophy-box .management-box .listbox ul li .box .txt strong { font-size:26px; }
	.philosophy-box .management-box .txtbox { margin-top:120px; }
	.philosophy-box .management-box .txtbox .txt_b { margin-top:100px; font-size:28px; line-height:1.5; }
}
@media screen and (max-width:860px){
	.philosophy-box .mission-box .listbox li .imgbox dl dd br { display:none }
	.philosophy-box .vision-box .listbox > ul.active > li { width:75% !important; }
	.philosophy-box .vision-box .txtCont br { display:none }
}
@media screen and (max-width:640px){
	.philosophy-box .mission-box .listbox { margin-top:20px; padding:0; }
	.philosophy-box .mission-box .listbox li .txt { font-size:40px; }
	.philosophy-box .mission-box .listbox li:nth-child(2) { margin-top:50px; }
	.philosophy-box .mission-box .listbox li .imgbox dl { padding:30px 15px; }
	.philosophy-box .mission-box .listbox li .imgbox dl dt { font-size:22px; }
	.philosophy-box .mission-box .listbox li .imgbox dl dd { font-size:16px; }
	.philosophy-box .mission-box .listbox li .imgbox .logo { right:15px; bottom:15px; }
	.philosophy-box .vision-box .txtCont { margin-top:10px; font-size:16px; }
	.philosophy-box .vision-box .circle-box { margin:20px auto 0; width:360px; height:360px; }
	.philosophy-box .vision-box .circle-box .box strong { font-size:24px; }
	.philosophy-box .vision-box .circle-box .box span { font-size:16px; }
	.philosophy-box .vision-box .listbox > ul.active { flex-direction:column; padding-bottom:20px; }
	.philosophy-box .vision-box .listbox > ul.active > li { width:100% !important; }
	.philosophy-box .vision-box .listbox > ul > li .box { height:270px; }
	.philosophy-box .vision-box .listbox > ul.active > li .box > div { width:50%; }
	.philosophy-box .vision-box .listbox > ul > li .imgbox .txt { left:15px; bottom:20px; font-size:15px; }
	.philosophy-box .vision-box .listbox > ul > li .imgbox .txt strong { margin-top:5px; font-size:26px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox { padding:20px 15px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox .icon img { width:40px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dl { bottom:20px; padding:0 15px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dt { font-size:24px; display:none }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd { margin-top:15px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd li { padding-left:10px; font-size:16px; }
	.philosophy-box .vision-box .listbox > ul > li .txtbox dd li:before { top:8px; width:2px; height:2px; }
	.philosophy-box .movCont { margin-top:20px; }
	.philosophy-box .management-box .listbox { margin-top:40px; }
	.philosophy-box .management-box .listbox ul li .box { width:180px; height:180px; padding:15px; }
	.philosophy-box .management-box .listbox ul li .box .icon img { width:40px; }
	.philosophy-box .management-box .listbox ul li .box .txt { font-size:16px; }
	.philosophy-box .management-box .listbox ul li .box .txt strong { right:15px; bottom:15px; font-size:20px; }
	.philosophy-box .management-box .txtbox { margin-top:80px; }
	.philosophy-box .management-box .txtbox .txt_b { margin-top:60px; font-size:19px; }
}


@keyframes blink {
  to {
    transform:scale(3.535);
    opacity:0;
  }
}

/* animation */
.philosophy-box .mission-box .listbox li { opacity:0; }
.philosophy-box .mission-box .listbox.subOn li:nth-child(1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; } 
.philosophy-box .mission-box .listbox.subOn li:nth-child(2) { animation:ani_4 1.2s 0.6s; animation-fill-mode:both; } 
.philosophy-box .vision-box .circle-box { opacity:0; }
.philosophy-box .vision-box .circle-box.subOn { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; } 
.philosophy-box .vision-box .listbox.subOn > ul > li:nth-child(1) { animation:p_ani1 1.0s 0.3s; animation-fill-mode:both; } 
.philosophy-box .vision-box .listbox.subOn > ul > li:nth-child(3) { animation:p_ani2 1.0s 0.3s; animation-fill-mode:both; } 
.philosophy-box .management-box .listbox ul li { opacity:0; }
.philosophy-box .management-box .listbox.subOn li:nth-child(1) { animation:ani_2 0.8s 1.8s; animation-fill-mode:both; } 
.philosophy-box .management-box .listbox.subOn li:nth-child(2) { animation:ani_2 0.8s 2.0s; animation-fill-mode:both; } 
.philosophy-box .management-box .txtbox .txt_b { opacity:0; }
.philosophy-box .management-box .txtbox.subOn .txt_b { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; } 

.history-box .historyCont { position:relative; display:flex;}
.history-box .historyCont .nav { position:sticky; top:0; width:70px; height:100vh; padding-bottom:45px; display:flex; align-items:flex-end; margin-left:-70px;}
.history-box .historyCont .nav li:not(:last-child) { margin-bottom:10px; }
.history-box .historyCont .nav li a { color:#aaa; font-size:18px; font-weight:600; line-height:1.3; transition:all 0.3s; text-transform:uppercase; }
.history-box .historyCont .nav li.active a { color:#111; font-size:20px; }
.history-box .historyCont .history-list { width:100%; }
.history-box .historyCont .history-list .yearbox:not(:last-child) { margin-bottom:250px; }
.history-box .historyCont .history-list .yearbox { display:flex; flex-wrap:wrap; overflow:hidden }
.history-box .historyCont .history-list .yearbox .infobox { width:43.5%; padding-right:150px; }
.history-box .historyCont .history-list .yearbox .infobox h4 { color:#ccc; font-size:150px; font-weight:600; line-height:1.3; transition:all 0.3s; }
.history-box .historyCont .history-list .yearbox.active .infobox h4 { color:#111; }
.history-box .historyCont .history-list .yearbox .infobox .txt { color:#222; font-size:22px; font-weight:500; line-height:1.3; }
.history-box .historyCont .history-list .yearbox .infobox .imgbox { margin-top:60px; position:relative; width:100%; overflow:hidden; }
.history-box .historyCont .history-list .yearbox .infobox .imgbox:before {content:""; display:block; padding-bottom:65%; }
.history-box .historyCont .history-list .yearbox .infobox .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:20px; }
.history-box .historyCont .history-list .yearbox .listbox { width:calc(100% - 43.5%); margin-top:1% }
.history-box .historyCont .history-list .yearbox .listbox li { border-bottom:1px solid #eee; display:flex; align-items:center; min-height:80px; padding:15px 0; }
.history-box .historyCont .history-list .yearbox .listbox li strong { width:140px; color:#333; font-size:24px; font-weight:600; line-height:1.3; }
.history-box .historyCont .history-list .yearbox .listbox li span { width:calc(100% - 140px); font-family:var(--mainFont); color:#222; font-size:20px; font-weight:300; line-height:1.3; }
.history-box .b-txt { margin-top:100px; margin-bottom:-10%; position:relative; width:100%; height:350px; overflow:hidden; }
.history-box .bg-txt { position:absolute; left:0; top:50%; transform:translateY(-50%); display:flex  }
.history-box .bg-txt svg { color:#fff; font-weight:700; display:inline-block; width:auto; margin-right:2%; }
.history-box .bg-txt svg text { fill:none; stroke:#000; stroke-width:0.28; font-size:60px; font-weight:700; line-height:1.3; opacity:0.1; }
.history-box .bg-txt.subOn svg { animation:txt_marquee 100s 0.5s infinite linear; }
@media screen and (max-width:1800px){
	.history-box .historyCont { padding-left:70px }
}
@media screen and (max-width:1600px){
	.history-box .historyCont .history-list .yearbox .infobox { padding-right:120px; }
	.history-box .historyCont .history-list .yearbox .infobox h4 { font-size:136px; }
}
@media screen and (max-width:1440px){
	.history-box .historyCont .nav { width:70px; padding-bottom:45px; margin-left:-70px;}
	.history-box .historyCont .nav li:not(:last-child) { margin-bottom:10px; }
	.history-box .historyCont .nav li a { font-size:18px; }
	.history-box .historyCont .nav li.active a { font-size:20px; }
	.history-box .historyCont .history-list .yearbox:not(:last-child) { margin-bottom:180px; }
	.history-box .historyCont .history-list .yearbox .infobox { width:47%; padding-right:80px; }
	.history-box .historyCont .history-list .yearbox .infobox h4 { font-size:105px; }
	.history-box .historyCont .history-list .yearbox .infobox .txt { font-size:21px; }
	.history-box .historyCont .history-list .yearbox .infobox .imgbox { margin-top:50px; }
	.history-box .historyCont .history-list .yearbox .listbox { width:calc(100% - 47%); }
	.history-box .historyCont .history-list .yearbox .listbox li { min-height:80px; padding:14px 0; }
	.history-box .historyCont .history-list .yearbox .listbox li strong { width:110px; font-size:22px; }
	.history-box .historyCont .history-list .yearbox .listbox li span { width:calc(100% - 110px); font-size:19px; }
	.history-box .b-txt { margin-top:80px; height:260px; }
}
@media screen and (max-width:1024px){
	.history-box .historyCont .nav { padding-bottom:40px;}
	.history-box .historyCont .nav li:not(:last-child) { margin-bottom:8px; }
	.history-box .historyCont .nav li a { font-size:16px; }
	.history-box .historyCont .nav li.active a { font-size:18px; }
	.history-box .historyCont .history-list .yearbox:not(:last-child) { margin-bottom:120px; }
	.history-box .historyCont .history-list .yearbox .infobox { padding-right:50px; }
	.history-box .historyCont .history-list .yearbox .infobox h4 { font-size:85px; }
	.history-box .historyCont .history-list .yearbox .infobox .txt { font-size:20px; }
	.history-box .historyCont .history-list .yearbox .infobox .imgbox { margin-top:40px; }
	.history-box .historyCont .history-list .yearbox .infobox .imgbox img { border-radius:10px; }
	.history-box .historyCont .history-list .yearbox .listbox li { min-height:70px; padding:14px 0; }
	.history-box .historyCont .history-list .yearbox .listbox li strong { width:90px; font-size:21px; }
	.history-box .historyCont .history-list .yearbox .listbox li span { width:calc(100% - 90px); font-size:18px; }
	.history-box .b-txt { margin-top:60px; height:180px; }
}
@media screen and (max-width:860px){
	.history-box .historyCont .history-list .yearbox .infobox,
	.history-box .historyCont .history-list .yearbox .listbox { width:100%; }
	.history-box .historyCont .history-list .yearbox .infobox { padding-right:0; }
}
@media screen and (max-width:640px){
	.history-box .historyCont .nav { padding-bottom:30px;}
	.history-box .historyCont .nav li:not(:last-child) { margin-bottom:5px; }
	.history-box .historyCont .history-list .yearbox:not(:last-child) { margin-bottom:60px; }
	.history-box .historyCont .history-list .yearbox .infobox h4 { font-size:65px; }
	.history-box .historyCont .history-list .yearbox .infobox .txt { font-size:18px; }
	.history-box .historyCont .history-list .yearbox .infobox .imgbox { margin-top:30px; }
	.history-box .historyCont .history-list .yearbox .infobox .imgbox img { border-radius:10px; }
	.history-box .historyCont .history-list .yearbox .listbox li { min-height:60px; padding:12px 0; }
	.history-box .historyCont .history-list .yearbox .listbox li strong { font-size:20px; }
	.history-box .historyCont .history-list .yearbox .listbox li span { font-size:17px; }
	.history-box .b-txt { margin-top:30px; height:100px; }
}

/* animation */
.history-box .historyCont .history-list .yearbox .infobox .imgbox:after { content:""; background:rgba(0, 0, 0, 0.6); position:absolute; top:0; left:0; bottom:0; transition:all 1.2s; width:100%; height:100%; border-radius:20px; }
.history-box .historyCont .history-list .yearbox.over .infobox .imgbox:after { width:0; left:100%; opacity:0; }
.history-box .historyCont .history-list .yearbox .infobox .txt { opacity:0; }
.history-box .historyCont .history-list .yearbox.over .infobox .txt { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.history-box .historyCont .history-list .yearbox .listbox { opacity:0; }
.history-box .historyCont .history-list .yearbox.over .listbox { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.history-box .historyCont .history-list .yearbox .infobox .imgbox:after { border-radius:10px; }
}
@media screen and (max-width:860px){
	.history-box .historyCont .history-list .yearbox.over .infobox .imgbox:after { width:100%; left:0; top:100%; height:0; }
	.history-box .historyCont .history-list .yearbox.over .listbox { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
}

.branch-box .listbox { margin-top:60px; overflow:hidden }
.branch-box .listbox .list { overflow:hidden }
.branch-box .listbox .list:not(:last-child) { margin-bottom:120px; }
.branch-box .listbox .list > dl > dd { margin-top:30px; }
.branch-box .listbox .list > dl > dd > ul { display:flex; flex-wrap:wrap; gap:8px; }
.branch-box .listbox .list > dl > dd > ul > li { position:relative; width:calc((100% - 24px) / 4); }
.branch-box .listbox .list > dl > dd > ul > li .box { width:100%; height:100%; padding:50px; border-radius:20px; border:1px solid #ddd; background:#fff; overflow:hidden }
.branch-box .listbox .list > dl > dd > ul > li .imgbox { padding:0; border:none }
.branch-box .listbox .list > dl > dd > ul > li .imgbox:before {content:""; display:block; margin-bottom:94.3%; }
.branch-box .listbox .list > dl > dd > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:20px; }
.branch-box .listbox .list > dl > dd > ul > li .box dt { color:#222; font-size:24px; font-weight:700; line-height:1.3; }
.branch-box .listbox .list > dl > dd > ul > li .box dd { margin-top:20px; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dl:not(:last-child) { margin-bottom:30px; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li:not(:last-child) { margin-bottom:15px; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li { display:flex; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li strong { width:85px; color:#333; font-size:18px; font-weight:500; line-height:1.3; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li span { width:calc(100% - 85px); font-family:var(--mainFont); color:#444; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.04em }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li.w1 strong { width:auto; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li.w1 span { width:auto; padding-left:4px; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li span.full { width:100% }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-2 dd p:not(:last-child) { margin-bottom:15px; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-2 dd p { color:#333; font-size:18px; font-weight:500; line-height:1.3; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-2 dd .stxt { font-family:var(--mainFont); color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li:not(:last-child) { margin-bottom:10px; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li { display:flex; align-items:center; justify-content:space-between; color:#666; font-size:18px; font-weight:300; line-height:1.3;padding:0 30px; height:79px; border-radius:10px; background:#f5f5f5; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li > span { width:40%; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li > span:nth-child(2) { width:60%; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .txt_l { color:#333; font-size:18px; font-weight:600; line-height:1.3; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .txt_r { color:#666; font-size:18px; font-weight:300; line-height:1.3; text-align:right; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .stxt { width:100%; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .stxt strong,
.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .txt_r strong { color:#333; font-size:28px; font-weight:700; margin:0 5px; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-4 dd ul { display:flex; flex-wrap:wrap; gap:10px; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-4 dd li { width:calc((100% - 10px) / 2); height:80px; padding:0 5px; background:#f5f5f5; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-4 dd li.full { width:100%; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-4 dd li img { max-width:100%; }
.branch-box .listbox .list > dl > dd > ul > li .box.txt-5 dd li { width:calc((100% - 20px) / 3); background:#fff; }
@media screen and (max-width:1600px){
	.branch-box .listbox .list > dl > dd > ul > li .imgbox:before { margin-bottom:auto; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li { padding:0 20px; height:70px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-2 dd p br { display:none }
}
@media screen and (max-width:1440px){
	.branch-box .listbox { margin-top:50px; }
	.branch-box .listbox .list:not(:last-child) { margin-bottom:100px; }
	.branch-box .listbox .list > dl > dd { margin-top:25px; }
	.branch-box .listbox .list > dl > dd > ul { gap:5px; }
	.branch-box .listbox .list > dl > dd > ul > li { width:calc((100% - 20px) / 4); }
	.branch-box .listbox .list > dl > dd > ul > li .box { padding:30px 20px; }
	.branch-box .listbox .list > dl > dd > ul > li .box dt { font-size:22px; }
	.branch-box .listbox .list > dl > dd > ul > li .box dd { margin-top:10px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dl:not(:last-child) { margin-bottom:25px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li:not(:last-child) { margin-bottom:10px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li strong { width:80px; font-size:17px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li span { width:calc(100% - 80px); font-size:17px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-2 dd p:not(:last-child) { margin-bottom:10px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-2 dd p { font-size:17px;}
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-2 dd .stxt { font-size:17px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li:not(:last-child) { margin-bottom:5px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li { padding:0 15px; height:60px; font-size:17px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .txt_l,
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .txt_r { font-size:17px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .stxt strong,
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .txt_r strong { font-size:24px; }
}
@media screen and (max-width:1200px){
	.branch-box .listbox .list > dl > dd > ul > li .box { padding:20px 15px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li { padding:0 10px; height:50px; }
	.branch-box .listbox .list > dl > dd > ul > li .box dt { font-size:20px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dl:not(:last-child) { margin-bottom:20px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li strong,
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dd li span,
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-2 dd p,
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-2 dd .stxt,  
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li,
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .txt_l,
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .txt_r { font-size:16px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .stxt strong,
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li .txt_r strong { font-size:22px; }
}
@media screen and (max-width:1024px){
	.branch-box .listbox { margin-top:40px; }
	.branch-box .listbox .list:not(:last-child) { margin-bottom:80px; }
	.branch-box .listbox .list > dl > dd { margin-top:20px; }
	.branch-box .listbox .list > dl > dd > ul > li { width:calc((100% - 10px) / 3); }
	.branch-box .listbox .list > dl > dd > ul > li:first-child { width:100%; }
	.branch-box .listbox .list > dl > dd > ul > li:first-child .imgbox:before { margin-bottom:40%; }
	.branch-box .listbox .list > dl > dd > ul > li .box { padding:20px 10px; border-radius:10px; }
	.branch-box .listbox .list > dl > dd > ul > li .imgbox img { border-radius:10px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dl:not(:last-child) { margin-bottom:15px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-4 dd ul { gap:5px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-4 dd li { width:calc((100% - 5px) / 2); height:70px; border-radius:5px; }
}
@media screen and (max-width:860px){
	.branch-box .listbox .list > dl > dd > ul > li:first-child { width:calc(50% - 5px) }
	.branch-box .listbox .list > dl > dd > ul > li { width:calc((100% - 10px) / 2); }
	.branch-box .listbox .list > dl > dd > ul > li:first-child .imgbox:before { margin-bottom:auto; }
}
@media screen and (max-width:640px){
	.branch-box .listbox .list:not(:last-child) { margin-bottom:40px; }
	.branch-box .listbox .list > dl > dd > ul > li:first-child,
	.branch-box .listbox .list > dl > dd > ul > li { width:100%; }
	.branch-box .listbox .list > dl > dd > ul > li .box { position:relative; height:auto; padding:20px;  }
	.branch-box .listbox .list > dl > dd > ul > li:before { display:none; }
	.branch-box .listbox .list > dl > dd > ul > li:first-child .imgbox:before { margin-bottom:40%; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-1 dl:not(:last-child) { margin-bottom:10px; }
	.branch-box .listbox .list > dl > dd > ul > li .box.txt-3 dd li > span br { display:none }
}

.branch-box .listbox-1 { display:flex; flex-wrap:wrap; gap:8px; }
.branch-box .listbox-1 .list { width:calc((100% - 24px) / 4); }
.branch-box .listbox-1 .list:not(:last-child) { margin:0; }
.branch-box .listbox-1 .list > dl > dd > ul { gap:0; }
.branch-box .listbox-1 .list > dl > dd > ul > li { width:100%; }
.branch-box .listbox-1 .list > dl > dd > ul > li:first-child { z-index:2; }
.branch-box .listbox-1 .list > dl > dd > ul > li .box { background:#f5f5f5; border:none; min-height:500px; }
.branch-box .listbox-1 .list > dl > dd > ul > li .imgbox { min-height:auto; }
.branch-box .listbox-1 .list > dl > dd > ul > li .imgbox:before { margin-bottom:70.3%; }
.branch-box .listbox-2 .list > dl > dd > ul > li { width:calc((100% - 16px) / 3); }
.branch-box .listbox-2 .list > dl > dd > ul > li .box { background:#f5f5f5; border:none; }
.branch-box .listbox-2 .list > dl > dd > ul > li .imgbox:before { margin-bottom:59.1%; }
.branch-box .listbox-2 .list > dl > dd > ul > li .imgbox { background:#ddd; display:flex; align-items:center; justify-content:center; }
@media screen and (max-width:1780px){
	.branch-box .listbox-1 .list > dl > dd > ul > li .box { min-height:550px; }
}
@media screen and (max-width:1520px){
	.branch-box .listbox-1 { gap:30px 8px; }
	.branch-box .listbox-1 .list { width:calc((100% - 16px) / 2); }
	.branch-box .listbox-1 .list > dl > dd > ul > li .box { min-height:480px; }
}
@media screen and (max-width:1200px){
	.branch-box .listbox-1 .list > dl > dd > ul > li .box { min-height:380px; }
}
@media screen and (max-width:1024px){
	.branch-box .listbox-1 { gap:8px; }
	.branch-box .listbox-1 .list { width:100%; }
	.branch-box .listbox-1 .list:not(:last-child) { margin-bottom:20px; }
	.branch-box .listbox-1 .list > dl > dd > ul > li .box { min-height:auto; }
	.branch-box .listbox-2 .list > dl > dd > ul > li { width:calc((100% - 5px) / 2); }
	.branch-box .listbox-2 .list > dl > dd > ul > li:first-child { width:100%; }
	.branch-box .listbox-1 .list > dl > dd > ul > li:first-child .imgbox:before,
	.branch-box .listbox-2 .list > dl > dd > ul > li:first-child .imgbox:before { margin-bottom:40%; }
}
@media screen and (max-width:860px){
	.branch-box .listbox-1 .list > dl > dd > ul > li:first-child { width:100%; }
}
@media screen and (max-width:640px){
	.branch-box .listbox-2 .list > dl > dd > ul > li { width:100%; }
}

/* animation */
.branch-box .listbox .list .stitBox { opacity:0; }
.branch-box .listbox .list.subOn .stitBox { animation:ani_4 0.7s 0.1s; animation-fill-mode:both; }
.branch-box .listbox .list > dl > dd > ul > li { opacity:0; }
.branch-box .listbox .list.subOn > dl > dd > ul > li:nth-child(1) { animation:bgs3 0.7s 0.1s; animation-fill-mode:both; }
.branch-box .listbox .list.subOn > dl > dd > ul > li:nth-child(2) { animation:ani_2 0.7s 0.3s; animation-fill-mode:both; }
.branch-box .listbox .list.subOn > dl > dd > ul > li:nth-child(3) { animation:ani_2 0.7s 0.6s; animation-fill-mode:both; }
.branch-box .listbox .list.subOn > dl > dd > ul > li:nth-child(4) { animation:ani_2 0.7s 0.9s; animation-fill-mode:both; }
.branch-box .listbox .list.subOn > dl > dd > ul > li:nth-child(5) { animation:ani_2 0.7s 1.2s; animation-fill-mode:both; }
.branch-box .listbox-1 .list.subOn > dl > dd > ul > li:nth-child(2) { animation:ani_4 0.7s 0.3s; animation-fill-mode:both; }
.branch-box .listbox-1 .list.subOn > dl > dd > ul > li:nth-child(3) { animation:ani_4 0.7s 0.6s; animation-fill-mode:both; }
.branch-box .listbox-1 .list.subOn > dl > dd > ul > li:nth-child(4) { animation:ani_4 0.7s 0.9s; animation-fill-mode:both; }
.branch-box .listbox-1 .list.subOn > dl > dd > ul > li:nth-child(5) { animation:ani_4 0.7s 1.2s; animation-fill-mode:both; }


.group-box .identity-area { overflow:hidden }
.group-box .identity-area .area-box { margin-top:60px; padding:150px 0; background:url(/img/sub/group_identity_bg.jpg) center top no-repeat; }
.group-box .identity-area .area-box .identityBox { display:flex; flex-wrap:wrap; gap:100px; }
.group-box .identity-area .area-box .identityBox > div { width:calc((100% - 100px) / 2); }
.group-box .identity-area .area-box .identityBox .circle-box { position:relative; }
.group-box .identity-area .area-box .identityBox .circle-box:before {content:""; display:block; padding-bottom:100%; }
.group-box .identity-area .area-box .identityBox .circle-box .nav { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - (105px * 2)); height:calc(100% - (105px * 2)); border-radius:600px; background:linear-gradient(146deg, #f29100 11.92%, #b8afa3 87.21%); }
.group-box .identity-area .area-box .identityBox .circle-box .nav ul { width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; padding:20% 0 }
.group-box .identity-area .area-box .identityBox .circle-box .nav ul li { width:calc(100% - 10px); height:130px; display:flex; align-items:center; justify-content:center; border-radius:100%; border:3px dashed #FFF;}
.group-box .identity-area .area-box .identityBox .circle-box .nav ul li:nth-child(1),
.group-box .identity-area .area-box .identityBox .circle-box .nav ul li:nth-child(3) { width:calc(100% - 13%); }
.group-box .identity-area .area-box .identityBox .circle-box .nav ul li a { transition:all 0.4s;  width:100%; height:100%; color:rgba(255,255,255,0.2); font-size:40px; font-weight:700; line-height:1.3; display:flex; align-items:center; justify-content:center;  }
.group-box .identity-area .area-box .identityBox .circle-box .nav ul li.active a { color:#fff; }
.group-box .identity-area .area-box .identityBox .circle-box .circle { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - (5px * 2)); height:calc(100% - (5px * 2)); border-radius:800px; border:1px dashed #fff; animation:rotate1 40s 0.1s infinite linear; }
.group-box .identity-area .area-box .identityBox .circle-box .c-box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:50%; }
.group-box .identity-area .area-box .identityBox .circle-box .pline { position:absolute; top:-5px; left:50%; transform:translate(-50%, 0); width:10px; height:10px; border-radius:10px; }
.group-box .identity-area .area-box .identityBox .circle-box .p2 { transform:translate(-50%, -50%) rotate(0); animation:rotate1 40s 0.1s infinite linear; }
.group-box .identity-area .area-box .identityBox .circle-box .p1 .pline { background:var(--mainColor); }
.group-box .identity-area .area-box .identityBox .circle-box .p2 .pline { background:#b8afa3; }
.group-box .identity-area .area-box .identityBox .infobox { position:relative; }
.group-box .identity-area .area-box .identityBox .infobox:before {content:""; display:block; padding-bottom:100%; }
.group-box .identity-area .area-box .identityBox .infobox .cont-box { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:rgba(255,255,255,0.95); border-radius:20px; }
.group-box .identity-area .area-box .identityBox .infobox .cont { position:absolute; top:0; left:0; width:100%; padding:100px; opacity:0; visibility:hidden; transition:all 0.3s 0.1s ease-in-out; }
.group-box .identity-area .area-box .identityBox .infobox .cont.active { opacity:1; visibility:visible; }
.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dt { color:var(--mainColor); font-size:20px; font-weight:700; line-height:1.3; }
.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dd { margin-top:10px; color:#111; font-size:56px; font-weight:600; line-height:1.3; letter-spacing:-0.06em; }
.group-box .identity-area .area-box .identityBox .infobox .cont .box { margin-top:60px; position:relative; }
.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box ul { display:flex; flex-wrap:wrap; gap:10px; }
.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box li { width:calc((100% - 10px) / 2); height:180px; border-radius:20px; color:#333; font-size:24px; font-weight:500; line-height:1.3; background:#fff; display:flex; align-items:center; justify-content:center; }
.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box .logo { color:#fff; font-size:36px; font-weight:700; line-height:1.3; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:140px; height:140px; background:var(--mainColor); border-radius:140px; filter:drop-shadow(0px 0px 20px rgba(242, 145, 0, 0.30)); display:flex; align-items:center; justify-content:center; }
.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box .logo:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% + 40px); height:calc(100% + 40px);  background:rgba(242, 145, 0, 0.2); border-radius:180px; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list { display:flex; flex-wrap:wrap; align-items:center; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list:not(:last-child) { margin-bottom:16px; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list p { width:120px; color:#222; font-size:24px; font-weight:500; line-height:1.3; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list ul { width:calc(100% - 120px); height:174px; display:flex; padding:20px; border-radius:187px; background:#fff; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-1 ul { gap:24px; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-2 ul { gap:10px; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list li { display:flex; align-items:center; justify-content:center; text-align:center; border-radius:187px; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list li span { color:#333; font-size:20px; font-weight:400; line-height:1.3; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-1 li { width:calc((100% - 48px) / 3); height:100%; background:#b8afa3; }
.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-2 li { width:calc((100% - 10px) / 2); height:100%; background:#ccc; }
.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box ul { display:flex; flex-wrap:wrap; gap:10px; }
.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box li { width:calc((100% - 10px) / 2); height:215px; border-radius:20px; background:#fff; display:flex; align-items:center; justify-content:center; text-align:center; }
.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box li.full { width:100%; }
.group-box .overview-area .top { position:relative; overflow:hidden  }
.group-box .overview-area .top .circle-box { margin:0 auto; width:570px; height:570px; background:url(/img/sub/group_circleBox_bg.png) no-repeat center / cover; }
.group-box .overview-area .top .circle-box-1 { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:3; width:570px; height:570px; display:flex; justify-content:center; align-items:center; text-align:center; background:url(/img/sub/group_circleBox_bg_s.png) no-repeat center / cover; }
.group-box .overview-area .top .circle-box-1 svg path { fill:#fff }
.group-box .overview-area .top .bg-txt { position:absolute; left:0; top:53%; transform:translateY(-50%); display:flex  }
.group-box .overview-area .top .bg-txt svg { color:#fff; font-weight:700; display:inline-block; width:auto; margin-right:2%; }
.group-box .overview-area .top .bg-txt svg text { fill:none; stroke:#000; stroke-width:0.28; font-size:60px; font-weight:700; line-height:1.3; opacity:0.1; }
.group-box .overview-area .top .bg-txt.subOn svg { animation:txt_marquee 100s 0.5s infinite linear; }
.group-box .overview-area .listbox { margin-top:30px; }
.group-box .overview-area .listbox > ul { position:relative; z-index:2; display:flex; justify-content:center; gap:10px; }
.group-box .overview-area .listbox > ul > li { position:relative; width:calc((100% - 10px) / 4); transition:all 0.7s ease-in-out; }
.group-box .overview-area .listbox > ul > li .box { position:relative; left:0; top:0; width:100%; height:100%; border-radius:20px; overflow:hidden; transition:all 0.5s ease-in-out; }
.group-box .overview-area .listbox > ul > li .box:before {content:""; display:block; padding-bottom:100%; }
.group-box .overview-area .listbox > ul > li .imgbox { position:absolute; left:0; top:0; width:100%; height:100%; }
.group-box .overview-area .listbox > ul > li .imgbox:before {content:""; display:block; padding-bottom:100%; }
.group-box .overview-area .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.group-box .overview-area .listbox > ul > li .imgbox img { transform:scale(1); transition:all 0.5s ease-in-out; }
.group-box .overview-area .listbox > ul > li .txtbox { transition:all 0.3s 0.1s ease-in-out; position:absolute; left:0; top:0; width:100%; height:100%; }
.group-box .overview-area .listbox > ul > li .txtbox dl { position:absolute; left:0; bottom:-40px; padding:0 50px; transition:all 0.5s 0.1s; }
.group-box .overview-area .listbox > ul > li .txtbox dt { color:#fff; font-size:18px; font-weight:700; line-height:1.3; opacity:0.5; }
.group-box .overview-area .listbox > ul > li .txtbox dd { margin-top:10px; }
.group-box .overview-area .listbox > ul > li .txtbox dd p { color:#fff; font-size:40px; font-weight:600; line-height:1.3; letter-spacing:-0.05em }
.group-box .overview-area .listbox > ul > li .txtbox dd ul { margin-top:20px; display:flex; flex-wrap:wrap; gap:10px; opacity:0; transition:all 0.5s 0.1s; }
.group-box .overview-area .listbox > ul > li .txtbox dd ul li { color:#fff; font-size:18px; font-weight:600; line-height:1.3; display:flex; align-items:center; height:50px; padding:0 15px; background:var(--mainColor); border-radius:50px; }
.group-box .overview-area .listbox > ul > li .box:hover .txtbox dl { bottom:50px; transition:all 0.6s 0.2s; }
.group-box .overview-area .listbox > ul > li .box:hover .txtbox dd ul { opacity:1; transition:all 0.5s 0.2s; }
.group-box .overview-area .listbox > ul > li:nth-child(2n) .box { margin-top:30px; }
.group-box .overview-area .listbox > ul.active > li .box:hover { margin-top:-20px; }
.group-box .overview-area .listbox > ul.active > li:nth-child(2n) .box:hover { margin-top:10px; }
.group-box .overview-area .listbox > ul > li:nth-child(1) { left:50%; transform:translateX(-50%) rotate(5deg); z-index:1 } 
.group-box .overview-area .listbox > ul > li:nth-child(2) { left:25%; transform:translateX(-50%) rotate(0); z-index:2 }
.group-box .overview-area .listbox > ul > li:nth-child(3) { right:25%; transform:translateX(50%) rotate(-5deg); z-index:3 } 
.group-box .overview-area .listbox > ul > li:nth-child(4) { right:50%; transform:translateX(50%) rotate(-10deg); z-index:4 }
.group-box .overview-area .listbox > ul.active > li { position:relative; }
.group-box .overview-area .listbox > ul.active > li:nth-child(1),
.group-box .overview-area .listbox > ul.active > li:nth-child(2),
.group-box .overview-area .listbox > ul.active > li:nth-child(3),
.group-box .overview-area .listbox > ul.active > li:nth-child(4) { transform:translateX(0) rotate(0deg); }
.group-box .overview-area .listbox > ul.active > li:nth-child(1),
.group-box .overview-area .listbox > ul.active > li:nth-child(2) { left:0 } 
.group-box .overview-area .listbox > ul.active > li:nth-child(3),
.group-box .overview-area .listbox > ul.active > li:nth-child(4) { right:0; }
.group-box .global-area { padding-top:30px; }
.group-box .global-area .gmCont { position:relative; z-index:5; margin:0 auto; width:100%; max-width:1920px; }
.group-box .global-area .gmCont svg { width:100%; }
.group-box .global-area .gmCont .p-box { cursor:pointer; pointer-events:all; }
.group-box .global-area .gmCont .regionTxt { color:#222; fill:#222; font-size:22px; font-weight:700; text-transform:uppercase; }
.group-box .global-area .gmCont .p-box .over { opacity:0; transition:all 0.3s; }
.group-box .global-area .gmCont .p-box.on .over  { opacity:1; }
.group-box .global-popup.over_1 { top:300px; margin-left:-8%; }
.group-box .global-popup.over_2 { top:365px; margin-left:-6%; }
.group-box .global-popup.over_3 { top:390px; margin-left:-6%; }
.group-box .global-popup.over_4 { top:210px; margin-left:7%; }
.group-box .global-popup.over_5 { top:145px; margin-left:2%; }
.group-box .global-popup.over_6 { top:180px; margin-left:-5%; }
.group-box .global-popup.over_7 { top:130px; margin-left:2%; }
.group-box .global-popup.over_8 { top:400px; margin-left:7%; }
.group-box .global-popup.over_9 { top:460px; margin-left:4%; }
.group-box .global-popup:before {content:""; display:block; position:absolute; top:50%; width:0; z-index:1; height:1px; background:var(--mainColor); }
.group-box .global-popup.on:before { transition:all 0.2s 0.1s; }
.group-box .global-popup.over_1:before { width:200px; left:-160px; transform:translateY(-50%) rotate(-26deg); margin-top:15px; }
.group-box .global-popup.over_2:before { width:200px; left:-160px; transform:translateY(-50%) rotate(-40deg); margin-top:15px;}
.group-box .global-popup.over_3:before { width:210px; left:-135px; top:0; left:50%; transform:translate(0, -50%) rotate(-30deg); margin-top:-45px;}
.group-box .global-popup.over_4:before { width:250px; right:-180px; transform:translateY(-50%) rotate(28deg); margin-top:-20px; }
.group-box .global-popup.over_5:before { width:300px; right:-208px; transform:translateY(-50%) rotate(40deg); margin-top:30px; }
.group-box .global-popup.over_6:before { width:200px; right:-150px; transform:translateY(-50%) rotate(0); margin-top:0; }
.group-box .global-popup.over_7:before { width:180px; right:-160px; transform:translateY(-50%) rotate(-20deg); margin-top:110px; }
.group-box .global-popup.over_8:before { width:200px; left:-160px; transform:translateY(-50%) rotate(-30deg); margin-top:15px; }
.group-box .global-popup.over_9:before { width:140px; right:-120px; transform:translateY(-50%) rotate(-30deg); margin-top:25px; }
.group-box .equipment-area .process-box { margin-top:60px; border-radius:20px; background:#f5f5f5; padding:60px; }
.group-box .equipment-area .process-box .tit { color:#111; font-size:28px; font-weight:600; line-height:1.3; text-align:center; }
.group-box .equipment-area .process-box .box { position:relative; margin-top:30px; display:flex; flex-wrap:wrap; gap:10px; }
.group-box .equipment-area .process-box .box .box_l {  position:relative;width:calc(69% - 5px); border-radius:20px; background:#ccc; padding:40px 30px; }
.group-box .equipment-area .process-box .box .box_l:after {content:""; display:block; position:absolute; right:-30px; top:50%; transform:translateY(-50%); width:50px; height:50px; border-radius:50px; background:#fff url(/img/sub/icon_plus.svg) center no-repeat; }
.group-box .equipment-area .process-box .box .box_r { width:calc(31% - 5px); border-radius:20px; background:var(--mainColor); padding:40px 45px; }
.group-box .equipment-area .process-box .box p { color:#222; font-size:22px; font-weight:600; line-height:1.3; text-align:center; }
.group-box .equipment-area .process-box .box .box_r p { color:#fff; }
.group-box .equipment-area .process-box .box .box_l ul { position:relative; margin-top:50px; display:flex; gap:10px; }
.group-box .equipment-area .process-box .box .box_l ul:after {content:""; display:block; position:absolute; left:50%; top:-30px; transform:translateX(-50%); width:calc(100% - 19.2%); height:30px; border-radius:10px 10px 0px 0px; border-top:1px dashed #000; border-right:1px dashed #000; border-left:1px dashed #000; }
.group-box .equipment-area .process-box .box .box_l ul > li { position:relative; width:calc((100% - 40px) / 5); }
.group-box .equipment-area .process-box .box .box_l ul > li:after {content:""; display:block; position:absolute; left:50%; top:-30px; transform:translateX(-50%); width:1px; height:30px; border-left:1px dashed #000; }
.group-box .equipment-area .process-box .box .box_l ul > li:first-child:after,
.group-box .equipment-area .process-box .box .box_l ul > li:last-child:after { display:none }
.group-box .equipment-area .process-box .box .box_l ul > li:before {content:""; display:block; padding-bottom:88%; }
.group-box .equipment-area .process-box .box .box_l ul > li .sbox { position:absolute; left:0; top:0; width:100%; height:100%; }
.group-box .equipment-area .process-box .box .box_l ul > li .sbox:after {content:""; display:block; position:absolute; left:50%; top:-6px; z-index:2; transform:translateX(-50%); width:12px; height:12px; border-radius:3px; background:var(--mainColor); }
.group-box .equipment-area .process-box .box .box_l ul > li .sbox:before {content:""; display:block; padding-bottom:88%; }
.group-box .equipment-area .process-box .box .box_l ul > li .sbox img { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; object-fit:cover; -o-object-fit:cover; }
.group-box .equipment-area .process-box .box .box_l ul > li strong { word-break:break-word; position:absolute; left:0; bottom:0; padding:20px; color:#fff; font-size:20px; font-weight:600; line-height:1.3; }
.group-box .equipment-area .process-box .box .box_r ul { margin-top:30px; display:flex; gap:50px; }
.group-box .equipment-area .process-box .box .box_r ul > li { position:relative; width:calc((100% - 50px) / 2); }
.group-box .equipment-area .process-box .box .box_r ul > li:first-child:after {content:""; display:block; position:absolute; right:-40px; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50px; background:#baaea0 url(/img/sub/icon_plus1.svg) center no-repeat; }
.group-box .equipment-area .process-box .box .box_r ul > li:before {content:""; display:block; padding-bottom:100%; }
.group-box .equipment-area .process-box .box .box_r ul > li .sbox { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:150px; border:10px solid rgba(255,255,255,0.2); }
.group-box .equipment-area .process-box .box .box_r ul > li .sbox strong { color:#333; font-size:20px; font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; text-align:center; width:100%; height:100%; background:#fff; border-radius:150px; }
.group-box .equipment-area .arr-box { display:flex; align-items:center; justify-content:center; text-align:center; width:945px; height:310px; margin:0 auto; background:url(/img/sub/equipment_arr.png) center top no-repeat; }
.group-box .equipment-area .arr-box .box { margin-top:4%; padding:0 20px; min-width:135px; height:60px; border-radius:60px; color:#fff; font-size:22px; font-weight:700; line-height:1.0; display:inline-flex; align-items:center; justify-content:center; text-align:center; background:var(--mainColor); }
.group-box .equipment-area .listbox { margin-top:-60px; }
.group-box .equipment-area .listbox > ul { display:flex; gap:8px; padding:20px 0 0; }
.group-box .equipment-area .listbox > ul > li { position:relative; width:calc((100% - 16px) / 3); }
.group-box .equipment-area .listbox > ul > li .box { position:relative; padding:60px; width:100%; border-radius:20px; background:#fff; transition:all 0.5s; }
.group-box .equipment-area .listbox > ul > li .box:before {content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:20px; border:1px solid #ddd; transition:all 0.1s; }
.group-box .equipment-area .listbox > ul > li:hover .box:before { border:2px solid var(--mainColor); width:calc(100% - 2px); height:calc(100% - 2px);  }
.group-box .equipment-area .listbox > ul > li:nth-child(1) { margin-top:0; }
.group-box .equipment-area .listbox > ul > li:nth-child(2) { margin-top:30px; }
.group-box .equipment-area .listbox > ul > li:nth-child(3) { margin-top:60px; }
.group-box .equipment-area .listbox > ul > li:hover .box { transform:translateY(-20px); }
.group-box .equipment-area .listbox > ul > li dt { margin-top:40px; color:#111; font-size:36px; font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.group-box .equipment-area .listbox > ul > li dd { margin-top:30px; font-family:var(--mainFont); color:#666; font-size:20px; font-weight:300; line-height:1.3; letter-spacing:-0.05em;}
.group-box .equipment-area .listbox > ul > li dd p { font-family:var(--mainFont); color:#333; font-size:22px; font-weight:500; line-height:1.3; margin-bottom:10px; }
.group-box .equipment-area .listbox > ul > li .sbox { margin-top:30px; }
.group-box .equipment-area .listbox > ul > li .sbox-1 { display:flex; align-items:center; padding:28px 0 28px 30px; border-radius:20px; background:#f5f5f5; }
.group-box .equipment-area .listbox > ul > li .sbox-1 .txtbox { padding-left:25px; }
.group-box .equipment-area .listbox > ul > li .sbox-1 p { color:#333; font-size:18px; font-weight:600; line-height:1.3; }
.group-box .equipment-area .listbox > ul > li .sbox-1 ul { margin-top:10px; }
.group-box .equipment-area .listbox > ul > li .sbox-1 li:not(:last-child) { margin-bottom:5px; }
.group-box .equipment-area .listbox > ul > li .sbox-1 li { position:relative; padding-left:13px; font-family:var(--mainFont); color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.group-box .equipment-area .listbox > ul > li .sbox-1 li:before {content:""; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; background:#666; border-radius:5px; }
.group-box .equipment-area .listbox > ul > li .sbox-2 { margin-top:40px; }
.group-box .equipment-area .listbox > ul > li .sbox-2 ul { display:flex; gap:10px; align-items:center; justify-content:center; border:1px dashed #000; padding:15px; border-radius:160px;}
.group-box .equipment-area .listbox > ul > li .sbox-2 ul li { position:relative; width:calc((100% - 20px) / 3); }
.group-box .equipment-area .listbox > ul > li .sbox-2 ul li:before {content:""; display:block; padding-bottom:100%; }
.group-box .equipment-area .listbox > ul > li .sbox-2 ul li .circle { position:absolute; left:0; top:0; width:100%; height:100%; font-family:var(--mainFont); color:#333; font-size:20px; font-weight:400; line-height:1.3; border-radius:134px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; text-align:center; }
.group-box .equipment-area .listbox > ul > li .sbox-2 ul li .circle:after {content:""; display:block; position:absolute; right:-20px; top:50%; transform:translateY(-50%); z-index:2; width:30px; height:30px; border-radius:50px; background:#baaea0 url(/img/sub/icon_plus1.svg) center no-repeat; }
.group-box .equipment-area .listbox > ul > li .sbox-2 ul li:last-child .circle:after { display:none }
.group-box .equipment-area .listbox > ul > li .sbox-3 img { border-radius:20px; }
.group-box .synergy-area .txt-box { margin-top:60px; display:flex; align-items:center; }
.group-box .synergy-area .txt-box .stit { display:flex; align-items:center; padding:0 30px; height:60px; background:var(--mainColor); border-radius:60px; }
.group-box .synergy-area .txt-box .stit strong { color:#fff; font-size:22px; font-weight:700; line-height:1.3; }
.group-box .synergy-area .txt-box .txt { padding-left:30px; color:#111; font-size:20px; font-weight:300; line-height:1.3; }
.group-box .synergy-area .synergyCont-1 { overflow:hidden }
.group-box .synergy-area .synergyCont-1 .s-box { display:flex; flex-wrap:wrap; margin-top:30px; }
.group-box .synergy-area .synergyCont-1 .s-box > div { width:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.group-box .synergy-area .synergyCont-1 .box_l { position:relative; padding:30px 50px; }
.group-box .synergy-area .synergyCont-1 .box_l:before {content:""; display:block; position:absolute; left:50%; top:50%; transform:translateY(-50%); height:80%; width:1px; background:var(--mainColor); }
.group-box .synergy-area .synergyCont-1 .box_l .top { position:relative; z-index:1;width:100%; }
.group-box .synergy-area .synergyCont-1 .box_l .top .txt { padding:0 10px; font-family:var(--mainFont); color:#222; font-size:20px; font-weight:600; line-height:1.1; margin:0 auto; max-width:560px; height:60px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:70px; border:1px solid var(--mainColor); background:#fff; }
.group-box .synergy-area .synergyCont-1 .box_l .top .txt span { color:var(--mainColor); font-family:var(--mainFont); }
.group-box .synergy-area .synergyCont-1 .box_l .top .txt:not(:last-child) { margin-bottom:10px; }
.group-box .synergy-area .synergyCont-1 .box_l .circle-box { margin:35px auto; width:400px; height:400px; background:url(/img/sub/synergy_bg.svg) no-repeat center / cover; }
.group-box .synergy-area .synergyCont-1 .box_l .circle-box .txt { position:relative; z-index:3; color:var(--mainColor); font-size:40px; font-weight:700; line-height:1.3; width:100%; height:100%; display:flex; align-items:center; justify-content:center;background:url(/img/sub/synergy_bg1.png) no-repeat center / cover; }
.group-box .synergy-area .synergyCont-1 .box_l .circle-box .txt:before {content:""; display:block; position:absolute; right:-210px; top:0; width:270px; height:100%; background:url(/img/sub/synergy_arr.svg) no-repeat center / cover; background-size:270px auto; }
.group-box .synergy-area .synergyCont-1 .box_l .info-box { position:relative; z-index:1; width:100%; padding:30px; border-radius:20px; border:1px solid var(--mainColor); background:#fff; }
.group-box .synergy-area .synergyCont-1 .box_l .info-box p { text-align:center; font-family:var(--mainFont); color:#222; font-size:20px; font-weight:600; line-height:1.3; }
.group-box .synergy-area .synergyCont-1 .box_l .info-box ul { margin-top:20px; display:flex; gap:0 10px; }
.group-box .synergy-area .synergyCont-1 .box_l .info-box ul li { position:relative; background:#f5f5f5; border-radius:10px; }
.group-box .synergy-area .synergyCont-1 .box_l .info-box ul li img { width:100%; }
.group-box .synergy-area .synergyCont-1 .box_r { background:url(/img/sub/synergy_bg2.svg) no-repeat center / cover; background-size:100% auto }
.group-box .synergy-area .synergyCont-1 .box_r .list { width:100%; }
.group-box .synergy-area .synergyCont-1 .box_r .list.list-b { display:flex; flex-direction:column-reverse; }
.group-box .synergy-area .synergyCont-1 .box_r .list .stit { display:flex; justify-content:center; }
.group-box .synergy-area .synergyCont-1 .box_r .list .stit p { padding:0 30px; height:50px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; font-weight:700; line-height:1.3; background:#baaea0; border-radius:50px; }
.group-box .synergy-area .synergyCont-1 .box_r .list ul { position:relative; margin:45px auto 0; width:100%; max-width:540px; display:flex; gap:20px; padding:10px; border-radius:220px; border:1px dashed #baaea0; } 
.group-box .synergy-area .synergyCont-1 .box_r .list ul:after {content:""; display:block; position:absolute; left:50%; top:-35px; transform:translateX(-50%); z-index:2; width:12px; height:28px; background:url(/img/sub/icon_arr1.svg) center no-repeat; }
.group-box .synergy-area .synergyCont-1 .box_r .list.list-b ul { margin:0 auto 45px; }
.group-box .synergy-area .synergyCont-1 .box_r .list.list-b ul:after { top:unset; bottom:-35px; transform:translateX(-50%) rotate(180deg); }
.group-box .synergy-area .synergyCont-1 .box_r .list ul li { position:relative; width:calc((100% - 40px) / 3); }
.group-box .synergy-area .synergyCont-1 .box_r .list ul li:before {content:""; display:block; padding-bottom:100%; }
.group-box .synergy-area .synergyCont-1 .box_r .list ul li .circle { position:absolute; left:0; top:0; width:100%; height:100%; font-family:var(--mainFont); color:#333; font-size:20px; font-weight:500; line-height:1.4; background:#fff; border-radius:200px; box-shadow:0px 0px 30px 0px rgba(242, 145, 0, 0.20); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.group-box .synergy-area .synergyCont-1 .box_r .list ul li .circle span { font-family:var(--mainFont); font-size:16px; font-weight:500;}
.group-box .synergy-area .synergyCont-1 .box_r .list ul li .circle:after {content:""; display:block; position:absolute; right:-25px; top:50%; transform:translateY(-50%); z-index:2; width:30px; height:30px; border-radius:50px; background:#baaea0 url(/img/sub/icon_plus1.svg) center no-repeat; }
.group-box .synergy-area .synergyCont-1 .box_r .list ul li:last-child .circle:after { display:none }
.group-box .synergy-area .synergyCont-1 .box_r .circle-box { margin:25px 0; width:260px; height:260px; }
.group-box .synergy-area .synergyCont-1 .box_r .circle-box .c { color:#fff; font-size:28px; font-weight:700; line-height:1.57; text-align:center; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.group-box .synergy-area .synergyCont-2 { margin-top:150px; overflow:hidden }
.group-box .synergy-area .synergyCont-2 .status-box { position:relative; margin-top:30px; display:flex; flex-wrap:wrap; gap:0 120px; padding:60px; border-radius:20px; background:#f5f5f5; }
.group-box .synergy-area .synergyCont-2 .status-box:after {content:""; display:block; position:absolute; left:calc(61% + 30px); top:50%; transform:translateY(-50%) rotate(-90deg); z-index:2; width:30px; height:30px; background:url(/img/sub/icon_arr1.svg) center no-repeat; }
.group-box .synergy-area .synergyCont-2 .status-box .box_l { position:relative; width:calc(65% - 60px); display:flex; gap:22px; align-items:center; }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox { width:calc(100% - 315px - 22px); }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list:not(:last-child) { margin-bottom:20px; }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list { position:relative; display:flex; gap:0 30px; padding:30px; border-radius:20px; border:1px solid var(--mainColor); background:#fff; box-shadow:0px 0px 30px 0px rgba(242, 145, 0, 0.30); }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list:after {content:""; display:block; position:absolute; left:-170px; top:50%; width:171px; height:267px; background:url(/img/sub/status_line1.svg) center no-repeat; }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list:nth-child(2):after {content:""; display:block; position:absolute; left:-148px; top:50%; width:149px; height:36px; background:url(/img/sub/status_line2.svg) center no-repeat; }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .imgbox .ibox { position:relative; overflow:hidden; border-radius:10px; }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .imgbox .ibox span { position:absolute; left:0; bottom:0; color:#fff; font-size:18px; font-weight:600; line-height:1.3; border-radius:0px 10px 0px 0px; display:flex; align-items:center; padding:0 20px; height:30px; background:var(--mainColor); }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox li { display:flex; }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox li:not(:last-child) { margin-bottom:10px; }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox li strong { width:80px; color:#333; font-size:18px; font-weight:500; line-height:1.3; }
.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox li span { font-family:var(--mainFont); width:calc(100% - 80px); color:#444; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.05em; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r { width:calc(35% - 60px); padding:40px; display:flex; align-items:center; justify-content:center; flex-direction:column; border-radius:20px; background:#fff; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r p { color:#222; font-size:24px; font-weight:600; line-height:1.3; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 { width:100%; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul { margin-top:30px; display:flex; gap:0 10px; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul li { position:relative; color:#333; font-size:20px; font-weight:400; line-height:1.3; letter-spacing:-0.05em; width:calc((100% - 10px) / 2); display:flex; align-items:center; justify-content:center; text-align:center; height:100px; border-radius:10px; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul li:nth-child(1) { background:#ccc; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul li:nth-child(2) { background:var(--mainColor); color:#fff; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul li:nth-child(1):after {content:""; display:block; position:absolute; right:-20px; top:50%; transform:translateY(-50%); z-index:2; width:30px; height:30px; border-radius:50px; background:#fff url(/img/sub/icon_arr2.svg) center no-repeat; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-2 { width:100%; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-2 ul { margin-top:20px; display:flex; padding:15px; border-radius:130px; border:1px dashed #ccc; background: #fff; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-2 ul li { position:relative; width:25%; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-2 ul li:before {content:""; display:block; padding-bottom:100%; }
.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-2 ul li .circle { color:#666; font-size:18px; font-weight:500; line-height:1.3; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid #eee; border-radius:100px; }
.group-box .synergy-area .synergyCont-2 .effect-box { position:relative; margin-top:60px; padding:165px 0; display:flex; align-items:center; justify-content:center; width:100%; min-height:650px; background:url(/img/sub/synergy_effect.png) center no-repeat; }
.group-box .synergy-area .synergyCont-2 .effect-box:after {content:""; display:block; position:absolute; left:50%; top:-60px; transform:translateX(-50%); width:52px; height:190px; background:url(/img/sub/icon_arr3.svg) center no-repeat; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box { width:100%; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul { position:relative; display:flex; gap:20px; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul:after {content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background:var(--mainColor); }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li { position:relative; z-index:1; width:calc((100% - 80px) / 5); }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:before {content:""; display:block; padding-bottom:100%; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid #ddd; background:#fff; border-radius:350px; overflow:hidden }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .txt-1 { margin-bottom:30px; color:rgba(34,34,34,0.2); font-size:20px; font-weight:700; line-height:1.3; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .txt-2 { margin-top:30px; color:#222; font-size:20px; font-weight:600; line-height:1.3; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over { opacity:0; transition:all 0.4s; margin-top:30px; position:absolute; left:0; top:0;; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over:before {content:""; display:block; opacity:0; transform:scale(0); transition:all 0.4s; position:absolute; left:-1px; top:-1px;; width:calc(100% + 2px); height:calc(100% + 2px); background:#b8afa3; border-radius:350px; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-1 { position:relative; color:#fff; font-size:22px; font-weight:700; line-height:1.54; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-2 { position:relative; margin-top:15px; color:#fff; font-size:18px; font-weight:300; line-height:1.54; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 { position:relative; margin-top:15px; max-width:224px; width:100%; text-align:left }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 ul { position:relative; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 ul:after {content:""; display:block; position:absolute; left:68px; top:0; width:1px; height:100%; background:rgba(255,2555,255,0.2); }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li:not(:last-child) { margin-bottom:10px; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li { display:flex; align-items:center; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .txt { display:block; width:68px; padding-right:10px; color:#fff; font-size:18px; font-weight:300; line-height:1.3; text-align:right; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .barbox { display:flex; align-items:center; width:calc(100% - 68px); }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .barbox .bar { display:inline-block; width:120px; height:15px; background:rgba(255,2555,255,0.5); }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .barbox .txt-p { margin-left:8px; color:#fff; font-size:18px; font-weight:400; line-height:1.3; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li:nth-child(2) .txt { font-weight:700; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li:nth-child(2) .barbox .bar { width:20px; background:rgba(255,2555,255,1); }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li:nth-child(2) .barbox .txt-p { font-size:20px; font-weight:600; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-2 { position:relative; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-2 ul { margin-top:15px; display:flex; gap:10px; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle:hover .over { opacity:1; margin-top:0; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle:hover .over:before { opacity:1; transform:scale(1); }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit { border:none; background:var(--mainColor); overflow:inherit;}
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit strong { color:#fff; font-size:28px; font-weight:700; line-height:1.55; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:after {content:""; display:block; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:14px; height:14px; background:#fff; border:8px solid var(--mainColor); border-radius:30px; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:before {content:""; display:block; position:absolute; right:-15px; top:50%; transform:translateY(-50%); width:14px; height:14px; background:#fff; border:8px solid var(--mainColor); border-radius:30px; }
.group-box .esg-area .listbox > ul { display:flex; flex-wrap:wrap; gap:0 80px; }
.group-box .esg-area .listbox > ul > li { width:calc((100% - 160px) / 3); }
.group-box .esg-area .listbox > ul > li:nth-child(1) { margin-top:120px; }
.group-box .esg-area .listbox > ul > li:nth-child(2) { margin-top:60px; }
.group-box .esg-area .listbox > ul > li .circle-box { position:relative; width:100%; }
.group-box .esg-area .listbox > ul > li .circle-box:before {content:""; display:block; padding-bottom:100%; }
.group-box .esg-area .listbox > ul > li .circle-box .c-box { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#ccc; border-radius:500px; overflow:hidden }
.group-box .esg-area .listbox > ul > li:nth-child(2) .circle-box .c-box { background:#b8afa3; }
.group-box .esg-area .listbox > ul > li:nth-child(3) .circle-box .c-box { background:var(--mainColor); }
.group-box .esg-area .listbox > ul > li .circle-box .c-box dt { margin:20px 0; color:#fff; font-size:60px; font-weight:700; line-height:1.3; }
.group-box .esg-area .listbox > ul > li .circle-box .c-box dd { color:#fff; font-size:20px; font-weight:500; line-height:1.8; }
.group-box .esg-area .listbox > ul > li .infobox { position:relative; margin-top:60px; border-radius:20px; border:1px solid #ccc; background:#fff; padding:50px 30px 40px; }
.group-box .esg-area .listbox > ul > li .infobox:after {content:""; display:block; position:absolute; left:50%; top:-61px; width:1px; height:60px; background:#ccc; }
.group-box .esg-area .listbox > ul > li .infobox:before {content:""; display:block; position:absolute; left:50%; top:-8px; transform:translateX(-50%); width:16px; height:16px; background:#ccc; border-radius:20px; }
.group-box .esg-area .listbox > ul > li .infobox .txtbox { text-align:center; }
.group-box .esg-area .listbox > ul > li .infobox .txtbox dt { color:#aaa; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.05em }
.group-box .esg-area .listbox > ul > li:nth-child(2) .infobox .txtbox dt { color:#b8afa3; }
.group-box .esg-area .listbox > ul > li .infobox .txtbox dd { margin-top:10px; color:#666; font-size:20px; font-weight:300; line-height:1.3; letter-spacing:-0.05em }
.group-box .esg-area .listbox > ul > li .infobox .circle-1 { position:relative; margin:40px auto 45px; width:180px; height:180px; color:#333; font-size:20px; font-weight:500; line-height:1.3; border-radius:100px; border:1px solid #ccc; background:#fff; display:flex; align-items:center; justify-content:center; text-align:center; }
.group-box .esg-area .listbox > ul > li .infobox .circle-1:after {content:""; display:block; position:absolute; left:50%; bottom:-37px; transform:translateX(-50%) rotate(180deg); z-index:2; width:12px; height:28px; background:url(/img/sub/icon_arr1.svg) center no-repeat; }
.group-box .esg-area .listbox > ul > li .infobox .list-1 ul { display:flex; flex-wrap:wrap; gap:10px; }
.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li { width:calc((100% - 10px) / 2); }
.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li .box { color:#666; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; border-radius:10px; background:#f5f5f5; height:183px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li .box strong { display:block; margin-top:10px; color:#222; font-size:36px; font-weight:700; line-height:1.3; }
.group-box .esg-area .listbox > ul > li .infobox .imgbox { margin-top:40px; }
.group-box .esg-area .listbox > ul > li .infobox .imgbox .list:not(:last-child) { margin-bottom:30px; }
.group-box .esg-area .listbox > ul > li .infobox .imgbox .list p { color:#333; font-size:20px; font-weight:500; line-height:1.3; }
.group-box .esg-area .listbox > ul > li .infobox .imgbox .list ul { margin-top:20px; display:flex; gap:10px; }
.group-box .esg-area .listbox > ul > li .infobox .imgbox .list ul li img { width:100%; border-radius:10px; }
.group-box .esg-area .listbox > ul > li .infobox .list-2 .txtbox { padding:30px 0; border-bottom:1px solid #eee; } 
.group-box .esg-area .listbox > ul > li .infobox .list-2 .txtbox dt { color:var(--mainColor); }
.group-box .esg-area .listbox > ul > li .infobox .list-2 .txtbox:first-child { padding-top:0; }
.group-box .esg-area .listbox > ul > li .infobox .list-2 .txtbox:last-child { padding-bottom:0; border-bottom:none }
@media screen and (max-width:1820px){
	.group-box .global-popup.over_1 { top:30% }
	.group-box .global-popup.over_2 { top:36% }
	.group-box .global-popup.over_3 { top:40% }
	.group-box .global-popup.over_4 { top:22% }
	.group-box .global-popup.over_5 { top:14% }
	.group-box .global-popup.over_6 { top:16% }
	.group-box .global-popup.over_7 { top:11% }
	.group-box .global-popup.over_8 { top:42% }
	.group-box .global-popup.over_9 { top:48% }
	.group-box .identity-area .area-box .identityBox .infobox .cont { padding:80px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dd { font-size:50px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list p { width:100px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list ul { width:calc(100% - 100px); }
	.group-box .equipment-area .listbox > ul > li .box { padding:40px; }
	.group-box .synergy-area .synergyCont-1 .box_l .circle-box .txt:before { right:-190px; width:220px; background-size:220px auto; }
	.group-box .synergy-area .synergyCont-2 .status-box { padding:50px; }
	.group-box .synergy-area .synergyCont-2 .status-box:after { left:calc(62% + 15px); }
}
@media screen and (max-width:1790px){
	.group-box .global-popup.over_1:before { width:150px; left:-120px; transform:translateY(-50%) rotate(-30deg); }
	.group-box .global-popup.over_2:before { width:140px; left:-100px; transform:translateY(-50%) rotate(-40deg); }
	.group-box .global-popup.over_3:before { width:180px; left:50%; transform:translate(0, -50%) rotate(-30deg); }
	.group-box .global-popup.over_4:before { width:200px; right:-120px; transform:translateY(-50%) rotate(15deg); }
	.group-box .global-popup.over_5:before { width:200px; right:-140px; transform:translateY(-50%) rotate(40deg); }
	.group-box .global-popup.over_6:before { width:120px; right:-100px; transform:translateY(-50%) rotate(0); }
	.group-box .global-popup.over_7:before { width:100px; right:-85px; transform:translateY(-50%) rotate(0); margin-top:66px; }
	.group-box .global-popup.over_8:before { width:130px; left:-115px; transform:translateY(-50%) rotate(-36deg); }
	.group-box .global-popup.over_9:before { width:120px; right:-80px; transform:translateY(-50%) rotate(-20deg); margin-top:8px; }
}
@media screen and (max-width:1650px){
	.group-box .identity-area .area-box .identityBox .infobox .cont { padding:40px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dd { font-size:44px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box li { height:175px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list p { width:90px; font-size:22px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list ul { width:calc(100% - 90px); }
	.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box li { height:205px; }
	.group-box .overview-area .top .circle-box,
	.group-box .overview-area .top .circle-box-1 { width:480px; height:480px; }
	.group-box .overview-area .listbox > ul > li .txtbox dl { padding:0 30px; }
	.group-box .global-popup.over_6 { top:13% }
	.group-box .global-popup.over_7 { top:7% }
	.group-box .equipment-area .listbox > ul > li .box { padding:30px; }
	.group-box .equipment-area .listbox > ul > li dt { font-size:32px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 { padding:15px 25px; }
	.group-box .equipment-area .listbox > ul > li .sbox-2 { margin-top:40px; }
	.group-box .synergy-area .synergyCont-1 .box_l .circle-box .txt:before { right:-120px; width:150px; background-size:150px auto; }
	.group-box .synergy-area .synergyCont-1 .box_r .list ul { max-width:480px; }
	.group-box .synergy-area .synergyCont-1 .box_r .circle-box { margin:15px 0; width:200px; height:200px; }
	.group-box .synergy-area .synergyCont-2 .status-box { padding:40px; gap:60px; }
	.group-box .synergy-area .synergyCont-2 .status-box:after { left:calc(62% + 15px); }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list { padding:20px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .imgbox .ibox img {  }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l { width:calc(65% - 30px); }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r { width:calc(35% - 30px); } 
}
@media screen and (max-width:1550px){
	.group-box .global-popup.over_1 { top:28% }
	.group-box .global-popup.over_3 { top:38% }
	.group-box .global-popup.over_4 { top:19% }
	.group-box .global-popup.over_5 { top:12% }
	.group-box .global-popup.over_6 { top:11% }
	.group-box .global-popup.over_7 { top:5% }
	.group-box .global-popup.over_8 { top:41% }
	.group-box .global-popup.over_9 { top:40% }
	.group-box .global-popup.over_1:before { width:120px; left:-100px; transform:translateY(-50%) rotate(-40deg); }
	.group-box .global-popup.over_2:before { width:120px; left:-90px; transform:translateY(-50%) rotate(-40deg); }
	.group-box .global-popup.over_3:before { width:150px; transform:translate(0, -50%) rotate(-28deg); margin-top:-20px;}
	.group-box .global-popup.over_4:before { width:150px; right:-80px; transform:translateY(-50%) rotate(15deg); }
	.group-box .global-popup.over_5:before { width:180px; right:-120px; transform:translateY(-50%) rotate(48deg); }
	.group-box .global-popup.over_6:before { width:100px; right:-80px; transform:translateY(-50%) rotate(0); }
	.group-box .global-popup.over_7:before { width:80px; right:-70px; transform:translateY(-50%) rotate(0); margin-top:60px; }
	.group-box .global-popup.over_8:before { width:100px; left:-90px; transform:translateY(-50%) rotate(-36deg); }
	.group-box .global-popup.over_9:before { width:60px; right:-50px; transform:translateY(-50%) rotate(-10deg); margin-top:30px; }
}
@media screen and (max-width:1440px){
	.group-box .identity-area .area-box { padding:120px 0; }
	.group-box .identity-area .area-box .identityBox { gap:60px; }
	.group-box .identity-area .area-box .identityBox > div { width:calc((100% - 60px) / 2); }
	.group-box .identity-area .area-box .identityBox .circle-box .nav ul li a { font-size:32px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont { padding:30px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dt { font-size:19px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dd { margin-top:10px; font-size:36px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .box { margin-top:50px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box ul { gap:10px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box li { width:calc((100% - 10px) / 2); height:162px; font-size:22px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box .logo { width:120px; height:120px; font-size:32px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box .logo:before { width:calc(100% + 30px); height:calc(100% + 30px); }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list:not(:last-child) { margin-bottom:16px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list p { width:90px; font-size:22px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list ul { width:calc(100% - 90px); height:160px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-1 ul { gap:15px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-2 ul { gap:10px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list li span { font-size:19px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-1 li { width:calc((100% - 30px) / 3); }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-2 li { width:calc((100% - 10px) / 2); }
	.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box ul { gap:10px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box li { width:calc((100% - 10px) / 2); height:190px; }
	.group-box .overview-area .top .circle-box,
	.group-box .overview-area .top .circle-box-1 { width:420px; height:420px; }
	.group-box .overview-area .listbox { margin-top:30px; }
	.group-box .overview-area .listbox > ul { gap:10px; }
	.group-box .overview-area .listbox > ul > li { width:calc((100% - 10px) / 4); }
	.group-box .overview-area .listbox > ul > li .txtbox dl { bottom:-40px; padding:0 25px; }
	.group-box .overview-area .listbox > ul > li .txtbox dt { font-size:17px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd { margin-top:8px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd p { font-size:32px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd ul { margin-top:15px; gap:8px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd ul li { font-size:17px; height:45px; padding:0 13px; }
	.group-box .overview-area .listbox > ul > li .box:hover .txtbox dl { bottom:30px; }
	.group-box .global-area { padding-top:30px; }
	.group-box .equipment-area .process-box { margin-top:50px; padding:40px; }
	.group-box .equipment-area .process-box .tit { font-size:24px; }
	.group-box .equipment-area .process-box .box { margin-top:25px; gap:10px; }
	.group-box .equipment-area .process-box .box .box_l { width:calc(69% - 5px); padding:30px 20px; }
	.group-box .equipment-area .process-box .box .box_r { width:calc(31% - 5px); padding:30px 20px; }
	.group-box .equipment-area .process-box .box p { font-size:20px; }
	.group-box .equipment-area .process-box .box .box_l ul { margin-top:40px; gap:5px; }
	.group-box .equipment-area .process-box .box .box_l ul > li { width:calc((100% - 20px) / 5); }
	.group-box .equipment-area .process-box .box .box_l ul > li strong { padding:10px; font-size:19px; }
	.group-box .equipment-area .process-box .box .box_r ul { margin-top:30px; gap:50px; }
	.group-box .equipment-area .process-box .box .box_r ul > li { width:calc((100% - 50px) / 2); }
	.group-box .equipment-area .process-box .box .box_r ul > li .sbox strong { font-size:19px; }
	.group-box .equipment-area .arr-box { width:700px; height:220px; margin:0 auto; background-size:700px auto; }
	.group-box .equipment-area .arr-box .box { margin-top:5%; width:125px; height:50px; font-size:20px; }
	.group-box .equipment-area .listbox { margin-top:-60px; }
	.group-box .equipment-area .listbox > ul { gap:8px; padding:20px 0 0; }
	.group-box .equipment-area .listbox > ul > li { position:relative; width:calc((100% - 16px) / 3); }
	.group-box .equipment-area .listbox > ul > li .box { padding:30px; }
	.group-box .equipment-area .listbox > ul > li:hover .box { transform:translateY(-20px); }
	.group-box .equipment-area .listbox > ul > li dt { margin-top:35px; font-size:28px; }
	.group-box .equipment-area .listbox > ul > li dd { margin-top:25px; font-size:18px; }
	.group-box .equipment-area .listbox > ul > li dd p { font-size:20px; margin-bottom:10px; }
	.group-box .equipment-area .listbox > ul > li .sbox { margin-top:20px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 { padding:20px 10px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 .logo img { width:70px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 .txtbox { padding-left:15px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 p { font-size:17px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 ul { margin-top:5px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 li:not(:last-child) { margin-bottom:5px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 li { padding-left:13px; font-size:17px; }
	.group-box .equipment-area .listbox > ul > li .sbox-2 { margin-top:10px; }
	.group-box .equipment-area .listbox > ul > li .sbox-2 ul li .circle { font-size:18px; }
	.group-box .equipment-area .listbox > ul > li .sbox-3 img { border-radius:20px; max-width:100%; }
	.group-box .synergy-area .txt-box { margin-top:50px; }
	.group-box .synergy-area .txt-box .stit { padding:0 25px; height:55px; }
	.group-box .synergy-area .txt-box .stit strong { font-size:21px; }
	.group-box .synergy-area .txt-box .txt { padding-left:25px; font-size:19px; }
	.group-box .synergy-area .synergyCont-1 .s-box { margin-top:30px; }
	.group-box .synergy-area .synergyCont-1 .box_l { padding:20px 30px; }
	.group-box .synergy-area .synergyCont-1 .box_l .top .txt { font-size:19px; height:55px; }
	.group-box .synergy-area .synergyCont-1 .box_l .circle-box { margin:30px auto; }
	.group-box .synergy-area .synergyCont-1 .box_l .circle-box .txt { font-size:36px; }
	.group-box .synergy-area .synergyCont-1 .box_l .circle-box .txt:before { right:-105px; width:130px; background-size:130px auto; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box { padding:20px 10px; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box p { font-size:19px; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box ul { margin-top:15px; gap:0 5px; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box ul li img { width:100%; }
	.group-box .synergy-area .synergyCont-1 .box_r .list .stit p { padding:0 25px; height:45px; font-size:20px; }
	.group-box .synergy-area .synergyCont-1 .box_r .list ul { margin:40px auto 0; max-width:500px; } 
	.group-box .synergy-area .synergyCont-1 .box_r .list.list-b ul { margin:0 auto 40px; }
	.group-box .synergy-area .synergyCont-1 .box_r .list ul li .circle { font-size:18px; }
	.group-box .synergy-area .synergyCont-1 .box_r .list ul li .circle span { font-size:15px; }
	.group-box .synergy-area .synergyCont-1 .box_r .circle-box { margin:10px 0; width:150px; height:180px; }
	.group-box .synergy-area .synergyCont-1 .box_r .circle-box .c { font-size:23px; }
	.group-box .synergy-area .synergyCont-2 { margin-top:120px; }
	.group-box .synergy-area .synergyCont-2 .status-box { margin-top:30px; gap:80px; padding:40px; }
	.group-box .synergy-area .synergyCont-2 .status-box:after { left:50%; top:50%; margin-top:-20px; transform:translate(0, -50%) rotate(-180deg); }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l { margin:0 auto; width:100%; max-width:1024px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox { width:calc(100% - 315px - 22px); }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list { gap:0 30px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .imgbox .ibox span { font-size:18px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox li strong { width:80px; font-size:18px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox li span { width:calc(100% - 80px); font-size:18px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox li span br { display:none }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r { margin:0 auto; width:100%; max-width:640px; padding:30px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r p { font-size:22px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul { margin-top:25px; gap:0 10px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul li { font-size:19px; width:calc((100% - 10px) / 2); height:90px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-2 ul { margin-top:20px; padding:10px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-2 ul li .circle { font-size:17px; }
	.group-box .synergy-area .synergyCont-2 .effect-box { margin-top:50px; padding:120px 0; min-height:570px; background-size:570px auto; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul { gap:10px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li { width:calc((100% - 40px) / 5); }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .txt-1 { margin-bottom:15px; font-size:19px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .txt-2 { margin-top:20px; font-size:19px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over { margin-top:20px; padding:0 20px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-1 { font-size:19px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-1 br { display:none }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-2 { margin-top:10px; font-size:16px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-2 br { display:none }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 { margin-top:10px; max-width:220px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .txt { font-size:16px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .barbox .txt-p { font-size:16px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li:nth-child(2) .barbox .txt-p { font-size:18px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-2 ul { margin-top:10px; gap:5px; padding:0 15px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-2 ul img { width:100% }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit strong { font-size:23px; line-height:1.4; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:after { left:-6px; width:8px; height:8px; border-width:3px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:before {right:-6px; width:8px; height:8px; border-width:3px; }
	.group-box .esg-area .listbox > ul { gap:0 40px; }
	.group-box .esg-area .listbox > ul > li { width:calc((100% - 80px) / 3); }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box .icon img { width:80px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box dt { margin:20px 0; font-size:46px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box dd { font-size:19px; }
	.group-box .esg-area .listbox > ul > li .infobox { margin-top:50px; padding:40px 20px 30px; }
	.group-box .esg-area .listbox > ul > li .infobox .txtbox dt { font-size:22px; }
	.group-box .esg-area .listbox > ul > li .infobox .txtbox dd { margin-top:10px; font-size:19px; }
	.group-box .esg-area .listbox > ul > li .infobox .circle-1 { margin:20px auto 45px; width:140px; height:140px; font-size:18px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-1 ul { gap:5px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li { width:calc((100% - 5px) / 2); }
	.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li .box { font-size:17px; height:130px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li .box strong { margin-top:10px; font-size:30px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox { margin-top:25px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list:not(:last-child) { margin-bottom:25px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list p { font-size:15px;  }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list ul { margin-top:20px; gap:5px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list ul li img { width:100%; border-radius:10px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-2 .txtbox { padding:20px 0; } 

	.group-box .global-popup:before { display:none }
	.group-box .global-popup.over_1 { margin-left:-10% }
	.group-box .global-popup.over_2 { margin-left:-7% }
	.group-box .global-popup.over_3 { margin-left:-2% }
	.group-box .global-popup.over_4 { margin-left:10% }
	.group-box .global-popup.over_5 { margin-left:5% }
	.group-box .global-popup.over_6 { margin-left:-2% }
	.group-box .global-popup.over_7 { margin-left:4% }
	.group-box .global-popup.over_8 { margin-left:6% }
}
@media screen and (max-width:1200px){
	.group-box .identity-area .area-box { padding:80px 0; }
	.group-box .identity-area .area-box .identityBox { gap:30px; }
	.group-box .identity-area .area-box .identityBox > div { width:calc((100% - 30px) / 2); }
	.group-box .identity-area .area-box .identityBox .circle-box .nav { width:calc(100% - (80px * 2)); height:calc(100% - (80px * 2)); }
	.group-box .identity-area .area-box .identityBox .circle-box .nav ul li a { font-size:24px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont { padding:30px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dt { font-size:18px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dd { margin-top:10px; font-size:26px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .box { margin-top:30px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box ul { gap:5px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box li { width:calc((100% - 5px) / 2); height:135px; font-size:20px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box .logo { width:120px; height:120px; font-size:32px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box .logo:before { width:calc(100% + 20px); height:calc(100% + 20px); }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list:not(:last-child) { margin-bottom:5px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list p { width:70px; font-size:19px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list ul { width:calc(100% - 70px); height:135px; padding:10px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-1 ul { gap:5px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-2 ul { gap:5px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list li span { font-size:16px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-1 li { width:calc((100% - 10px) / 3); }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list-2 li { width:calc((100% - 5px) / 2); }
	.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box ul { gap:5px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box li { width:calc((100% - 5px) / 2); height:152px; padding:0 20px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box li img { max-width:100% }
	.group-box .overview-area .top .circle-box,
	.group-box .overview-area .top .circle-box-1 { width:360px; height:360px; }
	.group-box .overview-area .listbox { margin-top:30px; }
	.group-box .overview-area .listbox > ul { gap:5px; }
	.group-box .overview-area .listbox > ul > li { width:calc((100% - 5px) / 4); }
	.group-box .overview-area .listbox > ul > li .txtbox dl { bottom:-40px; padding:0 20px; }
	.group-box .overview-area .listbox > ul > li .txtbox dt { font-size:16px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd { margin-top:5px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd p { font-size:26px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd ul { margin-top:12px; gap:5px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd ul li { font-size:16px; height:40px; padding:0 10px; }
	.group-box .overview-area .listbox > ul > li .box:hover .txtbox dl { bottom:30px; }
	.group-box .global-area { padding-top:20px; }
	.group-box .equipment-area .process-box { margin-top:40px; padding:20px; }
	.group-box .equipment-area .process-box .tit { font-size:22px; }
	.group-box .equipment-area .process-box .box { margin-top:20px; gap:6px; }
	.group-box .equipment-area .process-box .box .box_l { width:calc(69% - 3px); padding:20px 12px; }
	.group-box .equipment-area .process-box .box .box_r { width:calc(31% - 3px); padding:20px 12px; }
	.group-box .equipment-area .process-box .box p { font-size:19px; }
	.group-box .equipment-area .process-box .box .box_l ul { margin-top:35px; gap:5px; }
	.group-box .equipment-area .process-box .box .box_l ul > li { width:calc((100% - 20px) / 5); }
	.group-box .equipment-area .process-box .box .box_l ul > li strong { padding:5px; font-size:17px; }
	.group-box .equipment-area .process-box .box .box_r ul { margin-top:25px; gap:50px; }
	.group-box .equipment-area .process-box .box .box_r ul > li { width:calc((100% - 50px) / 2); }
	.group-box .equipment-area .process-box .box .box_r ul > li .sbox strong { font-size:16px; }
	.group-box .equipment-area .arr-box { width:600px; height:200px; margin:0 auto; background-size:600px auto; }
	.group-box .equipment-area .arr-box .box { margin-top:5%; width:120px; height:45px; font-size:18px; }
	.group-box .equipment-area .listbox { margin-top:-60px; }
	.group-box .equipment-area .listbox > ul { gap:5px; padding:15px 0 0; }
	.group-box .equipment-area .listbox > ul > li { position:relative; width:calc((100% - 15px) / 3); }
	.group-box .equipment-area .listbox > ul > li .box { padding:20px; }
	.group-box .equipment-area .listbox > ul > li:hover .box { transform:translateY(-20px); }
	.group-box .equipment-area .listbox > ul > li dt { margin-top:25px; font-size:23px; }
	.group-box .equipment-area .listbox > ul > li dd { margin-top:20px; font-size:17px; }
	.group-box .equipment-area .listbox > ul > li dd p { font-size:18px; margin-bottom:8px; }
	.group-box .equipment-area .listbox > ul > li .sbox { margin-top:15px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 { padding:20px 10px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 .logo img { width:60px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 .txtbox { padding-left:10px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 p { font-size:16px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 ul { margin-top:5px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 li:not(:last-child) { margin-bottom:5px; }
	.group-box .equipment-area .listbox > ul > li .sbox-1 li { padding-left:12px; font-size:16px; }
	.group-box .equipment-area .listbox > ul > li .sbox-2 { margin-top:10px; }
	.group-box .equipment-area .listbox > ul > li .sbox-2 ul li .circle { font-size:16px; }
	.group-box .equipment-area .listbox > ul > li .sbox-3 img { border-radius:20px; max-width:100%; }
	.group-box .synergy-area .txt-box { margin-top:40px; }
	.group-box .synergy-area .txt-box .stit { padding:0 20px; height:50px; }
	.group-box .synergy-area .txt-box .stit strong { font-size:21px; }
	.group-box .synergy-area .txt-box .txt { padding-left:20px; font-size:18px; }
	.group-box .synergy-area .synergyCont-1 .s-box { margin-top:25px; }
	.group-box .synergy-area .synergyCont-1 .box_l { padding:20px 30px; }
	.group-box .synergy-area .synergyCont-1 .box_l .top .txt { font-size:18px; height:50px; }
	.group-box .synergy-area .synergyCont-1 .box_l .circle-box { margin:20px auto; width:300px; height:300px; }
	.group-box .synergy-area .synergyCont-1 .box_l .circle-box .txt { font-size:28px; }
	.group-box .synergy-area .synergyCont-1 .box_l .circle-box .txt:before { right:-85px; width:110px; background-size:110px auto; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box { padding:20px 10px; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box p { font-size:18px; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box ul { margin-top:12px; gap:0 5px; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box ul li img { width:100%; }
	.group-box .synergy-area .synergyCont-1 .box_r .list .stit p { padding:0 20px; height:40px; font-size:18px; }
	.group-box .synergy-area .synergyCont-1 .box_r .list ul { margin:40px auto 0; max-width:400px; } 
	.group-box .synergy-area .synergyCont-1 .box_r .list.list-b ul { margin:0 auto 40px; }
	.group-box .synergy-area .synergyCont-1 .box_r .list ul li .circle { font-size:17px; }
	.group-box .synergy-area .synergyCont-1 .box_r .list ul li .circle span { font-size:15px; }
	.group-box .synergy-area .synergyCont-1 .box_r .circle-box { margin:10px 0; width:140px; height:140px; }
	.group-box .synergy-area .synergyCont-1 .box_r .circle-box .c { font-size:20px; }
	.group-box .synergy-area .synergyCont-2 { margin-top:80px; }
	.group-box .synergy-area .synergyCont-2 .status-box:after { margin-top:0; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list { gap:0 20px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .imgbox .ibox span { font-size:17px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox li strong { font-size:17px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox li span { font-size:17px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r { padding:20px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r p { font-size:20px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul { margin-top:20px; gap:0 10px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul li { font-size:18px; height:85px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-2 ul { margin-top:15px; padding:10px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-2 ul li .circle { font-size:16px; }
	.group-box .synergy-area .synergyCont-2 .effect-box { margin-top:50px; padding:80px 0; min-height:500px; background-size:500px auto; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul { gap:10px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li { width:calc((100% - 40px) / 5); }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .icon img { width:45px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .txt-1 { margin-bottom:10px; font-size:19px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .txt-2 { margin-top:20px; font-size:19px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over { margin-top:20px; padding:0 20px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-1 { font-size:17px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-2 { margin-top:8px; font-size:15px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 { margin-top:8px; max-width:220px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .txt { font-size:16px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .barbox .txt-p { font-size:16px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li:nth-child(2) .barbox .txt-p { font-size:17px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-2 ul { padding:0 12px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit strong { font-size:21px; line-height:1.4; }
	.group-box .esg-area .listbox > ul { gap:0 30px; }
	.group-box .esg-area .listbox > ul > li { width:calc((100% - 60px) / 3); }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box .icon img { width:60px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box dt { margin:15px 0; font-size:38px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box dd { font-size:18px; }
	.group-box .esg-area .listbox > ul > li .infobox { margin-top:40px; padding:30px 10px 20px; }
	.group-box .esg-area .listbox > ul > li .infobox .txtbox dt { font-size:20px; }
	.group-box .esg-area .listbox > ul > li .infobox .txtbox dd { margin-top:8px; font-size:17px; }
	.group-box .esg-area .listbox > ul > li .infobox .circle-1 { margin:20px auto 45px; width:130px; height:130px; font-size:17px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li .box { font-size:16px; height:120px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li .box strong { margin-top:10px; font-size:26px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox { margin-top:20px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list:not(:last-child) { margin-bottom:20px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list p { font-size:15px;  }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list ul { margin-top:15px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list ul li img { width:100%; border-radius:10px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-2 .txtbox { padding:15px 0; } 

	.group-box .global-popup.over_1 { margin-left:-6% }
	.group-box .global-popup.over_2 { margin-left:-3% }
	.group-box .global-popup.over_3 { margin-left:-2% }
	.group-box .global-popup.over_4 { margin-left:6% }
	.group-box .global-popup.over_5 { margin-left:1% }
	.group-box .global-popup.over_6 { margin-left:-6% }
	.group-box .global-popup.over_7 { margin-left:0% }
	.group-box .global-popup.over_8 { margin-left:2% }
	.group-box .global-popup.over_9 { margin-left:0% }
}
@media screen and (max-width:1024px){
	.group-box .identity-area .area-box { padding:80px 0; }
	.group-box .identity-area .area-box .identityBox { gap:20px; }
	.group-box .identity-area .area-box .identityBox > div { width:100%; }
	.group-box .identity-area .area-box .identityBox .circle-box { max-width:400px; margin:0 auto; }
	.group-box .identity-area .area-box .identityBox .circle-box .nav { width:calc(100% - (50px * 2)); height:calc(100% - (50px * 2)); }
	.group-box .identity-area .area-box .identityBox .infobox:before { display:none }
	.group-box .identity-area .area-box .identityBox .infobox .cont-box { position:relative; left:0; top:0; transform:translate(0, 0); width:100%; height:auto; border-radius:10px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont { position:relative; display:none }
	.group-box .identity-area .area-box .identityBox .infobox .cont.active { padding:30px; display:block }
	.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dd { min-height:66px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box li,
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list ul,
	.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box li { height:120px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box li,
	.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box li { border-radius:10px; }
	.group-box .overview-area .top .circle-box,
	.group-box .overview-area .top .circle-box-1 { width:320px; height:320px; }
	.group-box .overview-area .listbox { margin-top:30px; }
	.group-box .overview-area .listbox > ul { gap:5px; flex-wrap:wrap; }
	.group-box .overview-area .listbox > ul > li { width:calc((100% - 5px) / 2); }
	.group-box .overview-area .listbox > ul > li:nth-child(1) { transform:translateX(-50%) rotate(-5deg); z-index:1 } 
	.group-box .overview-area .listbox > ul > li:nth-child(2) { left:unset; right:50%; transform:translateX(50%) rotate(-10deg); }
	.group-box .overview-area .listbox > ul > li:nth-child(3) { left:50%; right:unset; transform:translateX(-50%) rotate(-5deg);} 
	.group-box .overview-area .listbox > ul.active > li:nth-child(2) { left:unset; right:0 } 
	.group-box .overview-area .listbox > ul.active > li:nth-child(3) { left:0 } 
	.group-box .overview-area .listbox > ul > li .txtbox dl { bottom:30px; padding:0 20px; }
	.group-box .overview-area .listbox > ul > li .txtbox dt { font-size:16px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd { margin-top:5px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd p { font-size:26px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd ul { margin-top:12px; gap:5px; opacity:1; }
	.group-box .overview-area .listbox > ul > li .txtbox dd ul li { font-size:16px; height:40px; padding:0 10px; }
	.group-box .overview-area .listbox > ul > li .box { border-radius:10px; }
	.group-box .overview-area .listbox > ul > li .box:hover .txtbox dl { bottom:0; }
	.group-box .overview-area .listbox > ul.active > li .box:hover,
	.group-box .overview-area .listbox > ul.active > li .box:hover .box:hover { margin-top:0; }
	.group-box .overview-area .listbox > ul.active > li:nth-child(2n) .box:hover { margin-top:30px; }
	.group-box .overview-area .listbox > ul > li .box:hover .txtbox dl { bottom:30px; }
	.group-box .global-area { padding-top:0; }
	.group-box .equipment-area .process-box { margin-top:40px; padding:20px; border-radius:10px; }
	.group-box .equipment-area .process-box .tit { font-size:22px; }
	.group-box .equipment-area .process-box .box { margin-top:20px; gap:6px; }
	.group-box .equipment-area .process-box .box .box_l { width:100%; padding:20px 12px; border-radius:10px; }
	.group-box .equipment-area .process-box .box .box_r { margin:0 auto; width:460px; padding:20px 12px; border-radius:10px; }
	.group-box .equipment-area .process-box .box .box_l:after { left:50%; top:unset; bottom:-23px; transform:translate(-50%, 0); width:40px; height:40px; }
	.group-box .equipment-area .arr-box { width:360px; height:200px; margin:0 auto; background-size:360px auto; }
	.group-box .equipment-area .listbox { margin-top:-20px; }
	.group-box .equipment-area .listbox > ul { gap:10px; padding:0; flex-wrap:wrap; }
	.group-box .equipment-area .listbox > ul > li { position:relative; width:100%; }
	.group-box .equipment-area .listbox > ul > li .box { padding:20px; border-radius:10px; }
	.group-box .equipment-area .listbox > ul > li .box:before { border-radius:10px; }
	.group-box .equipment-area .listbox > ul > li:hover .box { transform:translateY(0); }
	.group-box .equipment-area .listbox > ul > li .sbox { margin-top:15px; border-radius:10px; }
	.group-box .equipment-area .listbox > ul > li .sbox-3 img { border-radius:10px; max-width:100%; }
	.group-box .equipment-area .listbox > ul > li:nth-child(1),
	.group-box .equipment-area .listbox > ul > li:nth-child(2),
	.group-box .equipment-area .listbox > ul > li:nth-child(3) { margin-top:0; }
	.group-box .synergy-area .txt-box { margin-top:40px; flex-wrap:wrap; }
	.group-box .synergy-area .txt-box .txt { padding-left:0; margin-top:10px; width:100%; }
	.group-box .synergy-area .synergyCont-1 .s-box { margin-top:25px; }
	.group-box .synergy-area .synergyCont-1 .s-box > div { width:100%; max-width:760px; margin:0 auto; }
	.group-box .synergy-area .synergyCont-1 .s-box .box_r { max-width:640px; padding:50px 0 }
	.group-box .synergy-area .synergyCont-1 .box_l { padding:20px 30px; }
	.group-box .synergy-area .synergyCont-1 .box_l:after {content:""; display:block; position:absolute; left:50%; bottom:-90px; transform:translateX(-50%) rotate(90deg); width:150px; height:40px; background:url(/img/sub/synergy_arr.svg) no-repeat center / cover; background-size:150px auto; }
	.group-box .synergy-area .synergyCont-1 .box_l .circle-box .txt:before { display:none }
	.group-box .synergy-area .synergyCont-1 .box_r { margin-top:160px !important; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box { border-radius:10px; }
	.group-box .synergy-area .synergyCont-2 { margin-top:80px; }
	.group-box .synergy-area .synergyCont-2 .status-box { padding:20px; border-radius:10px; }
	.group-box .synergy-area .synergyCont-2 .status-box:after { display:none; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l { position:relative; flex-wrap:wrap; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .map { width:100%; max-width:400px; margin:0 auto; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .map img { max-width:100%; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox { width:100%; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .imgbox .ibox img { width:150px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list { border-radius:10px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list:after,
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list:nth-child(2):after { display:none }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l:after {content:""; display:block; position:absolute; left:50%; top:unset; bottom:-50px; transform:translate(-50%, 0) rotate(0deg); z-index:2; width:30px; height:30px; background:url(/img/sub/icon_arr1.svg) center no-repeat; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r { border-radius:10px; }
	.group-box .synergy-area .synergyCont-2 .effect-box { margin-top:50px; padding:100px 0 0; min-height:auto; background:none; }
	.group-box .synergy-area .synergyCont-2 .effect-box:after { top:-50px; width:35px; height:140px; background-size:35px auto; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul { gap:10px; flex-wrap:wrap; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li { width:100%; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:before { display:none; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle { margin:0; position:relative; width:100%; height:auto; border:none; background:none; border-radius:0; gap:0 20px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box { width:200px; height:200px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid #ddd; background:#fff; border-radius:350px; overflow:hidden }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle:hover .over { position:relative; opacity:1; margin-top:0 !important; text-align:left; align-items:flex-start; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle:hover { margin:0 !important; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over { width:calc(100% - 200px - 20px); height:auto; padding:30px 20px; border:1px solid var(--mainColor); border-radius:10px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over:before { opacity:1; transform:scale(1); background:none; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-1 { color:#111 }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-2 { color:#666 }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .txt,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .barbox .txt-p,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li:nth-child(2) .barbox .txt-p { color:#666 }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .barbox .bar { background:rgba(0,0,0,0.3); }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li:nth-child(2) .barbox .bar { background:rgba(0,0,0,0.8); }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:hover,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit { width:100%; height:160px; border-radius:10px; background: linear-gradient(180deg, #F29100 50%, #F29100 100%); }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit strong { font-size:21px; line-height:1.4; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul:after,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:after,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:before { display:none }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(1) { order:2; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(2) { order:3; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(3) { order:1; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(4) { order:4; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(5) { order:5; }
	.group-box .esg-area .listbox > ul > li .infobox { border-radius:10px; }

	.group-box .gmCont svg { display:none }
	.group-box .map-list { margin-top:30px; }
}
@media screen and (max-width:860px){
	.group-box .esg-area .listbox > ul { gap:20px; }
	.group-box .esg-area .listbox > ul > li { width:100%; margin:0 !important }
	.group-box .esg-area .listbox > ul > li .circle-box { margin:0 auto; width:300px; height:300px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box .icon img { width:60px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box dt { margin:15px 0; font-size:38px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box dd { font-size:18px; }
	.group-box .esg-area .listbox > ul > li .infobox { margin-top:40px; padding:30px 10px 20px; }
	.group-box .esg-area .listbox > ul > li .infobox .txtbox dt { font-size:20px; }
	.group-box .esg-area .listbox > ul > li .infobox .txtbox dd { margin-top:8px; font-size:17px; }
	.group-box .esg-area .listbox > ul > li .infobox .circle-1 { margin:20px auto 45px; width:130px; height:130px; font-size:17px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li .box { font-size:16px; height:120px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-1 ul li .box strong { margin-top:10px; font-size:26px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox { margin-top:20px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list:not(:last-child) { margin-bottom:20px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list p { font-size:15px;  }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list ul { margin-top:15px; }
	.group-box .esg-area .listbox > ul > li .infobox .imgbox .list ul li img { width:100%; border-radius:10px; }
	.group-box .esg-area .listbox > ul > li .infobox .list-2 .txtbox { padding:15px 0; } 
}

@media screen and (max-width:640px){
	.group-box .identity-area .area-box { padding:40px 0; }
	.group-box .identity-area .area-box .identityBox { gap:10px; }
	.group-box .identity-area .area-box .identityBox .circle-box .nav { width:calc(100% - (30px * 2)); height:calc(100% - (30px * 2)); }
	.group-box .identity-area .area-box .identityBox .infobox .cont.active { padding:20px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont > dl > dd { min-height:60px; font-size:20px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .box { margin-top:10px }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box li,
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list ul,
	.group-box .identity-area .area-box .identityBox .infobox .cont .customer-box li { height:100px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .synergy-box li { font-size:18px; }
	.group-box .identity-area .area-box .identityBox .infobox .cont .portfolio-box .list p { font-size:18px; }
	.group-box .overview-area .top .circle-box,
	.group-box .overview-area .top .circle-box-1 { width:300px; height:300px; }
	.group-box .overview-area .listbox { margin-top:20px; }
	.group-box .overview-area .listbox > ul > li .txtbox dl { bottom:10px; padding:0 10px; }
	.group-box .overview-area .listbox > ul > li .txtbox dt { font-size:15px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd { margin-top:5px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd p { font-size:22px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd ul { margin-top:10px; }
	.group-box .overview-area .listbox > ul > li .txtbox dd ul li { font-size:15px; height:32px; padding:0 8px; }
	.group-box .overview-area .listbox > ul > li .box:hover .txtbox dl { bottom:10px; }
	.group-box .overview-area .listbox > ul > li:nth-child(2n) .box,
	.group-box .overview-area .listbox > ul.active > li:nth-child(2n) .box:hover { margin-top:20px; }
	.group-box .overview-area .listbox > ul > li .box:hover .txtbox dl { bottom:10px; }
	.group-box .global-area { padding-top:0; }
	.group-box .equipment-area .process-box { margin-top:30px; padding:20px; }
	.group-box .equipment-area .process-box .tit { font-size:20px; }
	.group-box .equipment-area .process-box .box { margin-top:15px; gap:6px; }
	.group-box .equipment-area .process-box .box p  { font-size:17px; }
	.group-box .equipment-area .process-box .box .box_l { width:100%; padding:20px 12px; border-radius:10px; }
	.group-box .equipment-area .process-box .box .box_l ul { margin-top:20px; flex-wrap:wrap; }
	.group-box .equipment-area .process-box .box .box_l ul > li { width:calc((100% - 5px) / 2); }
	.group-box .equipment-area .process-box .box .box_l ul:after,
	.group-box .equipment-area .process-box .box .box_l ul > li:after,
	.group-box .equipment-area .process-box .box .box_l ul > li .sbox:after { display:none }
	.group-box .equipment-area .process-box .box .box_l ul > li strong { padding:10px; }
	.group-box .equipment-area .process-box .box .box_r ul { margin-top:10px; }
	.group-box .equipment-area .arr-box { width:360px; height:200px; margin:0 auto; background-size:360px auto; }
	.group-box .equipment-area .listbox { margin-top:-20px; }
	.group-box .equipment-area .listbox > ul > li .icon img { width:50px; }
	.group-box .equipment-area .listbox > ul > li dt { margin-top:20px; font-size:20px; }
	.group-box .equipment-area .listbox > ul > li dd p { margin-top:5px; font-size:17px; }
	.group-box .synergy-area .txt-box { margin-top:30px; }
	.group-box .synergy-area .txt-box .stit { height:40px; }
	.group-box .synergy-area .txt-box .stit strong { font-size:19px; }
	.group-box .synergy-area .txt-box .txt { font-size:17px; }
	.group-box .synergy-area .synergyCont-1 .s-box { margin-top:20px; }
	.group-box .synergy-area .synergyCont-1 .s-box > div { max-width:760px; margin:0 auto; }
	.group-box .synergy-area .synergyCont-1 .s-box .box_r { max-width:640px; padding:50px 0 0 }
	.group-box .synergy-area .synergyCont-1 .box_l { padding:20px 0; }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box ul { flex-wrap:wrap; gap:5px }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box li { width:calc((100% - 10px) / 3); }
	.group-box .synergy-area .synergyCont-1 .box_l .info-box li img { max-width:100%; }
	.group-box .synergy-area .synergyCont-1 .box_r { margin-top:130px !important; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list { flex-wrap:wrap; gap:15px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .imgbox,
	.group-box .synergy-area .synergyCont-2 .status-box .box_l .listbox .list .txtbox { width:100% }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r { border-radius:10px; padding:10px; }
	.group-box .synergy-area .synergyCont-2 .status-box .box_r .list-1 ul li { font-size:16px; }
	.group-box .synergy-area .synergyCont-2 .effect-box { margin-top:40px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle { gap:10px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box { width:150px; height:150px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .icon img { width:35px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .txt-1 { font-size:15px; margin-bottom:5px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .box .txt-2 { font-size:17px; margin-top:5px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over { width:calc(100% - 150px - 10px); padding:20px 15px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-1,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .stxt-2 { font-size:16px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .txt,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li .barbox .txt-p,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle .over .list-1 li:nth-child(2) .barbox .txt-p { font-size:15px;}
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:hover,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit { height:120px; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit strong { font-size:19px; line-height:1.4; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul:after,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:after,
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li .circle.tit:before { display:none }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(1) { order:2; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(2) { order:3; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(3) { order:1; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(4) { order:4; }
	.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li:nth-child(5) { order:5; }
	.group-box .esg-area .listbox > ul > li .circle-box { width:240px; height:240px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box .icon img { width:50px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box dt { margin:8px 0; font-size:30px; }
	.group-box .esg-area .listbox > ul > li .circle-box .c-box dd { font-size:17px; line-height:1.3}
	.group-box .esg-area .listbox > ul > li .infobox { margin-top:30px; padding:20px 10px; }
	.group-box .esg-area .listbox > ul > li .infobox .txtbox dt { font-size:19px; }
	.group-box .esg-area .listbox > ul > li .infobox .txtbox dd { margin-top:5px; font-size:16px; }
}

/* animation */
.group-box .overview-area .top .circle-box,
.group-box .overview-area .top .circle-box-1 { opacity:0; }
.group-box .overview-area .top.subOn .circle-box,
.group-box .overview-area .top.subOn .circle-box-1 { animation:ani_5 0.8s 0.5s; animation-fill-mode:both; } 
.group-box .global-box .gmCont { opacity:0; }
.group-box .global-box.subOn .gmCont { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
.group-box .global-box .mapCont .p-box { opacity:0; }
.group-box .global-box.subOn .mapCont .p-box:nth-child(1) { animation:ani_5 0.8s 0.7s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(2) { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(3) { animation:ani_5 0.8s 1.3s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(4) { animation:ani_5 0.8s 1.6s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(5) { animation:ani_5 0.8s 1.9s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(6) { animation:ani_5 0.8s 2.1s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(7) { animation:ani_5 0.8s 2.4s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(8) { animation:ani_5 0.8s 2.7s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(9) { animation:ani_5 0.8s 3.0s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(10) { animation:ani_5 0.8s 3.3s; animation-fill-mode:both; } 
.group-box .global-box.subOn .mapCont .p-box:nth-child(11) { animation:ani_5 0.8s 3.6s; animation-fill-mode:both; } 
.group-box .global-box.subOn .bg-txt svg { animation:txt_marquee 100s 0.5s infinite linear; }
.group-box .equipment-area .process-box { opacity:0; }
.group-box .equipment-area .process-box.subOn { animation:ani_4 0.7s 0.1s; animation-fill-mode:both; }
.group-box .equipment-area .arr-box { opacity:0; }
.group-box .equipment-area .arr-box.subOn { animation:ani_4 0.7s 0.1s; animation-fill-mode:both; }
.group-box .equipment-area .listbox { opacity:0; }
.group-box .equipment-area .listbox.subOn { animation:ani_4 0.7s 0.1s; animation-fill-mode:both; }
.group-box .synergy-area .synergyCont-1 .box_l { opacity:0; }
.group-box .synergy-area .synergyCont-1 .box_l.subOn { animation:ani_1 0.7s 0.1s; animation-fill-mode:both; }
.group-box .synergy-area .synergyCont-1 .box_r { opacity:0; }
.group-box .synergy-area .synergyCont-1 .box_r.subOn { animation:ani_2 0.7s 0.5s; animation-fill-mode:both; }
.group-box .synergy-area .synergyCont-2 .status-box { opacity:0; }
.group-box .synergy-area .synergyCont-2 .status-box.subOn { animation:ani_4 0.7s 0.1s; animation-fill-mode:both; }
.group-box .synergy-area .synergyCont-2 .effect-box { opacity:0; }
.group-box .synergy-area .synergyCont-2 .effect-box.subOn { animation:ani_4 0.7s 0.1s; animation-fill-mode:both; }
.group-box .synergy-area .synergyCont-2 .effect-box .e-box > ul > li { opacity:0; }
.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(1) { animation:ani_2 0.8s 1.0s; animation-fill-mode:both; }
.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(2) { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; z-index:3 }  
.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(3) { animation:ani_5 0.8s 0.3s; animation-fill-mode:both; z-index:9 }
.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(4) { animation:ani_1 0.8s 0.6s; animation-fill-mode:both; z-index:3 }
.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(5) { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }  
.group-box .esg-area .listbox > ul > li { opacity:0; }
.group-box .esg-area .listbox > ul > li.subOn:nth-child(1) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
.group-box .esg-area .listbox > ul > li.subOn:nth-child(2) { animation:ani_4 1.0s 0.6s; animation-fill-mode:both; } 
.group-box .esg-area .listbox > ul > li.subOn:nth-child(3) { animation:ani_4 1.0s 0.9s; animation-fill-mode:both; } 

@media screen and (max-width:1024px){
	.group-box .synergy-area .synergyCont-1 .box_l.subOn { animation:ani_4 0.7s 0.1s; animation-fill-mode:both; }
	.group-box .synergy-area .synergyCont-1 .box_r.subOn { animation:ani_4 0.7s 0.5s; animation-fill-mode:both; }
	.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(1) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
	.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(2) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; z-index:3 }  
	.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(3) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; z-index:9 }
	.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(4) { animation:ani_4 0.8s 1.2s; animation-fill-mode:both; z-index:3 }
	.group-box .synergy-area .synergyCont-2 .effect-box.subOn .e-box > ul > li:nth-child(5) { animation:ani_4 0.8s 1.5s; animation-fill-mode:both; }  
}


/* animation */
@keyframes rotate1 {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes rotate2 {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(-360deg); }
}

.workplace-box { position:relative;  }
.workplace-box:before { content:""; display:block; position:absolute; left:0; top:-200px; width:100%; height:950px; background:url(/img/sub/workplace_bg.png) no-repeat center top / cover; }
@media screen and (max-width:1440px){
    .workplace-box:before { top:-150px; } 
}
@media screen and (max-width:1024px){
    .workplace-box:before { top:-100px; } 
}
@media screen and (max-width:640px){
    .workplace-box:before { top:-50px; } 
}

.corporate-box .top { background: linear-gradient(180deg, rgba(245, 245, 245, 0.00) 0%, #F5F5F5 100%); padding-bottom:200px; }
.corporate-box .top .title .txt { line-height:1.8 !important }
.corporate-box .top .txtbox { position:relative; z-index:3; display:flex; flex-wrap:wrap; margin-top:65px; }
.corporate-box .top .txtbox .l_box { }
.corporate-box .top .txtbox .l_box .box { position:relative; }
.corporate-box .top .txtbox .l_box .box:before {content:""; display:block; position:absolute; left:-3px; top:50%; transform:translateY(-50%) rotate(-90deg); width:7px; height:12px; background:url(/img/sub/corporate_arr.svg) center center no-repeat }
.corporate-box .top .txtbox .l_box .box:after {content:""; display:block; position:absolute; right:-3px; top:50%; transform:translateY(-50%) rotate(90deg); width:7px; height:12px; background:url(/img/sub/corporate_arr.svg) center center no-repeat }
.corporate-box .top .txtbox .l_box .box ul { position:relative; padding:20px; border:2px dashed #000; border-radius:300px; display:flex; justify-content:space-between; }
.corporate-box .top .txtbox .l_box .box ul:before {content:""; display:block; position:absolute; left:calc(50% - 3px); top:-7px; width:7px; height:12px; background:url(/img/sub/corporate_arr.svg) center center no-repeat }
.corporate-box .top .txtbox .l_box .box ul:after {content:""; display:block; position:absolute; left:calc(50% - 3px); bottom:-7px; transform:rotate(180deg); width:7px; height:12px; background:url(/img/sub/corporate_arr.svg) center center no-repeat }
.corporate-box .top .txtbox .l_box .box ul li { transition:all 1.0s; }
.corporate-box .top .txtbox .l_box .box ul li .txt { font-family:var(--mainFont); color:#fff; font-size:22px; font-weight:600; line-height:1.3; width:180px; height:180px; text-align:center; display:flex; align-items:center; justify-content:center; background:var(--mainColor); border-radius:300px; }
.corporate-box .top .txtbox .l_box .box ul li:nth-child(2) { margin:0 -20px; }
.corporate-box .top .txtbox .l_box .box ul li:nth-child(2) .txt { background:#baaea0; }
.corporate-box .top .txtbox .l_box .box ul li:nth-child(3) .txt { background:#b6b3af; }
.corporate-box .top .txtbox .l_box .txt_b { text-align:center; margin-top:10px; color:#222; font-size:20px; font-weight:700; line-height:1.3; }
.corporate-box .top .txtbox .r_box { padding-left:45px; margin-top:15px; }
.corporate-box .top .txtbox .r_box .box { padding:40px; border-radius:20px; background:#f5f5f5; }
.corporate-box .top .txtbox .r_box .box dt { color:#333; font-size:20px; font-weight:700; line-height:1.3; }
.corporate-box .top .txtbox .r_box .box dd { color:#333; font-size:20px; font-weight:700; line-height:1.3; }
.corporate-box .top .txtbox .r_box .box dd ul { margin-top:15px; }
.corporate-box .top .txtbox .r_box .box dd li:not(:last-child) { margin-bottom:10px; }
.corporate-box .top .txtbox .r_box .box dd li { position:relative; padding-left:13px; font-family:var(--mainFont); color:#666; font-size:20px; font-weight:400; line-height:1.3; }
.corporate-box .top .txtbox .r_box .box dd li:before {content:""; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#666; border-radius:5px; }
.corporate-box .top .chart-box { margin-top:-10%; }
.corporate-box .top .chart-box svg { width:100%; }
.corporate-box .top .chart-box .txt-1 { color:var(--mainColor); fill:var(--mainColor); font-size:18px; font-weight:600;  }
.corporate-box .top .chart-box .txt-2 { color:#333; fill:#333; font-size:18px; font-weight:500; }
.corporate-box .top .chart-box .txt-3 { font-family:var(--mainFont); color:#333; fill:#333; font-size:18px; font-weight:700;  }
.corporate-box .top .chart-box .txt-4 { font-family:var(--mainFont); color:#999; fill:#999; font-size:17px; font-weight:300;  }
.corporate-box .top .chart-box .circle1 { transform-box:content-box; transform-origin:center; visibility:inherit; animation:circle1 1s linear infinite; }
.corporate-box .historyCont { position:relative; display:flex; }
.corporate-box .historyCont .nav { position:sticky; top:0; width:70px; height:100vh; padding-bottom:45px; display:flex; align-items:flex-end; margin-left:-70px;}
.corporate-box .historyCont .nav li:not(:last-child) { margin-bottom:10px; }
.corporate-box .historyCont .nav li a { color:#aaa; font-size:18px; font-weight:600; line-height:1.3; transition:all 0.3s; text-transform:uppercase; }
.corporate-box .historyCont .nav li.active a { color:#111; font-size:20px; }
.corporate-box .historyCont .history-list { width:100%; }
.corporate-box .historyCont .history-list .yearbox:not(:last-child) { margin-bottom:250px; }
.corporate-box .historyCont .history-list .yearbox { display:flex; flex-wrap:wrap; overflow:hidden }
.corporate-box .historyCont .history-list .yearbox .infobox { width:43.5%; padding-right:150px; }
.corporate-box .historyCont .history-list .yearbox .infobox h4 { color:#ccc; font-size:150px; font-weight:600; line-height:1.3; transition:all 0.3s; }
.corporate-box .historyCont .history-list .yearbox.active .infobox h4 { color:#111; }
.corporate-box .historyCont .history-list .yearbox .listbox { width:calc(100% - 43.5%); margin-top:1% }
.corporate-box .historyCont .history-list .yearbox .listbox > ul { border-top:1px solid #eee; }
.corporate-box .historyCont .history-list .yearbox .listbox > ul > li { border-bottom:1px solid #eee; padding:30px 0; }
.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dt { color:#333; font-size:20px; font-weight:500; line-height:1.3; }
.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd { margin-top:10px; }
.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd p:not(:last-child) { margin-bottom:10px; }
.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd p { font-family:var(--mainFont); color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd ul { margin-top:25px; display:flex; flex-wrap:wrap; gap:10px; }
@media screen and (max-width:1800px){
	.corporate-box .historyCont { padding-left:70px }
}
@media screen and (max-width:1600px){
	.corporate-box .historyCont .history-list .yearbox .infobox { padding-right:120px; }
	.corporate-box .historyCont .history-list .yearbox .infobox h4 { font-size:136px; }
}
@media screen and (max-width:1440px){
	.corporate-box .top { padding-bottom:150px; }
	.corporate-box .top .txtbox { margin-top:50px; }
	.corporate-box .top .txtbox .l_box .box ul { padding:20px; border:2px dashed #000; }
	.corporate-box .top .txtbox .l_box .box ul li .txt { font-size:21px; width:160px; height:160px; }
	.corporate-box .top .txtbox .l_box .txt_b { margin-top:10px; font-size:19px; }
	.corporate-box .top .txtbox .r_box { padding-left:40px; margin-top:15px; }
	.corporate-box .top .txtbox .r_box .box { padding:30px; }
	.corporate-box .top .txtbox .r_box .box dt,
	.corporate-box .top .txtbox .r_box .box dd { font-size:19px; }
	.corporate-box .top .txtbox .r_box .box dd ul { margin-top:13px; }
	.corporate-box .top .txtbox .r_box .box dd li:not(:last-child) { margin-bottom:10px; }
	.corporate-box .top .txtbox .r_box .box dd li { padding-left:13px; font-size:19px; }
	.corporate-box .top .txtbox .r_box .box dd li:before { top:11px; }
	.corporate-box .top .chart-box .txt-1,
	.corporate-box .top .chart-box .txt-2 { font-size:22px; }
	.corporate-box .historyCont .nav { width:70px; padding-bottom:45px; margin-left:-70px;}
	.corporate-box .historyCont .nav li:not(:last-child) { margin-bottom:10px; }
	.corporate-box .historyCont .nav li a { font-size:18px; }
	.corporate-box .historyCont .nav li.active a { font-size:20px; }
	.corporate-box .historyCont .history-list .yearbox:not(:last-child) { margin-bottom:180px; }
	.corporate-box .historyCont .history-list .yearbox .infobox { width:34%; padding-right:80px; }
	.corporate-box .historyCont .history-list .yearbox .infobox h4 { font-size:105px; }
	.corporate-box .historyCont .history-list .yearbox .listbox { width:calc(100% - 34%); }
}
@media screen and (max-width:1024px){
	.corporate-box .top { padding-bottom:100px; }
	.corporate-box .top .txtbox { margin-top:30px; }
	.corporate-box .top .txtbox .l_box .box ul { padding:10px; border-width:1px; }
	.corporate-box .top .txtbox .l_box .box ul li .txt { font-size:20px; width:150px; height:150px; }
	.corporate-box .top .txtbox .l_box .txt_b { font-size:18px; }
	.corporate-box .top .txtbox .r_box { padding-left:30px; margin-top:10px; }
	.corporate-box .top .txtbox .r_box .box { padding:20px 30px; border-radius:10px; }
	.corporate-box .top .txtbox .r_box .box dt,
	.corporate-box .top .txtbox .r_box .box dd { font-size:17px; }
	.corporate-box .top .txtbox .r_box .box dd ul { margin-top:13px; }
	.corporate-box .top .txtbox .r_box .box dd li:not(:last-child) { margin-bottom:10px; }
	.corporate-box .top .txtbox .r_box .box dd li { padding-left:11px; font-size:17px; }
	.corporate-box .top .txtbox .r_box .box dd li:before { top:9px; width:2px; height:2px; }
	.corporate-box .top .chart-box .txt-1,
	.corporate-box .top .chart-box .txt-2 { font-size:22px; }
	.corporate-box .historyCont .nav { padding-bottom:40px;}
	.corporate-box .historyCont .nav li:not(:last-child) { margin-bottom:8px; }
	.corporate-box .historyCont .nav li a { font-size:16px; }
	.corporate-box .historyCont .nav li.active a { font-size:18px; }
	.corporate-box .historyCont .history-list .yearbox:not(:last-child) { margin-bottom:120px; }
	.corporate-box .historyCont .history-list .yearbox .infobox { padding-right:50px; }
	.corporate-box .historyCont .history-list .yearbox .infobox h4 { font-size:85px; }
	.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dt { font-size:18px; }
	.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd { margin-top:5px; }
	.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd p:not(:last-child) { margin-bottom:5px; }
	.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd p { font-size:16px; }
	.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd ul { margin-top:18px; gap:5px; }
}
@media screen and (max-width:960px){
	.corporate-box .top .chart-box .scroll-box { overflow:auto; padding-bottom:15px; }
	.corporate-box .top .chart-box svg { width:1000px; height:auto }
}
@media screen and (max-width:860px){
	.corporate-box .historyCont .history-list .yearbox .infobox,
	.corporate-box .historyCont .history-list .yearbox .listbox { width:100%; }
	.corporate-box .historyCont .history-list .yearbox .infobox { padding-right:0; }
}
@media screen and (max-width:760px){
	.corporate-box .top .txtbox { gap:30px; }
	.corporate-box .top .txtbox .l_box,
	.corporate-box .top .txtbox .r_box { max-width:640px; margin:0 auto; padding:0; }
}
@media screen and (max-width:640px){
	.corporate-box .top { padding-bottom:60px; }
	.corporate-box .top .txtbox .l_box .box ul li .txt { font-size:16px; width:125px; height:125px; }
	.corporate-box .historyCont .nav { padding-bottom:30px;}
	.corporate-box .historyCont .nav li:not(:last-child) { margin-bottom:5px; }
	.corporate-box .historyCont .history-list .yearbox:not(:last-child) { margin-bottom:60px; }
	.corporate-box .historyCont .history-list .yearbox .infobox h4 { font-size:65px; }
	.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd ul li { width:calc((100% - 10px) / 3); }
	.corporate-box .historyCont .history-list .yearbox .listbox > ul > li dd ul li img { max-width:100%; }
}

/* animation */
.corporate-box .top .txtbox .l_box .box ul li:nth-child(2) { margin-left:-180px; }
.corporate-box .top .txtbox .l_box .box ul li:nth-child(3) { margin-left:-180px; }
.corporate-box .top.subOn .txtbox .l_box .box ul li:nth-child(2) { margin-left:-20px; }
.corporate-box .top.subOn .txtbox .l_box .box ul li:nth-child(3) { margin-left:0; }
.corporate-box .top .txtbox .r_box { opacity:0; }
.corporate-box .top.subOn .txtbox .r_box { animation:ani_2 1s 0.9s; animation-fill-mode:both; }
.corporate-box .top .chart-box .p-box { opacity:0; }
.corporate-box .top .chart-box.subOn .p1 { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.corporate-box .top .chart-box.subOn .p2 { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.corporate-box .top .chart-box.subOn .p3 { animation:ani_2 0.8s 1.1s; animation-fill-mode:both; }
.corporate-box .top .chart-box.subOn .p4 { animation:ani_2 0.8s 1.4s; animation-fill-mode:both; }
.corporate-box .top .chart-box.subOn .p5 { animation:ani_2 0.8s 1.7s; animation-fill-mode:both; }
.corporate-box .top .chart-box.subOn .p6 { animation:ani_2 0.8s 2.0s; animation-fill-mode:both; }
.corporate-box .top .chart-box.subOn .p7 { animation:ani_2 0.8s 2.3s; animation-fill-mode:both; }
.corporate-box .top .chart-box .barMask { width:0; }
.corporate-box .top .chart-box.subOn .barMask { animation:ani_w 1.0s 0.1s linear; animation-fill-mode:both; }
.corporate-box .historyCont .history-list .yearbox .listbox { opacity:0; }
.corporate-box .historyCont .history-list .yearbox.over .listbox { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:760px){
	.corporate-box .top .txtbox .l_box .box ul li:nth-child(2) { margin-left:-20px; }
	.corporate-box .top .txtbox .l_box .box ul li:nth-child(3) { margin-left:0; }
	.corporate-box .top .txtbox .l_box { opacity:0; }
	.corporate-box .top.subOn .txtbox .l_box { animation:ani_4 1s 0.2s; animation-fill-mode:both; }
	.corporate-box .top.subOn .txtbox .r_box { animation:ani_4 1s 0.5s; animation-fill-mode:both; }
}

@keyframes circle1 {
  to {
    transform:scale(2.8);
    opacity:0;
  }
}


.img-list .listbox > ul { display:flex; flex-wrap:wrap; gap:80px 40px; }
.img-list .listbox > ul > li { width:calc((100% - 120px) / 4); }
.img-list .listbox > ul > li .imgbox { transition:all 0.3s; position:relative; border:1px solid #eee; background:#fff; border-radius:20px; }
.img-list .listbox > ul > li:hover .imgbox { border:1px solid var(--mainColor); }
.img-list .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:133.5%; }
.img-list .listbox > ul > li .imgbox img,
.img-list .listbox > ul > li .imgbox svg { position:absolute; left:50%; top:50%; z-index:3; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); }
.img-list .listbox > ul > li .imgbox img { width:calc(100% - 80px); height:calc(100% - 80px); }
.img-list .listbox > ul > li .imgbox:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); width:calc(100% - 80px); height:calc(100% - 80px); background:#f5f5f5; border-radius:10px; }
.img-list .listbox > ul > li .imgbox .view { transition:all 0.3s; opacity:0; z-index:5; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:70px; height:70px; border-radius:70px; }
.img-list .listbox > ul > li .imgbox .view:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:var(--mainColor); background:url(/img/sub/btn_view.svg) center no-repeat;  }
.img-list .listbox > ul > li .imgbox .view:before { transition:all 0.3s; opacity:0; content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0.2); width:100%; height:100%; background:var(--mainColor); border-radius:70px; }
.img-list .listbox > ul > li:hover .imgbox .view { opacity:1; }
.img-list .listbox > ul > li:hover .imgbox .view:before { opacity:1; transform:translate(-50%, -50%) scale(1.00); }
.img-list .listbox > ul > li .txtbox { text-align:center }
.img-list .listbox > ul > li .txtbox h4 { margin-top:20px; color:#222; font-size:22px; font-weight:500; line-height:1.5; }
@media screen and (max-width:1560px){
	.img-list .listbox > ul { gap:70px 20px; }
	.img-list .listbox > ul > li { width:calc((100% - 60px) / 4); }
	.img-list .listbox > ul > li .txtbox h4 { font-size:20px; }
}
@media screen and (max-width:1200px){
	.img-list .listbox > ul { gap:60px 15px; }
	.img-list .listbox > ul > li { width:calc((100% - 45px) / 4); }
	.img-list .listbox > ul > li .txtbox h4 { margin-top:15px; font-size:19px; }
}
@media screen and (max-width:1024px){
	.img-list .listbox > ul { gap:50px 10px; }
	.img-list .listbox > ul > li { width:calc((100% - 20px) / 3); }
	.img-list .listbox > ul > li .imgbox { border-radius:10px; }
	.img-list .listbox > ul > li .imgbox:after { width:calc(100% - 40px); height:calc(100% - 40px);  border-radius:5px; }
	.img-list .listbox > ul > li .imgbox img { width:calc(100% - 40px); height:calc(100% - 40px); }
	.img-list .listbox > ul > li .imgbox .view { width:50px; height:50px; }
	.img-list .listbox > ul > li .imgbox .view:after { background-size:15px auto }
	.img-list .listbox > ul > li .txtbox h4 { margin-top:10px; font-size:18px; }
}
@media screen and (max-width:640px){
	.img-list .listbox > ul { gap:40px 5px; }
	.img-list .listbox > ul > li { width:calc((100% - 5px) / 2); }
	.img-list .listbox > ul > li .imgbox:after,
	.img-list .listbox > ul > li .imgbox img { width:calc(100% - 20px); height:calc(100% - 20px); }
	.img-list .listbox > ul > li .txtbox h4 { font-size:17px; }
}

/* animation */
.img-list .listbox { opacity:0; }
.img-list .listbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }

.imglist-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.imglist-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.imglist-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.imglist-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; padding:30px 50px; background-color:#fff; border:none; border-radius:20px; }
.imglist-pop .pop-body .txtbox { color:#111; font-size:24px; font-weight:700; line-height:1.3; text-align:center; }
.imglist-pop .pop-body .txtbox h4 { font-weight:700; display:none }
.imglist-pop .pop-body .imgbox img { height:100vh; max-height:680px; }
.imglist-pop .pop-body .imgbox .svg { height:auto; padding:160px 100px; }
.imglist-pop .pop-body .btn_close { position:absolute; right:20px; top:20px; cursor:pointer; transition:all 0.5s; }
.imglist-pop .pop-body .btn_close span { position:relative; width:24px; height:24px; display:block }
.imglist-pop .pop-body .btn_close span:before { content:""; display:block; width:20px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.imglist-pop .pop-body .btn_close span:after { content:""; display:block; width:20px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.imglist-pop .pop-body .btn_close:hover { transform:rotate(-180deg);}
@media screen and (max-width:1280px){
	.imglist-pop .pop-body { padding:20px 6px; border-radius:10px; }
	.imglist-pop .pop-body .txtbox { font-size:20px; }
	.imglist-pop .pop-body .imgbox { padding:0 40px; }
	.imglist-pop .pop-body .imgbox img { height:auto; max-height:510px; }
	.imglist-pop .pop-body .btn_close { right:20px; top:20px; }
}
@media screen and (max-width:1024px){
	.imglist-pop .pop-body .txtbox h4 br { display:block }
}
@media screen and (max-width:760px){
	.imglist-pop .pop-body { left:20px; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); padding:20px 6px; border-radius:7px; }
	.imglist-pop .pop-body .txtbox { font-size:18px; }
	.imglist-pop .pop-body .imgbox { padding:0 30px; text-align:center; }
	.imglist-pop .pop-body .imgbox img { height:auto; max-height:80%; max-width:100% }
}
@media screen and (max-height:800px){
	.imglist-pop .pop-body .imgbox img { height:auto; max-height:80%; max-width:100%; }
}
@media screen and (max-height:720px){
	.imglist-pop .pop-body { padding:20px 6px; border-radius:7px; }
	.imglist-pop .pop-body .txtbox { font-size:20px; }
	.imglist-pop .pop-body .imgbox { padding:0 40px; }
	.imglist-pop .pop-body .imgbox img { max-width:100%; }
	.imglist-pop .pop-body .btn_close { right:20px; top:20px; }
}

.equipment-box .tabmenu { margin-top:-90px; }

/* product */
.product-list .listbox > ul { display:flex; flex-wrap:wrap; gap:8px; }
.product-list .listbox > ul > li { position:relative; width:calc((100% - 16px) / 3); border-radius:20px; border:1px solid #eee; padding:100px 84px 60px; transition:all 0.3s; }
.product-list .listbox > ul > li .imgbox { position:relative; }
.product-list .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:55%; }
.product-list .listbox > ul > li .imgbox img { position:absolute; left:50%; top:50%; z-index:3; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); max-width:100%; height:auto;  object-fit:cover; -o-object-fit:cover; }
.product-list .listbox > ul > li .txtbox { text-align:center; margin-top:108px; min-height:62px; }
.product-list .listbox > ul > li .txtbox .txt { color:#999; font-size:18px; font-weight:600; line-height:1.3; }
.product-list .listbox > ul > li .txtbox h4 { margin-top:10px; color:#222; font-size:22px; font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.product-list .listbox > ul > li:hover { border:1px solid var(--mainColor); }
.product-list .listbox > ul > li .view { transition:all 0.3s; opacity:0; z-index:5; display:block; position:absolute; right:30px; bottom:30px; width:70px; height:70px; border-radius:70px; border:none }
.product-list .listbox > ul > li .view:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:var(--mainColor); background:url(/img/sub/icon_plus2.svg) center no-repeat;  }
.product-list .listbox > ul > li .view:before { transition:all 0.3s; opacity:0; content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0.2); width:100%; height:100%; background:var(--mainColor); border-radius:70px; }
.product-list .listbox > ul > li:hover .view { opacity:1; }
.product-list .listbox > ul > li:hover .view:before { opacity:1; transform:translate(-50%, -50%) scale(1.00); }
@media screen and (max-width:1720px){
	.product-list .listbox > ul > li { padding:100px 60px 60px; }
}
@media screen and (max-width:1440px){
	.equipment-box .tabmenu { margin-top:-70px; }
	.product-list .listbox > ul > li { padding:80px 40px 50px; }
	.product-list .listbox > ul > li .txtbox { margin-top:80px; }
	.product-list .listbox > ul > li .txtbox .txt { font-size:17px; }
	.product-list .listbox > ul > li .txtbox h4 { margin-top:5px; font-size:21px; }
	.product-list .listbox > ul > li .view { transition:all 0.3s; opacity:0; z-index:5; display:block; position:absolute; right:30px; bottom:30px; width:70px; height:70px; border-radius:70px; }
	.product-list .listbox > ul > li .view:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:var(--mainColor); background:url(/img/sub/icon_plus2.svg) center no-repeat;  }
	.product-list .listbox > ul > li .view:before { transition:all 0.3s; opacity:0; content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0.2); width:100%; height:100%; background:var(--mainColor); border-radius:70px; }
	.product-list .listbox > ul > li:hover .view { opacity:1; }
	.product-list .listbox > ul > li:hover .view:before { opacity:1; transform:translate(-50%, -50%) scale(1.00); }
}
@media screen and (max-width:1200px){
	.product-list .listbox > ul > li { padding:80px 20px 50px; }
}
@media screen and (max-width:1024px){
	.equipment-box .tabmenu { margin-top:-50px; }
	.product-list .listbox > ul { gap:5px; }
	.product-list .listbox > ul > li { padding:50px 20px 40px; width:calc((100% - 5px) / 2); border-radius:10px; }
	.product-list .listbox > ul > li .txtbox { margin-top:50px; min-height:55px; }
	.product-list .listbox > ul > li .txtbox .txt { font-size:16px; }
	.product-list .listbox > ul > li .txtbox h4 { font-size:20px; }
	.product-list .listbox > ul > li .view { right:20px; bottom:20px; width:50px; height:50px; }
	.product-list .listbox > ul > li .imgbox .view:after { background-size:12px auto }
}
@media screen and (max-width:640px){
	.equipment-box .tabmenu { margin-top:-20px; }
	.product-list .listbox > ul > li { padding:30px 5px 20px; }
	.product-list .listbox > ul > li .txtbox { padding:30px 5px 0; margin:0; min-height:auto; }
	.product-list .listbox > ul > li .txtbox .txt { font-size:16px; }
	.product-list .listbox > ul > li .txtbox h4 { font-size:18px; }
	.product-list .listbox > ul > li .view { right:10px; bottom:10px; }
}

.product-view .detail-top { display:flex; flex-wrap:wrap; gap:20px; overflow:hidden; }
.product-view .detail-top > div { width:calc((100% - 20px) / 2); }
.product-view .detail-top .l_box { overflow:hidden; position:relative; }
.product-view .detail-top .l_box .slick-slider { position:relative; height:100%; }
.product-view .detail-top .l_box .slick-slider:before { content:""; display:block; padding-bottom:100%; }
.product-view .detail-top .l_box .slick-slider .slick-list { position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%, -50%); width:100%; height:100%; }
.product-view .detail-top .l_box .imgbox { position:relative; height:100%; }
.product-view .detail-top .l_box .imgbox:before { content:""; display:block; padding-bottom:100%; }
.product-view .detail-top .l_box .imgbox img { position:absolute; left:50%; top:50%; z-index:3; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); max-width:100%; height:auto; object-fit:cover; -o-object-fit:cover; }
.product-view .detail-top .l_box .slick-slide li { padding:0 125px; height:100% !important;  }
.product-view .detail-top .l_box .slick-dots { position:absolute; left:0; bottom:0; z-index:3; width:100%; text-align:center; display:flex; gap:15px; align-items:center; justify-content:center; }
.product-view .detail-top .l_box .slick-dots button { width:10px; height:10px; background:#ddd; border-radius:10px; outline:none; text-indent:-9999em; border:none }
.product-view .detail-top .l_box .slick-dots .slick-active button { background:var(--mainColor); }
.product-view .detail-top .r_box { background:#f5f5f5 url(/img/sub/product_detail_bg1.svg) 80% bottom no-repeat; background-size:80% auto; border-radius:20px; padding:120px; }
.product-view .detail-top .r_box .tit .stit { color:var(--mainColor); font-size:18px; font-weight:700; line-height:1.3; }
.product-view .detail-top .r_box .tit h4 { margin-top:20px; color:#111; font-size:60px; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.product-view .detail-top .r_box .listbox { margin-top:60px; }
.product-view .detail-top .r_box .listbox > ul > li:not(:last-child) { margin-bottom:10px; }
.product-view .detail-top .r_box .listbox > ul > li { padding:27px 50px; border-radius:15px; background:#fff; }
.product-view .detail-top .r_box .listbox > ul > li .sbox { display:flex; flex-wrap:wrap; justify-content:space-between; }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_l { color:#333; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.05em }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r { text-align:right; }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r li:not(:last-child) { margin-bottom:10px; }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r li { font-family:var(--mainFont); color:#666; font-size:20px; font-weight:400; line-height:1.3; letter-spacing:-0.05em }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list { width:100%; margin-top:15px; }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list p:not(:last-child) { margin-bottom:10px; }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list p { position:relative; padding-left:13px; font-family:var(--mainFont); color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list p:before {content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background:#aaa; border-radius:5px; }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li:not(:last-child) { margin-bottom:10px; }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li { position:relative; padding-left:13px; font-family:var(--mainFont); color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li:before {content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background:#aaa; border-radius:5px; }
.product-view .detail-top .r_box .listbox-1 { margin-top:20px; }
.product-view .detail-top .r_box .listbox-1 > ul > li { padding:27px 40px; }
.product-view .detail-top .r_box .listbox-1 > ul > li .sbox { justify-content:flex-start; }
.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_l { width:155px; font-size:18px; }
.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_r { width:calc(100% - 155px); text-align:left; }
.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_r li { font-size:18px; }
.product-view .btn { display:flex; margin-top:80px; } 
.product-view .btn-r { justify-content:flex-end; }
.product-view .btn-c { justify-content:center; }
@media screen and (max-width:1720px){
	.product-view .detail-top .l_box .slick-slide li { padding:0 115px; }
	.product-view .detail-top .r_box { padding:100px; }
}
@media screen and (max-width:1440px){
	.product-view .detail-top .l_box .slick-slide li { padding:0 80px; }
	.product-view .detail-top .r_box { padding:80px; }
	.product-view .detail-top .r_box .tit .stit { font-size:17px; }
	.product-view .detail-top .r_box .tit h4 { margin-top:18px; font-size:48px; }
	.product-view .detail-top .r_box .listbox { margin-top:50px; }
	.product-view .detail-top .r_box .listbox > ul > li { padding:24px 30px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_l,
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r li { font-size:19px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list { margin-top:12px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li:not(:last-child) { margin-bottom:10px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li { font-size:17px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li:before { top:10px; }
	.product-view .detail-top .r_box .listbox-1 { margin-top:15px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li { padding:24px 25px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_l { width:150px; font-size:17px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_r { width:calc(100% - 150px); }
	.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_r li { font-size:17px; }
	.product-view .btn { margin-top:60px; } 
}
@media screen and (max-width:1200px){
	.product-view .detail-top { gap:10px; }
	.product-view .detail-top > div { width:calc((100% - 10px) / 2); }
	.product-view .detail-top .l_box .slick-slide li { padding:0 30px; }
	.product-view .detail-top .r_box { padding:30px; }
	.product-view .detail-top .r_box .tit .stit { font-size:16px; }
	.product-view .detail-top .r_box .tit h4 { margin-top:15px; font-size:36px; }
	.product-view .detail-top .r_box .listbox { margin-top:40px; }
	.product-view .detail-top .r_box .listbox > ul > li { padding:16px 20px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_l,
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r li { font-size:18px; }
	.product-view .detail-top .r_box .listbox > ul > li:not(:last-child),
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r li:not(:last-child) { margin-bottom:8px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list { margin-top:10px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li:not(:last-child) { margin-bottom:8px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li { padding-left:10px; font-size:16px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li:before { top:8px; }
	.product-view .detail-top .r_box .listbox-1 { margin-top:12px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li { padding:16px 18px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_l { width:150px; font-size:16px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_r { width:calc(100% - 150px); }
	.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_r li { font-size:16px; }
	.product-view .btn { margin-top:50px; } 
}
@media screen and (max-width:1024px){
	.product-view .detail-top .l_box { max-width:640px; margin:0 auto; }
	.product-view .detail-top > div { width:100%; }
	.product-view .detail-top .l_box .slick-slide li { padding:0 20px; }
	.product-view .detail-top .r_box { padding:20px; margin-top:20px; border-radius:10px; }
	.product-view .detail-top .r_box .tit .stit { font-size:15px; }
	.product-view .detail-top .r_box .tit h4 { margin-top:10px; font-size:28px; }
	.product-view .detail-top .r_box .listbox { margin-top:30px; }
	.product-view .detail-top .r_box .listbox > ul > li { padding:12px 15px; border-radius:8px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_l,
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r li { font-size:17px; }
	.product-view .detail-top .r_box .listbox > ul > li:not(:last-child),
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r li:not(:last-child) { margin-bottom:5px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_list li:before { width:2px; height:2px; }
	.product-view .detail-top .r_box .listbox-1 { margin-top:10px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li { padding:12px 15px; }
	.product-view .btn { margin-top:40px; } 
}
@media screen and (max-width:640px){
	.product-view .detail-top .l_box .slick-slide li { padding:0 10px; }
	.product-view .detail-top .r_box .tit h4 { margin-top:8px; font-size:22px; }
	.product-view .detail-top .r_box .listbox { margin-top:20px; }
	.product-view .detail-top .r_box .listbox > ul > li { padding:12px 15px; border-radius:8px; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_l,
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r li { font-size:17px; }
	.product-view .detail-top .r_box .listbox > ul > li:not(:last-child),
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r li:not(:last-child) { margin-bottom:5px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_l { width:100%; font-size:15px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_r { width:100%; margin-top:5px; }
	.product-view .detail-top .r_box .listbox-1 > ul > li .sbox .txt_r li { font-size:15px; }
	.product-view .btn { margin-top:30px; } 
}
@media screen and (max-width:500px){
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_l,
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r { width:100%; text-align:left; }
	.product-view .detail-top .r_box .listbox > ul > li .sbox .txt_r { margin-top:5px; }
}

/* animation */
.product-view .detail-top .l_box,
.product-view .detail-top .r_box { opacity:0 }
.product-view .detail-top.subOn .l_box { animation:bgs3 0.5s 0.3s; animation-fill-mode:both; }
.product-view .detail-top.subOn .r_box { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.product-view .detail-top.subOn .r_box { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
}

.product-view .product-tab { margin-top:200px; display:flex; justify-content:center; position:sticky; top:0; z-index:5 }
.product-view .product-tab .tabmenu { margin:0; }
.product-view .product-tab .tabmenu li { width:300px; }
.product-view .discription-box { margin-top:100px; }
.product-view .discription-box .txtbox .txt { margin-top:60px; font-family:var(--mainFont); color:#333; font-size:20px; font-weight:300; line-height:1.6; }
.product-view .discription-box .txtbox .txt * { font-family:var(--mainFont); }
.product-view .process-box .pCont { margin-top:60px; display:flex; overflow:hidden; }
.product-view .process-box .pCont .listbox { width:36.62%; }
.product-view .process-box .pCont .listbox > ul { display:flex; flex-wrap:wrap; gap:10px; }
.product-view .process-box .pCont .listbox > ul > li { width:calc((100% - 30px) / 4); position:relative; }
.product-view .process-box .pCont .listbox > ul > li:before { content:""; display:block; padding-bottom:100%; }
.product-view .process-box .pCont .listbox > ul > li .box { position:absolute; left:0; top:0; width:100%; height:100%; }
.product-view .process-box .pCont .listbox > ul > li .box a { display:block; padding:16% 5px 0 15%; width:100%; height:100%; transition:all 0.3s; border-radius:10px; background:#f5f5f5; }
.product-view .process-box .pCont .listbox > ul > li .box.bg a { background:#baaea0; }
.product-view .process-box .pCont .listbox > ul > li .box a:hover,
.product-view .process-box .pCont .listbox > ul > li .box.bg a:hover,
.product-view .process-box .pCont .listbox > ul > li.active .box a { background:var(--mainColor); }
.product-view .process-box .pCont .listbox > ul > li .box dt { color:rgba(34, 34, 34, 0.2); font-size:18px; font-weight:700; line-height:1.3; }
.product-view .process-box .pCont .listbox > ul > li .box dd { margin-top:10px; color:#111; font-size:20px; font-weight:700; line-height:1.3; }
.product-view .process-box .pCont .pView { width:calc(100% - 36.62% - 60px); margin-left:60px; position:relative; }
.product-view .process-box .pCont .pView:before { content:""; display:block; padding-bottom:45.63%; }
.product-view .process-box .pCont .pView .pbox { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; opacity:0; visibility:hidden; transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s; }
.product-view .process-box .pCont .pView .pbox.active { opacity:1; visibility:visible; z-index:2; transition:opacity 0.3s ease-in-out, visibility 0s; }
.product-view .process-box .pCont .pView .pbox .imgbox { display:flex; flex-wrap:wrap; gap:10px; overflow:hidden; } 
.product-view .process-box .pCont .pView .pbox .imgbox .ibox { width:calc((100% - 10px) / 2); position:relative; }
.product-view .process-box .pCont .pView .pbox .imgbox .ibox:before { content:""; display:block; margin-bottom:92.15%; }
.product-view .process-box .pCont .pView .pbox .imgbox .ibox img { border-radius:20px; position:absolute; left:50%; top:50%; z-index:3; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product-view .process-box .pCont .pView.pi1 .pbox .imgbox .ibox { width:100%; }
.product-view .process-box .pCont .pView.pi1 .pbox .imgbox .ibox:before { margin-bottom:39.8%; }
.product-view .process-box .pCont .pView.pi3 .pbox .imgbox { display:grid; grid-template-columns:calc(33.8% - 5px) calc(33.8% - 5px) calc(32% - 5px); }
.product-view .process-box .pCont .pView.pi3 .pbox .imgbox .ibox:nth-child(1) { grid-area: 1 / 1 / span 2 / span 2; }
.product-view .process-box .pCont .pView.pi3 .pbox .imgbox .ibox { width:100%; }
.product-view .process-box .pCont .pView.pi3 .pbox .imgbox .ibox:nth-child(1):before { margin-bottom:67.14%; }
.product-view .process-box .pCont .pView.pi3 .pbox .imgbox .ibox:nth-child(2):before,
.product-view .process-box .pCont .pView.pi3 .pbox .imgbox .ibox:nth-child(3):before { margin-bottom:48.93%; }
.product-view .process-box-1 .pCont .listbox { width:27.9%; }
.product-view .process-box-1 .pCont .pView { width:calc(100% - 27.9% - 60px); }
.product-view .process-box-1 .pCont .listbox > ul > li { width:calc((100% - 30px) / 3); }
.product-view .process-box-1 .pCont .pView:before { padding-bottom:39.8%; }
.product-view .process-box-1 .pCont .pView .pbox .imgbox .ibox:before { margin-bottom:80.4%; }
@media screen and (max-width:1440px){
	.product-view .product-tab { margin-top:160px; }
	.product-view .discription-box { margin-top:80px; }
	.product-view .discription-box .txtbox .txt { margin-top:50px; font-size:19px; }
	.product-view .process-box .pCont { margin-top:50px; }
	.product-view .process-box .pCont .listbox { width:32% }
	.product-view .process-box .pCont .listbox > ul { gap:10px; }
	.product-view .process-box .pCont .listbox > ul > li { width:calc((100% - 30px) / 3); }
	.product-view .process-box .pCont .listbox > ul > li .box a { padding:14% 5px 0 14%; }
	.product-view .process-box .pCont .listbox > ul > li .box dt { font-size:17px; }
	.product-view .process-box .pCont .listbox > ul > li .box dd { margin-top:8px; font-size:19px; }
	.product-view .process-box .pCont .pView { width:calc(100% - 32% - 30px); margin-left:30px; }
}
@media screen and (max-width:1200px){
	.product-view .product-tab { margin-top:130px; }
	.product-view .discription-box { margin-top:60px; }
	.product-view .discription-box .txtbox .txt { margin-top:40px; font-size:18px; }
	.product-view .process-box .pCont { margin-top:40px; }
	.product-view .process-box .pCont .listbox { width:32% }
	.product-view .process-box .pCont .listbox > ul { gap:5px; }
	.product-view .process-box .pCont .listbox > ul > li { width:calc((100% - 15px) / 3); }
	.product-view .process-box .pCont .listbox > ul > li .box a { padding:14% 8px 0 8%; border-radius:5px; }
	.product-view .process-box .pCont .listbox > ul > li .box dt { font-size:16px; }
	.product-view .process-box .pCont .listbox > ul > li .box dd { margin-top:5px; font-size:18px; }
	.product-view .process-box .pCont .pView { width:calc(100% - 32% - 30px); margin-left:20px; }
	.product-view .process-box .pCont .pView .pbox .imgbox { gap:5px; } 
	.product-view .process-box .pCont .pView .pbox .imgbox .ibox { width:calc((100% - 5px) / 2); }
	.product-view .process-box .pCont .pView.pi3 .pbox .imgbox { grid-template-columns:calc(33.8% - 2.5px) calc(33.8% - 2.5px) calc(32% - 2.5px); }
}
@media screen and (max-width:1024px){
	.product-view .product-tab { margin-top:100px; }
	.product-view .discription-box { margin-top:50px; }
	.product-view .discription-box .txtbox .txt { margin-top:30px; font-size:17px; }
	.product-view .process-box .pCont { margin-top:30px; flex-wrap:wrap; }
	.product-view .process-box .pCont .listbox { width:100% }
	.product-view .process-box .pCont .listbox > ul { gap:5px; }
	.product-view .process-box .pCont .listbox > ul > li { width:calc((100% - 25px) / 6); }
	.product-view .process-box .pCont .listbox > ul > li .box a { padding:14% 8px 0 10%; }
	.product-view .process-box .pCont .listbox > ul > li .box dt { font-size:15px; }
	.product-view .process-box .pCont .listbox > ul > li .box dd { font-size:17px; }
	.product-view .process-box .pCont .pView { width:100%; margin:20px 0 0; }
	.product-view .process-box .pCont .pView .pbox .imgbox .ibox img { border-radius:10px; }
}
@media screen and (max-width:860px){
	.product-view .process-box .pCont .listbox > ul > li { width:calc((100% - 20px) / 5); }
}
@media screen and (max-width:640px){
	.product-view .product-tab,
	.product-view .product-tab .tabmenu { width:100%; }
	.product-view .product-tab .tabmenu li { width:calc((100% - 3px) / 2); }
	.product-view .process-box .pCont .listbox > ul > li { width:calc((100% - 15px) / 4); }
	.product-view .process-box .pCont .pView:before { padding-bottom:185.5%; }
	.product-view .process-box .pCont .pView .pbox .imgbox .ibox { width:100%; }
	.product-view .process-box .pCont .pView.pi1:before { padding-bottom:42%; }
	.product-view .process-box .pCont .pView.pi3 .pbox .imgbox { grid-template-columns:100%; }
	.product-view .process-box .pCont .pView.pi3 .pbox .imgbox .ibox:nth-child(1) {  grid-area: 1 / 1 / span 1 / span 1; }
	.product-view .process-box .pCont .pView.pi3 .pbox .imgbox .ibox:nth-child(1):before { margin-bottom:92.15%; }
	.product-view .process-box .pCont .pView.pi3 .pbox .imgbox .ibox:nth-child(2):before,
	.product-view .process-box .pCont .pView.pi3 .pbox .imgbox .ibox:nth-child(3):before { margin-bottom:45.7%; }
	.product-view .process-box-1 .pCont .pView .pbox .imgbox .ibox:before { margin-bottom:92.15%; }
}
@media screen and (max-width:480px){
	.product-view .process-box .pCont .listbox > ul > li { width:calc((100% - 10px) / 3); }
}

/* animation */
.product-view .discription-box .txtbox { opacity:0 }
.product-view .discription-box.subOn .txtbox { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.product-view .process-box .listbox,
.product-view .process-box .pView { opacity:0 }
.product-view .process-box.subOn .listbox { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.product-view .process-box.subOn .pView { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.product-view .process-box.subOn .listbox,
	.product-view .process-box.subOn .pView { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
}

/* rnd */
.rnd-box .topbox { display:flex; align-items:center; overflow:hidden }
.rnd-box .topbox .imgbox { position:relative; }
.rnd-box .topbox .imgbox img { border-radius:20px; max-width:100%; }
.rnd-box .topbox .imgbox .logobox { position:absolute; right:0; bottom:0; z-index:5; }
.rnd-box .topbox .imgbox .logobox:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:30px 0 0; border:20px solid #fff; background:#fff }
.rnd-box .topbox .imgbox .logobox .logo { position:relative; z-index:5; width:200px; height:200px; border-radius:20px; display:flex; justify-content:center; align-items:center; background:var(--mainColor);  }
.rnd-box .topbox .imgbox .logobox .logo:before { content:""; display:block; position:absolute; right:0; bottom:220px; width:20px; height:20px; background:url(/img/sub/round_bg.svg) no-repeat center / cover;}
.rnd-box .topbox .imgbox .logobox .logo:after { content:""; display:block; position:absolute; right:220px; bottom:0; width:20px; height:20px; background:url(/img/sub/round_bg.svg) no-repeat center / cover;}
.rnd-box .topbox .imgbox .logobox svg { border-radius:20px; }
.rnd-box .topbox .imgbox .logobox svg path { fill:#fff }
.rnd-box .topbox .txtbox { padding-left:150px; }
.rnd-box .topbox .txtbox .txtCont { margin-top:20px; font-family:var(--mainFont); color:#333; font-size:20px; font-weight:300; line-height:1.8; letter-spacing:-0.04em; }
.rnd-box .development-box .listbox { margin-top:60px; }
.rnd-box .development-box .listbox > ul { display:flex; gap:8px; }
.rnd-box .development-box .listbox > ul > li { position:relative; width:calc((100% - 16px) / 3); transition:all 0.8s 0.3s; }
.rnd-box .development-box .listbox > ul > li:before { content:""; display:block; margin-bottom:96%; }
.rnd-box .development-box .listbox > ul > li .box { position:absolute; left:0; top:0; padding:60px; width:100%; height:100%; border-radius:20px; background:#ddd; border:1px solid #ddd; transition:all 0.3s; }
.rnd-box .development-box .listbox > ul > li:nth-child(2) .box{ margin-top:30px; background:#b6b3af; border:1px solid #b6b3af; }
.rnd-box .development-box .listbox > ul > li:nth-child(3) .box { margin-top:60px; background:#baaea0; border:1px solid #baaea0; }
.rnd-box .development-box .listbox > ul > li .box dt span { display:block; color:rgba(34, 34, 34, 0.3); font-size:22px; font-weight:700; line-height:1.3; }
.rnd-box .development-box .listbox > ul > li .box dt strong { display:block; margin-top:20px; color:#111; font-size:36px; font-weight:700; line-height:1.3; letter-spacing:-0.06em; transition:all 0.3s; }
.rnd-box .development-box .listbox > ul > li .box dd { position:absolute; left:0; bottom:0; padding:60px; color:#333; font-size:20px; font-weight:300; line-height:1.8; transition:all 0.5s; }
.rnd-box .development-box .listbox > ul.active > li:hover .box { background:#fff; border:1px solid #ddd; transform:translateY(-30px); }
.rnd-box .development-box .listbox > ul.active > li:hover .box dt strong { color:var(--mainColor); }
.rnd-box .development-box .listbox > ul.active > li:hover .box dd { transform:translateY(-55%); }
.rnd-box .dataTable { margin-top:60px; }
.rnd-box .dataTable .scroll-box { padding-bottom:1px; }
.rnd-box .dataTable table { width:100%; border-top:1px solid #000; }
.rnd-box .dataTable table * { font-family:var(--mainFont); }
.rnd-box .dataTable table thead th { color:#333; font-size:20px; font-weight:500; line-height:1.3; height:80px; background:#f5f5f5; text-align:center }
.rnd-box .dataTable table thead th:first-child { border-right:1px solid rgba(0, 0, 0, 0.10); }
.rnd-box .dataTable table tbody th { border:1px solid #eee; border-width:0 1px 1px 0; color:#333; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; text-align:center }
.rnd-box .dataTable table tbody td { padding:15px 10px; border-bottom:1px solid #eee; color:#333; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; text-align:center }
.rnd-box .dataTable table tbody td img { max-width:100%; border-radius:20px; }
.rnd-box .dataTable table tbody td.td_left { text-align:left; }
.rnd-box .dataTable table tbody td .list li:not(:last-child) { margin-bottom:10px; }
.rnd-box .dataTable table tbody td .list li { position:relative; padding-left:13px; font-family:var(--mainFont); color:#666; font-size:20px; font-weight:300; line-height:1.3; }
.rnd-box .dataTable table tbody td .list li:before {content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background:#aaa; border-radius:5px; }
.rnd-box .dataTable table tbody td .stxt { color:#666; font-weight:300; }
.rnd-box .infrastructure-box { padding:250px 0; background:#f5f5f5; }
.rnd-box .infrastructure-box .listbox { margin:0 auto; margin-top:60px; overflow:hidden; max-width:1920px; }
.rnd-box .infrastructure-box .listbox .swiper-slide { width:424px; height:625px; border-radius:20px; background:#fff; overflow:hidden; transition: transform 1s ease-in-out; transition-timing-function:linear; }
.rnd-box .infrastructure-box .listbox .swiper-slide .imgbox img { max-width:100%; }
.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox { padding:45px 50px; }
.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox * { font-family:var(--mainFont); }
.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dt { color:#222; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd { margin-top:30px; }
.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li:not(:last-child) { margin-bottom:20px; }
.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li { display:flex; }
.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li strong { width:65px; color:#333; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li span { width:calc(100% - 65px); color:#666; font-size:20px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
@media screen and (max-width:1760px){
	.rnd-box .topbox .imgbox { width:50%; }
	.rnd-box .topbox .txtbox { width:50%; }
	.rnd-box .topbox .txtbox .txtCont br { display:none }
	.rnd-box .development-box .listbox > ul.active > li:hover .box dd { transform:translateY(-40%); }
}
@media screen and (max-width:1620px){
	.rnd-box .development-box .listbox > ul.active > li:hover .box dd { transform:translateY(-35%); }
}
@media screen and (max-width:1440px){
	.rnd-box .topbox .imgbox .logobox .logo { width:180px; height:180px; }
	.rnd-box .topbox .imgbox .logobox .logo:before { bottom:200px; }
	.rnd-box .topbox .imgbox .logobox .logo:after { right:200px; }
	.rnd-box .topbox .txtbox { padding-left:100px; }
	.rnd-box .topbox .txtbox .txtCont { margin-top:15px; font-size:19px; }
	.rnd-box .development-box .listbox { margin-top:50px; }
	.rnd-box .development-box .listbox > ul > li .box { padding:40px;}
	.rnd-box .development-box .listbox > ul > li .box dt span { font-size:21px; }
	.rnd-box .development-box .listbox > ul > li .box dt strong { margin-top:15px; font-size:30px; }
	.rnd-box .development-box .listbox > ul > li .box dd { padding:40px; font-size:19px; }
	.rnd-box .development-box .listbox > ul.active > li:hover .box dd { transform:translateY(-30%); }
	.rnd-box .dataTable { margin-top:50px; }
	.rnd-box .dataTable table thead th { font-size:19px; height:75px; }
	.rnd-box .dataTable table tbody th,
	.rnd-box .dataTable table tbody td { font-size:19px; }
	.rnd-box .dataTable table tbody td .list li { padding-left:13px; font-size:19px; }
	.rnd-box .infrastructure-box { padding:180px 0; }
	.rnd-box .infrastructure-box .listbox { margin-top:50px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide { height:580px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox { padding:35px 40px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dt { font-size:22px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd { margin-top:25px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li:not(:last-child) { margin-bottom:15px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li strong { width:65px; font-size:19px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li span { width:calc(100% - 65px); font-size:19px; }
}
@media screen and (max-width:1200px){
	.rnd-box .topbox .imgbox .logobox .logo { width:160px; height:160px; }
	.rnd-box .topbox .imgbox .logobox .logo:before { bottom:180px; }
	.rnd-box .topbox .imgbox .logobox .logo:after { right:180px; }
	.rnd-box .topbox .txtbox { padding-left:60px; }
	.rnd-box .topbox .txtbox .txtCont { margin-top:12px; font-size:18px; }
	.rnd-box .development-box .listbox { margin-top:40px; }
	.rnd-box .development-box .listbox > ul > li .box { padding:25px; }
	.rnd-box .development-box .listbox > ul > li .box dt span { font-size:20px; }
	.rnd-box .development-box .listbox > ul > li .box dt strong { margin-top:12px; font-size:26px; }
	.rnd-box .development-box .listbox > ul > li .box dd { padding:25px; font-size:18px; }
	.rnd-box .development-box .listbox > ul.active > li:hover .box dd { transform:translateY(-30%); }
	.rnd-box .dataTable { margin-top:40px; }
	.rnd-box .dataTable table thead th { font-size:18px; height:70px; }
	.rnd-box .dataTable table tbody th { font-size:18px; }
	.rnd-box .dataTable table tbody td { padding:12px 10px; font-size:18px; }
	.rnd-box .dataTable table tbody td .list li { padding-left:12px; font-size:18px; }
	.rnd-box .dataTable table tbody td .list li:before { top:10px; }
	.rnd-box .infrastructure-box { padding:140px 0; }
	.rnd-box .infrastructure-box .listbox { margin-top:40px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide { width:380px; height:500px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox { padding:30px 35px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dt { font-size:20px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd { margin-top:20px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li:not(:last-child) { margin-bottom:12px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li strong { width:60px; font-size:18px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li span { width:calc(100% - 60px); font-size:18px; }
}
@media screen and (max-width:1024px){
	.rnd-box .topbox .imgbox img { border-radius:10px; }
	.rnd-box .topbox .imgbox .logobox .logo { width:140px; height:140px; border-radius:10px; }
	.rnd-box .topbox .imgbox .logobox:before { border-radius:14px 0 0; border-width:10px; }
	.rnd-box .topbox .imgbox .logobox .logo:before { bottom:150px; width:10px; height:10px; }
	.rnd-box .topbox .imgbox .logobox .logo:after { right:150px; width:10px; height:10px; }
	.rnd-box .topbox .txtbox { padding-left:40px; }
	.rnd-box .topbox .txtbox .txtCont { margin-top:10px; font-size:16px; }
	.rnd-box .development-box .listbox { margin-top:30px; }
	.rnd-box .development-box .listbox > ul > li .box { padding:20px; border-radius:10px; }
	.rnd-box .development-box .listbox > ul > li .box dt span { font-size:19px; }
	.rnd-box .development-box .listbox > ul > li .box dt strong { margin-top:10px; font-size:22px; }
	.rnd-box .development-box .listbox > ul > li .box dd { padding:20px; font-size:16px; }
	.rnd-box .development-box .listbox > ul.active > li:hover .box dd { transform:translateY(-30%); }
	.rnd-box .dataTable { margin-top:30px; }
	.rnd-box .dataTable table thead th,
	.rnd-box .dataTable table tbody th,
	.rnd-box .dataTable table tbody td { font-size:16px; }
	.rnd-box .dataTable table tbody td .list li { padding-left:10px; font-size:16px; }
	.rnd-box .dataTable table tbody td .list li:before { top:8px; width:2px; height:2px; }
	.rnd-box .dataTable table tbody td img { border-radius:10px; }
	.rnd-box .infrastructure-box { padding:120px 0; }
	.rnd-box .infrastructure-box .listbox { margin-top:30px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide { width:280px; height:420px; border-radius:10px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox { padding:20px 25px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dt { font-size:19px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd { margin-top:15px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li:not(:last-child) { margin-bottom:10px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li strong { width:55px; font-size:16px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd li span { width:calc(100% - 55px); font-size:16px; }
}
@media screen and (max-width:960px){
	.rnd-box .dataTable .scroll-box { overflow:auto }
	.rnd-box .dataTable .scroll-box table { width:1000px; }
}
@media screen and (max-width:860px){
	.rnd-box .topbox { flex-wrap:wrap; }
	.rnd-box .topbox .imgbox { max-width:460px; width:100%; margin:0 auto; }
	.rnd-box .topbox .imgbox .logobox .logo { width:120px; height:120px; }
	.rnd-box .topbox .imgbox .logobox .logo svg { width:60px; height:auto  }
	.rnd-box .topbox .imgbox .logobox .logo:before { bottom:130px; }
	.rnd-box .topbox .imgbox .logobox .logo:after { right:130px; }
	.rnd-box .topbox .txtbox { width:100%; margin:20px 0 0; padding:0; }
	.rnd-box .development-box .listbox > ul { flex-wrap:wrap; }
	.rnd-box .development-box .listbox > ul > li { width:100% }
	.rnd-box .development-box .listbox > ul > li:before { display:none }
	.rnd-box .development-box .listbox > ul > li:nth-child(2) .box,
	.rnd-box .development-box .listbox > ul > li:nth-child(3) .box { margin-top:0; }
	.rnd-box .development-box .listbox > ul > li .box { position:relative; }
	.rnd-box .development-box .listbox > ul > li .box dd { margin-top:20px; line-height:1.4 }
	.rnd-box .development-box .listbox > ul > li .box dd,
	.rnd-box .development-box .listbox > ul.active > li:hover .box dd { position:relative; transform:translateY(0); padding:0; }
	.rnd-box .development-box .listbox > ul.active > li:hover .box { transform:translateY(0); }
}
@media screen and (max-width:640px){
	.rnd-box .topbox .imgbox .logobox .logo { width:90px; height:90px; }
	.rnd-box .topbox .imgbox .logobox .logo svg { width:45px; }
	.rnd-box .topbox .imgbox .logobox .logo:before { bottom:100px; }
	.rnd-box .topbox .imgbox .logobox .logo:after { right:100px; }
	.rnd-box .development-box .listbox { margin-top:20px; }
	.rnd-box .development-box .listbox > ul { gap:5px; }
	.rnd-box .development-box .listbox > ul > li .box dt span { font-size:18px; }
	.rnd-box .development-box .listbox > ul > li .box dt strong { margin-top:5px; font-size:20px; }
	.rnd-box .infrastructure-box { padding:60px 0; }
	.rnd-box .infrastructure-box .listbox { margin-top:30px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide { width:260px; height:380px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox { padding:15px 20px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dt { font-size:19px; }
	.rnd-box .infrastructure-box .listbox .swiper-slide .txtbox dd { margin-top:15px; }
}

/* animation */
.rnd-box .topbox .imgbox:after { content:""; background:rgba(0, 0, 0, 0.6); position:absolute; top:0; left:0; bottom:0; transition:all 1.2s; width:100%; height:100%; border-radius:20px; }
.rnd-box .topbox.subOn .imgbox:after { width:0; left:100%; opacity:0; }
.rnd-box .topbox .imgbox .logobox { opacity:0 }
.rnd-box .topbox.subOn .imgbox .logobox { animation:ani_5 0.8s 0.5s; animation-fill-mode:both; }
.rnd-box .topbox .txtbox { opacity:0 }
.rnd-box .topbox.subOn .txtbox { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.rnd-box .development-box .listbox > ul > li:nth-child(2),
.rnd-box .development-box .listbox > ul > li:nth-child(3) { margin-left:calc((-100% - 8px) / 3); }
.rnd-box .development-box .listbox.subOn > ul > li:nth-child(2),
.rnd-box .development-box .listbox.subOn > ul > li:nth-child(3) { margin-left:0; }
.rnd-box .dataTable { opacity:0 }
.rnd-box .dataTable.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
.rnd-box .infrastructure-box .listbox { opacity:0 }
.rnd-box .infrastructure-box .listbox.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.rnd-box .topbox.subOn .txtbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.rnd-box .development-box .listbox > ul > li:nth-child(2),
	.rnd-box .development-box .listbox > ul > li:nth-child(3) { margin:calc((-100% - 8px) / 3) 0 0; }
	.rnd-box .development-box .listbox.subOn > ul > li:nth-child(2),
	.rnd-box .development-box .listbox.subOn > ul > li:nth-child(3) { margin:0; }
}


.rnd-box .icon_ch { display:flex; justify-content:center; align-items:center; width:30px; height:30px; border-radius:30px; background:var(--mainColor); }
.rnd-box .rnd-overview { overflow:hidden; }
.rnd-box .rnd-overview .listbox { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.rnd-box .rnd-overview .listbox > div { width:calc((100% - 16px) / 3); }
.rnd-box .rnd-overview .listbox .box-1 { margin-top:120px; }
.rnd-box .rnd-overview .listbox .box-2 { margin-top:60px; }
.rnd-box .rnd-overview .listbox .box > dl > dd * { font-family:var(--mainFont); }
.rnd-box .rnd-overview .listbox .box > dl > dt { position:relative; z-index:1; padding:0 64px; }
.rnd-box .rnd-overview .listbox .box > dl > dt:before { content:""; display:block; padding-bottom:100%; }
.rnd-box .rnd-overview .listbox .box > dl > dt .circle-box { position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - (64px * 2)); height:100%; border-radius:440px; background:#ccc; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.rnd-box .rnd-overview .listbox .box.box-2 > dl > dt .circle-box { background:#b8afa3; }
.rnd-box .rnd-overview .listbox .box.box-3 > dl > dt .circle-box { background:#f29100; }
.rnd-box .rnd-overview .listbox .box > dl > dt strong { display:block; color:#fff; font-size:80px; font-weight:700; line-height:1.1; }
.rnd-box .rnd-overview .listbox .box > dl > dt span { display:block; color:#fff; font-size:30px; font-weight:700; line-height:1.1; }
.rnd-box .rnd-overview .listbox .box > dl > dd { margin-top:-30px; padding:50px 29px 30px; border-radius:20px; border:1px solid #ddd; background:#fff; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox { border-radius:15px; padding:20px 19px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox:not(:last-child) { margin-bottom:10px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox ul { display:flex; gap:10px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox ul li img { max-width:100%; border-radius:10px;  }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-1 { position:relative; border:1px dashed #ccc; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-1:before { content:""; display:block; position:absolute; left:50%; bottom:-41px; transform:translateX(-50%); z-index:1; width:52px; height:60px; background:url(/img/sub/rnd_overview_arr1.svg) no-repeat center / cover;}
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-1 ul li .imgbox { position:relative; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-1 ul li:first-child .imgbox:after {content:""; display:block; position:absolute; right:-20px; top:50%; transform:translateY(-50%); z-index:2; width:30px; height:30px; border-radius:50px; background:#ccc url(/img/sub/icon_plus1.svg) center no-repeat; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-1 ul li .txtbox { text-align:center; color:#333; font-size:18px; font-weight:500; line-height:1.3; margin-bottom:10px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox.sbox-2 { padding-top:30px; border:1px solid #ccc; box-shadow:0px 0px 30px rgba(0, 0, 0, 0.10); }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 p { color:#222; font-size:20px; font-weight:500; line-height:1.3; margin-bottom:10px; text-align:center; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 ul li img { max-width:100%; border-radius:10px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 ul li .imgbox { position:relative; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 ul li .imgbox span { position:absolute; left:10px; top:10px; color:#666; font-size:14px; font-weight:400; line-height:1.3; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 ul li .txtbox { text-align:center; color:#666; font-size:16px; font-weight:500; line-height:1.3; margin-top:10px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 { position:relative; border-radius:15px; background:#f5f5f5; padding:40px 29px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dl:not(:last-child) { margin-bottom:30px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dt { color:#222; font-size:20px; font-weight:600; line-height:1.3; margin-bottom:10px; text-align:center; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dd ul { display:flex; flex-wrap:wrap; gap:10px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dd ul li { width:calc((100% - 10px) / 2); height:50px; color:#666; font-size:20px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; border-radius:10px; background:#fff; display:flex; justify-content:center; align-items:center; text-align:center; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-2 { position:relative; margin:30px 0; z-index:1; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-2:before { content:""; display:block; position:absolute; left:50%; top:-30px; width:1px; height:calc(100% + (30px * 2)); background:#b8afa3; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-2 .txtbox { position:relative; display:flex; justify-content:center; height:60px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-2 .txtbox:after { content:""; display:block; position:absolute; left:50%; bottom:-37px; transform:translateX(-50%); width:13px; height:13px; background:#b8afa3; border-radius:10px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-2 .txtbox:before { content:""; display:block; position:absolute; left:50%; top:-37px; transform:translateX(-50%); width:13px; height:13px; background:#b8afa3; border-radius:10px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-2 .txtbox strong { color:#fff; font-size:22px; font-weight:700; line-height:1.3; padding:0 30px; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; border-radius:60px; background:#b8afa3; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top { position:relative; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top:before { content:""; display:block; position:absolute; left:50%; bottom:-36px; transform:translateX(-50%); z-index:1; width:52px; height:80px; background:url(/img/sub/rnd_overview_arr2.svg) no-repeat center / cover;}
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .txtbox { text-align:center; color:#666; font-size:20px; font-weight:400; line-height:1.3; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .txtbox strong { color:#222; font-size:24px; font-weight:600; display:block; margin-bottom:15px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox { position:relative; padding:100px 15px 0; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .i-box { position:relative; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .i-box img { border-radius:15px; max-width:100%; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .i-box .line { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - (10px * 2)); height:calc(100% - (10px * 2)); border-radius:10px; border:2px dashed var(--mainColor); }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .tit { position:absolute; z-index:3; right:20px; top:-5px; display:inline-flex; height:30px; color:#fff; font-size:18px; font-weight:600; line-height:1.3; padding:0px 20px; justify-content:center; align-items:center; text-align:center; border-radius:30px; background:var(--mainColor); }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt { background:#fff; position:absolute; z-index:1; padding:7px 10px; text-align:center; color:var(--mainColor); font-size:16px; font-weight:500; line-height:1.2; border-radius:10px; border: 1px solid var(--mainColor); }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-1 { left:0; top:20px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-2 { left:30%; top:39px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-3 { left:72%; top:45%; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt:after { content:""; display:block; position:absolute; left:50%; bottom:-135px; transform:translateX(-50%); width:16px; height:16px; border:2px solid #fff; background:var(--mainColor); border-radius:20px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt:before { content:""; display:block; position:absolute; left:50%; bottom:-130px; width:1px; height:130px; background:var(--mainColor); }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-2:after { bottom:-44px;}
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-2:before { bottom:-38px; height:38px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-3:after { bottom:-34px; left:-143px; transform:translateX(0); }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-3:before { bottom:0; left:-137px; height:38px; transform:translate(0, 50%); width:137px; height:56px; background:url(/img/sub/rnd_overview_line1.svg) no-repeat center / cover; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox { margin-top:20px; border-radius:15px; padding:30px 29px; border:1px solid var(--mainColor); background:#fff; box-shadow:0px 0px 30px rgba(242, 145, 0, 0.20); }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dt { color:#222; font-size:24px; font-weight:600; line-height:1.5; text-align:center; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dt span { color:var(--mainColor); }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dd { margin-top:20px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dd li:not(:last-child) { margin-bottom:10px; }
.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dd li { height:50px; color:#333; font-size:20px; font-weight:300; line-height:1.3; display:flex; justify-content:center; align-items:center; text-align:center; border-radius:10px; background:rgba(242, 145, 0, 0.10); }
.rnd-box .stitle h5 { font-family:var(--mainFont); color:#fff; font-size:22px; font-weight:700; line-height:1.3; padding:30px; height:60px; margin-bottom:30px; text-align:center; display:inline-flex; justify-content:center; align-items:center; border-radius:60px; background:var(--mainColor); }
.rnd-box .development-box { margin-top:60px; overflow:hidden; }
.rnd-box .development-box .cont:not(:last-child) { margin-bottom:150px; }
.rnd-box .development-box .AL_DIFF_CASE * { font-family:var(--mainFont); }
.rnd-box .development-box .AL_DIFF_CASE .top { padding:60px; border-radius:20px; background:#f5f5f5; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dt { color:#111; font-size:28px; font-weight:600; line-height:1.3; text-align:center; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd { margin-top:30px; display:flex; flex-wrap:wrap; gap:60px; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd > div { width:calc((100% - 60px) / 2); }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox:not(:last-child) { margin-bottom:20px; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox { display:flex; gap:10px; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .l-box { overflow:hidden; width:200px; position:relative; padding:10px; display:flex; justify-content:center; align-items:center; text-align:center; border-radius:20px; background:#ddd; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .l-box strong { position:absolute; left:0; bottom:0; color:#fff; font-size:18px; font-weight:600; line-height:1.3; height:30px; padding:0px 20px; display:inline-flex; justify-content:center; align-items: center; border-radius:0px 10px 0px 0px; background:var(--mainColor); }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .l-box img { max-width:100%; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .r-box { width:calc(100% - 200px - 10px); position:relative; text-align:center; padding:30px 10px 20px; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; border-radius:20px; background:#fff; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .r-box strong { display:block; margin-top:10px; color:#333; font-size:18px; font-weight:600; line-height:1.3; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .r-box img { max-width:100%; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box .scroll-box { position:relative; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box .scroll-box .line { position:absolute; right:23%; top:0; width:23%; height:100%; border-radius:20px; border:3px solid var(--mainColor); box-shadow:0px 0px 20px 0px rgba(242, 145, 0, 0.30); }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table { overflow:hidden; border-radius:20px; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table thead th { color:#fff; font-size:20px; font-weight:500; line-height:1.3; text-align:center; height:60px; background:#baaea0; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table tbody td { color:#666; font-size:18px; font-weight:300; line-height:1.3; text-align:center; height:60px; padding:0 5px; background:#fff; border-top:1px solid #ddd; letter-spacing:-0.04em; }
.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table tbody td strong { color:#333; font-weight:500; }
.rnd-box .development-box .AL_DIFF_CASE .info-box { margin-top:30px; display:flex; flex-wrap:wrap; gap:20px; overflow:hidden; }
.rnd-box .development-box .AL_DIFF_CASE .info-box > div { width:calc((100% - 20px) / 2); border-radius:20px; border:1px solid #ddd; background:#fff; padding:50px; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box > dl > dt { color:#111; font-size:24px; font-weight:500; line-height:1.3; margin-bottom:20px; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li:not(:last-child) { margin-bottom:20px; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li { margin-top:30px; display:flex; gap:60px; align-items:center; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box { position:relative; padding:0 10px 0 50px; color:#333; font-size:20px; font-weight:400; line-height:1.5; width:calc(100% - 200px - 60px); height:136px; border-radius:10px; display:flex; align-items:center; background:#fff; border:2px dashed var(--mainColor); }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box:after {content:""; display:block; position:absolute; right:-48px; top:50%; transform:translateY(-50%) rotate(90deg); z-index:2; width:30px; height:30px; background:url(/img/sub/icon_arr1.svg) center no-repeat; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box .txt { width:calc(100% - 30px); padding-left:20px; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .r-box { padding:0 10px; color:#fff; font-size:20px; font-weight:400; line-height:1.5; height:136px; width:200px; border-radius:10px; display:flex; align-items:center; justify-content:center; text-align:center; background:var(--mainColor); }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box .scroll-box { position:relative; padding-bottom:1px; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box .scroll-box .line { position:absolute; right:0; top:50px; width:26%; height:calc(100% - 100px); border-radius:20px; border:3px solid var(--mainColor); box-shadow:0px 0px 20px 0px rgba(242, 145, 0, 0.30); }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box table { border-top:1px solid #000; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box thead th { color:#333; font-size:18px; font-weight:500; line-height:1.3; background:#f5f5f5; text-align:center; height:50px; border:1px solid #ddd; border-width:0 0 1px 1px; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box thead th.sline { font-size:16px; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box thead th.noL,
.rnd-box .development-box .AL_DIFF_CASE .info-box .box tbody td.noL { border-left:none }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box tbody td { color:#666; font-size:16px; font-weight:300; line-height:1.3; background:#fff; text-align:center; height:50px; padding:10px 5px; border:1px solid #ddd; border-width:0 0 1px 1px; }
.rnd-box .development-box .AL_DIFF_CASE .info-box .box tbody td strong { color:#333; font-weight:500; }
.rnd-box .development-box .xEV_GEAR-BOX .top { padding:60px; border-radius:20px; background:#f5f5f5; overflow:hidden; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dt { color:#111; font-size:28px; font-weight:600; line-height:1.3; text-align:center; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd { margin-top:40px; display:flex; flex-wrap:wrap; gap:30px; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box { width:calc(49% - 15px); padding:0 10px; display:flex; align-items:center; justify-content:center; text-align:center; background:#fff; border-radius:20px; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box img { max-width:100%; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box { position:relative; width:calc(51% - 15px); }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box .mov { position:relative; border-radius:20px; overflow:hidden; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box .mov:before { content:""; display:block; padding-bottom:61%; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box .mov video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box img { max-width:100%; border-radius:20px;  }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box:before {content:""; display:block; position:absolute; left:-190px; top:50%; transform:translateY(-50%); width:220px; height:488px; background:url(/img/sub/xEV_GEAR_bg.svg) center no-repeat; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box:after {content:""; display:block; position:absolute; left:-60px; top:50%; transform:translateY(-50%) rotate(90deg); z-index:2; width:30px; height:30px; background:url(/img/sub/icon_arr1.svg) center no-repeat; }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:10px; box-shadow:-20px 0px 20px 0px rgba(242, 145, 0, 0.10); }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul li { width:calc((100% - 40px) / 5); border-radius:10px; background:#fff; border: 1px solid var(--mainColor); text-align:center; display:flex; justify-content:center; flex-direction:column; padding-bottom:12px; box-shadow:0 0px 20px 0px rgba(242, 145, 0, 0.10); }
.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul li .txtbox { color:#333; font-size:16px; font-weight:700; line-height:1.3; text-align:center; }
.rnd-box .development-box .xEV_GEAR-BOX .top .list { margin-top:20px; }
.rnd-box .development-box .xEV_GEAR-BOX .top .list ul { display:flex; flex-wrap:wrap; gap:20px; }
.rnd-box .development-box .xEV_GEAR-BOX .top .list ul li { width:calc((100% - 40px) / 3); }
.rnd-box .development-box .xEV_GEAR-BOX .top .list ul li img { max-width:100%; border-radius:20px; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box { margin-top:30px; display:flex; flex-wrap:wrap; gap:8px; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box * { font-family:var(--mainFont); }
.rnd-box .development-box .xEV_GEAR-BOX .info-box > div { width:calc((100% - 16px) / 3); padding:50px 60px; border:1px solid #ddd; background:#fff; border-radius:20px; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box > dl > dt { color:#111; font-size:24px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; margin-bottom:20px; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1 { padding:30px 10px 30px 30px; background:#f5f5f5; border-radius:10px; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1 li:not(:last-child) { margin-bottom:15px; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1 li { position:relative; padding-left:110px; color:#444; font-size:18px; font-weight:300; line-height:1.3; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1 li strong { position:absolute; left:0; top:0; width:100px; color:#333; font-weight:500; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-2 ul { display:flex; flex-wrap:wrap; gap:8px; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-2 li {padding:25px 10px; width:calc((100% - 16px) / 3); color:#333; font-size:18px; font-weight:400; line-height:1.5; border:2px dashed var(--mainColor); border-radius:10px; background:#fff; text-align:center; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-2 li .icon_ch { margin:0 auto; margin-bottom:10px; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-3 li:not(:last-child) { margin-bottom:10px; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-3 li { color:#333; font-size:20px; font-weight:400; line-height:1.5; display:flex; align-items:center; justify-content:center; height:60px; text-align:center; background:rgba(242, 145, 0, 0.10); border-radius:10px; }
.rnd-box .development-box .actuator * { font-family:var(--mainFont); }
.rnd-box .development-box .actuator .top { padding:60px; border-radius:20px; background:#f5f5f5; }
.rnd-box .development-box .actuator .top > dl > dt { color:#111; font-size:28px; font-weight:600; line-height:1.3; text-align:center; }
.rnd-box .development-box .actuator .top > dl > dd > ul { margin-top:40px; display:flex; gap:30px; text-align:center; position:relative; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1) { width:calc(100% - 320px - 33.2% - 60px); padding-top:10px; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(2) { width:320px; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(3) { width:33.2%; padding-top:10px; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li dt { position:relative; z-index:1; margin:0 auto; margin-bottom:30px; font-family:var(--subFont); color:#fff; font-size:22px; font-weight:700; line-height:1.3; display:inline-flex; justify-content:center; align-items:center; padding:0px 20px; height:40px; border-radius:60px; background:#baaea0; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li dt:before { content:""; display:block; position:absolute; top:3px; z-index:2; width:11px; height:11px; background:var(--mainColor); border-radius:10px; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1) dt:before { right:0; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(3) dt:before { left:0; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(3) dt { background:#ccc; color:#222; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1) .imgbox { mix-blend-mode:darken;}
.rnd-box .development-box .actuator .top > dl > dd > ul > li ul { display:flex; gap:8px; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li ul li { width:100%; color:#333; font-size:20px; font-weight:500; line-height:1.3; height:50px; border-radius:10px; background:#ccc; display:flex; align-items:center; justify-content:center; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li ul.m3 li { width:calc((100% - 16px) / 3); color:#fff; background:#baaea0;  }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(2) { position:relative; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(2):before {content:""; display:block; padding-bottom:100%; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li .circle-box { position:absolute; left:0; top:0; width:100%; height:100%; border:40px solid rgba(242, 145, 0, 0.1); border-radius:400px; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li .circle-box .cbox { height:100%; height:100%; border-radius:300px; border:1px solid var(--mainColor); background:#fff; box-shadow:0px 0px 30px 0px rgba(242, 145, 0, 0.20); display:flex; align-items:center; justify-content:center; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li .circle-box .cbox img { border-radius:30px; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li { position:relative; }
.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(2):after { content:""; display:block; position:absolute; top:17px; left:50%; transform:translateX(-50%); margin-left:-30px; width:817px; height:155px; background:url(/img/sub/rnd_actuator_line.svg) center top no-repeat; }
.rnd-box .development-box .actuator .info-box { margin-top:30px; display:flex; flex-wrap:wrap; gap:8px; }
.rnd-box .development-box .actuator .info-box > div { padding:50px 50px; border:1px solid #ddd; background:#fff; border-radius:20px; }
.rnd-box .development-box .actuator .info-box .box:nth-child(1),
.rnd-box .development-box .actuator .info-box .box:nth-child(2) { width:calc(25% - 4px); }
.rnd-box .development-box .actuator .info-box .box:nth-child(3) { width:calc(50% - 8px); }
.rnd-box .development-box .actuator .info-box .box > dl > dt { color:#111; font-size:24px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; margin-bottom:20px; }
.rnd-box .development-box .actuator .info-box .box .list-1 { padding:30px 10px 30px 30px; background:#f5f5f5; border-radius:10px; }
.rnd-box .development-box .actuator .info-box .box .list-1 li:not(:last-child) { margin-bottom:15px; }
.rnd-box .development-box .actuator .info-box .box .list-1 li:first-child { word-break:break-word; }
.rnd-box .development-box .actuator .info-box .box .list-1 li { position:relative; padding-left:110px; color:#444; font-size:18px; font-weight:300; line-height:1.3; }
.rnd-box .development-box .actuator .info-box .box .list-1 li strong { position:absolute; left:0; top:0; width:100px; color:#333; font-weight:500; }
.rnd-box .development-box .actuator .info-box .box .list-2 li:not(:last-child) { margin-bottom:10px; }
.rnd-box .development-box .actuator .info-box .box .list-2 li { position:relative; padding:5px 10px 5px 80px; color:#333; font-size:18px; font-weight:400; line-height:1.5; height:90px; border:2px dashed var(--mainColor); border-radius:10px; background:#fff; display:flex; align-items:center;}
.rnd-box .development-box .actuator .info-box .box .list-2 li .icon_ch { position:absolute; left:30px; top:50%; transform:translateY(-50%); }
.rnd-box .development-box .actuator .info-box .box .list-3 { display:flex; flex-wrap:wrap; gap:20px; }
.rnd-box .development-box .actuator .info-box .box .list-3 ul { width:calc(50% - 10px); }
.rnd-box .development-box .actuator .info-box .box .list-3 li:not(:last-child) { margin-bottom:10px; }
.rnd-box .development-box .actuator .info-box .box .list-3 li { color:#333; font-size:20px; font-weight:400; line-height:1.5; display:flex; align-items:center; justify-content:center; height:90px; text-align:center; background:rgba(242, 145, 0, 0.10); border-radius:10px; }
.rnd-box .development-box .actuator .info-box .box .list-3 .sbox { width:calc(50% - 10px); border-radius:20px; border:1px solid var(--mainColor); background:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.rnd-box .development-box .actuator .info-box .box .list-3 .sbox dl:not(:last-child) { margin-bottom:15px; }
.rnd-box .development-box .actuator .info-box .box .list-3 .sbox dt { display:inline-flex; color:#fff; font-size:18px; font-weight:600; line-height:1.3; height:30px; margin-bottom:10px; padding:0px 20px; justify-content:center; align-items:center; border-radius:30px; background:var(--mainColor); }
.rnd-box .development-box .reducer .list-1 { display:flex; flex-wrap:wrap; gap:20px; padding:40px 60px; border-radius:20px; background:#f5f5f5; }
.rnd-box .development-box .reducer .list-1 .sbox { width:50%; }
.rnd-box .development-box .reducer .list-1 img { max-width:100%; }
/*
.rnd-box .development-box .reducer .list-1 ul { width:calc(50% - 20px); display:flex; gap:10px; margin-top:20px;}
.rnd-box .development-box .reducer .list-1 ul li { width:calc((100% - 10px) / 2); height:calc(100% - 20px); padding:0 30px; border-radius:20px; background:#ddd; display:flex; align-items:center; justify-content:center; }
.rnd-box .development-box .reducer .list-1 ul li img { mix-blend-mode:multiply; max-width:100%; }
*/
.rnd-box .development-box .reducer .list-1 .box { width:calc(50% - 20px); display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;}
.rnd-box .development-box .reducer .list-1 .box > div { height:calc(100% - 20px); width:calc((100% - 10px) / 2); background:#fff; border-radius:20px; overflow:hidden; }
.rnd-box .development-box .reducer .list-1 .box dl dt { height:50px; color:#fff; font-size:20px; font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; background:#baaea0; }
.rnd-box .development-box .reducer .list-1 .box dl dd { padding:30px 30px 0; }
.rnd-box .development-box .reducer .list-1 .box dl dd p { color:#111; font-size:20px; font-weight:500; line-height:1.3; }
.rnd-box .development-box .reducer .list-1 .box dl dd li { margin-top:10px; position:relative; padding:20px 10px 20px 80px; color:#333; font-size:18px; font-weight:400; line-height:1.5; border:2px dashed var(--mainColor); border-radius:10px; background:#fff; display:flex; align-items:center;}
.rnd-box .development-box .reducer .list-1 .box dl dd li .icon_ch { position:absolute; left:30px; top:50%; transform:translateY(-50%); }
.rnd-box .development-box .reducer .list-1 .box dl dd .img-i { margin-top:20px; text-align:center; }
.rnd-box .development-box .reducer .list-1 .box dl dd .img-i img { max-width:100%; }
.rnd-box .development-box .reducer .list-1 .box .s-box.s2 { border:2px solid var(--mainColor); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px; }
.rnd-box .development-box .reducer .list-1 .box .s-box.s2 strong { margin-top:20px; height:40px; color:#fff; font-size:18px; font-weight:600; line-height:1.3; padding:0 20px; background:var(--mainColor); border-radius:30px; display:inline-flex; align-items:center; justify-content:center; text-align:center;}
.rnd-box .development-box .reducer .list-2 { margin-top:60px; }
.rnd-box .development-box .reducer .list-2 p { color:#111; font-size:20px; font-weight:500; line-height:1.3; }
.rnd-box .development-box .reducer .list-2 ul { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.rnd-box .development-box .reducer .list-2 ul li { width:calc((100% - 24px) / 4); }
.rnd-box .development-box .reducer .list-2 ul li img { border-radius:20px; max-width:100%; }
.rnd-box .equipment-box { margin-top:60px; }
.rnd-box .equipment-box .e-box { display:flex; flex-wrap:wrap; gap:30px; }
.rnd-box .equipment-box .e-box > div { width:calc((100% - 30px) / 2); padding:40px 30px 30px; border:1px solid #ddd; border-radius:20px; }
.rnd-box .equipment-box .e-box .box > dl > dt { margin-bottom:30px; color:#111; font-size:28px; font-weight:700; line-height:1.3; text-align:center; }
.rnd-box .equipment-box .e-box .box > dl > dd .imgbox strong { position:absolute; left:0; bottom:0; color:#fff; font-size:18px; font-weight:600; line-height:1.1; height:30px; padding:0px 20px; display:inline-flex; justify-content:center; align-items: center; border-radius:0px 10px 0px 0px; background:var(--mainColor); }
.rnd-box .equipment-box .e-box .box > dl > dd .topimg { text-align:center; }
.rnd-box .equipment-box .e-box .box > dl > dd .topimg img { border-radius:20px; max-width:100%; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox { margin-top:10px; display:flex; border-radius:20px; overflow:hidden; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .imgbox { position:relative; overflow:hidden; width:240px; padding:10px; display:flex; justify-content:center; align-items:center; text-align:center; background:#ddd; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .imgbox img { mix-blend-mode:multiply; max-width:100%; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox { width:calc(100% - 240px); padding:30px; background:#f5f5f5; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li:not(:last-child) { margin-bottom:20px; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl { display:flex; flex-wrap:wrap; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dt { width:130px; color:#333; font-size:18px; font-weight:600; line-height:1.3; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dd { width:calc(100% - 130px); }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dd ul { display:flex; gap:10px; flex-wrap:wrap; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dd li { color:#666; font-size:16px; font-weight:500; line-height:1.3; border:1px solid #ddd; border-radius:30px; height:30px; padding:0px 10px; display:flex; justify-content:center; align-items:center; }
.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li:first-child dl dd li { font-size:18px; border:none; padding:0; height:auto; }
.rnd-box .equipment-box .e-box .box > dl:not(:last-child) { margin-bottom:30px; }
.rnd-box .equipment-box .e-box .box .img-list { display:flex; gap:30px; flex-wrap:wrap;}
.rnd-box .equipment-box .e-box .box .img-list img { max-width:100%; }
.rnd-box .equipment-box .e-box .box .img-list > div { width:calc((100% - 30px) / 2); }
.rnd-box .equipment-box .e-box .box .img-list .img-1 { position:relative; overflow:hidden; border-radius:20px; padding:25px 10px; background:#f5f5f5; display:flex; justify-content:center; align-items:center; text-align:center; }
.rnd-box .equipment-box .e-box .box .img-list .img-1 .imgbox { padding:0 10px; }
.rnd-box .equipment-box .e-box .box .img-list .img-2 .imgbox { position:relative; overflow:hidden; border-radius:20px; padding:25px 10px; background:#f5f5f5; display:flex; justify-content:center; align-items:center; text-align:center; }
.rnd-box .equipment-box .e-box .box .img-list .img-2 > div:not(:last-child) { margin-bottom:30px; }
.rnd-box .equipment-box .e-box .box .img-list .img-2 > div:nth-child(1) { padding:65px 10px; }
.rnd-box .equipment-box .e-box .box .img-list .img-2 img { mix-blend-mode:multiply; max-width:100%; }
@media screen and (max-width:1760px){
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt:after { bottom:-120px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt:before { bottom:-120px; height:120px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-2:after { left:10px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-2:before { left:10px; transform:translate(0, 0); }
	.rnd-box .development-box .AL_DIFF_CASE .info-box > div { padding:40px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box .txt br { display:none }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box img { width:80% }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box > div { padding:25px 35px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd { padding:20px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd li { padding:15px 10px 15px 80px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd .img-i { margin-top:15px; }
	.rnd-box .development-box .actuator .info-box > div { padding:30px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .imgbox { width:200px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox { width:calc(100% - 200px); }
}
@media screen and (max-width:1440px){
	.rnd-box .rnd-overview .listbox .box > dl > dt { padding:0 40px; }
	.rnd-box .rnd-overview .listbox .box > dl > dt .circle-box { width:calc(100% - (40px * 2)); }
	.rnd-box .rnd-overview .listbox .box > dl > dt strong { font-size:60px; }
	.rnd-box .rnd-overview .listbox .box > dl > dt span { font-size:26px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd { margin-top:-25px; padding:40px 20px 20px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox { padding:20px 15px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-1 ul li .txtbox { font-size:17px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 p { font-size:19px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 ul li .imgbox span { font-size:13px; top:7px; left:7px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 ul li .txtbox { font-size:15px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 { padding:40px 15px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dl:not(:last-child) { margin-bottom:20px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dt { font-size:18px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dd ul li { font-size:17px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-2 .txtbox { height:50px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-2 .txtbox strong { font-size:20px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .txtbox { font-size:19px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .txtbox strong { font-size:22px; margin-bottom:10px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .tit { font-size:16px; padding:0 15px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt { padding:5px 5px; font-size:15px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox { padding:30px 15px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dt { font-size:22px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dd { margin-top:15px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dd li { font-size:19px; }
	.rnd-box .stitle h5 { font-size:20px; padding:20px; height:50px; margin-bottom:25px; }
	.rnd-box .development-box { margin-top:50px; }
	.rnd-box .development-box .cont:not(:last-child) { margin-bottom:120px; }
	.rnd-box .development-box .AL_DIFF_CASE .top { padding:40px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dt { font-size:24px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd { margin-top:25px; gap:40px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd > div { width:calc((100% - 40px) / 2); }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox:not(:last-child) { margin-bottom:15px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox { display:flex; gap:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .l-box { width:180px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .l-box strong { font-size:16px; padding:0px 15px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .r-box { width:calc(100% - 180px - 10px); }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .r-box strong { font-size:17px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table thead th { font-size:19px; height:55px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table tbody td { font-size:17px; height:55px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box { margin-top:25px; gap:15px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box > div { width:calc((100% - 15px) / 2); padding:30px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box > dl > dt { font-size:22px; margin-bottom:15px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li:not(:last-child) { margin-bottom:15px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li { margin-top:25px; gap:60px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box { padding:0 10px 0 30px; font-size:19px; width:calc(100% - 170px - 60px); height:136px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box .txt { padding-left:15px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .r-box { font-size:19px; height:136px; width:170px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .scroll-box .line { height:calc(100% - 100px); }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box thead th { font-size:17px; height:50px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box thead th.sline { font-size:15px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box tbody td { font-size:15px; height:50px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top { padding:40px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dt { font-size:24px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd { margin-top:30px; gap:20px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box { width:calc(49% - 10px); }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box .imgbox { padding:0 5%; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box img { width:100%; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box:before {left:-150px; width:200px; height:360px; background-size:auto 360px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul li img { width:95px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul li .txtbox { font-size:15px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top .list { margin-top:15px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box { margin-top:25px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box > div { padding:20px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box > dl > dt { font-size:22px; margin-bottom:15px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1 { padding:20px 10px 20px 20px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1 li { padding-left:90px; font-size:17px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1 li strong { width:85px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-2 li {padding:20px 5px; font-size:17px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-3 li { font-size:19px; }
	.rnd-box .development-box .actuator .top { padding:40px; }
	.rnd-box .development-box .actuator .top > dl > dt { font-size:24px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul { margin-top:20px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li dt { font-size:20px; padding:0px 30px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li ul { gap:5px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li ul li { font-size:18px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li ul.m3 li { width:calc((100% - 10px) / 3); }
	.rnd-box .development-box .actuator .info-box { margin-top:25px; }
	.rnd-box .development-box .actuator .info-box > div { padding:30px 20px; }
	.rnd-box .development-box .actuator .info-box .box > dl > dt { font-size:22px; margin-bottom:15px; }
	.rnd-box .development-box .actuator .info-box .box .list-1 { padding:20px 10px 20px 20px; }
	.rnd-box .development-box .actuator .info-box .box .list-1 li { padding-left:90px; font-size:17px; }
	.rnd-box .development-box .actuator .info-box .box .list-1 li strong { width:85px; }
	.rnd-box .development-box .actuator .info-box .box .list-2 li { padding:5px 10px 5px 55px; font-size:17px; }
	.rnd-box .development-box .actuator .info-box .box .list-2 li .icon_ch { left:15px; }
	.rnd-box .development-box .actuator .info-box .box .list-3 { gap:20px; }
	.rnd-box .development-box .actuator .info-box .box .list-3 ul { width:calc(50% - 10px); }
	.rnd-box .development-box .actuator .info-box .box .list-3 li { font-size:19px; }
	.rnd-box .development-box .actuator .info-box .box .list-3 .sbox dt { font-size:17px; }
	.rnd-box .development-box .reducer .list-1 { padding:30px 40px; }
	.rnd-box .development-box .reducer .list-1 .box > div { height:auto; }
	/* .rnd-box .development-box .reducer .list-1 ul { margin-top:1.2%;}
	.rnd-box .development-box .reducer .list-1 ul li { height:calc(100% - (2.8% * 2)); } */
	.rnd-box .development-box .reducer .list-2 { margin-top:40px; }
	.rnd-box .development-box .reducer .list-2 p { font-size:19px; }
	.rnd-box .development-box .reducer .list-2 ul { display:flex; gap:8px; margin-top:12px; }
	.rnd-box .equipment-box { margin-top:40px; }
	.rnd-box .equipment-box .e-box { flex-wrap:wrap; gap:20px; }
	.rnd-box .equipment-box .e-box > div { width:calc((100% - 20px) / 2); padding:30px 20px 20px; }
	.rnd-box .equipment-box .e-box .box > dl > dt { margin-bottom:20px;font-size:24px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .imgbox strong { font-size:16px; padding:0px 15px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .imgbox { width:170px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox { width:calc(100% - 170px); padding:20px 10px 20px 20px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li:not(:last-child) { margin-bottom:15px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dt { width:120px; font-size:17px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dd { width:calc(100% - 120px); }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dd li { font-size:15px; padding:0px 10px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li:first-child dl dd li { font-size:17px; }
	.rnd-box .equipment-box .e-box .box > dl:not(:last-child) { margin-bottom:25px; }
	.rnd-box .equipment-box .e-box .box .img-list { gap:30px; }
	.rnd-box .equipment-box .e-box .box .img-list > div { width:calc((100% - 30px) / 2); }
	.rnd-box .equipment-box .e-box .box .img-list .img-2 > div:not(:last-child) { margin-bottom:25px; }
	.rnd-box .equipment-box .e-box .box .img-list .img-2 > div:nth-child(1) { padding:65px 10px; }
}
@media screen and (max-width:1280px){
	.rnd-box .rnd-overview .listbox .box-1,
	.rnd-box .rnd-overview .listbox .box-2 { margin-top:40px; }
	.rnd-box .rnd-overview .listbox > div { margin-top:40px; width:calc((100% - 8px) / 2); }
	.rnd-box .rnd-overview .listbox .box > dl > dt { padding:0 100px; }
	.rnd-box .rnd-overview .listbox .box > dl > dt .circle-box { width:calc(100% - (100px * 2)); }
	.rnd-box .rnd-overview .listbox .box > dl > dt strong { font-size:40px; }
	.rnd-box .rnd-overview .listbox .box > dl > dt span { font-size:22px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd { margin-top:-25px; padding:40px 10px 10px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox { padding:20px 10px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-1 ul li .txtbox { font-size:16px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 p { font-size:18px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 ul li .imgbox span { font-size:12px; top:6px; left:6px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox-2 ul li .txtbox { font-size:14px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 { padding:30px 10px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dl:not(:last-child) { margin-bottom:15px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dt { font-size:17px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dd ul li { font-size:16px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-2 .txtbox strong { font-size:19px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .txtbox { font-size:18px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .txtbox strong { font-size:20px; margin-bottom:5px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .tit { font-size:15px; padding:0 10px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt { font-size:14px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox { padding:25px 10px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dt { font-size:20px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dd { margin-top:10px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dd li { font-size:18px; }
	.rnd-box .stitle h5 { font-size:18px; padding:10px 20px; height:40px; margin-bottom:20px; }
	.rnd-box .development-box { margin-top:40px; }
	.rnd-box .development-box .cont:not(:last-child) { margin-bottom:100px; }
	.rnd-box .development-box .AL_DIFF_CASE .top { padding:20px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dt { font-size:22px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd { margin-top:20px; gap:20px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd > div { width:100%; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox:not(:last-child) { margin-bottom:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .l-box { width:180px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .l-box strong { font-size:15px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .r-box strong { font-size:16px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table thead th { font-size:18px; height:50px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table tbody td { font-size:17px; height:50px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box { margin-top:20px; gap:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box > div { width:100%; padding:20px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box > dl > dt { font-size:20px; margin-bottom:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li:not(:last-child) { margin-bottom:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li { margin-top:20px; gap:60px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box { padding:0 10px 0 20px; font-size:18px; width:calc(100% - 170px - 60px); height:125px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box .txt { padding-left:15px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .r-box { font-size:18px; height:125px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .scroll-box .line { top:45px; height:calc(100% - 90px); }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box thead th { font-size:16px; height:45px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box thead th.sline { font-size:14px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box tbody td { font-size:14px; height:45px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top { padding:20px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dt { font-size:22px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd { margin-top:20px; gap:20px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box { width:calc(45% - 10px); }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box img { width:100% }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box { width:calc(55% - 10px); }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul li img { width:80px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul { gap:5px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul li { width:calc((100% - 20px) / 5); }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul li .txtbox { font-size:14px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box:after { left:-50px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top .list { margin-top:10px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box { margin-top:20px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box > div { padding:20px; width:calc((100% - 8px) / 2) }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box > dl > dt { font-size:20px; margin-bottom:10px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1 { padding:20px 10px 20px 20px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1 li { font-size:16px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-2 li { font-size:16px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-3 li { font-size:18px; }
	.rnd-box .development-box .actuator .top { padding:20px; }
	.rnd-box .development-box .actuator .top > dl > dt { font-size:22px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li dt { font-size:18px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li ul li { font-size:17px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1) { width:calc(100% - 220px - 33.2% - 60px); }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(2) { width:220px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(3) { width:33.2%; padding-top:10px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(2) img { width:115px;}
	.rnd-box .development-box .actuator .top > dl > dd > ul > li .circle-box { height:220px; top:10px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(2):after { top:17px; margin-left:-32px; width:580px; height:155px; background-size:580px auto}
	.rnd-box .development-box .actuator .info-box { margin-top:20px; }
	.rnd-box .development-box .actuator .info-box > div { padding:20px 10px; }
	.rnd-box .development-box .actuator .info-box .box:nth-child(1),
	.rnd-box .development-box .actuator .info-box .box:nth-child(2) { width:calc(50% - 4px); }
	.rnd-box .development-box .actuator .info-box .box:nth-child(3) { width:100%; }
	.rnd-box .development-box .actuator .info-box .box > dl > dt { font-size:22px; margin-bottom:10px; }
	.rnd-box .development-box .actuator .info-box .box .list-1 { padding:20px 10px 20px 20px; }
	.rnd-box .development-box .actuator .info-box .box .list-1 li { font-size:16px; }
	.rnd-box .development-box .actuator .info-box .box .list-2 li { font-size:16px; }
	.rnd-box .development-box .actuator .info-box .box .list-2 li br { display:none }
	.rnd-box .development-box .actuator .info-box .box .list-3 { gap:8px; }
	.rnd-box .development-box .actuator .info-box .box .list-3 ul { width:calc(50% - 8px); }
	.rnd-box .development-box .actuator .info-box .box .list-3 li { font-size:18px; }
	.rnd-box .development-box .actuator .info-box .box .list-3 .sbox dt { font-size:16px; }
	.rnd-box .development-box .reducer .list-1 { padding:15px 20px; }
	.rnd-box .development-box .reducer .list-1 .sbox { width:100%; text-align:center }
	.rnd-box .development-box .reducer .list-1 .box { width:100%; }
	.rnd-box .development-box .reducer .list-1 .box dl dt { height:50px; font-size:20px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd { padding:15px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd p { font-size:20px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd li { margin-top:10px; font-size:16px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd .img-i { margin-top:15px;}
	/*.rnd-box .development-box .reducer .list-1 ul li { padding:20px; }
	.rnd-box .development-box .reducer .list-1 ul li img { width:70% }*/
	.rnd-box .development-box .reducer .list-2 { margin-top:30px; }
	.rnd-box .development-box .reducer .list-2 p { font-size:18px; }
	.rnd-box .development-box .reducer .list-2 ul { margin-top:10px; }
	.rnd-box .equipment-box { margin-top:30px; }
	.rnd-box .equipment-box .e-box { gap:20px; }
	.rnd-box .equipment-box .e-box > div { width:calc((100% - 20px) / 2); padding:20px 10px 20px; }
	.rnd-box .equipment-box .e-box .box > dl > dt { margin-bottom:10px; font-size:22px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .imgbox strong { font-size:15px; padding:0 10px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .imgbox { width:150px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox { width:calc(100% - 150px); padding:15px 10px 15px 15px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li:not(:last-child) { margin-bottom:10px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dt { font-size:16px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li:first-child dl dd li { font-size:16px; }
	.rnd-box .equipment-box .e-box .box > dl:not(:last-child) { margin-bottom:20px; }
	.rnd-box .equipment-box .e-box .box .img-list { gap:20px; }
	.rnd-box .equipment-box .e-box .box .img-list > div { width:calc((100% - 20px) / 2); }
	.rnd-box .equipment-box .e-box .box .img-list .img-2 > div:not(:last-child) { margin-bottom:20px; }
	.rnd-box .equipment-box .e-box .box .img-list .img-2 > div:nth-child(1) { padding:50px 10px; }
}
@media screen and (max-width:1024px){
	.rnd-box .rnd-overview .listbox .box-1,
	.rnd-box .rnd-overview .listbox .box-2 { margin-top:20px; }
	.rnd-box .rnd-overview .listbox .box-3 { max-width:480px; width:100%; }
 	.rnd-box .rnd-overview .listbox > div { margin-top:20px; width:calc((100% - 8px) / 2); }
	.rnd-box .rnd-overview .listbox .box > dl > dt { padding:0 40px; }
	.rnd-box .rnd-overview .listbox .box > dl > dt .circle-box { width:calc(100% - (40px * 2)); }
	.rnd-box .rnd-overview .listbox .box.box-3 > dl > dt { padding:0 80px; }
	.rnd-box .rnd-overview .listbox .box.box-3 > dl > dt .circle-box { width:calc(100% - (80px * 2)); }
	.rnd-box .rnd-overview .listbox .box > dl > dd,
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox { border-radius:10px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-1 .sbox,
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 { border-radius:8px; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-2 .sbox-1 dd ul li,
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt,
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .sbox dd li { border-radius:5px; }
	.rnd-box .development-box .cont:not(:last-child) { margin-bottom:80px; }
	.rnd-box .development-box .AL_DIFF_CASE .top { border-radius:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .l-box,
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .r-box,
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table,
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box .scroll-box .line,
	.rnd-box .development-box .AL_DIFF_CASE .info-box > div { border-radius:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box,
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .r-box { border-radius:5px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .scroll-box .line { border-radius:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .scroll-box .line { top:50px; height:calc(100% - 100px); }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box thead th,
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box tbody td { height:50px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box,
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box .mov,
	.rnd-box .development-box .xEV_GEAR-BOX .top .list ul li img { border-radius:10px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul li { border-radius:5px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top .list ul { gap:10px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top .list ul li { width:calc((100% - 20px) / 3); }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box > div { border-radius:10px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-1,
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-2 li,
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-3 li,
	.rnd-box .development-box .actuator .top > dl > dd > ul > li ul li { border-radius:5px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .l-box { width:100%; padding:40px 0; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box { width:100%; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box:before { left:50%; top:-320px; transform:translate(-50%, 0) rotate(90deg); width:220px; height:488px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box:after { left:50%; top:-60px; transform:translate(-50%, 0) rotate(180deg); }
	.rnd-box .development-box .actuator .top { border-radius:10px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul { flex-direction:column; align-items:center; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1),
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(3) { width:100%; padding:0; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1) dl { display:flex; flex-direction:column-reverse; gap:20px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(2):after { display:none }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1) dt { margin-bottom:0; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(3) dt { margin-bottom:10px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1) dt:before { top:unset; bottom:-4px; margin:0; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1) dt:before { right:unset; left:85px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(3) dt:before { left:unset; right:30px; top:-4px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li dt:after { content:""; display:block; position:absolute; z-index:1; width:1px; background:var(--mainColor); }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(1) dt:after { left:90px; height:143px; bottom:-143px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li:nth-child(3) dt:after { right:35px; height:125px; top:-125px; }
	.rnd-box .development-box .actuator .top > dl > dd > ul > li .circle-box { top:50%; transform:translateY(-50%); }
	.rnd-box .development-box .actuator .info-box > div { border-radius:10px; }
	.rnd-box .development-box .actuator .info-box .box .list-1,
	.rnd-box .development-box .actuator .info-box .box .list-2 li,
	.rnd-box .development-box .actuator .info-box .box .list-3 li { border-radius:5px; }
	.rnd-box .development-box .actuator .info-box .box .list-3 .sbox { border-radius:10px; }
	.rnd-box .development-box .reducer .list-1 .box dl dt { height:45px; font-size:18px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd p { font-size:18px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd li { margin-top:10px; font-size:16px; padding:20px 10px 20px 55px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd li .icon_ch { left:15px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd .img-i { margin-top:15px;}
	.rnd-box .development-box .reducer .list-1 .box .s-box.s2 { border-width:1px; }
	.rnd-box .development-box .reducer .list-1 .box .s-box.s2 strong { margin-top:15px; height:35px; font-size:16px; }
	.rnd-box .development-box .reducer .list-1,
	.rnd-box .development-box .reducer .list-1 ul li,
	.rnd-box .development-box .reducer .list-1 .box > div,
	.rnd-box .development-box .reducer .list-2 ul li img,
	.rnd-box .equipment-box .e-box > div,
	.rnd-box .equipment-box .e-box .box > dl > dd .topimg img,
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox { border-radius:10px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .imgbox strong { border-radius:0 5px 0 0; }
	.rnd-box .equipment-box .e-box .box .img-list .img-1,
	.rnd-box .equipment-box .e-box .box .img-list .img-2 .imgbox { border-radius:10px; }
	.rnd-box .equipment-box .e-box > div { width:100%; }
}
@media screen and (max-width:860px){
	.rnd-box .development-box .xEV_GEAR-BOX .top .list ul li { width:calc((100% - 10px) / 2); }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box > div { width:100%; }
	.rnd-box .development-box .reducer .list-2 ul li { width:calc((100% - 8px) / 2); }
}
@media screen and (max-width:640px){
	.rnd-box .stitle h5 { height:auto; padding:8px 20px; }
	.rnd-box .rnd-overview .listbox .box-1,
	.rnd-box .rnd-overview .listbox .box-2 { margin-top:20px; width:100%; }
	.rnd-box .rnd-overview .listbox .box-3 { width:100%; }
	.rnd-box .rnd-overview .listbox .box-3 { max-width:100%; width:100%; }
 	.rnd-box .rnd-overview .listbox > div { margin-top:20px; width:calc((100% - 8px) / 2); }
	.rnd-box .rnd-overview .listbox .box > dl > dt,
	.rnd-box .rnd-overview .listbox .box.box-3 > dl > dt { padding:0 120px; }
	.rnd-box .rnd-overview .listbox .box > dl > dt .circle-box,
	.rnd-box .rnd-overview .listbox .box.box-3 > dl > dt .circle-box { width:calc(100% - (120px * 2)); }
	.rnd-box .development-box .AL_DIFF_CASE .top { padding:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dt { font-size:20px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd { margin-top:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table thead th { font-size:16px; height:45px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .box table tbody td { font-size:15px; height:45px; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox { flex-wrap:wrap; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .l-box { width:100%; }
	.rnd-box .development-box .AL_DIFF_CASE .top > dl > dd .area .sbox .r-box { width:100%; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box > div { padding:10px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box > dl > dt { font-size:18px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li { flex-direction:column; gap:40px; } 
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box { width:100%; height:auto; padding:20px 10px 20px 30px; min-height:100px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .l-box:after { left:50%; right:unset; top:calc(100% + 10px); transform:translate(-50%, 0) rotate(180deg);}
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .list li .r-box { width:200px; margin:0 auto; padding:20px 10px; height:auto; min-height:100px; }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box .scroll-box .line { top:60px; height:calc(100% - 120px); }
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box thead th,
	.rnd-box .development-box .AL_DIFF_CASE .info-box .box tbody td { height:60px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top .list ul { gap:5px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top .list ul li { width:100%; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box:before { top:-200px;  width:180px; height:300px; background-size:auto 300px; }
	.rnd-box .development-box .xEV_GEAR-BOX .top > dl > dd .r-box ul li { width:calc((100% - 10px) / 3); }
	.rnd-box .development-box .actuator .top { padding:15px 10px; }
	.rnd-box .development-box .actuator .info-box .box .list-1 li br { display:none }
	.rnd-box .development-box .actuator .info-box .box:nth-child(1),
	.rnd-box .development-box .actuator .info-box .box:nth-child(2),
	.rnd-box .development-box .actuator .info-box .box:nth-child(3) { width:100%; }
	.rnd-box .development-box .actuator .info-box .box .list-3 ul { width:100%; }
	.rnd-box .development-box .actuator .info-box .box .list-3 li { width:100%; height:auto; padding:10px; }
	.rnd-box .development-box .actuator .info-box .box .list-3 li br { display:none }
	.rnd-box .development-box .actuator .info-box .box .list-3 .sbox { width:100%; display:flex; gap:8px; flex-direction:row; align-items:flex-start; padding:10px; }
	.rnd-box .development-box .actuator .info-box .box .list-3 .sbox dl { width:calc((100% - 8px) / 2); }
	.rnd-box .development-box .reducer .list-1 .box dl dt { height:40px; font-size:17px; }
	.rnd-box .development-box .reducer .list-1 .box dl dd p { font-size:17px; }
	.rnd-box .development-box .reducer .list-1 .box .s-box  { width:100%; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dt,
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dd { width:100%; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dd ul { gap:5px; }
	.rnd-box .equipment-box .e-box .box > dl > dd .sbox .txtbox > ul > li dl dd li { padding:5px; height:auto; min-height:30px; line-height:1.2; border-radius:5px; }
	.rnd-box .equipment-box .e-box .box .img-list { gap:8px; }
	.rnd-box .equipment-box .e-box .box .img-list > div { width:calc((100% - 8px) / 2); }
}
@media screen and (max-width:480px){
	.rnd-box .rnd-overview .listbox .box > dl > dt,
	.rnd-box .rnd-overview .listbox .box.box-3 > dl > dt { padding:0 60px; }
	.rnd-box .rnd-overview .listbox .box > dl > dt .circle-box,
	.rnd-box .rnd-overview .listbox .box.box-3 > dl > dt .circle-box { width:calc(100% - (60px * 2)); }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox { padding:100px 0 0; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-2 { left:34%; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .i-box .line { width:calc(100% - (5px * 2)); height:calc(100% - (5px * 2)); }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .txt.txt-3 { left:82%; top:44%; }
	.rnd-box .rnd-overview .listbox .box > dl > dd .list-3 .top .imgbox .tit { top:-9px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-2 li { width:100%; display:flex; align-items:center; text-align:left; position:relative; padding:20px 10px 20px 55px; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-2 li br { display:none; }
	.rnd-box .development-box .xEV_GEAR-BOX .info-box .box .list-2 li .icon_ch { position:absolute; left:15px; top:50%; transform:translateY(-50%); }
	.rnd-box .development-box .actuator .info-box .box .list-3 .sbox { flex-direction:row; align-items:center; flex-direction:column; }
	.rnd-box .development-box .actuator .info-box .box .list-3 .sbox dl { width:100%; }
}

/* animation */
.rnd-box .rnd-overview .listbox .box { opacity:0; }
.rnd-box .rnd-overview .listbox .box.subOn:nth-child(1) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
.rnd-box .rnd-overview .listbox .box.subOn:nth-child(2) { animation:ani_4 1.0s 0.6s; animation-fill-mode:both; } 
.rnd-box .rnd-overview .listbox .box.subOn:nth-child(3) { animation:ani_4 1.0s 0.9s; animation-fill-mode:both; } 
.rnd-box .development-box .AL_DIFF_CASE .top { opacity:0; }
.rnd-box .development-box .AL_DIFF_CASE .top.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
.rnd-box .development-box .AL_DIFF_CASE .info-box > div { opacity:0; }
.rnd-box .development-box .AL_DIFF_CASE .info-box.subOn > div:nth-child(1) { animation:ani_1 1.0s 0.3s; animation-fill-mode:both; }
.rnd-box .development-box .AL_DIFF_CASE .info-box.subOn > div:nth-child(2) { animation:ani_2 1.0s 0.3s; animation-fill-mode:both; }
.rnd-box .development-box .xEV_GEAR-BOX .top { opacity:0; }
.rnd-box .development-box .xEV_GEAR-BOX .top.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
.rnd-box .development-box .xEV_GEAR-BOX .info-box > div { opacity:0; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box.subOn > div:nth-child(1) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box.subOn > div:nth-child(2) { animation:ani_4 1.0s 0.6s; animation-fill-mode:both; }
.rnd-box .development-box .xEV_GEAR-BOX .info-box.subOn > div:nth-child(3) { animation:ani_4 1.0s 0.9s; animation-fill-mode:both; }
.rnd-box .development-box .actuator .top { opacity:0; }
.rnd-box .development-box .actuator .top.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
.rnd-box .development-box .actuator .info-box > div { opacity:0; }
.rnd-box .development-box .actuator .info-box.subOn > div:nth-child(1) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
.rnd-box .development-box .actuator .info-box.subOn > div:nth-child(2) { animation:ani_4 1.0s 0.6s; animation-fill-mode:both; }
.rnd-box .development-box .actuator .info-box.subOn > div:nth-child(3) { animation:ani_4 1.0s 0.9s; animation-fill-mode:both; }
.rnd-box .development-box .reducer .list-1 { opacity:0; }
.rnd-box .development-box .reducer .list-1.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
.rnd-box .development-box .reducer .list-2 { opacity:0; }
.rnd-box .development-box .reducer .list-2.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
.rnd-box .equipment-box .e-box .box { opacity:0; }
.rnd-box .equipment-box .e-box .box.subOn:nth-child(1) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
.rnd-box .equipment-box .e-box .box.subOn:nth-child(2) { animation:ani_4 1.0s 0.6s; animation-fill-mode:both; }
@media screen and (max-width:1440px){
	.rnd-box .rnd-overview .listbox .box.subOn:nth-child(1) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
	.rnd-box .rnd-overview .listbox .box.subOn:nth-child(2) { animation:ani_4 1.0s 0.6s; animation-fill-mode:both; } 
	.rnd-box .rnd-overview .listbox .box.subOn:nth-child(3) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
}
@media screen and (max-width:1024px){
	.rnd-box .rnd-overview .listbox .box.subOn:nth-child(1),
	.rnd-box .rnd-overview .listbox .box.subOn:nth-child(2),
	.rnd-box .rnd-overview .listbox .box.subOn:nth-child(3) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; } 
	.rnd-box .development-box .AL_DIFF_CASE .info-box.subOn > div:nth-child(1),
	.rnd-box .development-box .AL_DIFF_CASE .info-box.subOn > div:nth-child(2) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
	.rnd-box .equipment-box .e-box .box.subOn:nth-child(2) { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
}

/* ir */
.finance-box .tit-s h4 { color:#111; font-size:40px; font-weight:700; line-height:1.3; }
.finance-box .dataTable:not(:last-child) { margin-bottom:100px; }
.finance-box .dataTable { max-width:1500px; margin:0 auto }
.finance-box .dataTable .scroll-box { padding-bottom:1px; }
.finance-box .dataTable .txt_r { font-family:var(--mainFont); color:#333; font-size:18px; font-weight:300; line-height:1.3; margin-bottom:10px; display:flex; justify-content:flex-end; }
.finance-box .dataTable table { width:100%; border-top:1px solid #ddd; }
.finance-box .dataTable table * { font-family:var(--mainFont); }
.finance-box .dataTable table thead th { color:#333; font-size:20px; font-weight:500; line-height:1.3; height:80px; background:#f5f5f5; text-align:center }
.finance-box .dataTable table thead th:first-child { border-right:1px solid rgba(0, 0, 0, 0.10); }
.finance-box .dataTable table tbody th { border:1px solid #eee; border-width:0 1px 1px 0; color:#333; font-size:18px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; text-align:center }
.finance-box .dataTable table tbody td { height:80px; padding:15px 10px; border-bottom:1px solid #eee; color:#333; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; text-align:center }
.finance-box .dataTable table tbody td.td_left { text-align:left; }
@media screen and (max-width:1440px){
	.finance-box .tit-s h4 { font-size:36px; }
	.finance-box .dataTable table thead th { font-size:19px; height:75px; }
	.finance-box .dataTable table tbody th,
	.finance-box .dataTable table tbody td { font-size:18px; height:75px; }
}
@media screen and (max-width:1200px){
	.finance-box .tit-s h4 { font-size:30px; }
	.finance-box .dataTable table thead th { font-size:18px; height:70px; }
	.finance-box .dataTable table tbody th { font-size:17px; }
	.finance-box .dataTable table tbody td { padding:12px 10px; font-size:17px; height:70px; }
}
@media screen and (max-width:1024px){
	.finance-box .tit-s h4 { font-size:24px; }
	.finance-box .dataTable .txt_r { font-size:16px; }
	.finance-box .dataTable:not(:last-child) { margin-bottom:50px; }
	.finance-box .dataTable table thead th { font-size:16px; height:60px; }
	.finance-box .dataTable table tbody th,
	.finance-box .dataTable table tbody td { font-size:15px; height:60px; }
}
@media screen and (max-width:960px){
	.finance-box .dataTable .scroll-box { overflow:auto }
	.finance-box .dataTable .scroll-box table { width:1000px; }
}
@media screen and (max-width:640px){
	.finance-box .tit-s h4 { font-size:19px; }
	.finance-box .dataTable:not(:last-child) { margin-bottom:30px; }
}

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


/* esg */
.esg-box .esg-btn1 { margin-top:-40px; }
.sustainability-box .story-list .listbox { margin:0 auto; overflow:hidden; max-width:1920px; }
.sustainability-box .story-list .listbox .swiper-slide { width:424px; border-radius:20px; background:#fff; overflow:hidden; transition: transform 1s ease-in-out; transition-timing-function:linear; }
.sustainability-box .cont-1 { margin-top:130px; }
.sustainability-box .cont-1 .directivity-box { position:relative; overflow:hidden; }
.sustainability-box .cont-1 .directivity-box .bg-txt { position:absolute; left:0; top:60%; transform:translateY(-50%); display:flex }
.sustainability-box .cont-1 .directivity-box .bg-txt svg { color:#fff; font-weight:700; display:inline-block; width:auto; margin-right:2%; }
.sustainability-box .cont-1 .directivity-box .bg-txt svg text { fill:none; stroke:#000; stroke-width:0.28; font-size:60px; font-weight:700; line-height:1.3; opacity:0.1; }
.sustainability-box .cont-1.subOn .directivity-box .bg-txt svg { animation:txt_marquee 100s 0.5s infinite linear; }
.sustainability-box .cont-1 .directivity-box .listbox { margin-top:60px; position:relative; z-index:2; }
.sustainability-box .cont-1 .directivity-box .listbox > ul { display:flex; gap:60px; justify-content:center; padding:0 50px; }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li { position:relative; width:calc((100% - 120px)/ 3); transition:all 0.7s ease-in-out; }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li:before {content:""; display:block; padding-bottom:100%; }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:500px; text-align:center; display:flex; align-items: center; justify-content: center; flex-direction:column; transition:all 0.3s ease-in-out; }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li:nth-child(1) .circle { background:#ccc; }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li:nth-child(2) .circle { background:#b8afa3; }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li:nth-child(3) .circle { background:var(--mainColor); }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle dt { margin:20px 0; color:#fff; font-size:60px; font-weight:700; line-height:1.3; }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle dd { color:#fff; font-size:20px; font-weight:500; line-height:1.8; }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li:nth-child(1) { left:50%; transform:translateX(-50%) rotate(-20deg); z-index:1; }
.sustainability-box .cont-1 .directivity-box .listbox > ul > li:nth-child(2) { z-index:2; } 
.sustainability-box .cont-1 .directivity-box .listbox > ul > li:nth-child(3) { right:50%; transform:translateX(50%) rotate(20deg); z-index:3; }
.sustainability-box .cont-1 .directivity-box .listbox > ul.active > li { position:relative; }
.sustainability-box .cont-1 .directivity-box .listbox > ul.active > li:nth-child(1),
.sustainability-box .cont-1 .directivity-box .listbox > ul.active > li:nth-child(2),
.sustainability-box .cont-1 .directivity-box .listbox > ul.active > li:nth-child(3) { transform:translateX(0) rotate(0deg); }
.sustainability-box .cont-1 .directivity-box .listbox > ul.active > li:nth-child(1) { left:0 } 
.sustainability-box .cont-1 .directivity-box .listbox > ul.active > li:nth-child(3) { right:0; }
.sustainability-box .cont-1 .directivity-box .listbox > ul.active > li:hover .circle { transform:translateY(-20px); }
.sustainability-box .cont-1 .story-list { margin-top:200px; padding:200px 0 250px; background:#f5f5f5; }
.sustainability-box .cont-1 .story-list .listbox .swiper-slide { height:590px; }
.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox { position:relative; }
.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox img { max-width:100%; }
.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl { position:absolute; left:0; top:0; width:100%; padding:60px 0 0 60px; }
.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dt { color:var(--mainColor); font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dd { margin-top:10px; color:#fff; font-size:24px; font-weight:700; line-height:1.58; letter-spacing:-0.06em; }
.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox { padding:50px 60px 50px 50px; }
.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox * { font-family:var(--mainFont); }
.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox .txt { color:#444; font-size:20px; font-weight:300; line-height:1.8; letter-spacing:-0.04em; }
.sustainability-box .cont-2 .policy-box { margin-top:60px; padding:150px 0; background:url(/img/sub/sustainability_bg.jpg) no-repeat center / cover; }
.sustainability-box .cont-2 .policy-box .listbox .box:not(:last-child) { margin-bottom:20px; }
.sustainability-box .cont-2 .policy-box .listbox .box { padding:120px; border-radius:20px; background:rgba(255,255,255,0.95); }
.sustainability-box .cont-2 .policy-box .listbox .box dt { font-family:var(--mainFont); color:#111; font-size:36px; font-weight:600; line-height:1.65; }
.sustainability-box .cont-2 .policy-box .listbox .box dt strong { display:block; margin-bottom:30px; color:var(--mainColor); font-size:22px; font-weight:700; line-height:1.3; }
.sustainability-box .cont-2 .policy-box .listbox .box dd { margin-top:30px; }
.sustainability-box .cont-2 .policy-box .listbox .box dd .txtbox { font-family:var(--mainFont); color:#333; font-size:20px; font-weight:300; line-height:1.8; }
.sustainability-box .cont-2 .policy-box .listbox .box dd .btn { margin-top:80px; }
.sustainability-box .cont-3 { padding:250px 0; background:#F5F5F5; }
.sustainability-box .cont-3 .story-list  { margin-top:60px; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide { height:554px; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox { position:relative; height:292px; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox.bg1 { background:#e5233d; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox.bg2 { background:#a31c44; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox.bg3 { background:#bf8d2c; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox.bg4 { background:#4ca146; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox.bg5 { background:#f26a2e; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox.bg6 { background:#407f46; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox.bg7 { background:#fbc412; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox.bg8 { background:#e01483; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox.bg9 { background:#136a9f;; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl { position:absolute; left:0; top:0; width:100%; padding:60px 0 0 60px; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dt { color:#fff; font-size:24px; font-weight:700; line-height:1.58; letter-spacing:-0.06em; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dd { margin-top:20px; color:#fff; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox .icon { position:absolute; right:60px; bottom:20px; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox { padding:60px 60px 60px 50px; }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox * { font-family:var(--mainFont); }
.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox .txt { color:#444; font-size:20px; font-weight:300; line-height:1.8; letter-spacing:-0.04em; }
@media screen and (max-width:1720px){
	.sustainability-box .cont-2 .policy-box .listbox .box dt br,
	.sustainability-box .cont-2 .policy-box .listbox .box dd br { display:none }
	.sustainability-box .cont-2 .policy-box .listbox .box .m_br { display:block }
}
@media screen and (max-width:1440px){
	.sustainability-box .story-list .listbox .swiper-slide { width:424px; }
	.sustainability-box .cont-1 { margin-top:100px; }
	.sustainability-box .cont-1 .directivity-box .listbox { margin-top:50px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul { gap:40px; padding:0 0; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li { width:calc((100% - 80px)/ 3); }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle .icon img { width:90px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle dt { margin:15px 0; font-size:50px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle dd { font-size:19px; }
	.sustainability-box .cont-1 .story-list { margin-top:150px; padding:150px 0 180px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide { height:550px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl { padding:50px 0 0 50px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dt { font-size:19px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dd { margin-top:10px; font-size:22px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox { padding:40px 50px 40px 40px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox .txt { font-size:19px; }
	.sustainability-box .cont-2 .policy-box { margin-top:50px; padding:120px 0; }
	.sustainability-box .cont-2 .policy-box .listbox .box:not(:last-child) { margin-bottom:20px; }
	.sustainability-box .cont-2 .policy-box .listbox .box { padding:90px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dt { font-size:30px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dt strong { margin-bottom:25px; font-size:21px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd { margin-top:25px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd .txtbox { font-size:19px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd .btn { margin-top:70px; }
	.sustainability-box .cont-3 { padding:180px 0; }
	.sustainability-box .cont-3 .story-list  { margin-top:50px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide { height:510px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox { height:250px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl { padding:50px 0 0 50px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dt { font-size:22px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dd { margin-top:20px; font-size:19px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox .icon { right:50px; bottom:15px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox { padding:50px 50px 50px 40px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox .txt { font-size:19px; }
}
@media screen and (max-width:1200px){
	.sustainability-box .story-list .listbox .swiper-slide { width:380px; }
	.sustainability-box .cont-1 { margin-top:80px; }
	.sustainability-box .cont-1 .directivity-box .listbox { margin-top:40px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul { gap:20px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li { width:calc((100% - 40px)/ 3); }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle .icon img { width:80px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle dt { margin:10px 0; font-size:38px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle dd { font-size:17px; line-height:1.4 }
	.sustainability-box .cont-1 .story-list { margin-top:100px; padding:100px 0 150px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide { height:520px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl { padding:40px 0 0 40px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dt { font-size:18px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dd { margin-top:8px; font-size:21px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox { padding:35px 40px 30px 30px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox .txt { font-size:18px; }
	.sustainability-box .cont-2 .policy-box { margin-top:40px; padding:90px 0; }
	.sustainability-box .cont-2 .policy-box .listbox .box:not(:last-child) { margin-bottom:10px; }
	.sustainability-box .cont-2 .policy-box .listbox .box { padding:60px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dt { font-size:26px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dt strong { margin-bottom:20px; font-size:20px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd { margin-top:20px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd .txtbox { font-size:18px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd .btn { margin-top:60px; }
	.sustainability-box .cont-3 { padding:150px 0; }
	.sustainability-box .cont-3 .story-list  { margin-top:40px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide { height:450px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox { height:230px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl { padding:40px 0 0 40px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dt { font-size:21px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dd { margin-top:15px; font-size:18px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox .icon { right:40px; bottom:10px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox { padding:40px 40px 40px 30px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox .txt { font-size:18px; }
}
@media screen and (max-width:1024px){
	.esg-box .esg-btn1 { margin-top:-30px; }
	.sustainability-box .story-list .listbox .swiper-slide { width:280px; border-radius:10px; }
	.sustainability-box .cont-1 { margin-top:60px; }
	.sustainability-box .cont-1 .directivity-box .listbox { margin-top:40px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul { gap:10px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li { width:calc((100% - 20px)/ 3); }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle .icon img { width:60px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle dt { margin:5px 0; font-size:26px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle dd { font-size:16px; }
	.sustainability-box .cont-1 .story-list { margin-top:60px; padding:60px 0 90px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide { height:480px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl { padding:30px 0 0 30px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dt { font-size:16px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dd { margin-top:5px; font-size:20px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox { padding:25px 30px 20px 30px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox .txt { font-size:17px; }
	.sustainability-box .cont-2 .policy-box { margin-top:30px; padding:60px 0; }
	.sustainability-box .cont-2 .policy-box .listbox .box:not(:last-child) { margin-bottom:10px; }
	.sustainability-box .cont-2 .policy-box .listbox .box { padding:40px; border-radius:10px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dt { font-size:24px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dt strong { margin-bottom:15px; font-size:19px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd { margin-top:15px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd .txtbox { font-size:18px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd .btn { margin-top:60px; }
	.sustainability-box .cont-3 { padding:120px 0; }
	.sustainability-box .cont-3 .story-list  { margin-top:30px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide { height:400px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox { height:210px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl { padding:30px 0 0 20px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dt { font-size:20px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dd { margin-top:10px; font-size:17px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox .icon { right:20px; bottom:5px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox { padding:40px 40px 40px 30px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox .txt { font-size:17px; }
}
@media screen and (max-width:860px){
	.sustainability-box .cont-1 .directivity-box .listbox > ul { margin:0 auto; max-width:280px; flex-direction:column; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li { width:100%; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li:nth-child(1),
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li:nth-child(2),
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li:nth-child(3) { left:unset; right:unset; transform:translateX(0) rotate(0deg); }
	.sustainability-box .cont-1 .directivity-box .listbox > ul.active > li:hover .circle { transform:translateY(0); }
}
@media screen and (max-width:640px){
	.esg-box .esg-btn1 { margin-top:0; }
	.sustainability-box .story-list .listbox .swiper-slide { width:260px; }
	.sustainability-box .cont-1 { margin-top:40px; }
	.sustainability-box .cont-1 .directivity-box .listbox { margin-top:30px; }
	.sustainability-box .cont-1 .directivity-box .listbox > ul > li .circle dt { margin:10px 0; }
	.sustainability-box .cont-1 .story-list { margin-top:40px; padding:40px 0 50px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide { height:430px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl { padding:20px 0 0 20px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dt { font-size:15px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .imgbox dl dd { font-size:19px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox { padding:20px; }
	.sustainability-box .cont-1 .story-list .listbox .swiper-slide .txtbox .txt { font-size:16px; }
	.sustainability-box .cont-2 .policy-box { margin-top:20px; padding:40px 0; }
	.sustainability-box .cont-2 .policy-box .listbox .box:not(:last-child) { margin-bottom:5px; }
	.sustainability-box .cont-2 .policy-box .listbox .box { padding:20px 20px 40px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dt { font-size:20px; line-height:1.4 }
	.sustainability-box .cont-2 .policy-box .listbox .box dt strong { margin-bottom:10px; font-size:17px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd { margin-top:10px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd .txtbox { font-size:16px; }
	.sustainability-box .cont-2 .policy-box .listbox .box dd .btn { margin-top:40px; }
	.sustainability-box .cont-3 { padding:60px 0; }
	.sustainability-box .cont-3 .story-list  { margin-top:20px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide { height:360px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox { height:200px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl { padding:20px 0 0 20px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dt { font-size:18px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox dl dd { margin-top:5px; font-size:16px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .imgbox .icon { right:20px; bottom:5px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox { padding:20px; }
	.sustainability-box .cont-3 .story-list .listbox .swiper-slide .txtbox .txt { font-size:16px; }
}

/* animation */
.sustainability-box .cont-1 .directivity-box .listbox > ul { opacity:0 }
.sustainability-box .cont-1 .directivity-box .listbox.subOn > ul { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.sustainability-box .cont-1 .story-list .listbox { opacity:0 }
.sustainability-box .cont-1 .story-list .listbox.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.sustainability-box .cont-2 .policy-box .listbox .box { opacity:0 }
.sustainability-box .cont-2 .policy-box .listbox .box.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.sustainability-box .cont-3 .story-list .listbox { opacity:0 }
.sustainability-box .cont-3 .story-list .listbox.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


.re100-box .title .txt { color:#333 !important; }
.re100-box .cont-1 .listbox { overflow:hidden; }
.re100-box .cont-1 .listbox > ul { display:flex; flex-wrap:wrap; gap:0 80px; }
.re100-box .cont-1 .listbox > ul > li { width:calc((100% - 160px) / 3); }
.re100-box .cont-1 .listbox > ul > li * { font-family:var(--mainFont); }
.re100-box .cont-1 .listbox > ul > li:nth-child(1) { margin-top:120px; }
.re100-box .cont-1 .listbox > ul > li:nth-child(2) { margin-top:60px; }
.re100-box .cont-1 .listbox > ul > li .box { position:relative; border-radius:20px; border:1px solid #ccc; background:#fff; padding:50px; min-height:512px; }
.re100-box .cont-1 .listbox > ul > li .box:after {content:""; display:block; position:absolute; left:-55px; top:50%; transform:translateY(-50%); z-index:2; width:30px; height:30px; border-radius:50px; background:#b6b3af url(/img/sub/icon_plus1.svg) center no-repeat; }
.re100-box .cont-1 .listbox > ul > li:nth-child(1) .box:after { display:none }
.re100-box .cont-1 .listbox > ul > li .box .txtbox { position:relative; text-align:center }
.re100-box .cont-1 .listbox > ul > li .box .txtbox .txt-1 { color:#aaa; font-size:24px; font-weight:700; line-height:1.5; }
.re100-box .cont-1 .listbox > ul > li:nth-child(2) .box .txtbox .txt-1 { color:#b8afa3; }
.re100-box .cont-1 .listbox > ul > li:nth-child(3) .box .txtbox .txt-1 { color:var(--mainColor); }
.re100-box .cont-1 .listbox > ul > li .box .txtbox .txt-2 { margin-top:10px; color:#333; font-size:20px; font-weight:300; line-height:1.3; }
.re100-box .cont-1 .listbox > ul > li .box .txtbox .txt-2 strong { font-weight:600; }
.re100-box .cont-1 .listbox > ul > li .box .txtbox:after {content:""; display:block; position:absolute; left:50%; bottom:-45px; transform: translateX(-50%) rotate(180deg); z-index:2; width:12px; height:28px; background:url(/img/sub/icon_arr1.svg) center no-repeat; }
.re100-box .cont-1 .listbox > ul > li .box .sbox { position:relative; margin-top:90px; background:#f5f5f5; border-radius:10px; padding:40px; }
.re100-box .cont-1 .listbox > ul > li .box .sbox dt { color:#fff; font-size:20px; font-weight:700; line-height:1.3; padding:0 20px; height:50px; position:absolute; left:50%; top:-25px; transform: translateX(-50%); display:flex; align-items:center; border-radius:50px; background:#ccc; }
.re100-box .cont-1 .listbox > ul > li .box .sbox li:not(:last-child) { margin-bottom:10px; }
.re100-box .cont-1 .listbox > ul > li .box .sbox li { position:relative; padding-left:13px; font-family:var(--mainFont); color:#666; font-size:20px; font-weight:300; line-height:1.3; }
.re100-box .cont-1 .listbox > ul > li .box .sbox li:before {content:""; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#666; border-radius:5px; }
.re100-box .cont-1 .listbox > ul > li .circle-box { position:relative; margin:75px 0 0; padding:0 60px; }
.re100-box .cont-1 .listbox > ul > li .circle-box:before { content:""; display:block; position:absolute; left:50%; top:-107px; transform: translateX(-50%); z-index:2; width:72px; height:142px; background:url(/img/sub/icon_arr4_1.svg) center top no-repeat; }
.re100-box .cont-1 .listbox > ul > li:nth-child(2) .circle-box:before { background-image:url(/img/sub/icon_arr4_2.svg); }
.re100-box .cont-1 .listbox > ul > li:nth-child(3) .circle-box:before { background-image:url(/img/sub/icon_arr4_3.svg); }
.re100-box .cont-1 .listbox > ul > li .circle-box .cbox { position:relative; width:100%; }
.re100-box .cont-1 .listbox > ul > li .circle-box .cbox:before {content:""; display:block; padding-bottom:100%; }
.re100-box .cont-1 .listbox > ul > li .circle-box .cbox strong { position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; font-size:40px; font-weight:600; line-height:1.3; background:#ccc; border-radius:400px; display:flex; justify-content:center; align-items:center; text-align:center; }
.re100-box .cont-1 .listbox > ul > li:nth-child(2) .box .sbox dt,
.re100-box .cont-1 .listbox > ul > li:nth-child(2) .circle-box .cbox strong { background:#b8afa3; }
.re100-box .cont-1 .listbox > ul > li:nth-child(3) .box .sbox dt,
.re100-box .cont-1 .listbox > ul > li:nth-child(3) .circle-box .cbox strong { background:var(--mainColor); }
.re100-box .cont-1 .listbox > ul > li .stxt-1 { position:absolute; top:-55px; right:0; z-index:2; color:#666; font-size:18px; font-weight:300; line-height:1.3; text-align:right; }
.re100-box .dataTable .scroll-box {  }
.re100-box .dataTable .f1,
.re100-box .dataTable .f1 * { font-family:var(--mainFont); }
.re100-box .dataTable table { width:100%; border-top:1px solid #000; }
.re100-box .dataTable table * { font-family:var(--subFont); }
.re100-box .dataTable table thead th { color:#333; font-size:20px; font-weight:500; line-height:1.3; height:80px; background:#f5f5f5; text-align:center }
.re100-box .dataTable table thead tr.line th { border-top:1px solid #ddd; }
.re100-box .dataTable table tbody th { border:1px solid #eee; border-width:0 0 1px 0; color:#666; font-size:20px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; text-align:center }
.re100-box .dataTable table tbody td { padding:0 10px; height:70px; border-bottom:1px solid #eee; color:#666; font-size:20px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; text-align:center }
.re100-box .dataTable table tbody td.bg1,
.re100-box .dataTable table tfoot td.bg1 { background:rgba(242, 145, 0, 0.05); }
.re100-box .dataTable table tbody tr.line-b td { border-color:#111;}
.re100-box .dataTable table tfoot th { border:1px solid #111; border-width:1px 0 1px 0; color:#333; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; text-align:center }
.re100-box .dataTable table tfoot td { padding:0 10px; height:70px; border-bottom:1px solid #111; color:#333; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; text-align:center }
.re100-box .dataTable table tbody td span.f1,
.re100-box .dataTable table tfoot td span.f1 { font-weight:200; color:#666; }
.re100-box .dataTable.dt1 table tbody td { font-size:18px; font-weight:300; height:140px; }
.re100-box .dataTable.dt1 table tbody td strong { font-size:24px; color:#333; font-weight:600; }
.re100-box .dataTable table tbody td img { max-width:100%; border-radius:20px; }
.re100-box .dataTable table tbody td.td_left { text-align:left; }
.re100-box .t-box { margin-top:60px; }
.re100-box .cont-2 .t-box .box { display:flex; flex-wrap:wrap; gap:40px; }
.re100-box .cont-2 .t-box .box .dt1 { width:calc(24.5% - 20px); }
.re100-box .cont-2 .t-box .box .dt2 { width:calc(100% - 24.5% - 20px); }
.re100-box .cont-2 .t-box .txt_b { margin-top:20px; font-family:var(--mainFont); color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.re100-box .cont-2 .chart-box { margin:60px auto 0; max-width:1754px; }
.re100-box .cont-3 .chart-box { margin-top:60px; }
.re100-box .chart-box svg,
.re100-box .chart-box img { width:100%; height:auto; }
.re100-box .chart-box .txt-1 { font-family:var(--mainFont); color:var(--mainColor); fill:var(--mainColor); font-size:18px; font-weight:700;  }
.re100-box .chart-box .txt-2 { font-family:var(--mainFont); color:#fff; fill:#fff; font-size:18px; font-weight:700;  }
.re100-box .chart-box .txt-3 { font-family:var(--mainFont); color:#fff; fill:#fff; font-size:16px; font-weight:600;  }
.re100-box .info-list { margin-top:20px }
.re100-box .info-list ul { display:flex; flex-wrap:wrap; gap:10px 30px; }
.re100-box .info-list ul li { display:flex; align-items:center; gap:10px; font-family:var(--mainFont); color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.re100-box .info-list ul li span { width:15px; height:15px; border-radius:15px; display:inline-block; }
.re100-box .info-list ul li .s1_1 { background:#ccc }
.re100-box .info-list ul li .s1_2 { background:#b6b3af }
.re100-box .info-list ul li .s2_1 { background:var(--mainColor) }
.re100-box .info-list ul li .s2_2 { background:var(--mainColor); opacity:0.6 }
.re100-box .info-list ul li .s2_3 { background:var(--mainColor); opacity:0.3 }
.re100-box .info-list ul li .s2_4 { background:var(--mainColor); opacity:0.2 }
@media screen and (max-width:1794px){
	.re100-box .cont-2 .chart-box1 { padding:0 20px; }
}
@media screen and (max-width:1440px){
	.re100-box .cont-1 .listbox > ul { gap:0 60px; }
	.re100-box .cont-1 .listbox > ul > li { width:calc((100% - 120px) / 3); }
	.re100-box .cont-1 .listbox > ul > li .box { padding:35px; }
	.re100-box .cont-1 .listbox > ul > li .box:after { left:-47px; }
	.re100-box .cont-1 .listbox > ul > li .box .txtbox .txt-1 { font-size:23px; }
	.re100-box .cont-1 .listbox > ul > li .box .txtbox .txt-2 { margin-top:10px; font-size:19px; }
	.re100-box .cont-1 .listbox > ul > li .box .sbox { padding:40px 30px 30px; }
	.re100-box .cont-1 .listbox > ul > li .box .sbox dt { font-size:19px; padding:0 18px; height:48px; top:-24px; }
	.re100-box .cont-1 .listbox > ul > li .box .sbox li { padding-left:13px; font-size:18px; }
	.re100-box .cont-1 .listbox > ul > li .circle-box { margin:75px 0 0; padding:0 50px; }
	.re100-box .cont-1 .listbox > ul > li .circle-box .cbox strong { font-size:35px; }
	.re100-box .cont-1 .listbox > ul > li .stxt-1 { font-size:18px; }
	.re100-box .dataTable table thead th { font-size:19px; height:75px; }
	.re100-box .dataTable table tbody th { font-size:19px; }
	.re100-box .dataTable table tbody td { height:65px; font-size:19px; }
	.re100-box .dataTable table tfoot th { font-size:19px; }
	.re100-box .dataTable table tfoot td { height:65px; font-size:19px; }
	.re100-box .dataTable.dt1 table tbody td { font-size:17px; height:130px; }
	.re100-box .dataTable.dt1 table tbody td strong { font-size:23px; }
}
@media screen and (max-width:1200px){
	.re100-box .cont-1 .listbox > ul { gap:0 40px; }
	.re100-box .cont-1 .listbox > ul > li { width:calc((100% - 80px) / 3); }
	.re100-box .cont-1 .listbox > ul > li .box { padding:28px; min-height:480px; }
	.re100-box .cont-1 .listbox > ul > li .box:after { left:-36px; }
	.re100-box .cont-1 .listbox > ul > li .box .txtbox .txt-1 { font-size:22px; }
	.re100-box .cont-1 .listbox > ul > li .box .txtbox .txt-2 { margin-top:10px; font-size:18px; }
	.re100-box .cont-1 .listbox > ul > li .box .sbox { padding:40px 20px 20px; }
	.re100-box .cont-1 .listbox > ul > li .box .sbox dt { font-size:18px; }
	.re100-box .cont-1 .listbox > ul > li .box .sbox li:not(:last-child) { margin-bottom:5px; }
	.re100-box .cont-1 .listbox > ul > li .box .sbox li { padding-left:12px; font-size:16px; }
	.re100-box .cont-1 .listbox > ul > li .box .sbox li:before { top:9px; }
	.re100-box .cont-1 .listbox > ul > li .circle-box { margin:70px 0 0; padding:0 30px; }
	.re100-box .cont-1 .listbox > ul > li .circle-box .cbox strong { font-size:30px; }
	.re100-box .cont-1 .listbox > ul > li .stxt-1 { font-size:17px; }
	.re100-box .dataTable table thead th { font-size:18px; height:70px; }
	.re100-box .dataTable table tbody th { font-size:18px; }
	.re100-box .dataTable table tbody td { height:60px; font-size:18px; }
	.re100-box .dataTable table tfoot th { font-size:18px; }
	.re100-box .dataTable table tfoot td { height:60px; font-size:18px; }
	.re100-box .dataTable.dt1 table tbody td { font-size:16px; height:120px; }
	.re100-box .dataTable.dt1 table tbody td strong { font-size:22px; }
}
@media screen and (max-width:1024px){
	.re100-box .cont-1 .listbox { margin-top:30px; }
	.re100-box .cont-1 .listbox > ul { gap:50px; }
	.re100-box .cont-1 .listbox > ul > li { width:100%; }
	.re100-box .cont-1 .listbox > ul > li:nth-child(1),
	.re100-box .cont-1 .listbox > ul > li:nth-child(2) { margin-top:0; }
	.re100-box .cont-1 .listbox > ul > li .box { padding:28px; min-height:auto; border-radius:10px; }
	.re100-box .cont-1 .listbox > ul > li .box:after { left:50%; top:-41px; right:unset; transform:translate(-50% ,0); }
	.re100-box .cont-1 .listbox > ul > li .box .txtbox .txt-1 { font-size:20px; }
	.re100-box .cont-1 .listbox > ul > li .box .txtbox .txt-2 { margin-top:10px; font-size:17px; }
	.re100-box .cont-1 .listbox > ul > li .box .sbox { border-radius:5px; }
	.re100-box .cont-1 .listbox > ul > li .circle-box { margin:50px 0 0; padding:0 40px; }
	.re100-box .cont-1 .listbox > ul > li .circle-box .cbox { max-width:260px; width:100%; margin:0 auto; }
	.re100-box .cont-1 .listbox > ul > li .circle-box:before { top:-77px; width:72px; height:100px; background-size:auto 100px; }
	.re100-box .cont-1 .listbox > ul > li .stxt-1 { top:-44px; }
	.re100-box .scroll-box { overflow:auto; padding-bottom:8px; }
	.re100-box .chart-box svg { width:1100px; height:auto; }
	.re100-box .dataTable table { width:1100px; }
	.re100-box .dataTable table thead th { font-size:17px; height:60px; }
	.re100-box .dataTable table tbody th { font-size:17px; }
	.re100-box .dataTable table tbody td { height:50px; font-size:17px; }
	.re100-box .dataTable table tfoot th { font-size:17px; }
	.re100-box .dataTable table tfoot td { height:50px; font-size:17px; }
	.re100-box .dataTable.dt1 table tbody td { font-size:15px; height:100px; }
	.re100-box .dataTable.dt1 table tbody td strong { font-size:22px; }
	.re100-box .dataTable table tbody td img { border-radius:10px; }
	.re100-box .t-box { margin-top:40px; }
	.re100-box .cont-2 .t-box .box { gap:20px; width:1100px; }
	.re100-box .cont-2 .t-box .box .dt1 { width:calc(24.5% - 10px); }
	.re100-box .cont-2 .t-box .box .dt2 { width:calc(100% - 24.5% - 10px); }
	.re100-box .cont-2 .t-box .box .dataTable table { width:100%; }
	.re100-box .cont-2 .t-box .txt_b { margin-top:20px; font-size:15px; }
	.re100-box .cont-2 .chart-box { margin:40px auto 0; }
	.re100-box .cont-3 .chart-box { margin-top:40px; }
	.re100-box .info-list { margin-top:20px }
	.re100-box .info-list ul { gap:8px 20px; }
	.re100-box .info-list ul li { gap:8px; font-size:15px; }
	.re100-box .info-list ul li span { width:13px; height:13px; }
}


/* animation */
.re100-box .cont-1 .listbox > ul > li { opacity:0; }
.re100-box .cont-1 .listbox > ul > li.subOn:nth-child(1) { animation:ani_2 0.8s 0.1s; animation-fill-mode:both; }
.re100-box .cont-1 .listbox > ul > li.subOn:nth-child(2) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.re100-box .cont-1 .listbox > ul > li.subOn:nth-child(3) { animation:ani_2 0.8s 0.9s; animation-fill-mode:both; }
.re100-box .cont-1 .listbox > ul > li .circle-box { opacity:0; }
.re100-box .cont-1 .listbox > ul > li.subOn:nth-child(1) .circle-box { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.re100-box .cont-1 .listbox > ul > li.subOn:nth-child(2) .circle-box { animation:ani_4 0.8s 1.1s; animation-fill-mode:both; }
.re100-box .cont-1 .listbox > ul > li.subOn:nth-child(3) .circle-box { animation:ani_4 0.8s 1.7s; animation-fill-mode:both; }
.re100-box .t-box { opacity:0; }
.re100-box .t-box.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.re100-box .cont-2 .chart-box .barMask { width:0; }
.re100-box .cont-2 .chart-box.subOn .barMask { animation:ani_w 1.0s 0.1s linear; animation-fill-mode:both; }
.re100-box .cont-3 .chart-box .barMask { width:0; }
.re100-box .cont-3 .chart-box.subOn .barMask { animation:ani_w 1.0s 0.1s linear; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.re100-box .cont-1 .listbox > ul > li.subOn:nth-child(1) { animation:ani_4 0.8s 0.1s; animation-fill-mode:both; }
	.re100-box .cont-1 .listbox > ul > li.subOn:nth-child(2) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
	.re100-box .cont-1 .listbox > ul > li.subOn:nth-child(3) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
}

.safety-box .bcont .box { border-radius:20px; background:rgba(255, 255, 255, 0.95); }
.safety-box .bcont .box .top dt { color:var(--mainColor); font-size:22px; font-weight:700; line-height:1.3; }
.safety-box .bcont .box .top dd { margin-top:30px; font-family:var(--mainFont); color:#111; font-size:36px; font-weight:600; line-height:1.65; letter-spacing:-0.08em; }
.safety-box .cont-1 .listbox { position:relative; margin-top:245px; }
.safety-box .cont-1 .listbox .circleLine { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1030px; height:1030px; border-radius:800px; border:1px dashed #ddd; }
.safety-box .cont-1 .listbox ul { display:flex; gap:190px; padding:0 92px; }
.safety-box .cont-1 .listbox ul li { width:calc((100% - 380px) / 3); position:relative; z-index:5; }
.safety-box .cont-1 .listbox ul li:before { content:""; display:block; padding-bottom:100%; }
.safety-box .cont-1 .listbox ul li .circle { position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#fff; border-radius:360px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center }
.safety-box .cont-1 .listbox ul li:nth-child(1),
.safety-box .cont-1 .listbox ul li:nth-child(3) { z-index:6 }
.safety-box .cont-1 .listbox ul li .circle .txt1 { color:rgba(34, 34, 34, 0.2); font-size:20px; font-weight:700; line-height:1.3; }
.safety-box .cont-1 .listbox ul li .circle .icon { margin:52px 0 48px;  }
.safety-box .cont-1 .listbox ul li .circle .txt2 { color:rgba(34, 34, 34, 1); font-size:22px; font-weight:600; line-height:1.3; }
.safety-box .cont-1 .listbox ul li .circle.center { z-index:2; background:var(--mainColor) url(/img/sub/safety_bg1.svg) no-repeat center / cover; border:none; } 
.safety-box .cont-1 .listbox ul li .circle.center dt { margin-top:-7%; color:rgba(255, 255, 255, 0.6); font-size:22px; font-weight:700; line-height:1.3; }
.safety-box .cont-1 .listbox ul li .circle.center dd { margin-top:10px; color:rgba(255, 255, 255, 1); font-size:28px; font-weight:700; line-height:1.55; }
.safety-box .cont-1 .listbox ul li .circle.center:before { content:""; display:block; position:absolute; right:-190px; top:50%; transform:translate(0, -50%); width:191px; height:30px; background:var(--mainColor) url(/img/sub/social_arr.svg) center center no-repeat; }
.safety-box .cont-1 .listbox ul li .circle.center:after { content:""; display:block; position:absolute; left:-190px; top:50%; transform:translate(0, -50%) rotate(-180deg); width:191px; height:30px; background:var(--mainColor) url(/img/sub/social_arr.svg) center center no-repeat; }
.safety-box .cont-1 .listbox ul li .circle .c-box:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border:110px solid rgba(242, 145, 0, 0.2); width:100%; border-radius:800px; }
.safety-box .cont-1 .listbox ul li .circle .c-box:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border:60px solid rgba(242, 145, 0, 0.4); width:100%; border-radius:800px; }
.safety-box .cont-1 .bcont { margin-top:325px; padding:150px 0; background:url(/img/sub/safety_bg2.png) no-repeat center bottom / cover;}
.safety-box .cont-1 .bcont .box { padding:150px; }
.safety-box .cont-1 .bcont .box .list { margin-top:100px; }
.safety-box .cont-1 .bcont .box .list li:not(:last-child) { margin-bottom:20px; }
.safety-box .cont-1 .bcont .box .list li { display:flex; align-items:center; height:120px; border-radius:20px; border:1px solid #ddd; background:#fff; }
.safety-box .cont-1 .bcont .box .list li .num { width:270px; height:100%; color:#f5f5f5; font-size:120px; font-weight:700; line-height:0.58; letter-spacing:6px; display:flex; justify-content:center; align-items:flex-end;}
.safety-box .cont-1 .bcont .box .list li .txt { width:calc(100% - 270px); padding-right:10px; color:#333; font-size:20px; font-weight:400; line-height:1.3; letter-spacing:-0.05em; }
.safety-box .cont-2 .tcont { margin-top:60px; }
.safety-box .cont-2 .tcont .listbox > ul { display:flex; flex-wrap:wrap; gap:8px;}
.safety-box .cont-2 .tcont .listbox > ul > li { width:calc((100% - 16px) / 3); border:1px solid #ddd; background:#fff; border-radius:20px; }
.safety-box .cont-2 .tcont .listbox > ul > li .box { padding:60px; }
.safety-box .cont-2 .tcont .listbox > ul > li .box dt { margin-top:40px; font-family:var(--mainFont); color:#222; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.055em; }
.safety-box .cont-2 .tcont .listbox > ul > li .box dd { margin-top:20px; }
.safety-box .cont-2 .tcont .listbox > ul > li .box dd li:not(:last-child) { margin-bottom:10px; }
.safety-box .cont-2 .tcont .listbox > ul > li .box dd li { position:relative; padding-left:13px; font-family:var(--mainFont); color:#333; font-size:20px; font-weight:300; line-height:1.3; }
.safety-box .cont-2 .tcont .listbox > ul > li .box dd li:before {content:""; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#aaa; border-radius:5px; }
.safety-box .cont-2 .bcont { padding:150px 0; background:url(/img/sub/safety_bg3.png) no-repeat center bottom / cover;}
.safety-box .cont-2 .bcont .box { padding:170px 180px 130px; }
.safety-box .cont-2 .bcont .list-1 { margin-top:30px; }
.safety-box .cont-2 .bcont .list-1 ul { display:flex; gap:20px 100px; }
.safety-box .cont-2 .bcont .list-1 ul li { font-family:var(--mainFont); color:#666; font-size:20px; font-weight:300; line-height:1.3; }
.safety-box .cont-2 .bcont .list-1 ul li strong { color:#333; font-weight:500; margin-right:30px; }
.safety-box .cont-2 .bcont .list-2 { margin-top:100px; }
.safety-box .cont-2 .bcont .list-2 ul { display:flex; gap:20px; }
.safety-box .cont-2 .bcont .list-2 ul li { width:calc((100% - 40px) / 3); text-align:center }
.safety-box .cont-2 .bcont .list-2 ul li .imgbox { padding:25px 12px; background:#fff; border:1px solid #ddd; border-radius:20px; }
.safety-box .cont-2 .bcont .list-2 ul li .imgbox img { width:100%; }
.safety-box .cont-2 .bcont .list-2 ul li .txtbox { margin-top:20px; color:#333; font-size:22px; font-weight:500; line-height:1.3; }
.safety-box .environmental-box { overflow:hidden }
.safety-box .environmental-box .circle-box { position:relative; margin:60px auto 0; display:flex; justify-content:center; align-items:center; text-align:center; width:605px; height:605px; background:url(/img/sub/circleBox_bg.png) no-repeat center / cover; }
.safety-box .environmental-box .circle-box .box strong { display:block; color:#fff; font-size:46px; font-weight:700; line-height:1.3; text-transform:capitalize; }
.safety-box .environmental-box .circle-box .box span { margin-top:10px; display:block; color:#fff; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.04em;}
.safety-box .environmental-box .circle-box .txt_b { position:absolute; left:50%; bottom:-8%; transform:translateX(-50%); font-family:var(--mainFont); color:#fff; font-size:22px; font-weight:700; line-height:1.3; display:flex; align-items:center; height:60px; padding:0 30px; background:#b8afa3; border-radius:60px; }
.safety-box .environmental-box .listbox { margin-top:80px; }
.safety-box .environmental-box .listbox > ul { position:relative; z-index:2; display:flex; justify-content:center; gap:10px; height:690px; width:100%; }
.safety-box .environmental-box .listbox > ul > li { width:calc((100% - 10px) / 3); transition:all 0.5s ease-in-out; }
.safety-box .environmental-box .listbox > ul > li:nth-child(2) { margin-top:30px; }
.safety-box .environmental-box .listbox > ul > li:nth-child(3) { margin-top:60px; }
.safety-box .environmental-box .listbox > ul > li .box { position:relative; width:100%; height:570px; border-radius:20px; overflow:hidden; display:flex; transition:all 0.5s; }
.safety-box .environmental-box .listbox > ul > li .imgbox { position:relative; width:100%; }
.safety-box .environmental-box .listbox > ul > li .imgbox:before {content:""; display:block; padding-bottom:115%; }
.safety-box .environmental-box .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.safety-box .environmental-box .listbox > ul > li .imgbox img { transform:scale(1); transition:all 0.5s ease-in-out; }
.safety-box .environmental-box .listbox > ul > li .imgbox .txt { position:absolute; left:60px; bottom:66px; color:rgba(255,255,255,0.5); font-size:18px; font-weight:700; line-height:1.3; }
.safety-box .environmental-box .listbox > ul > li .imgbox .txt strong { display:block; margin-top:10px; color:#fff; font-size:50px; font-weight:600; line-height:1.3; letter-spacing:-0.05em }
.safety-box .environmental-box .listbox > ul > li .txtbox { position:absolute; left:0; top:0; width:100%; height:100%; padding:60px; }
.safety-box .environmental-box .listbox > ul > li .txtbox dl { position:absolute; left:0; bottom:-90px; padding:0 60px; transition:all 0.5s 0.1s; }
.safety-box .environmental-box .listbox > ul > li .txtbox dt { color:#fff; font-size:40px; font-weight:600; line-height:1.3; letter-spacing:-0.05em }
.safety-box .environmental-box .listbox > ul > li .txtbox dd { opacity:0; margin-top:30px; transition:all 0.3s 0.1s ease-in-out; }
.safety-box .environmental-box .listbox > ul > li .txtbox dd li:not(:last-child) { margin-bottom:10px; }
.safety-box .environmental-box .listbox > ul > li .txtbox dd li { position:relative; padding-left:13px; font-family:var(--mainFont); color:#fff; font-size:20px; font-weight:400; line-height:1.3; }
.safety-box .environmental-box .listbox > ul > li .txtbox dd li:before {content:""; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#fff; border-radius:5px; }
.safety-box .environmental-box .listbox > ul.active > li .box:hover .txtbox dl { bottom:60px; transition:all 0.6s 0.1s; }
.safety-box .environmental-box .listbox > ul.active > li .box:hover .txtbox dd { opacity:1; }
.safety-box .environmental-box .listbox > ul.active > li:hover:nth-child(1) { margin-top:-20px; }
.safety-box .environmental-box .listbox > ul.active > li:hover:nth-child(2) { margin-top:10px; }
.safety-box .environmental-box .listbox > ul.active > li:hover:nth-child(3) { margin-top:40px; }
.safety-box .environmental-box .listbox > ul > li { position:absolute; }
.safety-box .environmental-box .listbox > ul > li:nth-child(1) { left:50%; transform:translateX(-50%) rotate(-10deg); z-index:1 } 
.safety-box .environmental-box .listbox > ul > li:nth-child(2) { position:relative; z-index:2 }
.safety-box .environmental-box .listbox > ul > li:nth-child(3) { right:50%; transform:translateX(50%) rotate(10deg); z-index:3 }
.safety-box .environmental-box .listbox > ul.active > li { position:relative; }
.safety-box .environmental-box .listbox > ul.active > li:nth-child(1),
.safety-box .environmental-box .listbox > ul.active > li:nth-child(2),
.safety-box .environmental-box .listbox > ul.active > li:nth-child(3) { left:0; right:0; transform:translateX(0) rotate(0deg); }
.safety-box .environmental-box .e-box { position:relative; }
.safety-box .environmental-box .e-box .bg-txt { position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:0; display:flex }
.safety-box .environmental-box .e-box .bg-txt svg { color:#fff; font-weight:700; display:inline-block; width:auto; margin-right:2%; }
.safety-box .environmental-box .e-box .bg-txt svg text { fill:none; stroke:#000; stroke-width:0.28; font-size:60px; font-weight:700; line-height:1.3; opacity:0.1; }
.safety-box .environmental-box .e-box.subOn .bg-txt svg { animation:txt_marquee 100s 0.5s infinite linear; }
@media screen and (max-width:1760px){
	.safety-box .bcont .box .top dd br { display:none }
	.safety-box .cont-1 .listbox ul { padding:0; }
	.safety-box .cont-1 .listbox ul li .circle .c-box:after { border-width:90px; }
	.safety-box .cont-1 .listbox ul li .circle .c-box:before { border-width:50px; }
}
@media screen and (max-width:1600px){
	.safety-box .cont-1 .listbox .circleLine { width:1000px; height:1000px; }
	.safety-box .cont-1 .listbox ul li .circle .c-box:after { border-width:50px; }
	.safety-box .cont-1 .listbox ul li .circle .c-box:before { border-width:20px; }
	.social-box .cont-2 .listbox .r_box .box dl dd { font-size:24px; }
}
@media screen and (max-width:1440px){
	.safety-box .bcont .box .top dt { font-size:21px; }
	.safety-box .bcont .box .top dd { margin-top:25px; font-size:30px; }
	.safety-box .cont-1 .listbox { margin-top:180px; }
	.safety-box .cont-1 .listbox .circleLine { width:860px; height:860px; }
	.safety-box .cont-1 .listbox ul { gap:120px; }
	.safety-box .cont-1 .listbox ul li { width:calc((100% - 240px) / 3); }
	.safety-box .cont-1 .listbox ul li .circle .txt1 { font-size:19px; }
	.safety-box .cont-1 .listbox ul li .circle .icon { margin:35px 0 30px;  }
	.safety-box .cont-1 .listbox ul li .circle .txt2 { font-size:21px; }
	.safety-box .cont-1 .listbox ul li .circle.center dt { font-size:21px; }
	.safety-box .cont-1 .listbox ul li .circle.center dd { margin-top:10px; font-size:24px; line-height:1.4; }
	.safety-box .cont-1 .listbox ul li .circle.center:before { right:-120px; width:121px; }
	.safety-box .cont-1 .listbox ul li .circle.center:after { left:-120px; width:121px; }
	.safety-box .cont-1 .bcont { margin-top:210px; padding:120px 0; }
	.safety-box .cont-1 .bcont .box { padding:120px; }
	.safety-box .cont-1 .bcont .box .list { margin-top:80px; }
	.safety-box .cont-1 .bcont .box .list li:not(:last-child) { margin-bottom:15px; }
	.safety-box .cont-1 .bcont .box .list li { height:100px; }
	.safety-box .cont-1 .bcont .box .list li .num { width:240px; font-size:100px; }
	.safety-box .cont-1 .bcont .box .list li .txt { width:calc(100% - 240px); font-size:19px; }
	.safety-box .cont-2 .tcont { margin-top:50px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box { padding:40px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dt { margin-top:30px; font-size:22px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd { margin-top:15px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd li:not(:last-child) { margin-bottom:10px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd li { padding-left:13px; font-size:19px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd li:before { top:11px; }
	.safety-box .cont-2 .bcont { padding:120px 0; }
	.safety-box .cont-2 .bcont .box { padding:120px; }
	.safety-box .cont-2 .bcont .list-1 { margin-top:15px; }
	.safety-box .cont-2 .bcont .list-1 ul { gap:20px 100px; }
	.safety-box .cont-2 .bcont .list-1 ul li { font-size:19px; }
	.safety-box .cont-2 .bcont .list-1 ul li strong { margin-right:30px; }
	.safety-box .cont-2 .bcont .list-2 { margin-top:80px; }
	.safety-box .cont-2 .bcont .list-2 ul li .imgbox { padding:25px 12px; }
	.safety-box .cont-2 .bcont .list-2 ul li .txtbox { margin-top:20px; font-size:21px; }
	.safety-box .environmental-box .circle-box { margin:50px auto 0; width:580px; height:580px; }
	.safety-box .environmental-box .circle-box .box strong { font-size:42px; }
	.safety-box .environmental-box .circle-box .box span { margin-top:8px; font-size:19px; }
	.safety-box .environmental-box .listbox { margin-top:60px; }
	.safety-box .environmental-box .listbox > ul { height:640px; }
	.safety-box .environmental-box .listbox > ul > li .box {height:530px; }
	.safety-box .environmental-box .listbox > ul > li .imgbox .txt { left:50px; bottom:55px; font-size:17px; }
	.safety-box .environmental-box .listbox > ul > li .imgbox .txt strong { margin-top:8px; font-size:44px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox { padding:50px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dl { bottom:25px; padding:0 50px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dt { font-size:34px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd { margin-top:25px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd li { font-size:19px; }
	.safety-box .environmental-box .listbox > ul.active > li .box:hover .txtbox dl { bottom:50px; }
}
@media screen and (max-width:1200px){
	.safety-box .bcont .box .top dt { font-size:18px; }
	.safety-box .bcont .box .top dd { margin-top:20px; font-size:23px; }
	.safety-box .cont-1 .listbox { margin-top:120px; }
	.safety-box .cont-1 .listbox .circleLine { width:600px; height:600px; }
	.safety-box .cont-1 .listbox ul { gap:80px; }
	.safety-box .cont-1 .listbox ul li { width:calc((100% - 160px) / 3); }
	.safety-box .cont-1 .listbox ul li .circle .txt1 { font-size:17px; }
	.safety-box .cont-1 .listbox ul li .circle .icon { margin:30px 0 26px; }
	.safety-box .cont-1 .listbox ul li .circle .icon img { width:60px; }
	.safety-box .cont-1 .listbox ul li .circle .txt2 { font-size:19px; }
	.safety-box .cont-1 .listbox ul li .circle.center dt { font-size:19px; }
	.safety-box .cont-1 .listbox ul li .circle.center dd { margin-top:8px; font-size:21px; }
	.safety-box .cont-1 .listbox ul li .circle.center:before { right:-80px; width:81px; }
	.safety-box .cont-1 .listbox ul li .circle.center:after { left:-80px; width:81px; }
	.safety-box .cont-1 .bcont { margin-top:170px; padding:90px 0; }
	.safety-box .cont-1 .bcont .box { padding:90px; }
	.safety-box .cont-1 .bcont .box .list { margin-top:80px; }
	.safety-box .cont-1 .bcont .box .list li:not(:last-child) { margin-bottom:15px; }
	.safety-box .cont-1 .bcont .box .list li { height:100px; }
	.safety-box .cont-1 .bcont .box .list li .num { width:180px; font-size:80px; }
	.safety-box .cont-1 .bcont .box .list li .txt { width:calc(100% - 180px); font-size:18px; }
	.safety-box .cont-2 .tcont { margin-top:40px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box { padding:30px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box .icon img { width:60px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dt { margin-top:15px; font-size:21px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd { margin-top:12px; }
	.safety-box .cont-2 .bcont { padding:90px 0; }
	.safety-box .cont-2 .bcont .box { padding:90px; }
	.safety-box .cont-2 .bcont .list-1 { margin-top:12px; }
	.safety-box .cont-2 .bcont .list-1 ul { gap:20px 80px; }
	.safety-box .cont-2 .bcont .list-1 ul li { font-size:18px; }
	.safety-box .cont-2 .bcont .list-1 ul li strong { margin-right:25px; }
	.safety-box .cont-2 .bcont .list-2 { margin-top:60px; }
	.safety-box .cont-2 .bcont .list-2 ul { gap:10px; }
	.safety-box .cont-2 .bcont .list-2 ul li { width:calc((100% - 20px) / 3); }
	.safety-box .cont-2 .bcont .list-2 ul li .imgbox { padding:20px 10px; }
	.safety-box .cont-2 .bcont .list-2 ul li .txtbox { margin-top:15px; font-size:20px; }
	.safety-box .environmental-box .circle-box { margin:40px auto 0; width:520px; height:520px; }
	.safety-box .environmental-box .circle-box .box strong { font-size:36px; }
	.safety-box .environmental-box .circle-box .box span { margin-top:5px; font-size:18px; }
	.safety-box .environmental-box .circle-box .txt_b { font-size:20px; height:55px; padding:0 25px; }
	.safety-box .environmental-box .listbox { margin-top:50px; }
	.safety-box .environmental-box .listbox > ul { height:510px; }
	.safety-box .environmental-box .listbox > ul > li .box {height:420px; }
	.safety-box .environmental-box .listbox > ul > li .imgbox .txt { left:35px; bottom:40px; font-size:16px; }
	.safety-box .environmental-box .listbox > ul > li .imgbox .txt strong { margin-top:5px; font-size:36px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox { padding:35px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox .icon img { width:60px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dl { bottom:20px; padding:0 35px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dt { font-size:28px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd { margin-top:20px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd li { padding-left:12px; font-size:18px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd li:before { top:10px; width:3px; height:3px; }
	.safety-box .environmental-box .listbox > ul.active > li .box:hover .txtbox dl { bottom:40px; }
}
@media screen and (max-width:1024px){
	.safety-box .cont-1 .listbox ul li .circle .c-box:after { border-width:40px; }
	.safety-box .cont-1 .listbox ul li .circle .c-box:before { border-width:15px; }
	.safety-box .bcont .box .top dt { font-size:16px; }
	.safety-box .bcont .box .top dd { margin-top:15px; font-size:21px; }
	.safety-box .cont-1 .listbox { margin-top:90px; }
	.safety-box .cont-1 .listbox .circleLine { width:540px; height:540px; }
	.safety-box .cont-1 .listbox ul { gap:60px; }
	.safety-box .cont-1 .listbox ul li { width:calc((100% - 120px) / 3); }
	.safety-box .cont-1 .listbox ul li .circle .txt1 { font-size:16px; }
	.safety-box .cont-1 .listbox ul li .circle .icon { margin:25px 0 22px; }
	.safety-box .cont-1 .listbox ul li .circle .icon img { width:50px; }
	.safety-box .cont-1 .listbox ul li .circle .txt2 { font-size:18px; }
	.safety-box .cont-1 .listbox ul li .circle.center dt { font-size:18px; }
	.safety-box .cont-1 .listbox ul li .circle.center dd { margin-top:5px; font-size:20px; }
	.safety-box .cont-1 .listbox ul li .circle.center:before { right:-60px; width:61px; }
	.safety-box .cont-1 .listbox ul li .circle.center:after { left:-60px; width:61px; }
	.safety-box .cont-1 .bcont { margin-top:120px; padding:40px 0; }
	.safety-box .cont-1 .bcont .box { padding:40px; border-radius:10px; }
	.safety-box .cont-1 .bcont .box .list { margin-top:40px; }
	.safety-box .cont-1 .bcont .box .list li:not(:last-child) { margin-bottom:10px; }
	.safety-box .cont-1 .bcont .box .list li { height:80px; border-radius:10px; }
	.safety-box .cont-1 .bcont .box .list li .num { width:100px; font-size:60px; }
	.safety-box .cont-1 .bcont .box .list li .txt { width:calc(100% - 100px); font-size:16px; }
	.safety-box .cont-2 .tcont { margin-top:30px; }
	.safety-box .cont-2 .tcont .listbox > ul > li { border-radius:10px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box { padding:20px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box .icon img { width:50px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dt { margin-top:15px; font-size:19px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd { margin-top:12px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd li { padding-left:11px; font-size:17px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd li:before { top:9px; width:2px; height:2px; }
	.safety-box .cont-2 .bcont { padding:60px 0; }
	.safety-box .cont-2 .bcont .box { padding:40px; border-radius:10px; }
	.safety-box .cont-2 .bcont .list-1 { margin-top:12px; }
	.safety-box .cont-2 .bcont .list-1 ul { gap:20px 60px; }
	.safety-box .cont-2 .bcont .list-1 ul li { font-size:16px; }
	.safety-box .cont-2 .bcont .list-1 ul li strong { margin-right:20px; }
	.safety-box .cont-2 .bcont .list-2 { margin-top:40px; }
	.safety-box .cont-2 .bcont .list-2 ul { gap:5px; }
	.safety-box .cont-2 .bcont .list-2 ul li { width:calc((100% - 10px) / 3); }
	.safety-box .cont-2 .bcont .list-2 ul li .imgbox { border-radius:10px; }
	.safety-box .cont-2 .bcont .list-2 ul li .txtbox { margin-top:12px; font-size:18px; }
	.safety-box .environmental-box .circle-box { margin:30px auto 0; width:450px; height:450px; }
	.safety-box .environmental-box .circle-box .box strong { font-size:28px; }
	.safety-box .environmental-box .circle-box .box span { font-size:17px; }
	.safety-box .environmental-box .circle-box .txt_b { font-size:18px; height:50px; }
	.safety-box .environmental-box .listbox { margin-top:50px; }
	.safety-box .environmental-box .listbox > ul { height:auto; }
	.safety-box .environmental-box .listbox > ul.active { flex-direction:column; padding-bottom:20px; gap:5px; }
	.safety-box .environmental-box .listbox > ul.active > li { width:60% !important; margin:0 auto; }
	.safety-box .environmental-box .listbox > ul > li .box { height:300px; border-radius:10px; }
	.safety-box .environmental-box .listbox > ul > li .box > div { width:100%; height:100%; }
	.safety-box .environmental-box .listbox > ul.active > li .box { display:flex; }
	.safety-box .environmental-box .listbox > ul > li:nth-child(2),
	.safety-box .environmental-box .listbox > ul > li:nth-child(3) { margin-top:0; }
	.safety-box .environmental-box .listbox > ul > li .imgbox { width:50%; }
	.safety-box .environmental-box .listbox > ul > li .imgbox .txt { left:35px; bottom:40px; font-size:16px; }
	.safety-box .environmental-box .listbox > ul > li .imgbox .txt strong { margin-top:5px; font-size:36px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox { width:50%; padding:30px; }
	.safety-box .environmental-box .listbox > ul.active > li .box .txtbox { position:relative; opacity:1; visibility:visible; }
	.safety-box .environmental-box .listbox > ul > li .txtbox .icon { display:flex; justify-content:flex-end; }
	.safety-box .environmental-box .listbox > ul > li .txtbox .icon img { width:50px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dl { bottom:20px; padding:0 20px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dt { font-size:22px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd { margin-top:20px; opacity:1; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd li:not(:last-child) { margin-bottom:5px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd li { padding-left:12px; font-size:18px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd li:before { top:10px; width:3px; height:3px; }
	.safety-box .environmental-box .listbox > ul.active > li .box:hover .txtbox dl { bottom:20px; }
	.safety-box .environmental-box .listbox > ul.active > li:hover:nth-child(1),
	.safety-box .environmental-box .listbox > ul.active > li:hover:nth-child(2),
	.safety-box .environmental-box .listbox > ul.active > li:hover:nth-child(3) { margin-top:0; }
	.safety-box .environmental-box .listbox > ul > li:nth-child(1) .txtbox { background:var(--mainColor); }
	.safety-box .environmental-box .listbox > ul > li:nth-child(2) .txtbox { background:#baae9e; }
	.safety-box .environmental-box .listbox > ul > li:nth-child(3) .txtbox { background:#b6b3af; }
}
@media screen and (max-width:860px){
	.safety-box .cont-1 .listbox .circleLine { width:420px; height:420px; }
	.safety-box .environmental-box .listbox > ul.active > li { width:75% !important; }
}
@media screen and (max-width:760px){
	.safety-box .cont-1 .listbox { margin-top:30px; }
	.safety-box .cont-1 .listbox .circleLine { width:470px; height:470px; }
	.safety-box .cont-1 .listbox ul { flex-direction:column; align-items:center; max-width:220px; margin:0 auto }
	.safety-box .cont-1 .listbox ul li { width:100%; }
	.safety-box .cont-1 .listbox ul li .circle.center:before { top:-60px; left:50%; transform:translate(-50%, 0) rotate(90deg); width:61px; height:30px; }
	.safety-box .cont-1 .listbox ul li .circle.center:after { top:unset; bottom:-60px; left:50%; transform:translate(-50%, 0) rotate(-90deg); width:61px; height:30px; }
	.safety-box .cont-2 .tcont .listbox > ul { flex-wrap:wrap; }
	.safety-box .cont-2 .tcont .listbox > ul > li { width:100%; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box { padding:40px; }
}
@media screen and (max-width:640px){
	.safety-box .bcont .box .top dt { font-size:15px; }
	.safety-box .bcont .box .top dd { margin-top:10px; font-size:19px; }
	.safety-box .cont-1 .listbox .circleLine { width:390px; height:390px; }
	.safety-box .cont-1 .listbox ul { max-width:180px; }
	.safety-box .cont-1 .listbox ul li .circle .txt1 { font-size:15px; }
	.safety-box .cont-1 .listbox ul li .circle .icon { margin:17px 0 15px; }
	.safety-box .cont-1 .listbox ul li .circle .icon img { width:40px; }
	.safety-box .cont-1 .listbox ul li .circle .txt2 { font-size:17px; }
	.safety-box .cont-1 .listbox ul li .circle.center dt { font-size:17px; }
	.safety-box .cont-1 .listbox ul li .circle.center dd { font-size:18px; }
	.safety-box .cont-1 .bcont { margin-top:40px; padding:30px 0; }
	.safety-box .cont-1 .bcont .box { padding:20px; }
	.safety-box .cont-1 .bcont .box .list { margin-top:30px; }
	.safety-box .cont-1 .bcont .box .list li .num { width:90px; font-size:55px; }
	.safety-box .cont-1 .bcont .box .list li .txt { width:calc(100% - 90px); font-size:16px; }
	.safety-box .cont-2 .tcont { margin-top:30px; }
	.safety-box .cont-2 .tcont .listbox > ul > li { border-radius:10px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box { padding:20px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box .icon img { width:40px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dt { margin-top:15px; font-size:19px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd { margin-top:12px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd li { padding-left:11px; font-size:17px; }
	.safety-box .cont-2 .tcont .listbox > ul > li .box dd li:before { top:9px; width:2px; height:2px; }
	.safety-box .cont-2 .bcont { padding:40px 0; }
	.safety-box .cont-2 .bcont .box { padding:20px; }
	.safety-box .cont-2 .bcont .list-1 { margin-top:15px; }
	.safety-box .cont-2 .bcont .list-1 ul { gap:5px; flex-wrap:wrap; }
	.safety-box .cont-2 .bcont .list-1 ul li { width:100%; }
	.safety-box .cont-2 .bcont .list-2 { margin-top:30px; }
	.safety-box .cont-2 .bcont .list-2 ul li .txtbox { margin-top:10px; font-size:16px; }

	.safety-box .environmental-box .circle-box { margin:20px auto 0; width:360px; height:360px; }
	.safety-box .environmental-box .circle-box .box strong { font-size:24px; }
	.safety-box .environmental-box .circle-box .box span { font-size:16px; }
	.safety-box .environmental-box .circle-box .txt_b { font-size:17px; height:45px; padding:0 20px; }
	.safety-box .environmental-box .listbox > ul.active { flex-direction:column; padding-bottom:20px; }
	.safety-box .environmental-box .listbox > ul.active > li { width:100% !important; }
	.safety-box .environmental-box .listbox > ul > li .box { height:270px; }
	.safety-box .environmental-box .listbox > ul > li .box .imgbox { width:45%; }
	.safety-box .environmental-box .listbox > ul > li .imgbox .txt { left:15px; bottom:20px; font-size:15px; }
	.safety-box .environmental-box .listbox > ul > li .imgbox .txt strong { margin-top:5px; font-size:26px; }
	.safety-box .environmental-box .listbox > ul > li .box .txtbox { width:55%; padding:20px 15px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox .icon img { width:40px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dl { bottom:20px; padding:0 15px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dt { font-size:18px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd { margin-top:15px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd li { padding-left:10px; font-size:16px; }
	.safety-box .environmental-box .listbox > ul > li .txtbox dd li:before { top:8px; width:2px; height:2px; }
}
@media screen and (max-width:480px){
	.safety-box .cont-2 .bcont .list-2 ul { flex-wrap:wrap; gap:15px; }
	.safety-box .cont-2 .bcont .list-2 ul li { width:100%; }
}

/* animation */
.safety-box .cont-1 .listbox ul li { opacity:0 }
.safety-box .cont-1 .listbox.subOn ul li:nth-child(1) { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.safety-box .cont-1 .listbox.subOn ul li:nth-child(3) { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.safety-box .cont-1 .listbox.subOn ul li:nth-child(2) { animation:bgs3 0.5s 0.3s; animation-fill-mode:both; }
.safety-box .cont-1 .bcont .box { opacity:0 }
.safety-box .cont-1 .bcont .box.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.safety-box .cont-2 .tcont .listbox > ul > li { opacity:0 }
.safety-box .cont-2 .tcont .listbox.subOn > ul > li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.safety-box .cont-2 .tcont .listbox.subOn > ul > li:nth-child(2) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.safety-box .cont-2 .tcont .listbox.subOn > ul > li:nth-child(3) { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
.safety-box .cont-2 .bcont .box { opacity:0 }
.safety-box .cont-2 .bcont .box.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.safety-box .environmental-box .circle-box { opacity:0; }
.safety-box .environmental-box .circle-box.subOn { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; } 
.safety-box .environmental-box .listbox.subOn > ul > li:nth-child(1) { animation:p_ani1 1.0s 0.3s; animation-fill-mode:both; } 
.safety-box .environmental-box .listbox.subOn > ul > li:nth-child(3) { animation:p_ani2 1.0s 0.3s; animation-fill-mode:both; } 
@media screen and (max-width:760px){
	.safety-box .cont-1 .listbox.subOn ul li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
	.safety-box .cont-1 .listbox.subOn ul li:nth-child(3) { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
}

.social-box .cont-1 .listbox { margin-top:60px; display:flex; flex-wrap:wrap; gap:8px; }
.social-box .cont-1 .listbox .s-box { display:flex; flex-wrap:wrap; gap:8px; }
.social-box .cont-1 .listbox .s1 { width:calc(29% - 4px); }
.social-box .cont-1 .listbox .s2 { width:calc(100% - 29% - 4px); }
.social-box .cont-1 .listbox .s2-1,
.social-box .cont-1 .listbox .s2-2 { width:100%; }
.social-box .cont-1 .listbox .s2-1 .box:nth-child(1),
.social-box .cont-1 .listbox .s2-2 .box:nth-child(2)  { width:calc(58.31% - 4px); }
.social-box .cont-1 .listbox .s2-1 .box:nth-child(2),
.social-box .cont-1 .listbox .s2-2 .box:nth-child(1) { width:calc(100% - 58.31% - 4px); }
.social-box .cont-1 .listbox .box { position:relative; width:100%; overflow:hidden; border-radius:20px; }
.social-box .cont-1 .listbox .box .imgbox { position:relative; width:100%; }
.social-box .cont-1 .listbox .s1 .box .imgbox:before { padding-bottom:170%; }
.social-box .cont-1 .listbox .s2-1 .box:nth-child(1) .imgbox:before,
.social-box .cont-1 .listbox .s2-2 .box:nth-child(2) .imgbox:before { padding-bottom:58.9%; } 
.social-box .cont-1 .listbox .s2-1 .box:nth-child(2) .imgbox:before,
.social-box .cont-1 .listbox .s2-2 .box:nth-child(1) .imgbox:before { padding-bottom:82.55%; }
.social-box .cont-1 .listbox .box .imgbox:before { content:""; display:block; }
.social-box .cont-1 .listbox .box .imgbox img { position:absolute; left:0; bottom:0; z-index:2; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.social-box .cont-1 .listbox .box .imgbox strong { opacity:1; transition:all 0.5s 0.2s; position:absolute; z-index:3; left:0; top:0; padding:60px; color:#fff; font-size:36px; font-weight:600; line-height:1.3; letter-spacing:-0.06em; }
.social-box .cont-1 .listbox .box .imgbox strong br { display:none }
.social-box .cont-1 .listbox .box .imgbox strong span.br { display:block }
.social-box .cont-1 .listbox .box .txtbox { opacity:0; transition:all 0.4s; z-index:3; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(242, 145, 0, 0.9); } 
.social-box .cont-1 .listbox .box .txtbox dl { position:absolute; left:0; bottom:0; padding:60px; width:100%; transform:translateY(30px); transition:all 0.4s; }
.social-box .cont-1 .listbox .box .txtbox dl dt { color:#fff; font-size:40px; font-weight:600; line-height:1.3; letter-spacing:-0.06em; }
.social-box .cont-1 .listbox .box .txtbox dl dd { margin-top:30px; color:#fff; font-size:20px; font-weight:300; line-height:1.7; letter-spacing:-0.04em;}
/*
.social-box .cont-1 .listbox .box:hover .imgbox strong { opacity:0; transition:all 0.3s; }
.social-box .cont-1 .listbox .box:hover .txtbox { opacity:1; }
.social-box .cont-1 .listbox .box:hover .txtbox dl { transform:translateX(0); }
*/
.social-box .cont-2 { margin-top:210px; overflow:hidden }
.social-box .cont-2 .listbox { display:flex; align-items:center; flex-wrap:wrap; margin-top:60px; padding:60px 0; }
.social-box .cont-2 .listbox .l_box { width:62.8%; display:flex; position:relative; }
.social-box .cont-2 .listbox .l_box > p { position:absolute; left:0; top:-90px; color:var(--mainColor); font-size:30px; font-weight:700; line-height:1.3; width:100%; text-align:center; }
.social-box .cont-2 .listbox .l_box ul { display:flex; width:100%; } 
.social-box .cont-2 .listbox .l_box ul li { width:calc(100% / 3); position:relative; z-index:5; }
.social-box .cont-2 .listbox .l_box ul li:before { content:""; display:block; padding-bottom:100%; }
.social-box .cont-2 .listbox .l_box ul li .circle { position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#fff; border-radius:360px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center }
.social-box .cont-2 .listbox .l_box ul li .circle .box .num { color:rgba(34, 34, 34, 0.2); font-size:20px; font-weight:700; line-height:1.3; }
.social-box .cont-2 .listbox .l_box ul li .circle .box .icon { margin:39px 0 36px;  }
.social-box .cont-2 .listbox .l_box ul li .circle .box .txt { color:rgba(34, 34, 34, 1); font-size:22px; font-weight:600; line-height:1.3; }
.social-box .cont-2 .listbox .l_box ul li .circle .over { transition:all 0.3s; opacity:0; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center}
.social-box .cont-2 .listbox .l_box ul li .circle .over:before { transition:all 0.3s; opacity:0; content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0.5); z-index:1; width:100%; height:100%; border-radius:360px; background:#b8afa3; }
.social-box .cont-2 .listbox .l_box ul li .circle .over .txt { transition:all 0.3s; transform:translateY(25px);position:relative; z-index:3; color:#fff; font-size:20px; font-weight:500; line-height:1.6; }
.social-box .cont-2 .listbox .l_box ul li .circle:hover .over { opacity:1; }
.social-box .cont-2 .listbox .l_box ul li .circle:hover .over:before { opacity:1; transform:translate(-50%, -50%) scale(1); }
.social-box .cont-2 .listbox .l_box ul li .circle:hover .over .txt { transform:translateY(0); }
.social-box .cont-2 .listbox .l_box .circleLine { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:720px; height:720px; border-radius:800px; border:1px dashed #ddd; animation:rotate2 40s 0.1s infinite linear; }
.social-box .cont-2 .listbox .l_box .c-box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:50%; }
.social-box .cont-2 .listbox .l_box .pline { position:absolute; top:-5px; left:50%; transform:translate(-50%, 0); width:10px; height:10px; border-radius:10px; }
.social-box .cont-2 .listbox .l_box .p2 { transform:translate(-50%, -50%) rotate(0); animation:rotate2 40s 0.1s infinite linear; }
.social-box .cont-2 .listbox .l_box .p1 .pline,
.social-box .cont-2 .listbox .l_box .p2 .pline { background:var(--mainColor); }
.social-box .cont-2 .listbox .r_box { width:calc(100% - 62.8%); display:flex; position:relative; padding-left:35px; }
.social-box .cont-2 .listbox .r_box .circle { border:50px solid rgba(242, 145, 0, 0.2); width:100%; border-radius:800px; }
.social-box .cont-2 .listbox .r_box .c-box { border:60px solid rgba(242, 145, 0, 0.4); width:100%; border-radius:800px; }
.social-box .cont-2 .listbox .r_box .box { position:relative; width:100%; }
.social-box .cont-2 .listbox .r_box .box:after { content:""; display:block; position:absolute; left:-155px; top:50%; transform:translate(0, -50%); width:156px; height:30px; background:var(--mainColor) url(/img/sub/social_arr.svg) center center no-repeat; }
.social-box .cont-2 .listbox .r_box .box:before { content:""; display:block; padding-bottom:100%; }
.social-box .cont-2 .listbox .r_box .box dl {  position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; border-radius:360px; background:var(--mainColor); }
.social-box .cont-2 .listbox .r_box .box dl dt { display:flex; width:71px; height:35px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:600; line-height:1.3; border:1px solid #fff; border-radius:20px; }
.social-box .cont-2 .listbox .r_box .box dl dd { margin-top:20px; color:#fff; font-size:28px; font-weight:700; line-height:1.5; letter-spacing:-0.06em; }
@media screen and (max-width:1720px){
	.social-box .cont-1 .listbox .box .txtbox dl dd br { display:none }
	.social-box .cont-2 .listbox .l_box .circleLine { width:600px; height:600px; }
	.social-box .cont-2 .listbox .r_box .circle { border-width:40px; }
	.social-box .cont-2 .listbox .r_box .c-box { border-width:50px; }
	.social-box .cont-2 .listbox .r_box .box dl dd { font-size:26px; }
	.social-box .cont-2 .listbox .r_box .box:after { left:-135px; width:136px; }
}
@media screen and (max-width:1600px){
	.social-box .cont-2 .listbox .l_box .circleLine { width:500px; height:500px; }
	.social-box .cont-2 .listbox .r_box .circle { border-width:30px; }
	.social-box .cont-2 .listbox .r_box .c-box { border-width:20px; }
	.social-box .cont-2 .listbox .r_box .box dl dd { font-size:24px; }
	.social-box .cont-2 .listbox .r_box .box:after { left:-110px; width:111px; }
}

@media screen and (max-width:1440px){
	.social-box .cont-2 { margin-top:190px; }
	.social-box .cont-2 .listbox { margin-top:50px; padding:50px 0; }
	.social-box .cont-1 .listbox .box .imgbox strong { padding:40px; font-size:28px; }
	.social-box .cont-1 .listbox .box .txtbox dl { padding:40px; }
	.social-box .cont-1 .listbox .box .txtbox dl dt { font-size:30px; }
	.social-box .cont-1 .listbox .box .txtbox dl dd { margin-top:20px; font-size:18px; }
	.social-box .cont-2 .listbox .l_box > p { top:-65px; font-size:24px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .num { font-size:18px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .icon { margin:25px 0;  }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .icon img { width:60px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .txt { font-size:20px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .over .txt { font-size:18px; }
	.social-box .cont-2 .listbox .r_box .box dl dt { width:70px; height:32px; font-size:17px; }
	.social-box .cont-2 .listbox .r_box .box dl dd { margin-top:15px; font-size:22px; }

}
@media screen and (max-width:1200px){
	.social-box .cont-2 { margin-top:160px; }
	.social-box .cont-2 .listbox { margin-top:40px; padding:40px 0; }
	.social-box .cont-1 .listbox .box .imgbox strong { padding:30px; font-size:22px; }
	.social-box .cont-1 .listbox .box .txtbox dl { padding:30px; }
	.social-box .cont-1 .listbox .box .txtbox dl dt { font-size:24px; }
	.social-box .cont-1 .listbox .box .txtbox dl dd { margin-top:15px; font-size:17px; }
	.social-box .cont-2 .listbox .l_box .circleLine { width:380px; height:380px; }
	.social-box .cont-2 .listbox .l_box > p { top:-40px; font-size:22px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .num { font-size:17px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .icon { margin:18px 0;  }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .icon img { width:50px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .txt { font-size:19px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .over .txt { font-size:17px; }
	.social-box .cont-2 .listbox .r_box .box dl dt { width:65px; height:30px; font-size:16px; }
	.social-box .cont-2 .listbox .r_box .box dl dd { margin-top:10px; font-size:19px; }
}
@media screen and (max-width:1024px){
	.social-box .title .txt br { display:none }
	.social-box .cont-1 .listbox { margin-top:30px; }
	/*
	.social-box .cont-1 .listbox .s1,
	.social-box .cont-1 .listbox .s2,
	.social-box .cont-1 .listbox .s2-1,
	.social-box .cont-1 .listbox .s2-2 { width:100%; }
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(1),
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(2),
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(2),
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(1) { width:100%; }
	.social-box .cont-1 .listbox .s1 .box .imgbox:before,
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(1) .imgbox:before,
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(2) .imgbox:before,
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(2) .imgbox:before,
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(1) .imgbox:before { padding-bottom:82.55%; }
	.social-box .cont-1 .listbox .box { border-radius:10px; display:flex; }
	.social-box .cont-1 .listbox .box .imgbox { width:30%; }
	.social-box .cont-1 .listbox .box .imgbox strong { padding:20px; font-size:20px; display:none }
	*/
	.social-box .cont-1 .listbox .box { border-radius:10px; display:flex; }
	.social-box .cont-1 .listbox .box .imgbox strong { padding:20px; font-size:20px; display:block }
	.social-box .cont-1 .listbox .box .txtbox { width:70%; height:100%; position:relative; opacity:1; background:rgba(242, 145, 0, 0.9); display:flex; align-items:center; }
	.social-box .cont-1 .listbox .box .txtbox dl { padding:20px; position:relative; left:0; bottom:0; transform:translateY(0); }
	.social-box .cont-1 .listbox .box .txtbox dl dt { font-size:22px; }
	.social-box .cont-1 .listbox .box .txtbox dl dt br { display:none }
	.social-box .cont-1 .listbox .box .txtbox dl dd { margin-top:10px; font-size:16px; }
	.social-box .cont-2 .listbox .l_box .circleLine { width:350px; height:350px; }
	.social-box .cont-2 .listbox .l_box > p { top:-35px; font-size:20px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .num { font-size:16px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .icon { margin:15px 0;  }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .icon img { width:42px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .txt { font-size:18px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .over .txt { font-size:16px; }
	.social-box .cont-2 .listbox .r_box .box dl dt { width:63px; font-size:15px; }
	.social-box .cont-2 .listbox .r_box .box dl dd { margin-top:8px; font-size:18px; }
	.social-box .cont-2 .listbox .r_box .circle { border-width:25px; }
	.social-box .cont-2 .listbox .r_box .c-box { border-width:15px; }
	.social-box .cont-2 .listbox .r_box .box:after { left:-92px; width:93px; }
}
@media screen and (max-width:960px){
	.social-box .cont-2 .listbox { flex-direction:column; margin-top:100px; }
	.social-box .cont-2 .listbox .l_box .circleLine { width:450px; height:450px; }
	.social-box .cont-2 .listbox .l_box { width:100%; }
	.social-box .cont-2 .listbox .r_box { width:44%; margin:0 auto; padding:32px 0 0; }
	.social-box .cont-2 .listbox .r_box .box:after { left:50%; top:-50px; transform:translate(-50%, 0) rotate(90deg); }
}
@media screen and (max-width:860px){
	.social-box .cont-1 .listbox .s1,
	.social-box .cont-1 .listbox .s2,
	.social-box .cont-1 .listbox .s2-1,
	.social-box .cont-1 .listbox .s2-2 { width:100%; }
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(1),
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(2),
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(2),
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(1) { width:calc((100% - 10px) /2); }
	.social-box .cont-1 .listbox .s1 .box .imgbox:before { padding-bottom:120%; }
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(1) .imgbox:before,
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(2) .imgbox:before,
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(2) .imgbox:before,
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(1) .imgbox:before { padding-bottom:90%; }
	.social-box .cont-1 .listbox .box .imgbox { width:100%; }
}
@media screen and (max-width:760px){
	.social-box .cont-2 .listbox .l_box .circleLine { width:400px; height:400px; }
}
@media screen and (max-width:640px){
	.social-box .cont-1 .listbox { margin-top:20px; }
	.social-box .cont-1 .listbox .box .txtbox dl { padding:15px; }
	.social-box .cont-1 .listbox .box .txtbox dl dt { font-size:20px; }
	.social-box .cont-1 .listbox .box .txtbox dl dd { margin-top:5px; font-size:16px; }
/*
	.social-box .cont-1 .listbox .s1 .box .imgbox:before,
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(1) .imgbox:before,
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(2) .imgbox:before,
	.social-box .cont-1 .listbox .s2-1 .box:nth-child(2) .imgbox:before,
	.social-box .cont-1 .listbox .s2-2 .box:nth-child(1) .imgbox:before { padding-bottom:90%; }
*/
	.social-box .cont-2 .listbox { margin-top:80px; }
	.social-box .cont-2 .listbox .l_box .circleLine { width:340px; height:340px; }
	.social-box .cont-2 .listbox .l_box > p { top:-40px; font-size:18px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .num { font-size:15px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .icon { margin:10px 0;  }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .icon img { width:38px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .box .txt { font-size:17px; }
	.social-box .cont-2 .listbox .l_box ul li .circle .over .txt { font-size:15px; line-height:1.3 }
	.social-box .cont-2 .listbox .r_box .box dl dt { width:60px; font-size:15px; }
	.social-box .cont-2 .listbox .r_box .box dl dd { margin-top:5px; font-size:16px; }
	.social-box .cont-2 .listbox .r_box { width:65%; }
}
@media screen and (max-width:480px){
	.social-box .cont-2 .listbox { margin-top:60px; }
	.social-box .cont-2 .listbox .l_box .circleLine { width:250px; height:250px; }
	.social-box .cont-2 .listbox .r_box { width:72%; }
}

/* animation */
.social-box .cont-1 .listbox .box { opacity:0; }
.social-box .cont-1 .listbox.subOn .box { animation:bgs3 0.5s 0.3s; animation-fill-mode:both; }
.social-box .cont-2 .listbox .l_box ul li { opacity:0; }
.social-box .cont-2 .listbox.subOn .l_box ul li:nth-child(1) { animation:bgs3 0.5s 0.3s; animation-fill-mode:both; }
.social-box .cont-2 .listbox.subOn .l_box ul li:nth-child(2) { animation:bgs3 0.5s 0.5s; animation-fill-mode:both; }
.social-box .cont-2 .listbox.subOn .l_box ul li:nth-child(3) { animation:bgs3 0.5s 0.7s; animation-fill-mode:both; }
.social-box .cont-2 .listbox .r_box { opacity:0; }
.social-box .cont-2 .listbox.subOn .r_box { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.social-box .cont-2 .listbox .l_box > p { opacity:0; }
.social-box .cont-2 .listbox.subOn .l_box > p { animation:ani_5 0.5s 0.9s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.social-box .cont-2 .listbox.subOn .r_box { animation:ani_4 0.5s 0.9s; animation-fill-mode:both; }
}

.ethical-box .cont-1 { margin-top:-60px; padding:150px 0 250px; background:url(/img/sub/ethical_bg.jpg) no-repeat center top / cover; }
.ethical-box .cont-1 .box { padding:150px; border-radius:20px; background:rgba(255, 255, 255, 0.95);  }
.ethical-box .cont-1 .box .top dt { color:var(--mainColor); font-size:22px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.ethical-box .cont-1 .box .top dd { margin-top:30px; font-family:var(--mainFont); color:#111; font-size:36px; font-weight:600; line-height:1.65; letter-spacing:-0.06em; }
.ethical-box .cont-1 .box .btn { margin-top:80px; }
.ethical-box .cont-1 .listbox { margin-top:100px; padding-top:100px; border-top:1px solid #ddd; }
.ethical-box .cont-1 .listbox > ul { display:flex; flex-wrap:wrap; gap:20px; }
.ethical-box .cont-1 .listbox > ul > li { width:calc((100% - 40px) / 3); padding:60px; background:#fff; border-radius:20px; }
.ethical-box .cont-1 .listbox > ul > li dt { margin-top:40px; color:#222; font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.ethical-box .cont-1 .listbox > ul > li dd { margin-top:20px; font-family:var(--mainFont); color:#333; font-size:20px; font-weight:300; line-height:1.7; letter-spacing:-0.05em; }
.ethical-box .cont-1 .listbox > ul > li.nodata { background:#fff url(/img/sub/ethical_nodata.svg) center no-repeat; min-height:220px; }
@media screen and (max-width:1680px){
	.ethical-box .cont-1 .box .top dd br,
	.ethical-box .cont-1 .listbox > ul > li dd br { display:none }
}
@media screen and (max-width:1440px){
	.ethical-box .cont-1 { margin-top:-40px; padding:120px 0 180px; }
	.ethical-box .cont-1 .box { padding:120px; }
	.ethical-box .cont-1 .box .top dt { font-size:21px; }
	.ethical-box .cont-1 .box .top dd { margin-top:25px; font-size:32px; }
	.ethical-box .cont-1 .box .btn { margin-top:70px; }
	.ethical-box .cont-1 .listbox { margin-top:80px; padding-top:80px; }
	.ethical-box .cont-1 .listbox > ul > li { padding:50px; }
	.ethical-box .cont-1 .listbox > ul > li dt { margin-top:30px; font-size:22px; }
	.ethical-box .cont-1 .listbox > ul > li dd { margin-top:15px; font-size:19px; }
}
@media screen and (max-width:1200px){
	.ethical-box .cont-1 { padding:90px 0 150px; }
	.ethical-box .cont-1 .box { padding:90px; }
	.ethical-box .cont-1 .box .top dt { font-size:20px; }
	.ethical-box .cont-1 .box .top dd { margin-top:20px; font-size:26px; }
	.ethical-box .cont-1 .box .btn { margin-top:60px; }
	.ethical-box .cont-1 .listbox { margin-top:60px; padding-top:60px; }
	.ethical-box .cont-1 .listbox > ul { gap:10px; }
	.ethical-box .cont-1 .listbox > ul > li { width:calc((100% - 20px) / 3); padding:40px; }
	.ethical-box .cont-1 .listbox > ul > li .icon img { width:60px; }
	.ethical-box .cont-1 .listbox > ul > li dt { margin-top:25px; font-size:21px; }
	.ethical-box .cont-1 .listbox > ul > li dd { margin-top:12px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.ethical-box .cont-1 { padding:60px 0 120px; }
	.ethical-box .cont-1 .box { padding:60px; border-radius:10px; }
	.ethical-box .cont-1 .box .top dt { font-size:19px; }
	.ethical-box .cont-1 .box .top dd { margin-top:15px; font-size:22px; }
	.ethical-box .cont-1 .box .btn { margin-top:40px; }
	.ethical-box .cont-1 .listbox { margin-top:50px; padding-top:50px; }
	.ethical-box .cont-1 .listbox > ul { gap:10px; }
	.ethical-box .cont-1 .listbox > ul > li { width:calc((100% - 10px) / 2); padding:30px; border-radius:10px; }
	.ethical-box .cont-1 .listbox > ul > li dt { margin-top:25px; font-size:21px; }
	.ethical-box .cont-1 .listbox > ul > li dd { margin-top:12px; font-size:18px; }
}
@media screen and (max-width:640px){
	.ethical-box .cont-1 { margin-top:-20px; padding:40px 0 60px; }
	.ethical-box .cont-1 .box { padding:30px 20px; }
	.ethical-box .cont-1 .box .top dt { font-size:16px; }
	.ethical-box .cont-1 .box .top dd { margin-top:10px; font-size:18px; }
	.ethical-box .cont-1 .box .btn { margin-top:20px; }
	.ethical-box .cont-1 .listbox { margin-top:30px; padding-top:30px; }
	.ethical-box .cont-1 .listbox > ul { gap:5px; }
	.ethical-box .cont-1 .listbox > ul > li { width:calc((100% - 5px) / 2); padding:20px; }
	.ethical-box .cont-1 .listbox > ul > li .icon img { width:45px; }
	.ethical-box .cont-1 .listbox > ul > li dt { margin-top:20px; font-size:18px; }
	.ethical-box .cont-1 .listbox > ul > li dd { margin-top:10px; font-size:16px; }
}
@media screen and (max-width:500px){
	.ethical-box .cont-1 .listbox > ul > li { width:100%; }
	.ethical-box .cont-1 .listbox > ul > li.nodata { display:none }
}

/* animation */
.ethical-box .cont-1 .box .top { opacity:0 }
.ethical-box .cont-1 .box .top.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.ethical-box .cont-1 .listbox > ul > li { opacity:0 }
.ethical-box .cont-1 .listbox > ul > li.subOn { animation:bgs3 0.5s 0.3s; animation-fill-mode:both; }

.report-box .process-list { overflow:hidden }
.report-box .process-list .listbox > ul { position:relative; display:flex; flex-wrap:wrap; gap:60px; }
.report-box .process-list .listbox > ul:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:30px; background:#f5f5f5; }
.report-box .process-list .listbox > ul > li { position:relative; width:calc((100% - 180px) / 4); z-index:3; }
.report-box .process-list .listbox > ul > li:before { content:""; display:block; margin-top:100%; }
.report-box .process-list .listbox > ul > li:after { content:""; display:block; z-index:1; position:absolute; left:-60px; top:50%; transform:translateY(-50%); width:60px; height:30px; background:url(/img/sub/process_arr.svg) center center no-repeat; }
.report-box .process-list .listbox > ul > li:first-child:after { display:none; }
.report-box .process-list .listbox > ul > li .circle { position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#fff; border-radius:385px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction: column; }
.report-box .process-list .listbox > ul > li .circle .num { color:rgba(34, 34, 34, 0.2); font-size:20px; font-weight:700; line-height:1.3; }
.report-box .process-list .listbox > ul > li .circle .icon { margin:52px 0 48px; }
.report-box .process-list .listbox > ul > li .circle .txt { color:rgba(34, 34, 34, 1); font-size:22px; font-weight:600; line-height:1.3; letter-spacing:-0.05em; }
.report-box .process-list .listbox > ul > li:last-child .circle { border:1px solid var(--mainColor); background:var(--mainColor); }
.report-box .process-list .listbox > ul > li:last-child .circle .num,
.report-box .process-list .listbox > ul > li:last-child .circle .txt  { color:#fff; }
.report-box .process-list .d-list { margin-top:50px; display:flex; gap:60px; }
.report-box .process-list .d-list .description { position:relative; margin:0 115px; width:calc((100% - 60px) / 2); min-height:282px; padding:50px; border-radius:20px; border: 1px solid var(--mainColor); background:#fff; }
.report-box .process-list .d-list .description:before { content:""; display:block;position:absolute; left:50%; top:-236px; transform:translateX(calc(-50% - 0.5px)); width:1px; height:236px; background:var(--mainColor); }
.report-box .process-list .d-list .description dt { color:var(--mainColor); font-size:24px; font-weight:700; line-height:1.3; }
.report-box .process-list .d-list .description dd { margin-top:15px; font-family:var(--mainFont); color:#333; font-size:20px; font-weight:300; line-height:1.7; letter-spacing:-0.05em; }
.report-box .process-list .d-list .description .arr { position:absolute; left:50%; top:-236px; transform:translateX(-50%); display:block; width:16px; height:16px; background:var(--mainColor); border-radius:16px; }
.report-box .process-list .d-list .description .arr:before { content:""; display:block;position:absolute; left:1px; top:1px; width:14px; height:14px; background:var(--mainColor); border-radius:30px; animation:blink 1s linear infinite; }
.report-box .report-ip .title .stxt { margin-top:20px; color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.report-box .report-ip .reCont { margin-top:60px; }
.report-box .report-ip .reCont .register * { font-family:var(--mainFont); }
.report-box .report-ip .reCont .register > ul > li { position:relative; width:100%; display:flex; flex-wrap:wrap; }
.report-box .report-ip .reCont .register > ul > li > label { width:300px; color:#fff; font-size:20px; font-weight:500; line-height:1.3; text-align:center; display:flex; align-items:center; justify-content:center; background:#b8afa3; border-bottom:1px dashed rgba(0, 0, 0, 0.10); }
.report-box .report-ip .reCont .register > ul > li:last-child > label { border-bottom:none }
.report-box .report-ip .reCont .register > ul > li:first-child > label { border-radius:20px 20px 0px 0px;}
.report-box .report-ip .reCont .register > ul > li:last-child > label { border-radius:0px 0px 20px 20px;}
.report-box .report-ip .reCont .register > ul > li .ipbox { position:relative; width:calc(100% - 300px); display:flex; gap:10px; align-items:center; padding:15px 30px; }
.report-box .report-ip .reCont .register > ul > li .ipbox:before { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px dashed #ddd; }
.report-box .report-ip .reCont .register > ul > li:last-child .ipbox:before { width:calc(100% + 15px); left:-15px; }
.report-box .report-ip .reCont .register > ul > li:first-child .ipbox:after { content:""; display:block; position:absolute; top:-1px; left:-15px; width:calc(100% + 15px); height:1px; border-bottom:1px dashed #ddd; }
.report-box .report-ip .reCont .register > ul > li input[type="text"],
.report-box .report-ip .reCont .register > ul > li input[type="password"] { height:60px; padding:0 30px; width:100%; max-width:700px; font-size:16px; color:#333; font-weight:500; border:1px solid #ddd; outline:none; background:none; border-radius:60px; transition:all 0.3s; }
.report-box .report-ip .reCont .register > ul > li select { width:100%; height:60px; line-height:60px; padding:0 50px 0 30px; font-size:16px; color:#333; font-weight:500;  border:1px solid #ddd; outline:none; border-radius:60px; transition:all 0.3s; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.report-box .report-ip .reCont .register > ul > li select::-ms-expand { display: none; }
.report-box .report-ip .reCont .register > ul > li textarea { width:100%; height:210px; line-height:1.6; padding:30px; font-size:16px; color:#333; font-weight:500; border:1px solid #ddd; outline:none; background:none; border-radius:20px; transition:all 0.3s; }
.report-box .report-ip .reCont .register > ul > li input.ip02 { max-width:calc(33% - 10px); width:218px; } 
.report-box .report-ip .reCont .register > ul > li select.sel02 { max-width:32%; width:218px; }
.report-box .report-ip .reCont .register > ul > li input[type="text"]:hover,
.report-box .report-ip .reCont .register > ul > li input[type="password"]:hover, 
.report-box .report-ip .reCont .register > ul > li select:hover,
.report-box .report-ip .reCont .register > ul > li textarea:hover { border:1px solid var(--mainColor); background-color:#fff }
.report-box .report-ip .reCont .register > ul > li input::placeholder,
.report-box .report-ip .reCont .register > ul > li textarea::placeholder { color:#999; opacity:1; font-weight:400; }
.report-box .report-ip .reCont .register > ul > li .stxt { font-size:18px; color:#333; font-weight:400; display:inline-block; text-align:center; }
.report-box .report-ip .reCont .register > ul > li .ipbox .file-box { width:100%; }
.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont { position:relative; align-items:center; gap:0 10px;}
.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont:not(:last-child) { margin-bottom:10px; }
.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont .upload-name { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:calc(100% - 210px); height:60px; outline:none; border:1px solid #ddd; padding:4px 30px; color:#777; font-size:16px; font-weight:500; line-height:1.3; background:none; border-radius:60px; }
.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont .upload-name.on { color:#333;  }
.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont .file { position:absolute; right:0; top:0; width:200px; height:60px; background:var(--mainColor); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:60px }
.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont .file span{ text-align:center; font-size:16px; color:#fff; font-weight:700; line-height:1.3; }
.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont .file input{display:none}
.report-box .report-ip .reCont .register > ul > li .code-box { display:flex; gap:10px; position:relative; width:100%; }
.report-box .report-ip .reCont .register > ul > li .code-box .img { width:175px; border-radius:60px; }
.report-box .report-ip .reCont .register > ul > li .code-box input[type="text"] { max-width:calc(100% - 175px - 60px - 10px); width:420px; }
.report-box .report-ip .reCont .register > ul > li .code-box .btn_refresh { height:60px; width:60px; border:none; outline:none; background:#ededed url(/img/sub/btn_refresh1.svg) center center no-repeat; border-radius:60px; }
.report-box .report-ip .reCont .register .ch { position:relative; margin-left:10px; }
.report-box .report-ip .reCont .register .ch input[type="checkbox"] { position:absolute; left:0; top:3px; opacity:0; height:auto; line-height:auto;}
.report-box .report-ip .reCont .register .ch input[type="checkbox"] + span { position:relative; padding:0 0 0 25px; font-weight:400; font-size:20px; line-height:1.3 !important; display:inline-block; color:#333; }
.report-box .report-ip .reCont .register .ch input[type="checkbox"] + span:before  { content:''; display:block; width:30px; height:30px; vertical-align:middle; transition:all 0.3s; background:url(/img/sub/ch_off.png) no-repeat center/ cover; position:absolute; left:-15px; top:-2px; }
.report-box .report-ip .reCont .register .ch input[type="checkbox"]:checked + span:before { background:url(/img/sub/ch_on.png) no-repeat center/ cover; }
.report-box .report-ip .reCont .btnCont { margin-top:100px; }
@media screen and (max-width:1760px){
	.report-box .process-list .d-list .description dd br { display:none }
	.report-box .process-list .d-list .description:before,
	.report-box .process-list .d-list .description .arr { top:calc(-380px + 55%); }
	.report-box .process-list .d-list .description:before { height:calc(380px - 55%); }
}
@media screen and (max-width:1440px){
	.report-box .process-list .d-list .description:before,
	.report-box .process-list .d-list .description .arr { top:calc(-320px + 55%); }
	.report-box .process-list .d-list .description:before { height:calc(320px - 55%); }
	.report-box .process-list .listbox > ul > li .circle .num { font-size:19px; }
	.report-box .process-list .listbox > ul > li .circle .icon { margin:32px 0 30px; }
	.report-box .process-list .listbox > ul > li .circle .icon img { width:62px; }
	.report-box .process-list .listbox > ul > li .circle .txt { font-size:21px; }
	.report-box .process-list .d-list { margin-top:40px; }
	.report-box .process-list .d-list .description { margin:0 80px; width:calc((100% - 60px) / 2); padding:40px; min-height:240px; }
	.report-box .process-list .d-list .description dt { font-size:23px; }
	.report-box .process-list .d-list .description dd { margin-top:12px; font-size:19px; }
	.report-box .report-ip .title .stxt { margin-top:15px; font-size:17px; }
	.report-box .report-ip .reCont { margin-top:50px; }
	.report-box .report-ip .reCont .register > ul > li > label { width:240px; font-size:19px; }
	.report-box .report-ip .reCont .register > ul > li .ipbox { width:calc(100% - 240px); padding:12px 20px; }
	.report-box .report-ip .reCont .btnCont { margin-top:80px; }
}
@media screen and (max-width:1200px){
	.report-box .process-list .d-list .description:before,
	.report-box .process-list .d-list .description .arr { top:calc(-285px + 55%); }
	.report-box .process-list .d-list .description:before { height:calc(285px - 55%); }
	.report-box .process-list .listbox > ul { gap:50px; }
	.report-box .process-list .listbox > ul > li { width:calc((100% - 150px) / 4); }
	.report-box .process-list .listbox > ul > li:after { left:-50px; width:50px; }
	.report-box .process-list .listbox > ul > li .circle .num { font-size:18px; }
	.report-box .process-list .listbox > ul > li .circle .icon { margin:20px 0; }
	.report-box .process-list .listbox > ul > li .circle .icon img { width:50px; }
	.report-box .process-list .listbox > ul > li .circle .txt { font-size:20px; }
	.report-box .process-list .d-list { margin-top:40px; gap:50px; }
	.report-box .process-list .d-list .description { margin:0 40px; width:calc((100% - 50px) / 2); padding:30px; min-height:220px; }
	.report-box .process-list .d-list .description dt { font-size:21px; }
	.report-box .process-list .d-list .description dd { margin-top:10px; font-size:18px; }
	.report-box .report-ip .title .stxt { margin-top:12px; font-size:16px; }
	.report-box .report-ip .reCont { margin-top:40px; }
	.report-box .report-ip .reCont .register > ul > li > label { width:200px; font-size:18px; }
	.report-box .report-ip .reCont .register > ul > li .ipbox { width:calc(100% - 200px); padding:12px 20px; }
	.report-box .report-ip .reCont .btnCont { margin-top:60px; }
}
@media screen and (max-width:1024px){
	.report-box .process-list { display:flex; }
	.report-box .process-list .listbox > ul { flex-direction:column; width:160px; }
	.report-box .process-list .listbox > ul:before { left:50%; top:0; transform:translate(-50%, 0); width:30px; height:100%; }
	.report-box .process-list .listbox > ul > li { width:100%; }
	.report-box .process-list .listbox > ul > li:after { left:50%; top:-50px; width:30px; height:50px; transform:translate(-50%, 0) rotate(90deg); }
	.report-box .process-list .listbox > ul > li .circle .num { font-size:16px; }
	.report-box .process-list .listbox > ul > li .circle .icon { margin:10px 0; }
	.report-box .process-list .listbox > ul > li .circle .icon img { width:40px; }
	.report-box .process-list .listbox > ul > li .circle .txt { font-size:18px; }
	.report-box .process-list .d-list { margin-top:0; gap:50px; flex-wrap:wrap; }
	.report-box .process-list .d-list .description { margin:60px 0 60px 30px; width:100%; padding:25px; min-height:auto; height:250px; border-radius:10px; display:flex; align-items:center; }
	.report-box .process-list .d-list .description dt { font-size:19px; }
	.report-box .process-list .d-list .description dd { margin-top:8px; font-size:16px; }
	.report-box .process-list .d-list .description:before,
	.report-box .process-list .d-list .description .arr { top:50%; left:-105px; transform:translate(0, -50%);  }
	.report-box .process-list .d-list .description:before { height:1px; width:105px; }
	.report-box .report-ip .title .stxt { margin-top:10px; font-size:15px; }
	.report-box .report-ip .reCont { margin-top:30px; }
	.report-box .report-ip .reCont .register > ul > li:first-child > label { border-radius:10px 10px 0px 0px;}
	.report-box .report-ip .reCont .register > ul > li:last-child > label { border-radius:0px 0px 10px 10px;}
	.report-box .report-ip .reCont .register > ul > li > label { width:200px; font-size:18px; }
	.report-box .report-ip .reCont .register > ul > li .ipbox { width:calc(100% - 200px); padding:12px 20px; }
	.report-box .report-ip .reCont .register > ul > li:last-child .ipbox:before,
	.report-box .report-ip .reCont .register > ul > li:first-child .ipbox:after { width:calc(100% + 8px); left:-8px; }
	.report-box .report-ip .reCont .register > ul > li input[type="text"],
	.report-box .report-ip .reCont .register > ul > li input[type="password"] { height:50px; padding:0 20px; }
	.report-box .report-ip .reCont .register > ul > li select { height:50px; line-height:50px; padding:0 50px 0 20px; }
	.report-box .report-ip .reCont .register > ul > li textarea { height:150px; padding:20px; border-radius:10px; }
	.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont .upload-name { width:calc(100% - 130px); height:50px; }
	.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont .file { width:120px; height:50px; }
	.report-box .report-ip .reCont .register .ch input[type="checkbox"] + span { padding:0 0 0 15px; font-size:17px; }
	.report-box .report-ip .reCont .register .ch input[type="checkbox"] + span:before  { width:25px; height:25px; top:-3px; }
	.report-box .report-ip .reCont .btnCont { margin-top:50px; }
}
@media screen and (max-width:760px){
	.report-box .report-ip .reCont .register > ul > li > label { width:100%; justify-content:flex-start; color:#111; background:#fff; padding:15px 10px 0; border-bottom:none }
	.report-box .report-ip .reCont .register > ul > li .ipbox { width:100%; padding:10px; }
	.report-box .report-ip .reCont .register > ul > li:first-child .ipbox:after { display:none }
}
@media screen and (max-width:640px){
	.report-box .process-list .listbox > ul > li .circle .num { font-size:15px; }
	.report-box .process-list .listbox > ul > li .circle .icon { margin:8px 0; }
	.report-box .process-list .listbox > ul > li .circle .icon img { width:35px; }
	.report-box .process-list .listbox > ul > li .circle .txt { font-size:17px; }
	.report-box .process-list .d-list .description { padding:25px 15px; height:200px; margin:80px 0 80px 30px; }
	.report-box .process-list .d-list .description dt { font-size:17px; }
	.report-box .process-list .d-list .description dd { margin-top:5px; font-size:15px; }
	.report-box .report-ip .reCont { margin-top:20px; }
	.report-box .report-ip .reCont .register > ul > li > label { padding:12px 0 0; font-size:17px; }
	.report-box .report-ip .reCont .register > ul > li .ipbox { padding:8px 0 12px; }
	.report-box .report-ip .reCont .register > ul > li:not(:first-child) .ipbox { flex-wrap:wrap; gap:3px; }
	.report-box .report-ip .reCont .register > ul > li input[type="text"],
	.report-box .report-ip .reCont .register > ul > li input[type="password"] { height:50px; padding:0 20px; }
	.report-box .report-ip .reCont .register > ul > li select { height:50px; line-height:50px; padding:0 50px 0 20px; }
	.report-box .report-ip .reCont .register > ul > li textarea { height:150px; padding:20px; }
	.report-box .report-ip .reCont .register > ul > li input.ip02 { max-width:100%; width:calc((100% - 22px) / 2); }
	.report-box .report-ip .reCont .register > ul > li select.sel02 { width:100%; max-width:100%; }
	.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont { gap:5px; }
	.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont .upload-name { width:calc(100% - 105px); height:50px; }
	.report-box .report-ip .reCont .register > ul > li .ipbox .ipcont .file { width:100px; height:50px; }
	.report-box .report-ip .reCont .register > ul > li .code-box .img { width:120px; }
	.report-box .report-ip .reCont .register > ul > li .code-box input { width:calc(100% - 120px - 50px - 10px) }
	.report-box .report-ip .reCont .register > ul > li .code-box .btn_refresh { height:50px; width:50px; }
	.report-box .report-ip .reCont .btnCont { margin-top:30px; }
}
@media screen and (max-width:480px){
	.report-box .process-list .d-list .description { height:240px; margin:60px 0 60px 30px; } 
}
@media screen and (max-width:420px){
	.report-box .process-list .d-list .description { height:280px; margin:40px 0 40px 30px; } 
}

/* animation */
.report-box .process-list .listbox > ul > li { opacity:0; }
.report-box .process-list.subOn .listbox > ul > li:nth-child(1) { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; } 
.report-box .process-list.subOn .listbox > ul > li:nth-child(2) { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; } 
.report-box .process-list.subOn .listbox > ul > li:nth-child(3) { animation:ani_1 0.5s 0.7s; animation-fill-mode:both; } 
.report-box .process-list.subOn .listbox > ul > li:nth-child(4) { animation:ani_1 0.5s 0.9s; animation-fill-mode:both; }
.report-box .process-list .d-list .description { opacity:0; }
.report-box .process-list.subOn .description:nth-child(1) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; } 
.report-box .process-list.subOn .description:nth-child(2) { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; } 
.report-box .report-ip .reCont { opacity:0; }
.report-box .report-ip .reCont.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; } 
@media screen and (max-width:1024px){
	.report-box .process-list.subOn .listbox > ul > li:nth-child(1) { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; } 
	.report-box .process-list.subOn .listbox > ul > li:nth-child(2) { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; } 
	.report-box .process-list.subOn .listbox > ul > li:nth-child(3) { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; } 
	.report-box .process-list.subOn .listbox > ul > li:nth-child(4) { animation:ani_4 0.5s 0.9s; animation-fill-mode:both; }
	.report-box .process-list.subOn .description:nth-child(1) { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; } 
	.report-box .process-list.subOn .description:nth-child(2) { animation:ani_2 0.5s 1.2s; animation-fill-mode:both; } 
}

/* career */
.talent-box .talentCont-1 { position:relative; }
.talent-box .talentCont-1 .box svg { width:100%; }
.talent-box .talentCont-1 .box .txt { color:#333; fill:#333; font-size:24px; font-weight:700;  }
.talent-box .talentCont-1 .box .circle1 { transform-box:content-box; transform-origin:center; visibility:inherit; animation:circle1 1s linear infinite; }
.talent-box .talentCont-1 .bg-txt { position:absolute; left:0; top:50%; transform:translateY(-50%); display:flex }
.talent-box .talentCont-1 .bg-txt svg { color:#fff; font-weight:700; display:inline-block; width:auto; margin-right:2%; }
.talent-box .talentCont-1 .bg-txt svg text { fill:none; stroke:var(--mainColor); stroke-width:0.28; font-size:60px; font-weight:700; line-height:1.3; opacity:0.2; }
.talent-box .talentCont-2 { margin-top:150px; }
.talent-box .talentCont-2 .listbox > ul > li { position:relative; }
.talent-box .talentCont-2 .listbox > ul > li:not(:last-child) { margin-bottom:10px; }
.talent-box .talentCont-2 .listbox > ul > li .imgbox { position:relative; overflow:hidden; border-radius:20px; }
.talent-box .talentCont-2 .listbox > ul > li .imgbox:before {content:""; display:block; padding-bottom:23.23%; }
.talent-box .talentCont-2 .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.6s; }
.talent-box .talentCont-2 .listbox > ul > li:hover .imgbox img { transform:scale(1.10); }
.talent-box .talentCont-2 .listbox > ul > li dl { position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:5; width:100%; padding:0 150px; display:flex; justify-content:space-between; align-items:center; }
.talent-box .talentCont-2 .listbox > ul > li dl dt strong { color:#fff; font-size:60px; font-weight:700; line-height:1.3; }
.talent-box .talentCont-2 .listbox > ul > li dl dt span { color:rgba(255, 255, 255, 0.2); font-size:56px; font-weight:800; line-height:1.3; margin-left:30px; letter-spacing:-0.05em; }
.talent-box .talentCont-2 .listbox > ul > li dl dd { color:#fff; font-size:20px; font-weight:400; line-height:1.3; text-align:right; letter-spacing:-0.05em; }
@media screen and (max-width:1440px){
	.talent-box .talentCont-2 { margin-top:120px; }
	.talent-box .talentCont-2 .listbox > ul > li dl { padding:0 90px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dt strong { font-size:50px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dt span { font-size:48px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dd { font-size:19px; }
}
@media screen and (max-width:1200px){
	.talent-box .talentCont-2 { margin-top:90px; }
	.talent-box .talentCont-2 .listbox > ul > li:not(:last-child) { margin-bottom:10px; }
	.talent-box .talentCont-2 .listbox > ul > li dl { padding:0 60px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dt strong { font-size:42px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dt span { font-size:38px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dd { font-size:18px; }
}
@media screen and (max-width:1024px){
	.talent-box .talentCont-1 .box .txt { font-size:26px; transform:translateX(-5px); }
	.talent-box .talentCont-1 .box .txt.txt-1 { transform:translateX(12px); }
	.talent-box .talentCont-2 { margin-top:60px; }
	.talent-box .talentCont-2 .listbox > ul > li:not(:last-child) { margin-bottom:5px; }
	.talent-box .talentCont-2 .listbox > ul > li .imgbox { border-radius:10px; }
	.talent-box .talentCont-2 .listbox > ul > li dl { padding:0 20px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dt strong { font-size:34px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dt span { font-size:30px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dd { font-size:17px; }
}
@media screen and (max-width:960px){
	.talent-box .talentCont-2 .listbox > ul > li dl { justify-content:flex-start; flex-wrap:wrap; }
	.talent-box .talentCont-2 .listbox > ul > li dl dt { width:100%; }
	.talent-box .talentCont-2 .listbox > ul > li dl dd { width:100%; text-align:left}
}
@media screen and (max-width:640px){
	.talent-box .talentCont-2 { margin-top:40px; }
	.talent-box .talentCont-2 .listbox > ul > li .imgbox:before { padding-bottom:40%; }
	.talent-box .talentCont-2 .listbox > ul > li dl dt strong { font-size:28px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dt span { font-size:26px; }
	.talent-box .talentCont-2 .listbox > ul > li dl dd { font-size:16px; }
}

/* animation */
.talent-box .talentCont-1 .box { opacity:0; }
.talent-box .talentCont-1.subOn .box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.talent-box .talentCont-1.subOn .bg-txt svg { animation:txt_marquee 100s 0.5s infinite linear; }
.talent-box .talentCont-2 .listbox > ul > li .imgbox:after { content:""; background:rgba(0, 0, 0, 0.6); position:absolute; top:0; left:0; bottom:0; transition:all 1.2s; width:100%; height:100%; }
.talent-box .talentCont-2 .listbox > ul > li.subOn .imgbox:after { width:0; left:100%; opacity:0; }
.talent-box .talentCont-2 .listbox > ul > li dl dt { opacity:0; }
.talent-box .talentCont-2 .listbox > ul > li.subOn dl dt { animation:ani_2 0.6s 0.5s; animation-fill-mode:both; }
.talent-box .talentCont-2 .listbox > ul > li dl dd { opacity:0; }
.talent-box .talentCont-2 .listbox > ul > li.subOn dl dd { animation:ani_5 0.8s 0.9s; animation-fill-mode:both; }

.welfare-box .listbox > ul { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:8px; }
.welfare-box .listbox > ul > li { position:relative; width:calc((100% - 16px) / 3); }
.welfare-box .listbox > ul > li:before {content:""; display:block; padding-bottom:100%; }
.welfare-box .listbox > ul > li .box { position:absolute; left:0; top:0; width:100%; height:100%;  }
.welfare-box .listbox > ul > li .box .imgbox { position:relative; overflow:hidden; border-radius:20px; }
.welfare-box .listbox > ul > li .box .imgbox:before {content:""; display:block; padding-bottom:100%; }
.welfare-box .listbox > ul > li .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.welfare-box .listbox > ul > li .box .imgbox strong { opacity:1; transition:all 0.5s 0.2s; position:absolute; left:0; bottom:0; padding:60px; color:#fff; font-size:36px; font-weight:600; line-height:1.3; letter-spacing:-0.06em; }
.welfare-box .listbox > ul > li .box .txtbox { opacity:0; transition:all 0.4s; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(242, 145, 0, 0.9); border-radius:20px; } 
.welfare-box .listbox > ul > li .box .txtbox dl { position:absolute; left:0; bottom:0; padding:60px; width:100%; transform:translateY(30px); transition:all 0.4s; }
.welfare-box .listbox > ul > li .box .txtbox dl dt { color:#fff; font-size:40px; font-weight:600; line-height:1.3; letter-spacing:-0.06em; }
.welfare-box .listbox > ul > li .box .txtbox dl dd { margin-top:30px; }
.welfare-box .listbox > ul > li .box .txtbox dl dd li:not(:last-child) { margin-bottom:10px; }
.welfare-box .listbox > ul > li .box .txtbox dl dd li { position:relative; padding-left:13px; color:#fff; font-size:20px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.welfare-box .listbox > ul > li .box .txtbox dl dd li:before {content:""; display:block;position:absolute; left:0; top:11px; width:3px; height:3px; background:#fff; border-radius:3px; }
.welfare-box .listbox > ul.active > li:hover .box .imgbox strong { opacity:0; transition:all 0.3s; }
.welfare-box .listbox > ul.active > li:hover .box .txtbox { opacity:1; }
.welfare-box .listbox > ul.active > li:hover .box .txtbox dl { transform:translateX(0); }
@media screen and (max-width:1440px){
	.welfare-box .listbox > ul > li .box .imgbox strong { padding:40px; font-size:28px; }
	.welfare-box .listbox > ul > li .box .txtbox dl { padding:40px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dt { font-size:30px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd { margin-top:20px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li:not(:last-child) { margin-bottom:10px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li { font-size:18px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li:before { top:10px; }
}
@media screen and (max-width:1200px){
	.welfare-box .listbox > ul > li .box .imgbox strong { padding:30px; font-size:22px; }
	.welfare-box .listbox > ul > li .box .txtbox dl { padding:30px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dt { font-size:24px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd { margin-top:15px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li:not(:last-child) { margin-bottom:8px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li { padding-left:11px; font-size:17px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li:before { top:9px; }
}
@media screen and (max-width:1024px){
	.welfare-box .listbox > ul { gap:5px; }
	.welfare-box .listbox > ul > li { width:calc((100% - 10px) / 3); }
	.welfare-box .listbox > ul > li:before { padding-bottom:130%; }
	.welfare-box .listbox > ul > li .box .imgbox { border-radius:10px; }
	.welfare-box .listbox > ul > li .box .imgbox:before { padding-bottom:130%; }
	.welfare-box .listbox > ul > li .box .imgbox strong { padding:20px; font-size:20px; display:none }
	.welfare-box .listbox > ul > li .box .txtbox { border-radius:10px; opacity:1; background:none }
	.welfare-box .listbox > ul > li .box .txtbox:before {content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:50%; background:rgba(242, 145, 0, 0.9); border-radius:0 0 10px 10px }
	.welfare-box .listbox > ul > li .box .txtbox dl { padding:20px; transform:translateY(0); }
	.welfare-box .listbox > ul > li .box .txtbox dl dt { font-size:22px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd { margin-top:10px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li:not(:last-child) { margin-bottom:5px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li { padding-left:10px; font-size:16px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li:before { top:8px; width:2px; height:2px; }
}
@media screen and (max-width:860px){
	.welfare-box .listbox > ul > li { width:calc((100% - 5px) / 2); }
}
@media screen and (max-width:640px){
	.welfare-box .listbox > ul > li .box .txtbox dl { padding:20px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dt { font-size:20px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd { margin-top:5px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li:not(:last-child) { margin-bottom:4px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li { padding-left:10px; font-size:16px; }
	.welfare-box .listbox > ul > li .box .txtbox dl dd li:before { top:8px; width:2px; height:2px; }
}
@media screen and (max-width:480px){
	.welfare-box .listbox > ul > li { width:100%; }
	.welfare-box .listbox > ul > li:before,
	.welfare-box .listbox > ul > li .box .imgbox:before { padding-bottom:100%; }
	.welfare-box .listbox > ul > li .box .txtbox:before { display:none }
	.welfare-box .listbox > ul > li .box .txtbox dl { padding:20px; background:rgba(242, 145, 0, 0.9); border-radius:0 0 10px 10px; }
}

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

.recruit-box { overflow:hidden; padding-bottom:80px; }
.recruit-box .btn { margin-top:-60px; }
.recruit-box .listbox { position:relative; margin-top:50px; }
.recruit-box .listbox .bg-txt { position:absolute; left:0; top:72%; transform:translateY(-50%); margin-top:0; display:flex }
.recruit-box .listbox .bg-txt svg { color:#fff; font-weight:700; display:inline-block; width:auto; margin-right:2%; }
.recruit-box .listbox .bg-txt svg text { fill:none; stroke:#000; stroke-width:0.28; font-size:60px; font-weight:700; line-height:1.3; opacity:0.1; }
.recruit-box .listbox.subOn .bg-txt svg { animation:txt_marquee 100s 0.5s infinite linear; }
.recruit-box .listbox > ul { position:relative; z-index:2; display:flex; justify-content:center; gap:20px; }
.recruit-box .listbox > ul:before { opacity:0; content:""; display:block; position:absolute; left:50%; top:65%; transform:translate(-50%, -50%); width:1151px; height:86px; background:url(/img/sub/recruit_line.svg) no-repeat center / cover; }
.recruit-box .listbox > ul > li { position:relative; width:calc((100% - 80px) / 5); transition:all 0.7s ease-in-out; }
.recruit-box .listbox > ul > li:before {content:""; display:block; padding-bottom:100%; }
.recruit-box .listbox > ul > li .box { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:20px; overflow:hidden; transition:all 0.5s ease-in-out; }
.recruit-box .listbox > ul > li .box .num { color:rgba(0,0,0,0.2); font-size:20px; font-weight:700; line-height:1.3; }
.recruit-box .listbox > ul > li .box .txt { color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.recruit-box .listbox > ul > li:nth-child(5) .num,
.recruit-box .listbox > ul > li:nth-child(5) .txt { color:#fff; }
.recruit-box .listbox > ul > li .box .icon { margin:15% 0; }
.recruit-box .listbox > ul > li:nth-child(1) { left:50%; transform:translateX(-50%) rotate(20deg); z-index:1; } 
.recruit-box .listbox > ul > li:nth-child(2) { left:30%; transform:translateX(-50%) rotate(10deg); z-index:2; }
.recruit-box .listbox > ul > li:nth-child(3) { z-index:3; } 
.recruit-box .listbox > ul > li:nth-child(4) { right:30%; transform:translateX(50%) rotate(-10deg); z-index:4; }
.recruit-box .listbox > ul > li:nth-child(5) { right:50%; transform:translateX(50%) rotate(-20deg); z-index:5; }
.recruit-box .listbox > ul > li:nth-child(1) .box { margin-top:80px; background:#f5f5f5; } 
.recruit-box .listbox > ul > li:nth-child(2) .box { margin-top:60px; background:#ddd; } 
.recruit-box .listbox > ul > li:nth-child(3) .box { margin-top:40px; background:#b6b3af; } 
.recruit-box .listbox > ul > li:nth-child(4) .box { margin-top:20px; background:#b8afa3; } 
.recruit-box .listbox > ul > li:nth-child(5) .box { background:var(--mainColor); } 
.recruit-box .listbox > ul.active > li { position:relative; }
.recruit-box .listbox > ul.active > li:nth-child(1),
.recruit-box .listbox > ul.active > li:nth-child(2),
.recruit-box .listbox > ul.active > li:nth-child(3),
.recruit-box .listbox > ul.active > li:nth-child(4),
.recruit-box .listbox > ul.active > li:nth-child(5) { transform:translateX(0) rotate(0deg); }
.recruit-box .listbox > ul.active > li:nth-child(1),
.recruit-box .listbox > ul.active > li:nth-child(2) { left:0 } 
.recruit-box .listbox > ul.active > li:nth-child(3),
.recruit-box .listbox > ul.active > li:nth-child(4),
.recruit-box .listbox > ul.active > li:nth-child(5) { right:0; }
.recruit-box .listbox > ul.active:before { animation:ani_5 0.8s 0.8s; animation-fill-mode:both; }
.recruit-box .listbox > ul.active > li:nth-child(5) { animation:upDown 2s 0.9s infinite; }
@media screen and (max-width:1440px){
	.recruit-box .btn { margin-top:-40px; }
	.recruit-box .listbox > ul { gap:10px; }
	.recruit-box .listbox > ul:before { width:800px; }
	.recruit-box .listbox > ul > li { width:calc((100% - 40px) / 5); }
	.recruit-box .listbox > ul > li .box .num,
	.recruit-box .listbox > ul > li .box .txt { font-size:19px; }
	.recruit-box .listbox > ul > li .box .icon { margin:10% 0; }
	.recruit-box .listbox > ul > li .box .icon img { width:60px; }
}
@media screen and (max-width:1200px){
	.recruit-box .listbox > ul:before { width:680px; }
	.recruit-box .listbox > ul > li .box .num,
	.recruit-box .listbox > ul > li .box .txt { font-size:18px; }
	.recruit-box .listbox > ul > li .box .icon { margin:10% 0; }
	.recruit-box .listbox > ul > li .box .icon img { width:50px; }
}
@media screen and (max-width:1024px){
	.recruit-box .btn { margin-top:-30px; }
	.recruit-box .listbox > ul > li .box { border-radius:10px; }
	.recruit-box .listbox > ul > li .box .num,
	.recruit-box .listbox > ul > li .box .txt { font-size:17px; }
	.recruit-box .listbox > ul > li .box .icon img { width:45px; }
}
@media screen and (max-width:860px){
	.recruit-box { padding-bottom:0; }
	.recruit-box .listbox { margin-top:30px; }
	.recruit-box .listbox .bg-txt { top:50%; }
	.recruit-box .listbox > ul { margin:0 auto; flex-wrap:wrap; }
	.recruit-box .listbox > ul:before { display:none }
	.recruit-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.recruit-box .listbox > ul > li:nth-child(1),
	.recruit-box .listbox > ul > li:nth-child(2),
	.recruit-box .listbox > ul > li:nth-child(3),
	.recruit-box .listbox > ul > li:nth-child(4),
	.recruit-box .listbox > ul > li:nth-child(5) { left:0; right:unset; transform:translateX(0) rotate(0deg); }
	.recruit-box .listbox > ul > li:nth-child(1) .box,
	.recruit-box .listbox > ul > li:nth-child(2) .box,
	.recruit-box .listbox > ul > li:nth-child(3) .box,
	.recruit-box .listbox > ul > li:nth-child(4) .box { margin-top:0; }
	.recruit-box .listbox { opacity:0; }
	.recruit-box .listbox.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}
@media screen and (max-width:640px){
	.recruit-box .btn { margin-top:-10px; }
	.recruit-box .listbox > ul { gap:5px; }
	.recruit-box .listbox > ul > li { width:calc((100% - 5px) / 2); }
}

@keyframes upDown {
    0% { transform:translateY(0) }
    50% { transform:translateY(-15px) }
    100% { transform:translateY(0) }
}

/* contact */
.inquiry-box .privacy-box .sbox { border:1px solid #ddd; border-radius:20px; padding:60px 60px 60px 100px; }
.inquiry-box .privacy-box .scroll-box { height:240px; overflow:auto; padding-right:60px; }
.inquiry-box .privacy-box .privacy { font-size:16px; }
.inquiry-box .privacy-box .privacy h4 { font-size:22px; margin-bottom:10px; }
.inquiry-box .privacy-box .privacy > p { margin:10px 0; font-size:18px; }
.inquiry-box .privacy-box .privacy > p+dl { margin-top:15px; }
.inquiry-box .privacy-box .privacy > dl { padding-bottom:10px;}
.inquiry-box .privacy-box .privacy > dl > dt{ font-size:18px; }
.inquiry-box .privacy-box .privacy > dl > dd{ padding:5px 0; }
.inquiry-box .privacy-box .privacy > dl > dd p:not(:last-child) { margin-bottom:4px; }
.inquiry-box .privacy-box .privacy > dl > dd ul{ padding:5px 0 10px; }
.inquiry-box .privacy-box .privacy > dl > dd ul li p { margin-top:5px;}
.inquiry-box .privacy-box .privacy > dl > dd ul.bar > li:before { font-size:15px; top:0; }
.inquiry-box .privacy-box .sTxt h3 { font-size:24px; margin:10px 0; }
.inquiry-box .privacy-box .sTxt p { margin:5px 0; }
.inquiry-box .privacy-box .privacy .square > li { padding-left:18px; }
.inquiry-box .privacy-box .privacy .square > li:before { font-size:16px; top:0; }
.inquiry-box .privacy-box .privacy .square > li > ul > li:before { font-size:15px; top:0; }
.inquiry-box .privacy-box .ch { margin-top:30px; display:flex; }
.inquiry-box .privacy-box .ch input[type="checkbox"] {opacity:0; height:auto; line-height:auto;}
.inquiry-box .privacy-box .ch input[type="checkbox"] + span { position:relative; padding:0 0 0 35px; font-weight:300; font-size:20px; line-height:1.4 !important; display:inline-block; color:#111; }
.inquiry-box .privacy-box .ch input[type="checkbox"] + span:before  { content:''; display:block; width:30px; height:30px; vertical-align:middle; transition:all 0.3s; background:url(/img/sub/ch_off.png) no-repeat center/ cover; position:absolute; left:-15px; top:-2px; }
.inquiry-box .privacy-box .ch input[type="checkbox"]:checked + span:before { background:url(/img/sub/ch_on.png) no-repeat center/ cover; }
.inquiry-box .inquiryCont { margin-top:150px; }
.inquiry-box .inquiryCont .inquiry-ip { display:flex; flex-wrap:wrap; gap:20px; }
.inquiry-box .inquiryCont .inquiry-ip > div { width:calc((100% - 20px) / 2); }
.inquiry-box .inquiryCont .inquiry-ip .registerBox { padding:60px 70px; border-radius:20px; background:#f5f5f5; }
.inquiry-box .inquiryCont .inquiry-ip .imgbox { position:relative; border-radius:20px; overflow:hidden }
.inquiry-box .inquiryCont .inquiry-ip .imgbox:before { content:''; display:block; margin-bottom:90%; }
.inquiry-box .inquiryCont .inquiry-ip .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.inquiry-box .inquiryCont .txt_b { display:flex; justify-content:flex-end; margin-top:20px; color:#666; font-size:20px; font-weight:400; line-height:1.3; }
.inquiry-box .inquiryCont .txt_b strong { color:var(--mainColor); font-size:22px; font-weight:700; }
.inquiry-box .inquiryCont .btnCont { margin-top:60px; }
/* 개발부분 site.css --> register-box */
.registerBox * { font-family:var(--mainFont); }
.registerBox > ul { display:flex; flex-wrap:wrap; gap:10px; }
.registerBox > ul > li { position:relative; width:100%; }
.registerBox > ul > li .ipbox { display:flex; gap:10px; align-items:center; }
.registerBox > ul > li input[type="text"],
.registerBox > ul > li input[type="password"] { height:60px; padding:0 30px; width:100%; font-size:16px; color:#333; font-weight:500; border:1px solid #ddd; outline:none; background:none; border-radius:60px; transition:all 0.3s; }
.registerBox > ul > li select { width:100%; height:60px; line-height:60px; padding:0 50px 0 30px; font-size:16px; color:#333; font-weight:500;  border:1px solid #ddd; outline:none; border-radius:60px; transition:all 0.3s; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.registerBox > ul > li select::-ms-expand { display: none; }
.registerBox > ul > li textarea { width:100%; height:180px; line-height:1.6; padding:30px; font-size:16px; color:#333; font-weight:500; border:1px solid #ddd; outline:none; background:none; border-radius:20px; transition:all 0.3s; }
.registerBox > ul > li input.ip02 { width:calc(33% - 10px); }
.registerBox > ul > li select.sel02 { width:32%; }
.registerBox > ul > li input[type="text"]:hover,
.registerBox > ul > li input[type="password"]:hover, 
.registerBox > ul > li select:hover,
.registerBox > ul > li textarea:hover { border:1px solid var(--mainColor); background-color:#fff }
.registerBox > ul > li input::placeholder,
.registerBox > ul > li textarea::placeholder { color:#777; opacity:1; font-weight:400; }
.registerBox > ul > li .stxt { font-size:18px; color:#333; font-weight:400; display:inline-block; text-align:center; }
.registerBox > ul > li .ipbox .file-box { width:100%; }
.registerBox > ul > li .ipbox .ipcont { position:relative; align-items:center; gap:0 10px;}
.registerBox > ul > li .ipbox .ipcont:not(:last-child) { margin-bottom:10px; }
.registerBox > ul > li .ipbox .ipcont .upload-name { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:calc(100% - 210px); height:60px; outline:none; border:1px solid #ddd; padding:4px 30px; color:#777; font-size:16px; font-weight:500; line-height:1.3; background:none; border-radius:60px; }
.registerBox > ul > li .ipbox .ipcont .upload-name.on { color:#333;  }
.registerBox > ul > li .ipbox .ipcont .file { position:absolute; right:0; top:0; width:200px; height:60px; background:var(--mainColor); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:60px }
.registerBox > ul > li .ipbox .ipcont .file span{ text-align:center; font-size:16px; color:#fff; font-weight:700; line-height:1.3; }
.registerBox > ul > li .ipbox .ipcont .file input{display:none}
.registerBox > ul > li .code-box { display:flex; gap:10px; position:relative; width:100%; }
.registerBox > ul > li .code-box .img { width:175px; border-radius:60px; }
.registerBox > ul > li .code-box input { width:calc(100% - 175px - 60px - 10px) }
.registerBox > ul > li .code-box .btn_refresh { height:60px; width:60px; border:none; outline:none; background:var(--mainColor) url(/img/sub/btn_refresh.svg) center center no-repeat; border-radius:60px; }
@media screen and (max-width:1440px){
	.inquiry-box .privacy-box .sbox { padding:40px 40px 40px 60px; }
	.inquiry-box .privacy-box .scroll-box { padding-right:30px; }
	.inquiry-box .inquiryCont { margin-top:120px; }
	.inquiry-box .inquiryCont .inquiry-ip .registerBox { padding:40px 50px; }
}
@media screen and (max-width:1200px){
	.inquiry-box .privacy-box .sbox { padding:30px 30px 30px 50px; }
	.inquiry-box .privacy-box .scroll-box { padding-right:20px; }
	.inquiry-box .privacy-box .ch { margin-top:25px; }
	.inquiry-box .inquiryCont { margin-top:90px; }
	.inquiry-box .inquiryCont .inquiry-ip .registerBox { padding:25px 30px; }
}
@media screen and (max-width:1024px){
	.inquiry-box .privacy-box .sbox { padding:20px 20px 20px 30px; border-radius:10px; }
	.inquiry-box .privacy-box .scroll-box { padding-right:15px; }
	.inquiry-box .privacy-box .ch { margin-top:20px; }
	.inquiry-box .privacy-box .ch input[type="checkbox"] + span { padding:0 0 0 20px; font-size:17px; }
	.inquiry-box .privacy-box .ch input[type="checkbox"] + span:before  { width:25px; height:25px; top:-3px; }
	.inquiry-box .inquiryCont { margin-top:60px; }
	.inquiry-box .inquiryCont .inquiry-ip { flex-wrap:wrap; flex-direction:column-reverse; gap:10px; }
	.inquiry-box .inquiryCont .inquiry-ip > div { width:100% }
	.inquiry-box .inquiryCont .inquiry-ip .registerBox { padding:20px; border-radius:10px; }
	.inquiry-box .inquiryCont .inquiry-ip .imgbox { border-radius:10px; }
	.inquiry-box .inquiryCont .inquiry-ip .imgbox:before {  margin-bottom:35%; }
	.inquiry-box .inquiryCont .txt_b { margin-top:10px; font-size:18px; }
	.inquiry-box .inquiryCont .txt_b strong { font-size:20px; }
	.inquiry-box .inquiryCont .btnCont { margin-top:40px; }
	.registerBox > ul > li input[type="text"],
	.registerBox > ul > li input[type="password"] { height:50px; padding:0 20px; }
	.registerBox > ul > li select { height:50px; line-height:50px; padding:0 50px 0 20px; }
	.registerBox > ul > li textarea { height:150px; padding:20px; border-radius:10px; }
	.registerBox > ul > li .ipbox .ipcont .upload-name { width:calc(100% - 130px); height:50px; }
	.registerBox > ul > li .ipbox .ipcont .file { width:120px; height:50px; }
}
@media screen and (max-width:640px){
	.inquiry-box .privacy-box .sbox { padding:15px; }
	.inquiry-box .privacy-box .scroll-box { padding-right:15px; }
	.inquiry-box .privacy-box .privacy { font-size:15px; }
	.inquiry-box .privacy-box .privacy h4 { font-size:20px; margin-bottom:5px; }
	.inquiry-box .privacy-box .privacy > p { margin:5px 0; font-size:16px; }
	.inquiry-box .privacy-box .privacy > p+dl { margin-top:7px; }
	.inquiry-box .privacy-box .privacy > dl { padding-bottom:5px;}
	.inquiry-box .privacy-box .privacy > dl > dt{ font-size:16px; }
	.inquiry-box .privacy-box .privacy > dl > dd{ padding:3px 0; }
	.inquiry-box .privacy-box .privacy > dl > dd p:not(:last-child) { margin-bottom:3px; }
	.inquiry-box .privacy-box .privacy > dl > dd ul{ padding:5px 0 8px; }
	.inquiry-box .privacy-box .privacy > dl > dd ul li p { margin-top:5px; }
	.inquiry-box .privacy-box .privacy > dl > dd ul.bar > li { padding-left:10px; }
	.inquiry-box .privacy-box .privacy > dl > dd ul.bar > li:before { font-size:14px; top:0; }
	.inquiry-box .privacy-box .sTxt h3 { font-size:22px; margin:5px 0; }
	.inquiry-box .privacy-box .sTxt p { margin:3px 0; }
	.inquiry-box .privacy-box .privacy .square > li { padding-left:15px; }
	.inquiry-box .privacy-box .privacy .square > li:before { font-size:15px; top:0; }
	.inquiry-box .privacy-box .privacy .square > li > ul > li { padding-left:10px; }
	.inquiry-box .privacy-box .privacy .square > li > ul > li:before { font-size:14px; top:0; }
	.inquiry-box .privacy-box .ch { margin-top:20px; }
	.inquiry-box .privacy-box .ch input[type="checkbox"] + span { padding:0 0 0 16px; font-size:16px; }
	.inquiry-box .privacy-box .ch input[type="checkbox"] + span:before  { width:22px; height:22px; top:-1px; }
	.inquiry-box .inquiryCont { margin-top:40px; }
	.inquiry-box .inquiryCont .inquiry-ip { flex-wrap:wrap; flex-direction:column-reverse; gap:10px; }
	.inquiry-box .inquiryCont .inquiry-ip > div { width:100% }
	.inquiry-box .inquiryCont .inquiry-ip .registerBox { padding:15px 10px; }
	.inquiry-box .inquiryCont .inquiry-ip .imgbox:before {  margin-bottom:30%; }
	.inquiry-box .inquiryCont .txt_b { margin-top:8px; font-size:15px; }
	.inquiry-box .inquiryCont .txt_b strong { font-size:17px; }
	.inquiry-box .inquiryCont .btnCont { margin-top:30px; }
	.registerBox > ul { gap:8px; }
	.registerBox > ul > li .ipbox { gap:3px; }
	.registerBox > ul > li .ipbox { flex-wrap:wrap; }
	.registerBox > ul > li input[type="text"],
	.registerBox > ul > li input[type="password"] { height:50px; padding:0 20px; }
	.registerBox > ul > li select { height:50px; line-height:50px; padding:0 50px 0 20px; }
	.registerBox > ul > li textarea { height:150px; padding:20px; }
	.registerBox > ul > li input.ip02 { width:calc((100% - 22px) / 2); }
	.registerBox > ul > li select.sel02 { width:100%; }
	.registerBox > ul > li .ipbox .ipcont { gap:5px; }
	.registerBox > ul > li .ipbox .ipcont .upload-name { width:calc(100% - 105px); height:50px; }
	.registerBox > ul > li .ipbox .ipcont .file { width:100px; height:50px; }
	.registerBox > ul > li .code-box .img { width:120px; }
	.registerBox > ul > li .code-box input { width:calc(100% - 120px - 50px - 10px) }
	.registerBox > ul > li .code-box .btn_refresh { height:50px; width:50px; }
}

/* animation */
.inquiry-box .privacy-box { opacity:0; }
.inquiry-box .privacy-box.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.inquiry-box .inquiryCont .inquiry-ip .imgbox:after { content:""; background:rgba(0, 0, 0, 0.6); position:absolute; top:0; left:0; bottom:0; transition:all 1.2s; width:100%; height:100%; }
.inquiry-box .inquiryCont.subOn .inquiry-ip .imgbox:after { width:0; left:100%; opacity:0; }

.location-box .listbox { overflow:hidden }
.location-box .listbox > ul > li:not(:last-child) { margin-bottom:150px; }
.location-box .listbox > ul > li { display:flex; flex-wrap:wrap; align-items:center; gap:0 102px; }
.location-box .listbox > ul > li .info-box { width:calc(48% - 51px); }
.location-box .listbox > ul > li .map-box { width:calc(52% - 51px); }
.location-box .listbox > ul > li .info-box > dl > dt span { color:var(--mainColor); font-size:20px; font-weight:700; line-height:1.3; }
.location-box .listbox > ul > li .info-box > dl > dt strong { display:block; margin-top:15px; font-family:var(--mainFont); color:#111; font-size:60px; font-weight:600; line-height:1.3; letter-spacing:-0.07em; }
.location-box .listbox > ul > li .info-box > dl > dd > ul { margin-top:60px; }
.location-box .listbox > ul > li .info-box > dl > dd > ul > li:not(:last-child) { margin-bottom:20px; }
.location-box .listbox > ul > li .info-box > dl > dd > ul > li { display:flex; }
.location-box .listbox > ul > li .info-box > dl > dd > ul > li strong { width:90px; color:#333; font-size:22px; font-weight:600; line-height:1.3; }
.location-box .listbox > ul > li .info-box > dl > dd > ul > li span { width:calc(100% - 90px); font-family:var(--mainFont); color:#333; font-size:20px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.location-box .listbox > ul > li .info-box > dl > dd > ul > li span.tel { font-weight:400; font-family:var(--subFont); }
.location-box .listbox > ul > li .info-box > dl > dd .txtbox { margin-top:40px; padding:40px; border-radius:20px; border:1px solid #eee; background: #fff; }
.location-box .listbox > ul > li .info-box > dl > dd .txtbox dt { color:#333; font-size:22px; font-weight:600; line-height:1.3; }
.location-box .listbox > ul > li .info-box > dl > dd .txtbox dd { margin-top:10px; font-family:var(--mainFont); color:#333; font-size:20px; font-weight:300; line-height:1.6; }
.location-box .listbox > ul > li .map-box { position:relative; height:700px; border:1px solid #ddd; border-radius:20px; overflow:hidden; }
.location-box .listbox > ul > li .map-box > div { margin:-1px 0 0 -1px; }
.location-box .listbox > ul > li .map-box > div,
.location-box .listbox > ul > li .map-box .wrap_map { width:calc(100% + 2px) !important; height:calc(100% + 2px) !important; }
.location-box .listbox > ul > li .map-box .google-map { position:relative; overflow:hidden;  }
.location-box .listbox > ul > li .map-box .google-map:after { content:''; display:block; padding-bottom:500px; }
.location-box .listbox > ul > li .map-box iframe { position:absolute; top:0; left:0; top:-120px; width:100%; height:calc(100% + 240px); }
.location-box .listbox > ul > li .map-box #map { width:100%; height:100%; }
@media screen and (max-width:1440px){
	.location-box .listbox > ul > li:not(:last-child) { margin-bottom:120px; }
	.location-box .listbox > ul > li { gap:0 80px; }
	.location-box .listbox > ul > li .info-box { width:calc(48% - 40px); }
	.location-box .listbox > ul > li .map-box { width:calc(52% - 40px); }
	.location-box .listbox > ul > li .info-box > dl > dt span { font-size:19px; }
	.location-box .listbox > ul > li .info-box > dl > dt strong { margin-top:12px; font-size:50px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul { margin-top:50px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li:not(:last-child) { margin-bottom:15px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li strong { font-size:21px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li span { font-size:19px; }
	.location-box .listbox > ul > li .info-box > dl > dd .txtbox { margin-top:30px; padding:30px; }
	.location-box .listbox > ul > li .info-box > dl > dd .txtbox dt { font-size:21px; }
	.location-box .listbox > ul > li .info-box > dl > dd .txtbox dd { margin-top:8px; font-size:19px; }
	.location-box .listbox > ul > li .map-box { height:600px; }
}
@media screen and (max-width:1200px){
	.location-box .listbox > ul > li:not(:last-child) { margin-bottom:90px; }
	.location-box .listbox > ul > li { gap:0 40px; }
	.location-box .listbox > ul > li .info-box { width:calc(48% - 20px); }
	.location-box .listbox > ul > li .map-box { width:calc(52% - 20px); }
	.location-box .listbox > ul > li .info-box > dl > dt span { font-size:18px; }
	.location-box .listbox > ul > li .info-box > dl > dt strong { margin-top:10px; font-size:38px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul { margin-top:40px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li:not(:last-child) { margin-bottom:10px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li strong { font-size:20px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li span { font-size:18px; }
	.location-box .listbox > ul > li .info-box > dl > dd .txtbox { margin-top:25px; padding:25px; }
	.location-box .listbox > ul > li .info-box > dl > dd .txtbox dt { font-size:20px; }
	.location-box .listbox > ul > li .info-box > dl > dd .txtbox dd { margin-top:5px; font-size:18px; }
	.location-box .listbox > ul > li .map-box { height:500px; }
}
@media screen and (max-width:1024px){
	.location-box .listbox > ul > li:not(:last-child) { margin-bottom:50px; }
	.location-box .listbox > ul > li { gap:30px; flex-direction:column-reverse; }
	.location-box .listbox > ul > li .info-box,
	.location-box .listbox > ul > li .map-box { width:100%; }
	.location-box .listbox > ul > li .info-box > dl > dt span { font-size:16px; }
	.location-box .listbox > ul > li .info-box > dl > dt strong { margin-top:5px; font-size:26px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul { margin-top:30px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li:not(:last-child) { margin-bottom:8px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li strong { font-size:18px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li span { font-size:17px; }
	.location-box .listbox > ul > li .info-box > dl > dd .txtbox { margin-top:20px; padding:20px; border-radius:10px; }
	.location-box .listbox > ul > li .info-box > dl > dd .txtbox dt { font-size:18px; }
	.location-box .listbox > ul > li .info-box > dl > dd .txtbox dd { margin-top:5px; font-size:16px; }
	.location-box .listbox > ul > li .map-box { height:400px; border-radius:10px; }
}
@media screen and (max-width:640px){
	.location-box .listbox > ul > li:not(:last-child) { margin-bottom:40px; }
	.location-box .listbox > ul > li { gap:20px; }
	.location-box .listbox > ul > li .info-box > dl > dt span { font-size:15px; }
	.location-box .listbox > ul > li .info-box > dl > dt strong { font-size:21px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul { margin-top:20px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li { flex-wrap:wrap; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li strong { width:80px; font-size:17px; }
	.location-box .listbox > ul > li .info-box > dl > dd > ul > li span { width:calc(100% - 80px); font-size:16px; }
	.location-box .listbox > ul > li .map-box { height:320px; }
}
@media screen and (max-width:480px){
	.location-box .listbox > ul > li .map-box { height:280px; }
}

/* animation */
.location-box .listbox > ul > li .info-box,
.location-box .listbox > ul > li .map-box { opacity:0 }
.location-box .listbox > ul > li.subOn .info-box { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.location-box .listbox > ul > li.subOn .map-box { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.location-box .listbox > ul > li.subOn .map-box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.location-box .listbox > ul > li.subOn .info-box { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}

/* board */
.search-box .s-ipbox { position:relative; display:flex; flex-wrap:wrap; justify-content:flex-end; }
.search-box .s-ipbox select { width:250px; height:70px; line-height:70px; padding:0 60px 0 30px; font-family:var(--mainFont); font-size:17px; color:#333; font-weight:500; border:1px solid #ddd; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; border-radius:70px; }
.search-box .s-ipbox select::-ms-expand { display:none; }
.search-box .s-ipbox input { margin-left:20px; width:400px; height:70px; line-height:1.3; padding:0 30px; font-family:var(--mainFont); font-size:17px; color:#333; font-weight:500; border:1px solid #ddd; border-radius:0; outline:none; background:#fff; border-radius:70px; }
.search-box .s-ipbox button { width:70px; height:70px; text-indent:-9999em; overflow:hidden; text-align:center; border:none; outline:none; background:var(--mainColor) url(/img/sub/search_icon.svg) center center no-repeat; padding:0; border-radius:70px; }
.search-box input::placeholder { color:#ccc; opacity:1; font-weight:300; }
@media screen and (max-width:1440px){
	.search-box .s-ipbox select { width:200px; height:60px; line-height:60px; padding:0 60px 0 30px; font-size:17px; }
	.search-box .s-ipbox input { margin-left:15px; width:350px; height:60px; padding:0 30px; font-size:17px;  }
	.search-box .s-ipbox button { width:60px; height:60px; }
}
@media screen and (max-width:1200px){
	.search-box .s-ipbox select { width:180px; height:55px; line-height:55px; padding:0 60px 0 30px; }
	.search-box .s-ipbox input { margin-left:10px; width:300px; height:55px; padding:0 30px; }
	.search-box .s-ipbox button { width:55px; height:55px; }
}
@media screen and (max-width:1024px){
	.search-box .s-ipbox select { width:160px; height:50px; line-height:50px; padding:0 50px 0 20px; font-size:16px; }
	.search-box .s-ipbox input { margin-left:5px; width:300px; height:50px; padding:0 20px; font-size:16px;}
	.search-box .s-ipbox button { width:50px; height:50px; background-size:15px auto; }
}
@media screen and (max-width:860px){
	.search-box { width:100%; margin-top:10px; }
	.search-box .s-ipbox input { width:calc(100% - 5px - 160px - 50px); }
}
@media screen and (max-width:640px){
	.search-box .s-ipbox select { width:140px; height:45px; line-height:45px; }
	.search-box .s-ipbox input { margin:0; height:45px; width:calc(100% - 140px - 45px); }
	.search-box .s-ipbox button { width:45px; height:45px; background-size:13px auto; }
}


.gallery-list .search-box .s-ipbox { justify-content:flex-start; }
.gallery-list > ul { display:flex; flex-wrap:wrap; gap:80px 20px; margin-top:60px; }
.gallery-list > ul > li { width:calc((100% - 60px) / 4); }
.gallery-list > ul > li .imgbox { width:100%; position:relative; overflow:hidden; background:#f5f5f5 url(/img/sub/imgNo.png) no-repeat center / cover; border-radius:20px; }
.gallery-list > ul > li .imgbox:before {content:""; display:block; padding-bottom:67.5%; }
.gallery-list > ul > li .imgbox img { transition:all 0.3s ease-in-out; transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.gallery-list > ul > li:hover .imgbox img { transform:scale(1.07); }
.gallery-list > ul > li .txtbox { margin-top:30px; }
.gallery-list > ul > li .txtbox h4 { transition:all 0.4s; font-family:var(--mainFont); color:#222; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.gallery-list > ul > li .txtbox .date { margin-top:20px; color:#999; font-size:20px; font-weight:500; line-height:1.3; }
.gallery-list > ul > li:hover .txtbox h4 { color:var(--mainColor); }
@media screen and (max-width:1200px){
    .gallery-list > ul { gap:70px 20px; }
    .gallery-list > ul > li { width:calc((100% - 40px) / 3); }
    .gallery-list > ul > li .txtbox .txt { font-size:18px; }
    .gallery-list > ul > li .txtbox .date { margin-top:15px; font-size:18px; }
}
@media screen and (max-width:1024px){
    .gallery-list > ul { gap:60px 10px; margin-top:30px; }
    .gallery-list > ul > li { width:calc((100% - 20px) / 3); }
	.gallery-list > ul > li .imgbox { border-radius:10px; }
    .gallery-list > ul > li .txtbox { margin-top:20px; }
    .gallery-list > ul > li .txtbox h4 { font-size:16px; }
    .gallery-list > ul > li .txtbox .date { margin-top:12px; font-size:16px; }
}
@media screen and (max-width:860px){
    .gallery-list > ul { gap:50px 10px; }
    .gallery-list > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
    .gallery-list > ul { gap:30px 5px; margin-top:20px; }
    .gallery-list > ul > li { width:calc((100% - 5px) / 2); }
    .gallery-list > ul > li .txtbox { margin-top:15px; }
    .gallery-list > ul > li .txtbox h4 { font-size:15px; }
    .gallery-list > ul > li .txtbox .date { margin-top:8px; font-size:15px; }
}

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

.board-list { margin-top:-60px; }
.board-list table { border-top:1px solid #000; border-bottom:1px solid #e0e0e0; background:#fff; }
.board-list table tbody td { position:relative; z-index:1; color:#999; font-size:20px; font-weight:500; line-height:1.3; height:100px; padding:10px 5px; border-bottom:1px solid #eee; text-align:center; }
.board-list table tbody td.td_left { text-align:left; padding-left:30px; }
.board-list table tbody td.td_left a { font-family:var(--mainFont); color:#333; font-weight:400; }
.board-list table tbody td span.stxt { font-family:var(--mainFont); font-size:18px; font-weight:400; }
.board-list table tbody tr { position:relative; }
.board-list table tbody tr.notice strong { color:var(--mainColor); font-weight:700; }
.board-list table tbody tr.notice td.td_left a { font-weight:600; }
.board-list table tbody tr:after { content:""; display:block; position:absolute; left:0; top:0; width:0; height:calc(100% - 1px); background:#f9f9f9; transition:all 0.3s } 
.board-list table tbody tr:hover:after { width:100%; }
@media screen and (max-width:1440px){
	.board-list { margin-top:-40px; }
	.board-list table tbody td { height:85px; }
}
@media screen and (max-width:1200px){
	.board-list { margin-top:-40px; }
	.board-list col.c1 { width:120px !important }
	.board-list col.c3 { width:160px !important }
	.board-list col.c4 { width:160px !important }
	.board-list table tbody td.td_left { padding-left:25px; }
}
@media screen and (max-width:1024px){
	.board-list { margin-top:-20px; }
	.board-list col.c1 { width:80px !important }
	.board-list col.c3 { width:120px !important }
	.board-list col.c4 { width:120px !important }
	.board-list table tbody td { font-size:16px; height:70px; }
	.board-list table tbody td.td_left { padding-left:20px; }
	.board-list table tbody td span.stxt { font-size:15px; }
}
@media screen and (max-width:640px){
	.board-list { margin-top:0; }
	.board-list col.c1 { width:55px !important }
	.board-list col.c3 { width:100px !important }
	.board-list col.c4 { width:70px !important }
	.board-list table tbody td { font-size:15px; height:50px; }
	.board-list table tbody td.td_left { padding:10px 5px; }
}
@media screen and (max-width:500px){
	.board-list col.c1 { width:50px !important }
	.board-list col.c3 { width:80px !important }
	.board-list col.c4 { width:60px !important }
	.board-list table .num { display:none }
	.board-list table tbody td { font-size:14px; height:45px; }
	.board-list table tbody td.td_left { padding:10px 5px; }
}

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

.board-view .top-box { padding-bottom:60px; border-bottom:1px solid #000; }
.board-view .top-box .title { margin-top:20px; font-family:var(--mainFont); font-size:60px; font-weight:700; color:#222; line-height:1.3; letter-spacing:-0.06em; }
.board-view .top-box .info { display:flex; align-items:center; }
.board-view .top-box .txt { position:relative; font-size:18px; font-weight:400; color:#999; line-height:1.3; }
.board-view .top-box .txt:not(:last-child):before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#ddd; } 
.board-view .top-box .txt span { font-weight:500; font-size:20px; }
.board-view .top-box .txt strong { font-weight:700; font-size:20px; color:var(--mainColor); }
.board-view .top-box .txt:not(:last-child) { margin-right:30px; padding-right:30px; }
.board-view .viewCont { padding:80px 100px 150px; }
.board-view .viewCont .contents,
.board-view .viewCont .contents * { min-height:100px; font:initial; font-style:initial; font-weight:initial; font-size:initial; line-height:initial; letter-spacing:initial; color:initial; }
.board-view .viewCont .contents img { max-width:100%; }
.board-view .viewCont .attach { margin-top:150px; padding:40px 60px; background:#f5f5f5; border-radius:20px;}
.board-view .viewCont .attach dl { display:flex; flex-wrap:wrap; }
.board-view .viewCont .attach dl dt { background:url(/img/sub/icon_file.svg) left 2px no-repeat; padding-left:35px; width:234px; color:#333; font-size:20px; font-weight:700; line-height:1.3; }
.board-view .viewCont .attach dl dd { width:calc(100% - 234px); }
.board-view .viewCont .attach li:not(:last-child) { margin-bottom:20px; }
.board-view .viewCont .attach li a { display:block; transition:all 0.3s; position:relative; font-family:var(--mainFont); font-size:18px; font-weight:400; color:#666; line-height:1.3; padding:0 75px 0 0; word-break:break-word !important; }
.board-view .viewCont .attach li a span { position:absolute; right:0; top:0; color:#aaa; font-size:16px; font-weight:700; line-height:1.3; transition:all 0.3s;}
.board-view .viewCont .attach li a:hover span { color:var(--mainColor); }
.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
.board-view .btn_pn dl { border-radius:20px; border:1px solid #ddd; background:#fff; display:flex; }
.board-view .btn_pn dt { position:relative; width:202px; height:100px; display:flex; align-items:center; justify-content:center; color:#333; font-size:20px; font-weight:700; line-height:1.3; } 
.board-view .btn_pn dd { width:calc(100% - 202px); display:flex; align-items:center; padding:0 30px 0 0; }
.board-view .btn_pn dd a { font-family:var(--mainFont); font-size:18px; font-weight:400; color:#666; min-height:17px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.board-view .btnCont { margin-top:100px; }
@media screen and (max-width:1440px){
	.board-view .top-box { padding-bottom:50px; }
	.board-view .top-box .title { margin-top:15px; font-size:50px; }
	.board-view .top-box .txt { font-size:18px; }
	.board-view .top-box .txt span,
	.board-view .top-box .txt strong { font-size:19px;}
	.board-view .top-box .txt:not(:last-child) { margin-right:25px; padding-right:25px; }
	.board-view .viewCont { padding:60px 80px 120px; }
	.board-view .viewCont .attach { margin-top:120px; padding:30px 50px; }
	.board-view .viewCont .attach dl dt { padding-left:32px; width:200px; font-size:19px; }
	.board-view .viewCont .attach dl dd { width:calc(100% - 200px); }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:15px; }
	.board-view .viewCont .attach li a { position:relative; font-size:17px; }
	.board-view .viewCont .attach li a span { font-size:16px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
	.board-view .btn_pn dt { width:180px; height:80px; font-size:19px; } 
	.board-view .btn_pn dd { width:calc(100% - 180px); }
	.board-view .btn_pn dd a { font-size:17px; }
	.board-view .btnCont { margin-top:80px; }
}
@media screen and (max-width:1200px){
	.board-view .top-box { padding-bottom:40px; }
	.board-view .viewCont { padding:40px 50px 90px; }
	.board-view .viewCont .attach { margin-top:90px; }
	.board-view .btnCont { margin-top:60px; }
}
@media screen and (max-width:1024px){
	.board-view .top-box { padding-bottom:30px; }
	.board-view .top-box .title { margin-top:10px; font-size:35px; }
	.board-view .top-box .txt { font-size:17px; }
	.board-view .top-box .txt span,
	.board-view .top-box .txt strong { font-size:18px;}
	.board-view .top-box .txt:not(:last-child) { margin-right:20px; padding-right:20px; }
	.board-view .viewCont { padding:30px 20px 70px; }
	.board-view .viewCont .attach { margin-top:70px; padding:20px; border-radius:10px; }
	.board-view .viewCont .attach dl dt { padding-left:32px; width:100%; font-size:18px; }
	.board-view .viewCont .attach dl dd { width:100%; margin-top:15px; padding-left:32px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
	.board-view .viewCont .attach li a { position:relative; font-size:16px; }
	.board-view .viewCont .attach li a span { font-size:15px; }
	.board-view .btn_pn dl { border-radius:10px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
	.board-view .btn_pn dt { width:120px; height:70px; font-size:18px; } 
	.board-view .btn_pn dd { width:calc(100% - 120px); }
	.board-view .btn_pn dd a { font-size:16px; min-height:16px; }
	.board-view .btnCont { margin-top:40px; }
}
@media screen and (max-width:640px){
	.board-view .top-box { padding-bottom:15px; }
	.board-view .top-box .title { margin-top:5px; font-size:24px; }
	.board-view .top-box .txt { font-size:16px; }
	.board-view .top-box .txt span,
	.board-view .top-box .txt strong { font-size:17px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:12px; padding-right:12px; }
	.board-view .viewCont { padding:20px 0 30px; }
	.board-view .viewCont .contents { padding:0 20px; }
	.board-view .viewCont .attach { margin-top:40px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:5px; }
	.board-view .btn_pn dt { width:80px; height:60px; } 
	.board-view .btn_pn dd { width:calc(100% - 80px); padding:0 20px 0 0; }
}

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


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

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

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

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

@media screen and (max-width:640px){
	.page { margin:40px auto 0 auto; }
	.page a { margin:0 2px; min-width:30px; font-size:16px; line-height:30px; }
	.page .btn_prev { margin-right:0; }
	.page .btn_next { margin-left:0; }
	.page .btn_prev,
	.page .btn_next,
	.page .btn_first,
	.page .btn_last { height:30px; width:30px; }

}


.search-result { padding-top:50px; }
.search-result .subTitle-box { text-align:center }
.search-result .top-search form { width:100%; }
.search-result .top-search .ipbtn { position:relative; width:100%; max-width:880px; margin:0 auto; background:#fff; padding-right:80px; }
.search-result .top-search .ipbtn input[type="text"] { font-family:var(--mainFont); width:100%; border-radius:80px; border:1px solid #ddd; outline:none; color:#111; font-size:18px; font-weight:300; padding:0 40px; height:80px; line-height:80px; background:none }
.search-result .top-search .ipbtn input::placeholder{ color:#aaa; font-weight:400; }
.search-result .top-search .ipbtn .btn { position:absolute; right:0; top:0; background:var(--mainColor) url(/img/sub/btn_search_r.svg) center center no-repeat; border-radius:80px; }
.search-result .top-search .ipbtn .btn button { border:none; outline:none; background:none; width:80px; height:80px; }
.search-result .top-search .ipbtn .btn button span { text-indent:-9999em; display:block; overflow:hidden }
.search-result .top-search .txtbox { margin-top:40px; text-align:center; color:#111; font-size:20px; font-weight:300; line-height:1.3; }
.search-result .top-search .txtbox strong { color:var(--mainColor); font-weight:600; }
.search-result .listbox { margin-top:150px; }
.search-result .listbox > dl:not(:last-child) { margin-bottom:200px; }
.search-result .listbox > dl > dt { color:#111; font-size:60px; font-weight:700; line-height:1.3; padding-bottom:20px; border-bottom:1px solid #000; }
.search-result .listbox > dl > dt span { color:var(--mainColor); font-size:30px; font-weight:700; line-height:1.3; vertical-align:top; display:inline-block; margin:8px 0 0 30px; }
.search-result .listbox > dl > dd ul li { border-bottom:1px solid #eee; }
.search-result .listbox > dl > dd ul li a { height:80px; display:flex; align-items:center; }
.search-result .listbox > dl > dd ul li strong { width:300px; font-family:var(--mainFont); color:#333; font-size:18px; font-weight:600; line-height:1.3; text-align:center; }
.search-result .listbox > dl > dd ul li span { width:calc(100% - 300px); padding-left:10px; font-family:var(--mainFont); color:#333; font-size:18px; font-weight:300; line-height:1.3; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
@media screen and (max-width:1024px){
	.search-result { padding-top:40px; }
	.search-result .top-search .ipbtn { padding-right:70px; }
	.search-result .top-search .ipbtn input[type="text"] { font-size:17px; padding:0 40px; height:70px; line-height:70px; }
	.search-result .top-search .ipbtn .btn { background-size:26px auto; }
	.search-result .top-search .ipbtn .btn button { width:70px; height:70px; }
	.search-result .top-search .txtbox { margin-top:30px; font-size:19px; }
	.search-result .listbox { margin-top:90px; }
	.search-result .listbox > dl:not(:last-child) { margin-bottom:100px; }
	.search-result .listbox > dl > dt { font-size:45px; padding-bottom:15px; }
	.search-result .listbox > dl > dt span { font-size:24px; margin:6px 0 0 15px; }
	.search-result .listbox > dl > dd ul li { height:75px; }
	.search-result .listbox > dl > dd ul li strong { width:200px; font-size:17px; }
	.search-result .listbox > dl > dd ul li span { width:calc(100% - 200px); font-size:17px; }
}
@media screen and (max-width:640px){
	.search-result { padding-top:30px; }
	.search-result .top-search .ipbtn { padding-right:55px; }
	.search-result .top-search .ipbtn input[type="text"] { font-size:16px; padding:0 25px; height:55px; line-height:55px; }
	.search-result .top-search .ipbtn .btn { background-size:20px auto; }
	.search-result .top-search .ipbtn .btn button { width:55px; height:55px; }
	.search-result .top-search .txtbox { margin-top:20px; font-size:18px; }
	.search-result .listbox { margin-top:40px; }
	.search-result .listbox > dl:not(:last-child) { margin-bottom:50px; }
	.search-result .listbox > dl > dt { font-size:26px; padding-bottom:10px; }
	.search-result .listbox > dl > dt span { font-size:17px; margin:2px 0 0 8px; }
	.search-result .listbox > dl > dd ul li { height:70px; }
	.search-result .listbox > dl > dd ul li strong { width:130px; font-size:16px; }
	.search-result .listbox > dl > dd ul li span { width:calc(100% - 130px); font-size:16px; }
}
/* animation */
.search-result { opacity:0; }
.search-result { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.search-result .board-list { opacity:0; }
.search-result .board-list { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }


.ir-scroll { margin:0 auto; text-align:center }
@media screen and (max-width:760px){
	.ir-scroll { overflow:auto; }
	.ir-scroll iframe { width:715px; }
}