@charset "utf-8";

.subtitleTop { position:relative; z-index:15; height:470px; } 
.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); }
.subTopCont4 .bg { background-image:url(/img/sub/visualsub_bg4.jpg); }
.subTopCont5 .bg { background-image:url(/img/sub/visualsub_bg5.jpg); }
.subTopCont6 .bg { background-image:url(/img/sub/visualsub_bg6.jpg); }
.subTopCont10 .bg { background-image:url(/img/sub/visualsub_bg10.jpg); }
.subTopCont11 .bg { background-image:url(/img/sub/visualsub_bg11.jpg); }
.subtitleTop .sub-titleBox { position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; z-index:2; text-align:center; }
.subtitleTop .location { margin-top:20px; }
.subtitleTop .location dl { display:flex; justify-content:center; align-items:center; }
.subtitleTop .location dt { width:22px; height:22px; background:url(/img/sub/home_icon.svg) center no-repeat; overflow:hidden; text-indent:-9999em; }
.subtitleTop .location dd span,
.subtitleTop .location dd strong { position:relative; display:inline-block; padding-left:22px; margin-left:22px; color:rgba(255, 255, 255, 0.80); font-size:16px; font-weight:500; line-height:1.3; }
.subtitleTop .location dd span:before,
.subtitleTop .location dd strong:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:12px; background:url(/img/sub/location_arr.svg) center no-repeat;}
.subtitleTop .depthMenu { position:absolute; left:0; bottom:0; width:100%; z-index:5; border-top:2px solid rgba(255, 255, 255, 0.05); background:rgba(0, 0, 0, 0.20); transition:all 0.3s }
.subtitleTop .depthMenu .stit { display:none }
.subtitleTop .submenu-box { max-width:1600px; margin:0 auto; display:block; }
.subtitleTop .submenu-box ul { display:flex; justify-content:center; align-items:center; }
.subtitleTop .submenu-box li { width:200px; }
.subtitleTop .submenu-box li a { position:relative; display:flex; justify-content:center; align-items:center; text-align:center; width:100%; height:80px; color:rgba(255, 255, 255, 0.6); font-size:18px; font-weight:600; line-height:1.3; transition:all 0.3s ease-in-out }
.subtitleTop .submenu-box li a:before { content:""; display:block; position:absolute; left:50%; top:-2px; transform:translateX(-50%); width:0; height:2px; background:#fff; transition:all 0.3s ease-in-out}
.subtitleTop .submenu-box li a:hover,
.subtitleTop .submenu-box li.over a { color:#fff; }
.subtitleTop .submenu-box li.over a:before,
.subtitleTop .submenu-box li a:hover:before { width:100%; }
.subtitleTop h3 span { font-family:var(--mainFont); color:#fff; font-size:60px; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.subtitleTop.active .depthMenu { position:fixed; top:100px; bottom:unset; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff; height:80px; } 
.subtitleTop.active .submenu-box li a { color:#ccc }
.subtitleTop.active .submenu-box li a:before { background:var(--mainColor); }
.subtitleTop.active .submenu-box li a:hover,
.subtitleTop.active .submenu-box li.over a { color:var(--mainColor); }
@media screen and (max-width:1560px){
	.subtitleTop { height:420px; }
	.subtitleTop .location { margin-top:20px; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { padding-left:20px; margin-left:20px; }
	.subtitleTop h3 span { font-size:50px; } 
}
@media screen and (max-width:1200px){
	.subtitleTop { height:380px; }
	.subtitleTop .location { margin-top:15px; }
	.subtitleTop .location dt { width:17px; height:17px; background-size:17px auto }
	.subtitleTop .submenu-box li a { height:65px; }
	.subtitleTop h3 span { font-size:42px; } 
	.subtitleTop.active .depthMenu { top:80px; height:65px; } 
}
@media screen and (max-width:1024px){
	.subtitleTop { height:320px; }
	.subtitleTop .location { margin-top:12px; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { padding-left:15px; margin-left:15px; font-size:15px; }
	.subtitleTop .location dd span:before,
	.subtitleTop .location dd strong:before { width:5px; background-size:5px auto; }
	.subtitleTop .submenu-box li a { height:60px; font-size:16px; }	
	.subtitleTop .sub-titleBox { top:48%; }
	.subtitleTop h3 span { font-size:36px; } 
	.subtitleTop.active .depthMenu { top:80px; height:60px; } 
}
@media screen and (max-width:760px){
	.subtitleTop .depthMenu .stit { cursor:pointer; display:block; height:60px; background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); color:#fff; font-size:18px; font-weight:600; line-height:1.3; display:flex; align-items:center; padding:0 20px; }
	.subtitleTop .depthMenu .stit:before { content:""; display:block; width:25px; height:25px; position:absolute; right:20px; top:50%; transform:translateY(-50%); transition:all 0.5s; background:url(/img/common/gnb_m_arr.svg) center center no-repeat; opacity:0.5 }
	.subtitleTop .depthMenu .stit.ov:before { transform:translateY(-50%) rotate(180deg); }
	.subtitleTop .submenu-box { display:none; background:#fff; position:absolute; left:0; top:59px; width:100%; }
	.subtitleTop .submenu-box ul { display:block; }
	.subtitleTop .submenu-box li { width:100%; }
	.subtitleTop .submenu-box li a { border:none; border-bottom:1px solid rgba(0, 0, 0, 0.10); padding:0 20px; justify-content:flex-start; text-align:left; height:60px; color:#ccc; font-size:17px; font-weight:600; line-height:1.3; transition:all 0.3s ease-in-out }
	.subtitleTop .submenu-box li a:before { display:none; }
	.subtitleTop .submenu-box li a:hover { color:#ccc; }
	.subtitleTop .submenu-box li.over a { color:var(--mainColor); }
	.subtitleTop.active .depthMenu { top:70px; }
	.subtitleTop.active  .depthMenu .stit:before { filter:invert(); }
	.subtitleTop.active .stit { color:#111; backdrop-filter:blur(0); }
	.subtitleTop.active .depthMenu { top:80px; } 
}
@media screen and (max-width:640px){
	.subtitleTop { height:260px; }
	.subtitleTop h3 span { font-size:30px; }
	.subtitleTop .depthMenu .stit { height:50px; }
	.subtitleTop.active .depthMenu { top:70px; height:50px; } 
	.subtitleTop .submenu-box { top:49px; }
	.subtitleTop .submenu-box li a { height:50px; font-size:16px; }
}

/* animation */
.subtitleTop .bg { animation:subTopBg 1.0s 0.5s; animation-fill-mode:both; }
.subtitleTop h3 span { display:inline-block }
.subtitleTop h3 span > span {  }
.subtitleTop .sub-titleBox { animation:ani_5 1.5s 0.7s; animation-fill-mode:both; }
.subtitleTop .depthMenu { animation:ani_5 1.0s 0.7s; animation-fill-mode:both; }

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

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

#subContents { padding:150px 0 0; }
#subContents.subCont { padding:0; }
.subContB { padding:0 0 190px; }
@media screen and (max-width:1400px){
    #subContents { padding:130px 0 0; }
    .subContB { padding:0 0 150px; }
}
@media screen and (max-width:1024px){
    #subContents { padding:90px 0 0; }
    .subContB { padding:0 0 100px; }
}
@media screen and (max-width:640px){
    #subContents { padding:50px 0 0; }
    .subContB { padding:0 0 60px; }
}

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

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


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

/* tabmenu */
.tabmenu { margin-bottom:70px; }
.tabmenu > ul { text-align:center; display:flex; flex-wrap:wrap; margin-left:1px; }
.tabmenu > ul > li { border:1px solid #ddd; margin-left:-1px; width:230px; }
.tabmenu > ul > li a { position:relative; color:#999; font-size:18px; font-weight:600; line-height:1.3; width:100%; height:70px; display:flex; justify-content:center; align-items:center; background:#fff; text-align:center; transition:all 0.3s; }
.branch-box .tabmenu > ul > li { width:16.666%; }
.branch-box .tabmenu > ul > li a { width:100%; }
.tabmenu > ul > li.active { border:1px solid var(--mainColor); }
.tabmenu > ul > li.active a { color:#fff; background:var(--mainColor); }
@media screen and (max-width:1280px){	
    .tabmenu { margin-bottom:60px; }
    .tabmenu > ul > li a { font-size:17px; height:65px; }
}
@media screen and (max-width:1024px){	
    .tabmenu { margin-bottom:50px; }
	.branch-box .tabmenu > ul > li { width:33.33%; margin-top:-1px; }
    .tabmenu > ul > li a { font-size:16px; height:60px; }
}
@media screen and (max-width:760px){
	.tabmenu > ul { width:calc(100% + 2px); }
    .tabmenu > ul > li { width:33.33%; }
    .tabmenu > ul > li a { font-size:16px; height:55px; }
}
@media screen and (max-width:640px){	
    .tabmenu { margin-bottom:40px; }
    .tabmenu > ul > li a { width:100%; font-size:15px; height:45px; }
}

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



/* company */
.greeting-bg { background-image:url(/img/sub/greeting_logo.svg), linear-gradient(180deg, #fff 0%, #f9f9f9 100%); background-position:left bottom; background-repeat:no-repeat; }
.greeting-box { padding-top:10px; display:flex; flex-direction:row-reverse; overflow:hidden }
.greeting-box .imgbox { width:630px; margin-top:15px; position:relative; display:block; overflow:hidden }
.greeting-box .txtbox { width:calc(100% - 630px); padding-right:125px; }
.greeting-box .txtbox .txt-1 { color:#111; font-size:60px; font-weight:300; line-height:1.5; }
.greeting-box .txtbox .txt-1 strong { color:var(--mainColor); font-weight:700; }
.greeting-box .txtbox .txt-2 { position:relative; margin-top:115px; padding-top:78px; }
.greeting-box .txtbox .txt-2:before { content:''; display:block; position:absolute; left:0; top:0; width:80px; height:2px; background:var(--mainColor); }
.greeting-box .txtbox .txt-2 p { color:#333; font-size:19px; font-weight:300; line-height:1.7; text-align:justify; }
.greeting-box .txtbox .txt-2 p:not(:last-child) { margin-bottom:18px; }
.greeting-box .txtbox .txt-3 { margin-top:10px; display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.greeting-box .txtbox .txt-3 strong { color:#333; font-size:20px; font-weight:400; line-height:1.3; }
.greeting-box .txtbox .txt-3 span { color:var(--mainColor); font-size:20px; font-weight:700; line-height:1.3; }
@media screen and (max-width:1560px){
	.greeting-box .txtbox { padding-right:70px; }
	.greeting-box .txtbox .txt-1 { font-size:48px; }
	.greeting-box .txtbox .txt-1 br { display:none }
	.greeting-box .txtbox .txt-2 { margin-top:90px; padding-top:65px; }
	.greeting-box .txtbox .txt-2:before { width:60px; height:2px; }
	.greeting-box .txtbox .txt-2 p { font-size:18px; }
	.greeting-box .txtbox .txt-2 p:not(:last-child) { margin-bottom:15px; }
	.greeting-box .txtbox .txt-3 { margin-top:8px; gap:10px; }
	.greeting-box .txtbox .txt-3 strong,
	.greeting-box .txtbox .txt-3 span { font-size:19px; }
}
@media screen and (max-width:1200px){
	.greeting-box .imgbox { width:45%; }
	.greeting-box .imgbox img { max-width:100%; }
	.greeting-box .txtbox { width:calc(100% - 45%); padding-right:50px; }
	.greeting-box .txtbox .txt-1 { font-size:32px; }
	.greeting-box .txtbox .txt-2 { margin-top:60px; padding-top:45px; }
	.greeting-box .txtbox .txt-2:before { width:40px; height:1px; }
	.greeting-box .txtbox .txt-2 p { font-size:17px; }
	.greeting-box .txtbox .txt-2 p:not(:last-child) { margin-bottom:12px; }
	.greeting-box .txtbox .txt-3 { margin-top:5px; gap:8px; }
	.greeting-box .txtbox .txt-3 strong,
	.greeting-box .txtbox .txt-3 span { font-size:18px; }
}
@media screen and (max-width:1024px){
	.greeting-bg { background-image:url(/img/sub/greeting_logo_m.svg), linear-gradient(180deg, #fff 0%, #f9f9f9 100%);  }
	.greeting-box { display:block; }
	.greeting-box .imgbox { float:left; padding:0 20px 20px 0; margin:0; }
	.greeting-box .txtbox { width:auto; padding:0; }
	.greeting-box .txtbox .txt-1 { font-size:26px; }
	.greeting-box .txtbox .txt-2 { margin-top:40px; padding-top:35px; }
	.greeting-box .txtbox .txt-2:before { width:30px; left:45% }
	.greeting-box .txtbox .txt-2 p { font-size:16px; text-align:inherit; }
	.greeting-box .txtbox .txt-2 p:not(:last-child) { margin-bottom:10px; }
	.greeting-box .txtbox .txt-3 strong,
	.greeting-box .txtbox .txt-3 span { font-size:17px; }
}
@media screen and (max-width:640px){
	.greeting-box .imgbox { width:50%; padding:0 20px 10px 0; }
	.greeting-box .txtbox .txt-1 { font-size:20px; }
	.greeting-box .txtbox .txt-2 { margin-top:20px; padding-top:20px; }
	.greeting-box .txtbox .txt-2:before { width:20px; left:50% }
	.greeting-box .txtbox .txt-2 p { font-size:16px; }
	.greeting-box .txtbox .txt-3 strong,
	.greeting-box .txtbox .txt-3 span { font-size:17px; }
}
@media screen and (max-width:520px){
	.greeting-box .txtbox .txt-1 .m_br { display:block }
	.greeting-box .imgbox { width:100%; padding:0 0 20px 0; }
}

/* animation */
.greeting-box .imgbox:after { content:""; display:block; width:100%; height:100%; background:linear-gradient(180deg, #fff 0%, #f9f9f9 100%); position:absolute; right:0; bottom:0; }
.greeting-box .imgbox.subOn:after { animation:ani_w100 0.8s 0.5s; animation-fill-mode:both; }
.greeting-box .txtbox { opacity:0; }
.greeting-box .txtbox.subOn { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.greeting-box .imgbox:after { background:#fff; }
	.greeting-box .imgbox.subOn:after { animation:ani_h100 0.8s 0.5s; animation-fill-mode:both; }
}

.vision-box h4 { color:#111; font-size:45px; font-weight:600; line-height:1.3; text-align:center }
.vision-box h4 span { font-weight:600; }
.vision-box .topbox { position:relative; overflow:hidden; height:120vh;  }
.vision-box .topbox .imgbox > div { width:100%; height:100vh; background:url(/img/sub/vision_img01.jpg) no-repeat center/ cover; }
.vision-box .topbox .circle-vision { position:absolute; left:50%; top:298px; z-index:3; transform:translateX(-50%); margin-left:27px; color:#fff; font-size:36px; font-weight:700; line-height:1.3; width:280px; height:280px; border-radius:280px; background:rgba(0, 33, 149, 0.76); backdrop-filter:blur(15px); display:flex; align-items:center; justify-content:center; }
.vision-box .topbox .circle-vision:before { content:""; display:block; position:absolute; left:13px; top:13px; width:calc(100% - 26px); height:calc(100% - 26px); background:url(/img/sub/vision_line1.svg) no-repeat center / cover;  border-radius:280px; animation:rotate_vision 12s 0.1s infinite linear; }
.vision-box .topbox .circle-box { position:absolute; left:50%; top:200px; transform:translateX(-50%); max-width:1344px; width:100%; min-height:716px; }
.vision-box .topbox .circle-box:before { content:""; display:block; position:absolute; left:50%; top:50px; margin-left:27px; transform:translate(-50%, 0); width:1042px; height:515px; background:url(/img/sub/vision_line2.svg) center top no-repeat;  }
.vision-box .topbox .circle-box .circle { transition:all 0.3s; position:absolute; width:220px; height:220px; border-radius:220px; border:1px solid rgba(255, 255, 255, 0.80); background:rgba(255, 255, 255, 0.19); backdrop-filter:blur(15px); display:flex; align-items:center; justify-content:center; text-align:center; }
.vision-box .topbox .circle-box .circle .cbox .txt { transition:all 0.3s; margin-top:10px; position:relative; z-index:1; font-family:var(--mainFont); color:#fff; font-size:16px; font-weight:400; line-height:1.3; }
.vision-box .topbox .circle-box .circle .cbox .txt strong { font-size:22px; font-weight:600; display:block; margin-bottom:3px; }
.vision-box .topbox .circle-box .circle:before { transition:all 0.3s; content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:220px; border:27px solid rgba(255, 255, 255, 0.10); }
.vision-box .topbox .circle-box .circle:after { transition:all 0.3s; opacity:0; content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% + (27px * 2)); height:calc(100% + (27px * 2)); border-radius:220px; border:1px solid rgba(255, 255, 255, 0.30); background:rgba(255, 255, 255, 0.05); box-shadow:3px -8px 7.2px 0px rgba(255, 255, 255, 0.07) inset; backdrop-filter:blur(15px); }
.vision-box .topbox .circle-box .circle.c1 { top:27px; right:27px; }
.vision-box .topbox .circle-box .circle.c2 { top:346px; right:170px; }
.vision-box .topbox .circle-box .circle.c3 { bottom:27px; left:473px; }
.vision-box .topbox .circle-box .circle.c4 { bottom:120px; left:27px; }
.vision-box .topbox .circle-box .circle.c5 { top:58px; left:265px; }
.vision-box .topbox .circle-box .circle .cbox .icon { position:relative; z-index:1; }
.vision-box .topbox .circle-box .circle .cbox .icon img { filter:brightness(0) invert(1); width:90px; }
.vision-box .topbox .circle-box .circle:hover { background:#fff }
.vision-box .topbox .circle-box .circle:hover .cbox .icon img { filter:brightness(1) invert(0); }
.vision-box .topbox .circle-box .circle:hover .cbox .txt { color:var(--mainColor); }
.vision-box .topbox .circle-box .circle:hover:before { display:none }
.vision-box .topbox .circle-box .circle:hover:after { opacity:1; }
.vision-box .motto { margin-top:170px; }
.vision-box .motto .listbox { margin:50px auto 0; width:1132px; }
.vision-box .motto .listbox ul { padding:26px; border:1px solid #ddd; border-radius:383px; display:inline-block }
.vision-box .motto .listbox ul li { position:relative; display:inline-block; width:330px; }
.vision-box .motto .listbox ul li:before { content:""; display:block; padding-bottom:100%; }
.vision-box .motto .listbox ul li .circle { position:absolute; left:0; top:0; color:#fff; font-size:20px; font-weight:300; line-height:1.3; width:100%; height:100%; border-radius:330px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.vision-box .motto .listbox ul li .circle strong { display:block; font-size:50px; font-weight:500; margin-bottom:4px; }
.vision-box .motto .listbox ul li:nth-child(1) .circle { background:rgba(80, 128, 210, 0.89); }
.vision-box .motto .listbox ul li:nth-child(2) .circle { background:rgba(27, 28, 128, 0.90); }
.vision-box .motto .listbox ul li:nth-child(3) .circle { background:#ea5504; }
.vision-box .management { margin-top:200px; }
.vision-box .management .listbox { margin-top:80px; }
.vision-box .management .listbox li { position:relative; display:flex; align-items:center; background:#f5f5f5; }
.vision-box .management .listbox li:nth-child(2n) { flex-direction:row-reverse; }
.vision-box .management .listbox li > div { width:50%; }
.vision-box .management .listbox .imgbox img { max-width:100%; }
.vision-box .management .listbox .txtbox { display:flex; align-items:center; justify-content:center; text-align:center }
.vision-box .management .listbox .txtbox .txt { color:#333; font-size:30px; font-weight:500; line-height:1.5; }
.vision-box .management .listbox .txtbox .txt strong { color:var(--mainColor); font-size:50px; }

/* 24.11.15 */
.vision-box h4 span { letter-spacing: 0.02em; }

@media screen and (max-width:1560px){
	.vision-box h4 { font-size:34px; }
	.vision-box .topbox { height:110vh; }
	.vision-box .topbox .circle-vision { top:260px; font-size:30px; width:200px; height:200px; }
	.vision-box .topbox .circle-vision:before { left:10px; top:10px; width:calc(100% - 20px); height:calc(100% - 20px); }
	.vision-box .topbox .circle-box { top:200px; max-width:1020px; min-height:565px; }
	.vision-box .topbox .circle-box:before { background-size:800px auto; }
	.vision-box .topbox .circle-box .circle { width:170px; height:170px; }
	.vision-box .topbox .circle-box .circle .cbox .txt { margin-top:7px; font-size:15px; }
	.vision-box .topbox .circle-box .circle .cbox .txt strong { font-size:20px; }
	.vision-box .topbox .circle-box .circle:before { border-width:20px; }
	.vision-box .topbox .circle-box .circle:after { width:calc(100% + (20px * 2)); height:calc(100% + (20px * 2)); }
	.vision-box .topbox .circle-box .circle.c1 { top:20px; right:20px; }
	.vision-box .topbox .circle-box .circle.c2 { top:290px; right:140px; }
	.vision-box .topbox .circle-box .circle.c3 { bottom:20px; left:323px; }
	.vision-box .topbox .circle-box .circle.c4 { bottom:110px; left:20px; }
	.vision-box .topbox .circle-box .circle.c5 { top:70px; left:195px; }
	.vision-box .topbox .circle-box .circle .cbox .icon img { width:75px }
	.vision-box .motto { margin-top:140px; }
	.vision-box .management { margin-top:170px; }
}
@media screen and (max-width:1280px){
	.vision-box h4 { font-size:28px; }
	.vision-box .motto { margin-top:110px; }
	.vision-box .motto .listbox { margin:40px auto 0; max-width:900px; }
	.vision-box .motto .listbox ul { padding:20px; }
	.vision-box .motto .listbox ul li { width:260px; }
	.vision-box .motto .listbox ul li .circle { font-size:19px; }
	.vision-box .motto .listbox ul li .circle strong { font-size:35px; }
	.vision-box .topbox .circle-box .circle .cbox .icon img { width:auto }
	.vision-box .management { margin-top:130px; }
	.vision-box .management .listbox { margin-top:60px; }
	.vision-box .management .listbox .txtbox .txt { font-size:26px; }
	.vision-box .management .listbox .txtbox .txt strong { font-size:35px; }
}
@media screen and (max-width:1024px){
	.vision-box h4 { font-size:22px; }
	.vision-box .topbox { height:90vh; }
	.vision-box .topbox .circle-vision { top:240px; margin-left:0; font-size:22px; width:140px; height:140px; }
	.vision-box .topbox .circle-vision:before { left:8px; top:8px; width:calc(100% - 16px); height:calc(100% - 16px); }
	.vision-box .topbox .circle-box { top:200px; max-width:700px; min-height:365px; }
	.vision-box .topbox .circle-box:before { top:0; margin-left:0; background-size:580px auto; }
	.vision-box .topbox .circle-box .circle { width:110px; height:110px; }
	.vision-box .topbox .circle-box .circle .cbox .icon img { width:40px; }
	.vision-box .topbox .circle-box .circle .cbox .txt { margin-top:3px; font-size:13px; }
	.vision-box .topbox .circle-box .circle .cbox .txt strong { font-size:16px; margin:0; }
	.vision-box .topbox .circle-box .circle:before { border-width:15px; }
	.vision-box .topbox .circle-box .circle:after { width:calc(100% + (15px * 2)); height:calc(100% + (15px * 2)); }
	.vision-box .topbox .circle-box .circle.c1 { top:15px; right:15px; }
	.vision-box .topbox .circle-box .circle.c2 { top:168px; right:100px; }
	.vision-box .topbox .circle-box .circle.c3 { bottom:15px; left:230px; }
	.vision-box .topbox .circle-box .circle.c4 { bottom:95px; left:15px; }
	.vision-box .topbox .circle-box .circle.c5 { top:20px; left:130px; }
	.vision-box .motto { margin-top:80px; }
	.vision-box .management { margin-top:100px; }
	.vision-box .management .listbox { margin-top:40px; }
	.vision-box .management .listbox .txtbox .txt { font-size:21px; }
	.vision-box .management .listbox .txtbox .txt strong { font-size:28px; }
}
@media screen and (max-width:960px){
	.vision-box .motto .listbox { margin:30px auto 0; max-width:590px; }
	.vision-box .motto .listbox ul { padding:15px; }
	.vision-box .motto .listbox ul li { width:175px; }
	.vision-box .motto .listbox ul li .circle { font-size:18px; }
	.vision-box .motto .listbox ul li .circle strong { font-size:28px; }
}
@media screen and (max-width:640px){
	.vision-box h4 { font-size:20px; }
	.vision-box .topbox { height:600px; }
	.vision-box .topbox .circle-vision { top:200px; margin-left:0; font-size:19px; width:100px; height:100px; }
	.vision-box .topbox .circle-box { top:330px; max-width:400px; min-height:auto; display:flex; flex-wrap:wrap; justify-content:center; gap:40px; }
	.vision-box .topbox .circle-box:before { display:none }
	.vision-box .topbox .circle-box .circle { width:100px; height:100px; position:relative; left:unset !important; top:unset !important; bottom:unset !important; right:unset !important; }
	.vision-box .topbox .circle-box .circle .cbox .icon img { width:30px; }
	.vision-box .topbox .circle-box .circle .cbox .txt { margin-top:3px; font-size:11px; }
	.vision-box .topbox .circle-box .circle .cbox .txt strong { font-size:14px; margin:0; }
	.vision-box .topbox .circle-box .circle:before { border-width:10px; }
	.vision-box .topbox .circle-box .circle:after { width:calc(100% + (10px * 2)); height:calc(100% + (10px * 2)); }
	.vision-box .topbox .circle-box .circle.c1 { top:10px; right:10px; }
	.vision-box .topbox .circle-box .circle.c2 { top:95px; right:60px; }
	.vision-box .topbox .circle-box .circle.c3 { bottom:10px; left:120px; }
	.vision-box .topbox .circle-box .circle.c4 { bottom:50px; left:10px; }
	.vision-box .topbox .circle-box .circle.c5 { top:20px; left:80px; }
	.vision-box .motto { margin-top:60px; }
	.vision-box .motto .listbox { margin:20px auto 0; max-width:370px; }
	.vision-box .motto .listbox ul { padding:10px; }
	.vision-box .motto .listbox ul li { width:110px; }
	.vision-box .motto .listbox ul li .circle { font-size:16px; }
	.vision-box .motto .listbox ul li .circle strong { font-size:22px; margin:0; }
	.vision-box .management { margin-top:50px; }
	.vision-box .management .listbox { margin-top:20px; }
	.vision-box .management .listbox li { flex-wrap:wrap; }
	.vision-box .management .listbox li > div { width:100%; }
	.vision-box .management .listbox .txtbox { height:150px; }
	.vision-box .management .listbox .txtbox .txt { font-size:18px; }
	.vision-box .management .listbox .txtbox .txt strong { font-size:22px; }
}
@media screen and (max-width:480px){
	.vision-box .topbox { height:650px; }
	.vision-box .management .listbox .txtbox { height:100px; }
	.vision-box .topbox .circle-vision { top:150px; }
	.vision-box .topbox .circle-box { top:280px; max-width:340px; gap:20px 30px; }
}

/* animation */
.vision-box .topbox .bg-cover { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:80%; height:95vh; transition:all 1.2s 0.1s }
.vision-box .topbox.ov .bg-cover { width:95%; height:calc(100% - 150px); }
.vision-box .topbox .cover { transition:all 1.2s 0.1s; position:absolute; left:0; right:0; top:0; bottom:0; background:url(/img/sub/vision_img01.jpg) no-repeat center / cover; width:100%; height:100%; border-radius:20px; overflow:hidden; }
.vision-box .topbox.ov .cover { }
.vision-box .topbox .circle-vision  { margin-top:200px; opacity:0; transition:all 0.8s 0.1s; }
.vision-box .topbox.ov .circle-vision { margin-top:0; opacity:1; transition:all 0.8s 1.0s; }
.vision-box .topbox .vcbox { position:relative; opacity:0; margin-top:200px; transition:all 1.0s 0.6s; }
.vision-box .topbox.ov .vcbox { margin-top:0; opacity:1; transition:all 1.0s 1.5s;}
.vision-box .topbox .circle-box .circle:before { animation:vision_circle_ani 2.5s 0.5s infinite; }
.vision-box .motto .listbox ul li:nth-child(2),
.vision-box .motto .listbox ul li:nth-child(3) { margin-left:-330px; opacity:0; transition:0.8s 0.3s;  }
.vision-box .motto.on .listbox ul li:nth-child(2),
.vision-box .motto.on .listbox ul li:nth-child(3) { margin-left:40px; opacity:1; }
.vision-box .management .listbox li:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; transition:all 0.8s 0.5s; }
.vision-box .management .listbox li:nth-child(2n):after { left:0; right:unset; }
.vision-box .management .listbox li.on:after { width:0; }

/*
.vision-box .topbox .bg-cover { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:80%; height:95vh; }
.vision-box .topbox.ov .bg-cover { animation:cover_bg 1.2s 0.1s; animation-fill-mode:both; }
.vision-box .topbox .cover {position:absolute; left:0; right:0; top:0; bottom:0; background:url(/img/sub/vision_img01.jpg) no-repeat center / cover; width:100%; height:100%; border-radius:20px 20px 0 0; overflow:hidden; }
.vision-box .topbox.ov .cover { animation:cover_ra 1.2s 0.1s; animation-fill-mode:both;  }
.vision-box .topbox .circle-vision  { opacity:0; }
.vision-box .topbox.ov .circle-vision { animation:position1 0.8s 1.0s; animation-fill-mode:both; }
.vision-box .topbox .vcbox { position:relative; opacity:0; margin-top:200px; transition:all 1.0s 1.5s; }
.vision-box .topbox.ov .vcbox { margin-top:0; opacity:1; }
.vision-box .topbox .circle-box .circle:before { animation:vision_circle_ani 2.5s 0.5s infinite; }
.vision-box .motto .listbox ul li:nth-child(2),
.vision-box .motto .listbox ul li:nth-child(3) { margin-left:-330px; opacity:0 }
.vision-box .motto.on .listbox ul li:nth-child(2),
.vision-box .motto.on .listbox ul li:nth-child(3) { animation:motto_ani1 0.8s 0.3s; animation-fill-mode:both; }
.vision-box .management .listbox li:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; }
.vision-box .management .listbox li:nth-child(2n):after { left:0; right:unset; }
.vision-box .management .listbox li.on:after { animation:ani_w100 0.8s 0.5s; animation-fill-mode:both; }
*/
@media screen and (max-width:1280px){
	.vision-box .motto .listbox ul li:nth-child(2),
	.vision-box .motto .listbox ul li:nth-child(3) { margin-left:-260px; }
	.vision-box .motto.on .listbox ul li:nth-child(2),
	.vision-box .motto.on .listbox ul li:nth-child(3) { margin-left:30px; }
}
@media screen and (max-width:1024px){
	.vision-box .topbox .bg-cover { height:70vh; }
	.vision-box .topbox.ov .bg-cover { height:calc(100% - 80px); }
}
@media screen and (max-width:960px){
	.vision-box .motto .listbox ul li:nth-child(2),
	.vision-box .motto .listbox ul li:nth-child(3) { margin-left:-175px; }
	.vision-box .motto.on .listbox ul li:nth-child(2),
	.vision-box .motto.on .listbox ul li:nth-child(3) { margin-left:12px; }
}
@media screen and (max-width:640px){
	.vision-box .topbox .bg-cover { height:60vh; }
	.vision-box .topbox.ov .bg-cover { height:calc(100% - 40px); }
	.vision-box .motto .listbox ul li:nth-child(2),
	.vision-box .motto .listbox ul li:nth-child(3) { margin-left:-110px; }
	.vision-box .motto.on .listbox ul li:nth-child(2),
	.vision-box .motto.on .listbox ul li:nth-child(3) { margin-left:5px; }
}
@keyframes cover_ani {
	0%{ opacity:0; }
	100%{ opacity:1; }
}
@keyframes cover_m_ani {
	0%{ bottom:-100%; }
	100%{ bottom:0; }
}
@keyframes cover_ra {
	0% { border-radius:20px 20px 0 0; }
	60% { border-radius:20px 20px 0 0; }
	100% { border-radius:0; }
}
@keyframes cover_bg {
	0% { width:80%; height:95vh; }
	100% { width:100%; height:100%; }
}

@keyframes position1 {
    0% { margin-top:200px; opacity:0; }
    100% { margin-top:0; opacity:1; }
}
@keyframes position2 {
    0% { margin-top:200px; opacity:0; }
    100% { margin-top:0; opacity:1; }
}
@keyframes vision_circle_ani {
	0% { border-width:27px; }
	50% { border-width:0; }
	100% { border-width:27px; }
}
@keyframes rotate_vision {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}
@keyframes motto_ani1 {
    0% { margin-left:-330px; opacity:0; }
    100% { margin-left:40px; opacity:1; }
}
@media screen and (max-width:1560px){
	@keyframes vision_circle_ani {
		0% { border-width:20px; }
		50% { border-width:0; }
		100% { border-width:20px; }
	}
}
@media screen and (max-width:1280px){
	@keyframes motto_ani1 {
		0% { margin-left:-260px; opacity:0; }
		100% { margin-left:30px; opacity:1; }
	}
}
@media screen and (max-width:1024px){
	@keyframes cover_bg {
		0% { width:80%; height:70vh; }
		100% { width:100%; height:100%; }
	}
	@keyframes vision_circle_ani {
		0% { border-width:15px; }
		50% { border-width:0; }
		100% { border-width:15px; }
	}
}
@media screen and (max-width:960px){
	@keyframes motto_ani1 {
		0% { margin-left:-175px; opacity:0; }
		100% { margin-left:12px; opacity:1; }
	}
}
@media screen and (max-width:640px){
	@keyframes cover_bg {
		0% { width:80%; height:60vh; }
		100% { width:100%; height:100%; }
	}
	@keyframes motto_ani1 {
		0% { margin-left:-110px; opacity:0; }
		100% { margin-left:5px; opacity:1; }
	}
}



.vision-box .topbox-new { position:relative; overflow:hidden; height:1320px;  }
.vision-box .topbox-new .circle-vision { position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%, -50%); width:288px; height:288px; border-radius:288px; border:18px solid var(--mainColor); background:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.vision-box .topbox-new .circle-vision strong { display:block; margin-top:10px; color:var(--mainColor); font-size:28px; font-weight:700; line-height:1.5; }
.vision-box .topbox-new .vcbox { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; }
.vision-box .topbox-new .circle-box { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:1344px; width:100%; height:100%; background:url(/img/sub/vision_circle1.png) center center no-repeat; }
.vision-box .topbox-new .circle-box:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:url(/img/sub/vision_line1_n.svg) center center no-repeat;  }
.vision-box .topbox-new .circle-box .circle { transition:all 0.3s; position:absolute; }
.vision-box .topbox-new .circle-box .circle .cbox { position:relative; z-index:2; width:230px; height:230px; border-radius:230px; background:#fff; filter:drop-shadow(0px 14px 10px rgba(27, 28, 128, 0.10)); backdrop-filter:blur(15px); display:flex; align-items:center; flex-direction:column; justify-content:center; text-align:center; }
.vision-box .topbox-new .circle-box .circle .cbox .txt { transition:all 0.3s; margin-top:13.5px; position:relative; z-index:1; color:var(--mainColor); font-size:22px; font-weight:600; line-height:1.3; }
.vision-box .topbox-new .circle-box .circle .cbox .txt strong { font-weight:600; display:block; }
.vision-box .topbox-new .circle-box .circle:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% + (22px * 2)); height:calc(100% + (22px * 2)); border-radius:220px; border:1px solid rgba(255, 255, 255, 0.30); background:rgba(255, 255, 255, 0.05); box-shadow:3px -8px 7.2px 0px rgba(255, 255, 255, 0.07) inset; backdrop-filter:blur(15px); }
.vision-box .topbox-new .circle-box .circle.c1 { top:206px; left:50%; transform:translateX(-50%); }
.vision-box .topbox-new .circle-box .circle.c2 { top:496px; left:50%; margin-left:260px; }
.vision-box .topbox-new .circle-box .circle.c3 { top:854px; left:50%; margin-left:126px; }
.vision-box .topbox-new .circle-box .circle.c4 { top:854px; right:50%; margin-right:126px; }
.vision-box .topbox-new .circle-box .circle.c5 { top:496px; right:50%; margin-right:260px; }
.vision-box .topbox-new .circle-box .circle .cbox .icon { position:relative; z-index:1; }

/* 24.11.15 */
.vision-box .topbox-new { margin-top: 150px; }
.vision-box .topbox-new .circle-box .circle .cbox .txt { font-size: 28px; }
.vision-box .topbox-new .circle-box .circle .cbox .txt strong { font-weight: 700; }
.vision-box .topbox-new .circle-box .circle.c1 { top: 175px; }

@media screen and (max-width:1280px){
	.vision-box .topbox-new { height:1000px;  }
	.vision-box .topbox-new .circle-vision { width:240px; height:240px; border-width:15px; }
	.vision-box .topbox-new .circle-vision strong { margin-top:8px; font-size:24px; }
	.vision-box .topbox-new .circle-box { background-size:560px auto; }
	.vision-box .topbox-new .circle-box .circle .cbox { width:200px; height:200px; }
	.vision-box .topbox-new .circle-box .circle .cbox .txt { margin-top:10px; font-size:20px; }
	.vision-box .topbox-new .circle-box .circle:after { width:calc(100% + (19px * 2)); height:calc(100% + (19px * 2)); }
	.vision-box .topbox-new .circle-box .circle.c1 { top:95px; }
	.vision-box .topbox-new .circle-box .circle.c2 { top:305px; margin-left:190px; }
	.vision-box .topbox-new .circle-box .circle.c3 { top:645px; margin-left:80px; }
	.vision-box .topbox-new .circle-box .circle.c4 { top:645px; margin-right:80px; }
	.vision-box .topbox-new .circle-box .circle.c5 { top:305px; margin-right:190px; }
}
@media screen and (max-width:960px){
	.vision-box .topbox-new { height:800px; }
	.vision-box .topbox-new .circle-vision { width:190px; height:190px; border-width:10px; }
	.vision-box .topbox-new .circle-vision strong { margin-top:5px; font-size:19px; }
	.vision-box .topbox-new .circle-box { background-size:440px auto; }
	.vision-box .topbox-new .circle-box .circle .cbox { width:150px; height:150px; }
	.vision-box .topbox-new .circle-box .circle .cbox .txt { margin-top:7px; font-size:19px; }
	.vision-box .topbox-new .circle-box .circle .cbox .icon img { width:70px; }
	.vision-box .topbox-new .circle-box .circle:after { width:calc(100% + (15px * 2)); height:calc(100% + (15px * 2)); }
	.vision-box .topbox-new .circle-box .circle.c1 { top:85px; }
	.vision-box .topbox-new .circle-box .circle.c2 { top:245px; margin-left:145px; }
	.vision-box .topbox-new .circle-box .circle.c3 { top:520px; margin-left:60px; }
	.vision-box .topbox-new .circle-box .circle.c4 { top:520px; margin-right:60px; }
	.vision-box .topbox-new .circle-box .circle.c5 { top:245px; margin-right:145px; }

	/* 24.11.15 */
	.vision-box .topbox-new { margin-top: 80px; }
}
@media screen and (max-width:640px){
	.vision-box .topbox-new { height:500px; }
	.vision-box .topbox-new .circle-vision { width:125px; height:125px; border-width:6px; }
	.vision-box .topbox-new .circle-vision img { width:30px; }
	.vision-box .topbox-new .circle-vision strong { margin-top:2px; font-size:15px; line-height:1.3 }
	.vision-box .topbox-new .circle-box { background-size:260px auto; }
	.vision-box .topbox-new .circle-box .circle .cbox { width:95px; height:95px; }
	.vision-box .topbox-new .circle-box .circle .cbox .txt { margin-top:5px; font-size:14px; }
	.vision-box .topbox-new .circle-box .circle .cbox .icon img { width:45px; }
	.vision-box .topbox-new .circle-box .circle:after { width:calc(100% + (8px * 2)); height:calc(100% + (8px * 2)); }
	.vision-box .topbox-new .circle-box .circle.c1 { top:70px; }
	.vision-box .topbox-new .circle-box .circle.c2 { top:170px; margin-left:80px; }
	.vision-box .topbox-new .circle-box .circle.c3 { top:310px; margin-left:30px; }
	.vision-box .topbox-new .circle-box .circle.c4 { top:310px; margin-right:30px; }
	.vision-box .topbox-new .circle-box .circle.c5 { top:170px; margin-right:80px; }

	/* 24.11.15 */
	.vision-box .topbox-new { margin-top: 50px; }
}

/* animation */
.vision-box .topbox-new .bg-cover { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:80%; height:870px; transition:all 1.2s 0.1s; }
.vision-box .topbox-new.ov .bg-cover { width:95%; height:1320px;; }
.vision-box .topbox-new .cover { transition:all 1.2s 0.1s; position:absolute; left:0; right:0; top:0; bottom:0; background:url(/img/sub/vision_img01_n.jpg) no-repeat center / cover; width:100%; height:100%; border-radius:20px; overflow:hidden; }
.vision-box .topbox-new .cover:before { content:""; display:block; opacity:0; transition:all 1.2s 0.1s; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(14, 39, 103, 0.70) 0%, rgba(14, 39, 103, 0.70) 100%); }
.vision-box .topbox-new.ov .cover:before { opacity:1; }
.vision-box .topbox-new .circle-vision  { margin-top:80px; opacity:0; transition:all 0.8s 0.1s; }
.vision-box .topbox-new.ov .circle-vision { margin-top:0; opacity:1; transition:all 0.8s 0.8s; }
.vision-box .topbox-new .vcbox { position:relative; opacity:0; margin-top:80px; transition:all 0.8s 0.1s; }
.vision-box .topbox-new.ov .vcbox { margin-top:0; opacity:1; transition:all 0.8s 0.8s; }
.vision-box .topbox-new .circle-box .circle { opacity:0; margin-top:150px; transition:all 0.8s 0.5s; }
.vision-box .topbox-new.ov .circle-box .circle { margin-top:0; opacity:1; transition:all 0.8s 1.2s; }
@media screen and (max-width:1280px){
	.vision-box .topbox-new .bg-cover { height:800px;; }
	.vision-box .topbox-new.ov .bg-cover { height:1000px;; }
}
@media screen and (max-width:960px){
	.vision-box .topbox-new .bg-cover { height:600px;; }
	.vision-box .topbox-new.ov .bg-cover { height:800px;; }
	.vision-box .topbox-new .cover { border-radius:10px; }
}
@media screen and (max-width:640px){
	.vision-box .topbox-new .bg-cover { height:380px;; }
	.vision-box .topbox-new.ov .bg-cover { height:500px;; }
}


.history-box .nav { position:sticky; left:0; top:179px; display:flex; z-index:3; background:#fff }
.history-box .nav li { width:25%; }
.history-box .nav li a { width:100%; height:70px; border:1px solid #ddd; border-width:1px 1px 1px 0; display:flex; align-items:center; justify-content:center; color:#bbb; font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-0.05em; transition:all 0.3s ease-in-out; }
.history-box .nav li a.on { color:#fff; background:var(--mainColor); border:1px solid var(--mainColor); border-width:1px; }
.history-box .nav li:first-child a { border-width:1px; }
.history-box .nav li:first-child a.on { border-width:1px; }
.history-box .history-list { position:relative; margin-top:120px; } 
.history-box .history-list .historyCont { height:100% }
.history-box .history-list .historyCont .tabCont { position:relative; display:flex; margin-top:60px; }
.history-box .history-list .historyCont .tabCont:first-child { margin-top:0; }
.history-box .history-list .historyCont .tabCont > div { width:50%; }
.history-box .history-list .historyCont .tabCont .imgCont > div { width:600px; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big { position:relative; overflow:hidden; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; display:flex; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big .swiper-slide > div { position:relative; width:100%; height:100%;}
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big .swiper-slide .imgbox { position:relative; width:100%; height:100%; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big .swiper-slide .imgbox:before{ content:""; display:block; padding-bottom:71.9%; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big .swiper-slide .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; } 
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big .swiper-slide .imgbox p { position:absolute; left:0; bottom:0; width:100%; z-index:2; padding:10px; color:#fff; font-size:18px; font-weight:600; line-height:1.3; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-small { display:block; position:relative; height:auto; overflow:hidden; margin-top:12px; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-small.active { display:block;  }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-small .swiper-slide { position:relative; width:100%; overflow:hidden; display:flex; cursor:pointer; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-small .swiper-slide:before { content:""; display:block; padding-bottom:51.8%; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-small .swiper-slide:after { content:""; display:block; opacity:0; position:absolute; left:0; top:0; z-index:2; transition:all 0.3s; width:100%; height:100%; background:linear-gradient(0deg, rgba(27, 28, 128, 0.53) 0%, rgba(27, 28, 128, 0.53) 100%); }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-small .swiper-slide.swiper-slide-thumb-active:after { opacity:1; }
.history-box .history-list .historyCont .tabCont .swiper-container.swiper-small .swiper-slide img {  position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; } 
.history-box .history-list .historyCont .tabCont .swiper-container .swiper-pagination { display:none }
.history-box .history-list .historyCont .tabCont .swiper-container .btn_pn { position:absolute; top:50%; transform:translateY(-50%); z-index:2; transition:all 0.3s; width:60px; height:60px; margin:0; overflow:hidden; text-indent:-9999em; background:url(/img/sub/swiper_harr.svg) center center no-repeat; }
.history-box .history-list .historyCont .tabCont .swiper-container .btn_pn.swiper-button-prev { left:20px; }
.history-box .history-list .historyCont .tabCont .swiper-container .btn_pn.swiper-button-next { right:20px; transform:translateY(-50%) rotate(180deg);}
.history-box .history-list .historyCont .tabCont dl:not(:last-child) { margin-bottom:60px; }
.history-box .history-list .historyCont .tabCont dl { position:relative; display:flex; }
.history-box .history-list .historyCont .tabCont dl:before { content:""; display:block; z-index:2; position:absolute; left:194px; top:28px; width:14px; height:14px; background:#fff; border-radius:14px; border:2px solid #ddd; }
.history-box .history-list .historyCont .tabCont dl.effect:before { border:2px solid var(--mainColor); }
.history-box .history-list .historyCont .tabCont:first-child dl:first-child:before { border:2px solid var(--mainColor); }
.history-box .history-list .historyCont .tabCont dt { width:280px; transition:all 0.3s; color:#333; font-size:50px; font-weight:600; line-height:1.3; letter-spacing:-0.06em; }
.history-box .history-list .historyCont .tabCont dd { width:calc(100% - 280px); padding-top:18px; }
.history-box .history-list .historyCont .tabCont dd li { position:relative; color:#333; font-size:19px; font-weight:300; line-height:1.5; }
.history-box .history-list .historyCont .tabCont dd li:not(:last-child) { margin-bottom:20px; }
.history-box .history-list .historyCont .tabCont .effect dd li { color:var(--mainColor); }
.history-box .history-list .historyCont .tabCont .effect dt { color:var(--mainColor); }

.history-box .history-list .progressbar { position:absolute; top:28px; left:calc(50% + 202px); width:1px; height:calc(100% - 250px); background-color:#ddd; overflow:hidden; }
.history-box .history-list .progress { position: absolute; left:0; top:0; width:1px; height:0; background:var(--mainColor); transition:.5s; }
@media screen and (max-width:1560px){
	.history-box .history-list { margin-top:100px; } 
	.history-box .history-list .historyCont .tabCont .imgCont > div { width:500px; }
	.history-box .history-list .historyCont .tabCont dt { font-size:45px; }
	.history-box .history-list .historyCont .tabCont dd { padding-top:24px; }
	.history-box .history-list .progressbar { height:calc(100% - 240px); }
}
@media screen and (max-width:1280px){
	.history-box .nav { top:144px; }
	.history-box .nav li a { height:65px; font-size:19px; }
	.history-box .history-list { margin-top:90px; } 
	.history-box .history-list .historyCont .tabCont { margin-top:50px; }
	.history-box .history-list .historyCont .tabCont .imgCont > div { width:450px; }
	.history-box .history-list .historyCont .tabCont .swiper-container .btn_pn.swiper-button-prev { left:0; }
	.history-box .history-list .historyCont .tabCont .swiper-container .btn_pn.swiper-button-next { right:0; }
	.history-box .history-list .historyCont .tabCont dl:not(:last-child) { margin-bottom:50px; }
	.history-box .history-list .historyCont .tabCont dl:before { left:164px; }
	.history-box .history-list .historyCont .tabCont dt { width:240px; font-size:40px; }
	.history-box .history-list .historyCont .tabCont dd { width:calc(100% - 240px); padding-top:25px; }
	.history-box .history-list .historyCont .tabCont dd li { font-size:18px; }
	.history-box .history-list .historyCont .tabCont dd li:not(:last-child) { margin-bottom:16px; }
	.history-box .history-list .progressbar { left:calc(50% + 172px); height:calc(100% - 190px); }
}
@media screen and (max-width:1024px){
	.history-box .nav { top:139px; }
	.history-box .nav li a { height:60px; font-size:18px; }
	.history-box .history-list { margin-top:70px; } 
	.history-box .history-list .historyCont .tabCont { flex-wrap:wrap; margin-top:40px; }
	.history-box .history-list .historyCont .tabCont > div { width:100%; }
	.history-box .history-list .historyCont .tabCont .imgCont > div { width:100%; max-width:640px; }
	.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big .swiper-slide .imgbox:before{ padding-bottom:60%; }
	.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big .swiper-slide .imgbox p { font-size:16px; }
	.history-box .history-list .historyCont .tabCont .swiper-container .btn_pn { background-size:40px auto; width:40px; height:40px; }
	.history-box .history-list .historyCont .tabCont .list { margin-top:30px; padding-left:60px; }
	.history-box .history-list .historyCont .tabCont dl:not(:last-child) { margin-bottom:40px; }
	.history-box .history-list .historyCont .tabCont dl:before { left:-40px; top:18px; width:10px; height:10px; }
	.history-box .history-list .historyCont .tabCont dt { width:100px; font-size:36px; }
	.history-box .history-list .historyCont .tabCont dd { width:calc(100% - 100px); padding-top:10px; }
	.history-box .history-list .historyCont .tabCont dd li { font-size:17px; }
	.history-box .history-list .historyCont .tabCont dd li:not(:last-child) { margin-bottom:12px; }
	.history-box .history-list .progressbar { left:27px; height:calc(100% - 70px); }
} 
@media screen and (max-width:640px){
	.history-box .nav { top:119px; }
	.history-box .nav li a { height:55px; font-size:16px; }
	.history-box .history-list { margin-top:50px; } 
	.history-box .history-list .historyCont .tabCont { margin-top:30px; }
	.history-box .history-list .historyCont .tabCont .swiper-container.swiper-big .swiper-slide .imgbox:before{ padding-bottom:55%; }
	.history-box .history-list .historyCont .tabCont .swiper-container.swiper-small { margin-top:5px; }
	.history-box .history-list .historyCont .tabCont .list { margin-top:20px; padding-left:40px; }
	.history-box .history-list .historyCont .tabCont dl:not(:last-child) { margin-bottom:30px; }
	.history-box .history-list .historyCont .tabCont dl:before { left:-25px; top:10px; width:7px; height:7px; }
	.history-box .history-list .historyCont .tabCont dt { width:67px; font-size:24px; }
	.history-box .history-list .historyCont .tabCont dd { width:calc(100% - 67px); padding-top:4px; }
	.history-box .history-list .historyCont .tabCont dd li { font-size:16px; }
	.history-box .history-list .historyCont .tabCont dd li:not(:last-child) { margin-bottom:10px; }
	.history-box .history-list .progressbar { left:20px; height:calc(100% - 70px); }
}
@media screen and (max-width:420px){
	.history-box .nav li a { font-size:15px; letter-spacing:-0.06em; }
}

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



.overview-box .contbox { margin:100px 0 0; padding:140px 0 170px; background:url(/img/sub/overview_bg.jpg) no-repeat center / cover;}
.overview-box .contbox .txt { font-family:var(--mainFont); color:#fff; font-size:60px; font-weight:700; line-height:1.4; letter-spacing:-0.04em; }
.overview-box .contbox .listbox { margin-top:140px; }
.overview-box .contbox .listbox ul { display:flex; flex-wrap:wrap; gap:30px; }
.overview-box .contbox .listbox ul li { position:relative; padding:65px 0 0 60px; width:calc((100% - 60px) / 3); height:267px; background:#fff; border-radius:20px; backdrop-filter:blur(10px); }
.overview-box .contbox .listbox ul li dt { color:#000; font-size:30px; font-weight:600; line-height:1.3; }
.overview-box .contbox .listbox ul li dd { margin-top:20px; color:var(--mainColor); font-size:60px; font-weight:600; line-height:1.3; }
.overview-box .contbox .listbox ul li dd span { font-weight:600; }
.overview-box .contbox .listbox ul li .icon { position:absolute; right:40px; top:65px; }
.overview-box .contbox .listbox .txt_b { display:flex; justify-content:flex-end; margin-top:16px; color:#fff; font-size:17px; font-weight:300; line-height:1.3; }

/* 24.11.29 */
.overview-box .contbox .listbox ul li p { color: var(--mainColor); font-size: 16px; position: absolute; right: 20px; bottom: 20px; }
@media screen and (max-width:1560px){
	.overview-box .contbox { margin:80px 0 0; padding:120px 0 150px; }
	.overview-box .contbox .listbox { margin-top:120px; }
	.overview-box .contbox .listbox ul { gap:20px; }
	.overview-box .contbox .listbox ul li { padding:55px 0 0 40px; width:calc((100% - 40px) / 3); height:250px; }
	.overview-box .contbox .listbox ul li .icon { right:20px; top:55px; }
	.overview-box .contbox .listbox ul li .icon img { width:85px; }
}
@media screen and (max-width:1280px){
	.overview-box .contbox { margin:70px 0 0; padding:100px 0 120px; }
	.overview-box .contbox .txt { font-size:50px; }
	.overview-box .contbox .listbox { margin-top:100px; }
	.overview-box .contbox .listbox ul { gap:20px; }
	.overview-box .contbox .listbox ul li { padding:45px 0 0 30px; width:calc((100% - 40px) / 3); height:210px; }
	.overview-box .contbox .listbox ul li dt { font-size:26px; }
	.overview-box .contbox .listbox ul li dd { margin-top:20px; font-size:50px; }
	.overview-box .contbox .listbox ul li .icon { top:45px; }
	.overview-box .contbox .listbox ul li .icon img { width:70px; }
	.overview-box .contbox .listbox .txt_b { margin-top:12px; font-size:16px; }
}
@media screen and (max-width:1024px){
	.overview-box .contbox { margin:50px 0 0; padding:70px 0 100px; }
	.overview-box .contbox .txt { font-size:40px; }
	.overview-box .contbox .listbox { margin-top:70px; }
	.overview-box .contbox .listbox ul { gap:10px; }
	.overview-box .contbox .listbox ul li { padding:45px 0 0 20px; width:calc((100% - 20px) / 3); height:190px; border-radius:10px; }
	.overview-box .contbox .listbox ul li dt { font-size:22px; }
	.overview-box .contbox .listbox ul li dd { margin-top:10px; font-size:40px; }
	.overview-box .contbox .listbox ul li .icon { right:10px; top:45px; }
	.overview-box .contbox .listbox ul li .icon img { width:60px; }
	.overview-box .contbox .listbox .txt_b { margin-top:10px; font-size:15px; }
}
@media screen and (max-width:860px){
	.overview-box .contbox .txt { font-size:35px; }
	.overview-box .contbox .listbox ul { gap:5px; }
	.overview-box .contbox .listbox ul li {  width:calc((100% - 10px) / 3); height:170px; }
	.overview-box .contbox .listbox ul li dt { font-size:20px; }
	.overview-box .contbox .listbox ul li dd { font-size:35px; }
}
@media screen and (max-width:760px){
	.overview-box .contbox .txt { font-size:35px; }
	.overview-box .contbox .listbox ul { gap:5px; }
	.overview-box .contbox .listbox ul li {  width:100%; height:170px; }
	.overview-box .contbox .listbox ul li dt { font-size:20px; }
	.overview-box .contbox .listbox ul li dd { font-size:35px; }
	.overview-box .contbox .listbox ul li .icon img { width:50px; }
}
@media screen and (max-width:640px){
	.overview-box .contbox { margin:30px 0 0; padding:40px 0 60px; }
	.overview-box .contbox .txt { font-size:30px; }
	.overview-box .contbox .listbox { margin-top:40px; }
	.overview-box .contbox .listbox ul { gap:5px; }
	.overview-box .contbox .listbox ul li { height:150px; }
	.overview-box .contbox .listbox ul li dt { font-size:19px; }
	.overview-box .contbox .listbox ul li dd { font-size:30px; }
	.overview-box .contbox .listbox .txt_b { margin-top:8px; font-size:14px; }
}
@media screen and (max-width:520px){
	.overview-box .contbox .txt { font-size:26px; }
}

/* animation */
.overview-box .contbox .txt { opacity:0; }
.overview-box .contbox .txt.subOn { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.overview-box .contbox .listbox ul li { opacity:0; }
.overview-box .contbox .listbox.subOn ul li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.overview-box .contbox .listbox.subOn ul li:nth-child(2) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.overview-box .contbox .listbox.subOn ul li:nth-child(3) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.overview-box .contbox .listbox.subOn ul li:nth-child(4) { animation:ani_4 0.8s 1.2s; animation-fill-mode:both; }
.overview-box .contbox .listbox.subOn ul li:nth-child(5) { animation:ani_4 0.8s 1.5s; animation-fill-mode:both; }

.organization-bg { background:url(/img/sub/organization_logo.svg) right 39px no-repeat; }
.organization-box img { max-width:100%; }
@media screen and (max-width:1024px){
	.organization-bg {  background:url(/img/sub/organization_logo_m.svg) right 39px no-repeat; }
}

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

.branch-box .branchCont .imgbox img { max-width:100%; }
.branch-box .branchCont .listbox { margin-top:90px; }
.branch-box .branchCont .listbox table { border-top:2px solid #333; }
.branch-box .branchCont .listbox thead th { height:70px; border:1px solid #ddd; border-width:0 0 1px 1px; font-family:var(--mainFont); color:#333; font-size:18px; font-weight:600; line-height:1.3; }
.branch-box .branchCont .listbox thead th:first-child { border-left:none }
.branch-box .branchCont .listbox tbody td { text-align:center; height:70px; border:1px solid #ddd; border-width:0 0 1px 1px; font-family:var(--mainFont); color:#333; font-size:18px; font-weight:300; line-height:1.3; }
.branch-box .branchCont .listbox tbody td.td_left { text-align:left; padding:0 10px 0 40px; }
.branch-box .branchCont .listbox tbody td:first-child { border-left:none }
.branch-box .branchCont .listbox tbody td strong { font-weight:300; }
@media screen and (max-width:1280px){
	.branch-box .branchCont .listbox { margin-top:80px; }
	.branch-box .branchCont .listbox col.c1 { width:180px !important }
	.branch-box .branchCont .listbox col.c2 { width:160px !important }
	.branch-box .branchCont .listbox col.c4 { width:180px !important }
	.branch-box .branchCont .listbox col.c5 { width:160px !important }
	.branch-box .branchCont .listbox thead th,
	.branch-box .branchCont .listbox tbody td { height:60px; font-size:17px; }
	.branch-box .branchCont .listbox tbody td.td_left { padding:0 10px 0 25px; }
}
@media screen and (max-width:1024px){
	.branch-box .branchCont .listbox { margin-top:60px; }
	.branch-box .branchCont .listbox col.c1 { width:110px !important }
	.branch-box .branchCont .listbox col.c2 { width:100px !important }
	.branch-box .branchCont .listbox col.c4 { width:110px !important }
	.branch-box .branchCont .listbox col.c5 { width:100px !important }
	.branch-box .branchCont .listbox thead th,
	.branch-box .branchCont .listbox tbody td { height:55px; font-size:16px; padding:0 5px; }
	.branch-box .branchCont .listbox tbody td.td_left { padding:0 10px 0 10px; }
}
@media screen and (max-width:640px){
	.branch-box .branchCont .listbox { overflow:auto; margin-top:40px; }
	.branch-box .branchCont .listbox table { width:640px; }
	.branch-box .branchCont .listbox col.c1 { width:100px !important }
	.branch-box .branchCont .listbox col.c2 { width:100px !important }
	.branch-box .branchCont .listbox col.c4 { width:100px !important }
	.branch-box .branchCont .listbox col.c5 { width:100px !important }
	.branch-box .branchCont .listbox thead th,
	.branch-box .branchCont .listbox tbody td { height:55px; font-size:15px; padding:0 5px; }
	.branch-box .branchCont .listbox tbody td.td_left { padding:5px 10px 5px 10px; }
	.branch-box .branchCont .listbox tbody td:first-child img { width:38px; }
}
@media screen and (max-width:580px){
	.branch-box .branchCont .listbox thead th,
	.branch-box .branchCont .listbox tbody td { font-size:14px; }
}
/* animation */
.branch-box .branchCont .imgbox { opacity:0; }
.branch-box .branchCont .imgbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.branch-box .branchCont .listbox { opacity:0; }
.branch-box .branchCont .listbox.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }

.location-bg  { background:url(/img/sub/location_logo.svg) right bottom no-repeat; }
.location-box .locationCont { display:flex; flex-wrap:wrap; }
.location-box .locationCont .map-box { width:850px; height:550px; }
.location-box .locationCont .map-box .google-map { position:relative; overflow:hidden;  }
.location-box .locationCont .map-box .google-map:after { content:''; display:block; padding-bottom:500px; }
.location-box .locationCont .map-box iframe { position:absolute; top:0; left:0; top:-120px; width:100%; height:calc(100% + 240px); }
.location-box .locationCont .map-box #map { width:100%; height:100%; }
.location-box .locationCont .info-box { width:calc(100% - 850px); padding-left:110px; }
.location-box .locationCont .info-box dt { color:var(--mainColor); font-size:45px; font-weight:700; line-height:1.3; }
.location-box .locationCont .info-box dd { margin-top:50px; }
.location-box .locationCont .info-box dd li:not(:last-child) { margin-bottom:18px; }
.location-box .locationCont .info-box dd li { display:flex; }
.location-box .locationCont .info-box dd li strong { width:164px; }
.location-box .locationCont .info-box dd li strong img { margin-right:16px;}
.location-box .locationCont .info-box dd li strong span { color:var(--mainColor); font-size:20px; font-weight:700; line-height:1.3; }
.location-box .locationCont .info-box dd li .txt { width:calc(100% - 164px); color:#666; font-size:20px; font-weight:400; line-height:1.5; }
@media screen and (max-width:1560px){
	.location-box .locationCont .map-box { width:50%; }
	.location-box .locationCont .info-box { width:50%; padding-left:60px; }
	.location-box .locationCont .info-box dt { font-size:34px; }
	.location-box .locationCont .info-box dd { margin-top:40px; }
	.location-box .locationCont .info-box dd li:not(:last-child) { margin-bottom:15px; }
	.location-box .locationCont .info-box dd li strong { width:130px; }
	.location-box .locationCont .info-box dd li strong img { margin-right:15px;}
	.location-box .locationCont .info-box dd li strong span,
	.location-box .locationCont .info-box dd li .txt { width:calc(100% - 130px); font-size:19px; }
}
@media screen and (max-width:1280px){
	.location-box .locationCont .map-box,
	.location-box .locationCont .map-box > div,
	.location-box .locationCont .map-box > div > div { height:400px !important; }
	.location-box .locationCont .map-box.google-map:after { padding-bottom:400px; }
	.location-box .locationCont .info-box { width:50%; padding-left:40px; }
	.location-box .locationCont .info-box dt { font-size:28px; }
	.location-box .locationCont .info-box dd { margin-top:30px; }
	.location-box .locationCont .info-box dd li:not(:last-child) { margin-bottom:12px; }
	.location-box .locationCont .info-box dd li strong { width:120px; }
	.location-box .locationCont .info-box dd li strong img { margin-right:15px;}
	.location-box .locationCont .info-box dd li strong span,
	.location-box .locationCont .info-box dd li .txt { width:calc(100% - 120px); font-size:18px; }
}
@media screen and (max-width:1024px){
	.location-bg  { background:url(/img/sub/location_logo_m.svg) right bottom no-repeat; }
	.location-box .locationCont .map-box { width:100%; }
	.location-box .locationCont .info-box { width:100%; padding:40px 0 0; }
	.location-box .locationCont .info-box dt { font-size:22px; }
	.location-box .locationCont .info-box dd { margin-top:20px; }
	.location-box .locationCont .info-box dd li:not(:last-child) { margin-bottom:10px; }
	.location-box .locationCont .info-box dd li strong img { margin-right:12px;}
	.location-box .locationCont .info-box dd li strong span,
	.location-box .locationCont .info-box dd li .txt { font-size:17px; }
}
@media screen and (max-width:640px){
	.location-box .locationCont .map-box,
	.location-box .locationCont .map-box > div,
	.location-box .locationCont .map-box > div > div { height:280px !important; }
	.location-box .locationCont .map-box .google-map:after { padding-bottom:280px; }
	.location-box .locationCont .info-box dt { font-size:20px; }
	.location-box .locationCont .info-box dd { margin-top:20px; }
	.location-box .locationCont .info-box dd li:not(:last-child) { margin-bottom:10px; }
	.location-box .locationCont .info-box dd li strong { width:100px; }
	.location-box .locationCont .info-box dd li strong img { width:22px; margin-right:8px;}
	.location-box .locationCont .info-box dd li strong span,
	.location-box .locationCont .info-box dd li .txt { width:calc(100% - 100px); font-size:16px; }
	.location-box .locationCont .info-box dd li .txt .m_br { display:block }
}

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


.location-box .locationCont { display:flex; flex-wrap:wrap; }
.location-box .locationCont .map { width:890px; }
.location-box .locationCont .map img { max-width:100%; border:1px solid #ccc }
.location-box .locationCont .info-box-n { width:calc(100% - 890px); }
.location-box .locationCont .info-box-n dt { font-size:48px; }
.location-box .locationCont .info-box-n dd { margin-top:32px; }
.location-box .locationCont .info-box-n .txtbox { margin-top:80px; }
.location-box .locationCont .info-box-n .txtbox > p { color:var(--mainColor); font-size:20px; font-weight:700; line-height:1.3; }
.location-box .locationCont .info-box-n .txtbox table { width:100%; border-bottom:1px solid #ddd; margin-top:20px; }
.location-box .locationCont .info-box-n .txtbox tbody th { height:100px; width:60px; color:var(--mainColor); font-size:17px; font-weight:600; line-height:1.3; border:1px solid #ddd; border-width:1px 0 0 0; }
.location-box .locationCont .info-box-n .txtbox tbody td { color:#333; font-size:16px; font-weight:400; line-height:1.3; border:1px solid #ddd; border-width:1px 0 0 0; padding-left:11px;
width: calc((100% - 120px) / 2);}
.location-box .locationCont .info-box-n .txtbox tbody th.line { border-width:1px 0 0 1px; }
.location-box .locationCont .map .btn { position:relative; overflow:hidden; margin-top:40px; display:flex; justify-content:flex-end; }
.location-box .locationCont .map .btn a { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; width:180px; height:60px; border:1px solid var(--mainColor); transition:all 0.5s ease-in-out; }
.location-box .locationCont .map .btn a span.txt { position:relative; z-index:2; display:block; color:var(--mainColor); font-size:17px; font-weight:600; line-height:1.3; transition:all 0.5s; }
.location-box .locationCont .map .btn a span.box { position:absolute; left:-1px; top:-100%; transform:rotate(25deg); width:100%; height:100%; transition:all 0.5s ease-in-out; }
.location-box .locationCont .map .btn a span.box span { display:block; width:0; height:400%; background:#fff; transition:all 0.4s; transition:all 0.5s ease-in-out; }
.location-box .locationCont .map .btn a:hover span.txt { color:#fff; }
.location-box .locationCont .map .btn a:hover span.box span { width:250%; height:400%; background:var(--mainColor); }
@media screen and (max-width:1640px){
	.location-box .locationCont .map { width:55%; }
	.location-box .locationCont .info-box-n { width:calc(100% - 55%); }
	.location-box .locationCont .info-box-n dt { font-size:40px; }
	.location-box .locationCont .info-box-n dd { margin-top:30px; }
	.location-box .locationCont .info-box-n .txtbox { margin-top:60px; }
}
@media screen and (max-width:1280px){
	.location-box .locationCont .map { width:50%; }
	.location-box .locationCont .info-box-n { width:calc(100% - 50%); }
	.location-box .locationCont .info-box-n dt { font-size:32px; }
	.location-box .locationCont .info-box-n dd { margin-top:20px; }
	.location-box .locationCont .info-box-n .txtbox { margin-top:40px; }
	.location-box .locationCont .info-box-n .txtbox > p { font-size:19px; }
	.location-box .locationCont .info-box-n .txtbox table { margin-top:15px; }
	.location-box .locationCont .map .btn { margin-top:30px; }
}
@media screen and (max-width:1100px){
	.location-box .locationCont .map { width:100%; max-width:890px; margin:0 auto }
	.location-box .locationCont .info-box-n { width:100%; padding-left:0; }
	.location-box .locationCont .info-box-n dl { max-width:890px; margin:0 auto; margin-top:20px; }
	.location-box .locationCont .info-box-n .txtbox { max-width:890px; margin:0 auto; margin-top:40px; }
}
@media screen and (max-width:1024px){
	.location-box .locationCont .info-box-n dl { margin-top:10px; }
	.location-box .locationCont .info-box-n dt { font-size:28px; }
	.location-box .locationCont .info-box-n dd { margin-top:20px; }
	.location-box .locationCont .info-box-n .txtbox { margin-top:30px; }
	.location-box .locationCont .info-box-n .txtbox > p { font-size:19px; }
	.location-box .locationCont .info-box-n .txtbox table { margin-top:15px; }
	.location-box .locationCont .info-box-n .txtbox tbody th { height:58px; width:54px; font-size:16px; }
	.location-box .locationCont .info-box-n .txtbox tbody td { font-size:15px; padding-left:8px; }
	.location-box .locationCont .map .btn { margin-top:20px; }
	.location-box .locationCont .map .btn a { width:160px; height:50px; }
	.location-box .locationCont .map .btn a span.txt { font-size:16px; }
}
@media screen and (max-width:640px){
	.location-box .locationCont .info-box-n dl { margin-top:0; }
	.location-box .locationCont .info-box-n dt { font-size:22px; }
	.location-box .locationCont .info-box-n dd { margin-top:15px; }
	.location-box .locationCont .info-box-n .txtbox { margin-top:20px; }
	.location-box .locationCont .info-box-n .txtbox > p { font-size:18px; }
	.location-box .locationCont .info-box-n .txtbox table { margin-top:10px; }
	.location-box .locationCont .info-box-n .txtbox tbody th { width:48px; }
	.location-box .locationCont .info-box-n .txtbox tbody td { padding-left:5px; }
	.location-box .locationCont .map .btn a { width:140px; height:45px; }
	.location-box .locationCont .map .btn a span.txt { font-size:15px; }
}
@media screen and (max-width:520px){
	.location-box .locationCont .info-box-n .txtbox tbody th { width:38px; font-size:15px; }
	.location-box .locationCont .info-box-n .txtbox tbody td { font-size:14px; padding:5px 0; }
	.location-box .locationCont .info-box-n .txtbox tbody td br { display:none }
}

.location-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.location-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.location-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.location-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; padding:70px; background-color:#fff; border:none; border-radius:14px; }
.location-pop .pop-body .mapbox { position:relative; width:870px; }
.location-pop .pop-body .mapbox:before { content:""; display:block; padding-bottom:64.4%; } 
.location-pop .pop-body .mapbox #map { position:absolute; left:0; top:0; width:100%; height:100%; }
.location-pop .pop-body .btn_close { position:absolute; right:30px; top:30px; cursor:pointer; transition:all 0.5s; }
.location-pop .pop-body .btn_close span { position:relative; width:24px; height:24px; display:block }
.location-pop .pop-body .btn_close span:before { content:""; display:block; width:15px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.location-pop .pop-body .btn_close span:after { content:""; display:block; width:15px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.location-pop .pop-body .btn_close:hover { transform:rotate(-180deg);}
@media screen and (max-height:750px){
	.location-pop .pop-body { padding:40px; }
	.location-pop .pop-body .mapbox { width:800px; }
	.location-pop .pop-body .mapbox:before { padding-bottom:45%; } 
	.location-pop .pop-body .btn_close { right:15px; top:15px; }
}
@media screen and (max-width:1024px){
	.location-pop .pop-body { left:20px; width:calc(100% - 40px); transform:translate(0, -50%); padding:40px; border-radius:7px; }
	.location-pop .pop-body .mapbox { position:relative; width:100%; }
	.location-pop .pop-body .btn_close { right:15px; top:15px; }
}
@media screen and (max-width:640px){
	.location-pop .pop-body .mapbox:before { padding-bottom:95%; } 
}


/* business */
.business-box #project { position:relative; top:-40px; }
.business-box .business-top { position:relative; overflow:hidden }
.business-box .business-top .list { position:absolute; left:0; bottom:0; z-index:5; width:100%; display:none }
.business-box .business-top .list ul { width:100%; display:flex; align-items:flex-end; }
.business-box .business-top .list li { position:relative; text-align:center; display:flex; align-items:center; justify-content:center; height:90px; overflow:hidden; border-top: 1px solid rgba(255, 255, 255, 0.40); border-right:1px solid rgba(255, 255, 255, 0.40); border-bottom:1px solid rgba(255, 255, 255, 0.40); opacity:0.89; background:rgba(255, 255, 255, 0.10); backdrop-filter: blur(20px); cursor:pointer; transition:all 0.3s; }
.business-box .business-top .list ul.m2 li { width:50%; }
.business-box .business-top .list ul.m3 li { width:33.33%; }
.business-box .business-top .list ul.m4 li { width:25%; }
.business-box .business-top .list li.on { opacity:0.9; height:110px; background:var(--mainColor); backdrop-filter: blur(20px); }
.business-box .business-top .list li a { position:relative; z-index:2; letter-spacing:0.02em; font-size:24px; font-weight:500; color:#fff; display:block; transition:all 0.3s ease-in-out; }
.business-box .business-top .txtbox { position:absolute; left:0; top:0; z-index:5; width:100%; }
.business-box .business-top .txtbox dl { position:absolute; left:40px; top:74px; padding-right:40px; }
.business-box .business-top .txtbox dt { transition:all 1s; transform:translateX(20%); transition-delay:0.2s; opacity:0; }
.business-box .business-top .txtbox dt h4 { color:#fff; font-size:36px; font-weight:600; line-height:1.3; }
.business-box .business-top .txtbox dd { margin-top:25px; position:relative; transition:all 1s; transform:translateX(20%); transition-delay:0.4s; opacity:0; }
.business-box .business-top .txtbox ul { display:flex; flex-wrap:wrap; gap:13px; }
.business-box .business-top .txtbox dd li { position:relative; padding-left:15px; color:#fff; font-size:20px; font-weight:400; line-height:1.3; }
.business-box .business-top .txtbox dd li:before { content:""; display:block; position:absolute; left:0; top:11px; background:#fff; border-radius:5px; height:5px; width:5px; }
.business-box .business-top .txtbox dl.on { z-index:10; }
.business-box .business-top .txtbox dl.on dt,
.business-box .business-top .txtbox dl.on dd { transform:translateX(0) !important; opacity:1 !important; }
.business-box .business-top .slider { position:relative; }  
.business-box .business-top .slider .item { position:relative; overflow:hidden; }
.business-box .business-top .slider .item:before { content:""; display:block; padding-bottom:33.2%; }
.business-box .business-top .slider img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.business-box .business-top .slick-dots { position:absolute; left:50%; bottom:30px; padding:16px 18px; transform:translateX(-50%); border-radius:30px; background:rgba(255, 255, 255, 0.05); backdrop-filter:blur(10px); display:flex; justify-content:center; gap:16px; }
.business-box .business-top .slick-dots button { outline:none; border:none; background:rgba(255, 255, 255, 0.30); width:10px; height:10px; border-radius:10px; text-indent:-9999em; overflow:hidden }
.business-box .business-top .slick-dots .slick-active button { background:rgba(255, 255, 255, 1); }
.business-box .business-top .txt_b { color:#fff; font-size:16px; font-weight:400; line-height:1.3; position:absolute; bottom:42px; left:40px; }
.business-box .businessCont { margin-top:120px; }
.business-box .businessCont .titbox { display:flex; align-items:center; justify-content:space-between; }
.business-box .businessCont .titbox h3 { color:#333; font-size:45px; font-weight:700; line-height:1.3; }
.business-box .businessCont .titbox .search-box { display:inline-block; margin:0; }
.business-box .businessCont .titbox .search-box .s-ipbox input { width:320px; height:60px; line-height:60px; }
.business-box .businessCont .titbox .search-box .s-ipbox button { height:60px; }
.business-box .businessCont .nav { margin-top:20px; /* padding-bottom:82px; */ }
.business-box .businessCont .nav > ul { position:relative; display:flex; gap:10px; border-bottom:1px solid #ddd; }
.business-box .businessCont .nav > ul > li > a { position:relative; color:#333; font-size:20px; font-weight:500; line-height:1.2; padding:0 20px; height:60px; text-align:center; display:flex; align-items:center; }
.business-box .businessCont .nav > ul > li > a:before { content:""; display:block; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); background:var(--mainColor); height:2px; width:0; transition:all 0.3s; }
.business-box .businessCont .nav > ul > li.on > a:before { width:100%; }
.business-box .businessCont .nav > ul > li > .depth2 { position:absolute; left:0; top:90px; z-index:-11; opacity:0; visibility:hidden; }
.business-box .businessCont .nav > ul > li.on > .depth2 { opacity:1; visibility:visible; z-index:2; } 
.business-box .businessCont .nav > ul > li > .depth2 > ul { display:flex; flex-wrap:wrap; gap:14px; }
.business-box .businessCont .nav > ul > li > .depth2 > ul > li a { transition:all 0.3s; padding:0 30px; height:52px; display:flex; align-items:center; color:#666; font-size:18px; font-weight:500; line-height:1.3; border-radius:30px; border:1px solid #e2e5ec; background:#fff;}
.business-box .businessCont .nav > ul > li > .depth2 > ul > li a:hover { color:var(--mainColor); border:1px solid var(--mainColor); }
.business-box .businessCont .nav > ul > li > .depth2 > ul > li.all a { color:var(--mainColor); border:1px solid var(--mainColor); background:rgba(27, 28, 128, 0.08); }
.business-box .businessCont .listbox { margin-top:70px; }
.business-box .businessCont .listbox > ul { display:flex; flex-wrap:wrap; gap:40px 23px; }
.business-box .businessCont .listbox > ul > li { width:calc((100% - 46px) / 3); border:1px solid #ccc; transition:all 0.3s; background:#fff; }
.business-box .businessCont .listbox > ul > li:hover { box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.16); }
.business-box .businessCont .listbox > ul > li .imgbox { position:relative; transition:all 0.4s; overflow:hidden; }
.business-box .businessCont .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:53.8%; }
.business-box .businessCont .listbox > ul > li .imgbox:after { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1; transition:all 0.4s; opacity:0; }
.business-box .businessCont .listbox > ul > li .imgbox:hover:after { opacity:1;  }
.business-box .businessCont .listbox > ul > li .imgbox img { transition:all 0.4s ease-in-out; transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.business-box .businessCont .listbox > ul > li:hover .imgbox img { transform:scale(1.1); }
.business-box .businessCont .listbox > ul > li .imgbox .more { transition:all 0.4s; opacity:0; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; font-family:var(--mainFont); color:#fff; font-size:17px; font-weight:500; line-height:1.3; z-index:2; }
.business-box .businessCont .listbox > ul > li .imgbox .more:before { content:""; display:block; width:20px; height:20px; position:absolute; right:-26px; top:50%; transform:translateY(-50%); background:url(/img/main/icon_arr.svg) center center no-repeat; }
.business-box .businessCont .listbox > ul > li:hover .imgbox .more { opacity:1; }
.business-box .businessCont .listbox > ul > li .txtbox { position:relative; padding:30px; }
.business-box .businessCont .listbox > ul > li .txtbox p { color:#000; font-size:20px; font-weight:500; line-height:1.3; }
.business-box .businessCont .listbox > ul > li .txtbox ul { padding-top:20px; margin-top:20px; border-top:1px solid #ddd; padding-right:60px; }
.business-box .businessCont .listbox > ul > li .txtbox li:not(:last-child) { margin-bottom:10px; }
.business-box .businessCont .listbox > ul > li .txtbox li { color:#666; font-size:17px; font-weight:400; line-height:1.3; }
.business-box .businessCont .listbox > ul > li .txtbox li strong { color:#333; font-weight:600; }
.business-box .businessCont .listbox > ul > li .txtbox .sbox { position:relative; }
.business-box .businessCont .listbox > ul > li .txtbox .stxt { position:absolute; right:0; top:20px; color:#999; font-size:17px; font-weight:500; line-height:1.3; }
.business-box .businessCont .listbox > ul > li .txtbox .stxt.txt-i { color:var(--mainColor); }
.business-box .businessCont .listbox > ul > li .txtbox .stxt.txt-p { color:#3f849a; }
.business-box .businessCont .listbox > ul > li.noData { padding:30px; text-align:center; color:#111; font-size:16px; font-weight:400; line-height:1.3; }

/* 24.11.15 */
.business-box .business-top .txt_b { display: inline-block; padding: 2px 3px; background: rgba(15,68,178,0.5); }

@media screen and (max-width:1560px){
	.business-box .business-top .list li { height:80px; }
	.business-box .business-top .list li.on { height:100px; }
	.business-box .business-top .list li a { font-size:23px; }
	.business-box .business-top .txtbox dl { left:40px; top:70px; padding-right:40px; }
	.business-box .business-top .txtbox dt h4 { font-size:34px; }
	.business-box .business-top .txtbox dd { margin-top:24px; }
	.business-box .business-top .txtbox dd li { padding-left:15px; font-size:19px; }
	.business-box .business-top .txtbox dd li:before { top:11px; height:5px; width:5px; }
	.business-box .business-top .slider .item:before { padding-bottom:35%; }
	.business-box .businessCont { margin-top:100px; }
	.business-box .businessCont .titbox h3 { font-size:34px; }
	.business-box .businessCont .nav { margin-top:20px; /* padding-bottom:80px; */ }
	.business-box .businessCont .nav > ul > li > a { font-size:19px; padding:0 16px; height:60px; }
	.business-box .businessCont .nav > ul > li > .depth2 { top:90px; }
	.business-box .businessCont .nav > ul > li > .depth2 > ul { gap:12px; }
	.business-box .businessCont .nav > ul > li > .depth2 > ul > li a { padding:0 25px; height:50px; font-size:18px; }
	.business-box .businessCont .listbox { margin-top:60px; }
	.business-box .businessCont .listbox > ul { gap:40px 20px; }
	.business-box .businessCont .listbox > ul > li { width:calc((100% - 40px) / 3); }
	.business-box .businessCont .listbox > ul > li .txtbox { padding:25px; }
	.business-box .businessCont .listbox > ul > li .txtbox p { font-size:19px; }
	.business-box .businessCont .listbox > ul > li .txtbox ul { padding-top:20px; margin-top:20px; }
	.business-box .businessCont .listbox > ul > li .txtbox li { font-size:16px; }
	.business-box .businessCont .listbox > ul > li .txtbox .stxt { top:25px; font-size:16px; }
}
@media screen and (max-width:1280px){
	.business-box .business-top .list li { height:70px; }
	.business-box .business-top .list li.on { height:85px; }
	.business-box .business-top .list li a { font-size:22px; }
	.business-box .business-top .txtbox dl { left:30px; top:60px; padding-right:30px; }
	.business-box .business-top .txtbox dt h4 { font-size:32px; }
	.business-box .business-top .txtbox dd { margin-top:20px; }
	.business-box .business-top .txtbox dd li { padding-left:14px; font-size:18px; }
	.business-box .business-top .txtbox dd li:before { top:9px; height:4px; width:4px; }
	.business-box .business-top .slider .item:before { padding-bottom:35%; }
	.business-box .business-top .txt_b { bottom:90px; left:30px; }
	.business-box .businessCont { margin-top:80px; }
	.business-box .businessCont .titbox h3 { font-size:28px; }
	.business-box .businessCont .nav { margin-top:15px; padding-bottom:70px; }
	.business-box .businessCont .nav > ul > li > a { font-size:18px; padding:0 14px; height:50px; }
	.business-box .businessCont .nav > ul > li > .depth2 { top:80px; }
	.business-box .businessCont .nav > ul > li > .depth2 > ul { gap:12px; }
	.business-box .businessCont .nav > ul > li > .depth2 > ul > li a { padding:0 20px; height:44px; font-size:17px; }
	.business-box .businessCont .listbox { margin-top:40px; }
	.business-box .businessCont .listbox > ul { gap:30px 15px; }
	.business-box .businessCont .listbox > ul > li { width:calc((100% - 30px) / 3); }
	.business-box .businessCont .listbox > ul > li .txtbox { padding:20px; }
	.business-box .businessCont .listbox > ul > li .txtbox p { font-size:18px; }
	.business-box .businessCont .listbox > ul > li .txtbox ul { padding-top:15px; margin-top:15px; }
	.business-box .businessCont .listbox > ul > li .txtbox li { font-size:15px; }
	.business-box .businessCont .listbox > ul > li .txtbox .stxt { top:20px; font-size:15px; }
}
@media screen and (max-width:1150px){
}
@media screen and (max-width:1024px){
	.business-box .business-top .list li { height:60px; }
	.business-box .business-top .list li.on { height:74px; }
	.business-box .business-top .list li a { font-size:19px; }
	.business-box .business-top .txtbox dl { left:20px; top:40px; padding-right:20px; }
	.business-box .business-top .txtbox dt h4 { font-size:26px; }
	.business-box .business-top .txtbox dd { margin-top:15px; }
	.business-box .business-top .txtbox dd li { padding-left:12px; font-size:17px; }
	.business-box .business-top .txtbox dd li:before { top:8px; height:3px; width:3px; }
	.business-box .business-top .slider .item:before { padding-bottom:40%; }
	.business-box .business-top .slick-dots { bottom:20px; padding:10px 15px; gap:12px; }
	.business-box .business-top .txt_b { bottom:70px; left:20px; font-size:15px; }
	.business-box .businessCont { margin-top:60px; }
	.business-box .businessCont .titbox h3 { font-size:22px; }
	.business-box .businessCont .titbox .search-box .s-ipbox input { width:260px; height:50px; line-height:50px; }
	.business-box .businessCont .titbox .search-box .s-ipbox button { height:50px; }
	.business-box .businessCont .nav { margin-top:12px; padding-bottom:60px; }
	.business-box .businessCont .nav > ul > li > a { font-size:17px; padding:0 12px; height:50px; }
	.business-box .businessCont .nav > ul > li > .depth2 { top:70px; }
	.business-box .businessCont .nav > ul > li > .depth2 > ul { gap:10px; }
	.business-box .businessCont .nav > ul > li > .depth2 > ul > li a { padding:0 18px; min-width:20px; height:40px; font-size:16px; }
	.business-box .businessCont .listbox { margin-top:30px; }
	.business-box .businessCont .listbox > ul { gap:25px 10px; }
	.business-box .businessCont .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.business-box .businessCont .listbox > ul > li .txtbox { padding:15px; }
	.business-box .businessCont .listbox > ul > li .txtbox ul { padding-top:12px; margin-top:12px; }
	.business-box .businessCont .listbox > ul > li .txtbox li:not(:last-child) { margin-bottom:8px; }
	.business-box .businessCont .listbox > ul > li .txtbox .stxt { top:15px; }
}
@media screen and (max-width:640px){
	.business-box .business-top .list li { height:50px; }
	.business-box .business-top .list li.on { height:62px; padding:0 5px; }
	.business-box .business-top .list li a { font-size:15px; }
	.business-box .business-top .txtbox dl { top:30px; }
	.business-box .business-top .txtbox dt h4 { font-size:20px; }
	.business-box .business-top .txtbox ul { gap:5px 12px; }
	.business-box .business-top .txtbox dd { margin-top:10px; }
	.business-box .business-top .txtbox dd li { padding-left:10px; font-size:15px; }
	.business-box .business-top .txtbox dd li:before { top:8px; height:3px; width:3px; }
	.business-box .business-top .slider .item:before { padding-bottom:70%; }
	.business-box .business-top .slick-dots { bottom:20px; gap:10px; }
	.business-box .business-top .txt_b { bottom:60px; }
	.business-box .businessCont { margin-top:60px; }
	.business-box .businessCont .titbox h3 { font-size:20px; }
	.business-box .businessCont .titbox .search-box .s-ipbox input { width:240px; }
	.business-box .businessCont .nav { margin-top:12px; padding-bottom:70px; }
	.business-box .businessCont .nav > ul { gap:8px; }
	.business-box .businessCont .nav > ul > li > a { font-size:15px; padding:0 5px; height:40px; }
	.business-box .businessCont .nav > ul > li > .depth2 { top:55px; }
	.business-box .businessCont .nav > ul > li > .depth2 > ul { gap:5px; }
	.business-box .businessCont .nav > ul > li > .depth2 > ul > li a { padding:0 14px; height:30px; font-size:15px; }
	.business-box .businessCont .listbox { margin-top:30px; }
	.business-box .businessCont .listbox > ul { gap:10px; }
	.business-box .businessCont .listbox > ul > li { width:100%; }
	.business-box .businessCont .listbox > ul > li .txtbox p { font-size:17px; }
	.business-box .businessCont .listbox > ul > li .txtbox ul { padding-top:12px; margin-top:12px; }
	.business-box .businessCont .listbox > ul > li .txtbox li:not(:last-child) { margin-bottom:5px; }
	.business-box .businessCont .listbox > ul > li .txtbox li { font-size:14px; }
	.business-box .businessCont .listbox > ul > li .txtbox .stxt { top:15px; font-size:14px; }
}
@media screen and (max-width:480px){
	.business-box .businessCont .titbox .search-box .s-ipbox input { width:220px; }
}

/* animation */
.business-box .business-top { opacity:0; }
.business-box .business-top { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.business-box .businessCont { opacity:0; }
.business-box .businessCont.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }


.business-box .partner-box .listbox > ul { display:flex; flex-wrap:wrap; gap:20px; }
.business-box .partner-box .listbox > ul > li { transition:all 0.3s; width:calc((100% - 60px) / 4); height:152px; padding:0 5px; border:1px solid #ddd; background:#fff; display:flex; align-items:center; justify-content:center; }
.business-box .partner-box .listbox > ul > li img { max-width:100%; }
.business-box .partner-box .listbox > ul > li:hover { box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.16); }
@media screen and (max-width:1280px){
	.business-box .partner-box .listbox > ul > li { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:1024px){
	.business-box .partner-box .listbox > ul { gap:10px; }
	.business-box .partner-box .listbox > ul > li { width:calc((100% - 20px) / 3); height:110px; }
}
@media screen and (max-width:860px){
	.business-box .partner-box .listbox > ul > li { width:calc((100% - 10px) / 2); height:110px; }
}
@media screen and (max-width:640px){
	.business-box .partner-box .listbox > ul { gap:5px; }
	.business-box .partner-box .listbox > ul > li { width:calc((100% - 5px) / 2); height:90px; }
}
/* animation */
.business-box .partner-box .listbox { opacity:0; }
.business-box .partner-box .listbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }


.sticky-img { position:relative; top:0; left:0; height:510px; width:100vw; }
.sticky-img .imgbox { background-position:center 0; background-repeat:no-repeat; background-size:cover; height:100%; width:100%; }
.sticky-img .imgbox:after { content:""; display:block; width:100%; height:100%; background:linear-gradient(180deg, #fff 0%, #f9f9f9 100%); position:absolute; right:0; bottom:0; }
.sticky-img.subOn .imgbox:after { animation:ani_w100 1.2s 0.2s; animation-fill-mode:both; }
@media screen and (max-width:1640px){
	.sticky-img { left:-20px; }
}
@media screen and (max-width:1280px){
	.sticky-img { height:480px; }
	.sticky-img.safety-bg .imgbox { background-position:90% 0; }
}
@media screen and (max-width:1024px){
	.sticky-img { height:420px; }
}
@media screen and (max-width:640px){
	.sticky-img { height:300px; }
}

/* esg */
.esg-topbox { color:#111; font-size:60px; font-weight:300; line-height:1.5; letter-spacing:-0.05em }
.esg-topbox strong { color:var(--mainColor); font-weight:800; }
.esg-txtCont > dl {  display:flex; flex-wrap:wrap; }
.esg-txtCont > dl > dt { width:380px; color:#111; font-size:45px; font-weight:600; line-height:1.3; }
.esg-txtCont > dl > dd { width:calc(100% - 380px); }
.esg-txtCont > dl > dd p { color:#333; font-size:20px; font-weight:600; line-height:1.7; }
.esg-txtCont > dl > dd p span { font-weight:300; }
.esg-txtCont > dl > dd .downCont { margin-top:60px; }
.esg-box .downCont { display:flex; align-items:center; }
.esg-box .download { position:relative; overflow:hidden; }
.esg-box .download a { display:flex; align-items:center; justify-content:center; text-align:center; width:230px; height:60px; padding:0 5px 0 10px; border:1px solid var(--mainColor); transition:all 0.5s ease-in-out; }
.esg-box .download a span.txt:after { content:""; display:block; z-index:2; width:24px; height:24px; transition:all 0.5s; position:absolute; right:0; top:50%; transform:translate(0, -50%); background:url(/img/sub/icon_down.svg) center center no-repeat; }
.esg-box .download a span.txt { position:relative; z-index:2; display:block; padding-right:34px; color:var(--mainColor); font-size:17px; font-weight:600; line-height:1.3; transition:all 0.5s; }
.esg-box .download a span.box { position:absolute; left:-1px; top:-140%; transform:rotate(25deg); width:100%; height:100%; transition:all 0.5s ease-in-out; }
.esg-box .download a span.box span { display:block; width:0; height:460%; background:#fff; transition:all 0.4s; transition:all 0.5s ease-in-out; }
.esg-box .download a:hover span.txt:after { background:url(/img/sub/icon_down_on.svg) center center no-repeat; }
.esg-box .download a:hover span.txt { color:#fff; }
.esg-box .download a:hover span.box span  { width:250%; height:450%; background:var(--mainColor); }
@media screen and (max-width:1560px){
	.esg-topbox { font-size:50px; }
	.esg-txtCont > dl > dt { width:300px; font-size:34px; }
	.esg-txtCont > dl > dd { width:calc(100% - 300px); }
	.esg-txtCont > dl > dd p { font-size:19px; }
	.esg-txtCont > dl > dd p br { display:none }
	.esg-txtCont > dl > dd p span.m_br { display:block }
	.esg-txtCont > dl > dd .downCont { margin-top:50px; }
}
@media screen and (max-width:1280px){
	.esg-topbox { font-size:38px; }
	.esg-txtCont > dl > dt { width:280px; font-size:28px; }
	.esg-txtCont > dl > dd { width:calc(100% - 280px); }
	.esg-txtCont > dl > dd p { font-size:18px; }
	.esg-txtCont > dl > dd .downCont { margin-top:40px; }
	.esg-box .download a { width:210px; height:60px; }
}
@media screen and (max-width:1024px){
	.esg-topbox { font-size:26px; }
	.esg-txtCont > dl > dt { width:100%; font-size:22px; }
	.esg-txtCont > dl > dd { width:100%; margin-top:15px; }
	.esg-txtCont > dl > dd p { font-size:17px; }
	.esg-txtCont > dl > dd .downCont { margin-top:30px; }
	.esg-box .download a { width:200px; height:55px; }
}
@media screen and (max-width:640px){
	.esg-topbox { font-size:22px; }
	.esg-txtCont > dl > dt { font-size:20px; }
	.esg-txtCont > dl > dd { margin-top:10px; }
	.esg-txtCont > dl > dd p { font-size:16px; }
	.esg-txtCont > dl > dd .downCont { margin-top:20px; }
	.esg-box .download a { width:200px; height:55px; }
}


.esg-management { overflow:hidden }
.esg-management .esg-txtCont { margin-top:100px; }
.esg-management .esg-bg { position:relative; margin-top:50px; top:0; left:0; height:510px; width:100vw; }
.esg-management .esg-bg .imgbox { background-image:url(/img/sub/esg_management_bg.jpg); background-position:center 0; background-repeat:no-repeat; background-size:cover; height:100%; width:100%; }
.esg-management .esg-bg .imgbox:after { content:""; display:block; width:100%; height:100%; background:linear-gradient(180deg, #fff 0%, #f9f9f9 100%); position:absolute; right:0; bottom:0; }
.esg-management .esg-bg.subOn .imgbox:after { animation:ani_w100 1.2s 0.2s; animation-fill-mode:both; }
.esg-management .esgM-list { margin-top:70px; }
.esg-management .esgM-list ul { display:flex; flex-wrap:wrap; gap:20px; }
.esg-management .esgM-list ul li { width:calc((100% - 60px) / 4); border:1px solid #ddd; }
.esg-management .esgM-list ul li .box { position:relative; width:100%; height:380px; padding:50px 46px 140px; overflow:hidden; background:#fff; transition:all 0.3s 0.5s; }
.esg-management .esgM-list ul li:hover .box { background:rgba(255,255,255,0); transition:all 0.3s 0.2s }
.esg-management .esgM-list ul li .box .bg { opacity:0; transition:all 0.3s 0.5s; }
.esg-management .esgM-list ul li .box .bg span { position:absolute; top:0; left:-80%; display:block; z-index:1; width:300%; height:100%; clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%); transition:all 0.8s ease-in-out; background:var(--mainColor); }
.esg-management .esgM-list ul li:hover .box .bg { opacity:1; transition:all 0.3s 0.2s;}
.esg-management .esgM-list ul li:hover .box .bg span { left:-380%; }
.esg-management .esgM-list ul li .box dl { position:relative; z-index:5; }
.esg-management .esgM-list ul li .box dt { color:#333; font-size:28px; font-weight:600; line-height:1.3; transition:all 0.3s 0.4s }
.esg-management .esgM-list ul li .box dd { margin-top:35px; text-align:center; color:#333; font-size:18px; font-weight:300; line-height:1.6; transition:all 0.3s 0.4s }
.esg-management .esgM-list ul li .box dd strong { color:var(--mainColor); font-weight:700; }
.esg-management .esgM-list ul li .box .icon { position:absolute; right:40px; bottom:20px; z-index:5; transition:all 0.3s 0.4s }
.esg-management .esgM-list ul li:hover .box dt { color:#fff; transition:all 0.3s 0.2s }
.esg-management .esgM-list ul li:hover .box dd { opacity:0; transition:all 0.3s 0.2s }
.esg-management .esgM-list ul li:hover .box .icon { filter:brightness(0) invert(1); transition:all 0.3s 0.2s }
.esg-management .esgM-list ul li:nth-child(1) { background:url(/img/sub/esg_management_bg02_1.jpg) no-repeat center / cover; }
.esg-management .esgM-list ul li:nth-child(2) { background:url(/img/sub/esg_management_bg02_2_1.jpg) no-repeat center / cover; }
.esg-management .esgM-list ul li:nth-child(3) { background:url(/img/sub/esg_management_bg02_3.jpg) no-repeat center / cover; }
.esg-management .esgM-list ul li:nth-child(4) { background:url(/img/sub/esg_management_bg02_4.jpg) no-repeat center / cover; }
.esg-management .esgM-txt { margin-top:150px; }
.esg-management .esgM-txt > dl {  display:flex; flex-wrap:wrap; }
.esg-management .esgM-txt > dl > dt { width:635px; color:#111; font-size:45px; font-weight:600; line-height:1.3; }
.esg-management .esgM-txt > dl > dt strong { color:var(--mainColor); font-weight:600; }
.esg-management .esgM-txt > dl > dd { width:calc(100% - 635px); }
.esg-management .esgM-txt > dl > dd p { color:#333; font-size:20px; font-weight:600; line-height:1.7; text-align:justify; }
.esg-management .esgM-img { margin-top:80px; display:flex; gap:28px; }
.esg-management .esgM-img .box ul { display:flex; gap:15px; }
.esg-management .esgM-img .box ul li img { max-width:100%; }
.esg-management .esgM-img .box .txt_b { width:100%; padding:0 5px; background:var(--mainColor); height:74px; display:flex; justify-content:center; align-items:center; text-align:center; color:#fff; font-size:24px; font-weight:600; line-height:1.3; }
@media screen and (max-width:1640px){
	.esg-management .esg-bg { left:-20px; }
}
@media screen and (max-width:1560px){
	.esg-management .esg-txtCont { margin-top:80px; }
	.esg-management .esg-bg { margin-top:50px; }
	.esg-management .esgM-list { margin-top:60px; }
	.esg-management .esgM-list ul { gap:15px; }
	.esg-management .esgM-list ul li { width:calc((100% - 45px) / 4); }
	.esg-management .esgM-list ul li .box { height:350px; padding:40px 35px 120px; }
	.esg-management .esgM-list ul li .box dt { font-size:25px; }
	.esg-management .esgM-list ul li .box dd { margin-top:30px; font-size:17px; }
	.esg-management .esgM-list ul li .box dd br { display:none }
	.esg-management .esgM-list ul li .box dd span.m_br { display:block }
	.esg-management .esgM-list ul li .box .icon { right:30px; bottom:20px; }
	.esg-management .esgM-txt { margin-top:130px; }
	.esg-management .esgM-txt > dl > dt { width:480px; font-size:34px; }
	.esg-management .esgM-txt > dl > dd { width:calc(100% - 480px); }
	.esg-management .esgM-txt > dl > dd p { font-size:19px; }
	.esg-management .esgM-txt > dl > dd p br { display:none }
	.esg-management .esgM-txt > dl > dd p span.m_br { display:block }
	.esg-management .esgM-img { margin-top:60px; gap:20px; }
	.esg-management .esgM-img .box ul { gap:12px; }
	.esg-management .esgM-img .box .txt_b { height:70px; font-size:22px; }
}
@media screen and (max-width:1280px){
	.esg-management .esg-txtCont { margin-top:60px; }
	.esg-management .esg-bg { margin-top:40px; height:480px; }
	.esg-management .esgM-list { margin-top:40px; }
	.esg-management .esgM-list ul { gap:10px; }
	.esg-management .esgM-list ul li { width:calc((100% - 30px) / 4); }
	.esg-management .esgM-list ul li .box { height:310px; padding:30px 25px 100px; }
	.esg-management .esgM-list ul li .box dt { font-size:22px; }
	.esg-management .esgM-list ul li .box dd { margin-top:25px; font-size:16px; }
	.esg-management .esgM-list ul li .box .icon { right:20px; bottom:10px; }
	.esg-management .esgM-list ul li .box .icon img { width:80px; }
	.esg-management .esgM-txt { margin-top:100px; }
	.esg-management .esgM-txt > dl > dt { width:400px; font-size:28px; }
	.esg-management .esgM-txt > dl > dd { width:calc(100% - 400px); }
	.esg-management .esgM-txt > dl > dd p { font-size:18px; }
	.esg-management .esgM-img { margin-top:40px; gap:15px; }
	.esg-management .esgM-img .box ul { gap:10px; }
	.esg-management .esgM-img .box .txt_b { height:65px; font-size:20px; }
}
@media screen and (max-width:1024px){
	.esg-management .esg-txtCont { margin-top:40px; }
	.esg-management .esg-bg { margin-top:30px; height:420px; }
	.esg-management .esgM-list { margin-top:30px; }
	.esg-management .esgM-list ul li { width:calc((100% - 10px) / 2); }
	.esg-management .esgM-list ul li .box { height:240px; padding:30px 20px 100px; }
	.esg-management .esgM-list ul li .box dt { font-size:20px; }
	.esg-management .esgM-list ul li .box dd { margin-top:20px; font-size:15px; }
	.esg-management .esgM-list ul li .box .icon { right:20px; bottom:10px; }
	.esg-management .esgM-list ul li .box .icon img { width:65px; }
	.esg-management .esgM-txt { margin-top:80px; }
	.esg-management .esgM-txt > dl > dt { width:100%; font-size:22px; }
	.esg-management .esgM-txt > dl > dd { width:100%; margin-top:15px; }
	.esg-management .esgM-txt > dl > dd p { font-size:17px; text-align:inherit; }
	.esg-management .esgM-img { margin-top:30px; gap:12px; }
	.esg-management .esgM-img .box ul { gap:5px; }
	.esg-management .esgM-img .box .txt_b { height:60px; font-size:18px; } 
}
@media screen and (max-width:640px){
	.esg-management .esg-txtCont { margin-top:30px; }
	.esg-management .esg-bg { margin-top:20px; height:300px; }
	.esg-management .esgM-list { margin-top:20px; }
	.esg-management .esgM-list ul { gap:5px; }
	.esg-management .esgM-list ul li { width:calc((100% - 5px) / 2); }
	.esg-management .esgM-list ul li .box { height:260px; padding:20px 15px 100px; }
	.esg-management .esgM-list ul li .box dt { font-size:19px; }
	.esg-management .esgM-list ul li .box dd { margin-top:15px; }
	.esg-management .esgM-list ul li .box .icon { right:20px; bottom:10px; }
	.esg-management .esgM-list ul li .box .icon img { width:60px; }
	.esg-management .esgM-txt { margin-top:60px; }
	.esg-management .esgM-txt > dl > dt { font-size:20px; }
	.esg-management .esgM-txt > dl > dd { margin-top:10px; }
	.esg-management .esgM-txt > dl > dd p { font-size:16px; }
	.esg-management .esgM-img { margin-top:20px; gap:10px; flex-wrap:wrap; }
	.esg-management .esgM-img .box .txt_b { height:50px; font-size:16px; } 
}

/* animation */
.esg-management .esg-txtCont { opacity:0; }
.esg-management .esg-txtCont { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-management .esgM-list ul li { opacity:0; }
.esg-management .esgM-list.subOn ul li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-management .esgM-list.subOn ul li:nth-child(2) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.esg-management .esgM-list.subOn ul li:nth-child(3) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.esg-management .esgM-list.subOn ul li:nth-child(4) { animation:ani_4 0.8s 1.2s; animation-fill-mode:both; }
.esg-management .esgM-txt { opacity:0; }
.esg-management .esgM-txt.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-management .esgM-img { opacity:0; }
.esg-management .esgM-img.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.esg-commmon .info-box > dl:not(:last-child) { margin-bottom:100px; }
.esg-commmon .info-box > dl { display:flex; flex-wrap:wrap; }
.esg-commmon .info-box > dl > dt { width:394px; }
.esg-commmon .info-box > dl > dt h4 { color:#111; font-size:45px; font-weight:600; line-height:1.3; }
.esg-commmon .info-box > dl > dt h4 span { font-weight:600; }
.esg-commmon .info-box > dl > dd { width:calc(100% - 394px); }
.esg-commmon .info-box > dl > dd .txt { color:#333; font-size:20px; font-weight:300; line-height:1.7; }
.esg-commmon .info-box > dl > dd .txt strong { font-weight:700; }
.esg-commmon .info-box > dl > dd .sbox { margin-top:50px; border-radius:10px; background:#f8f8f8; padding:60px; display:flex; flex-wrap:wrap; }
.esg-commmon .info-box > dl > dd .sbox .i-box { width:33%; }
.esg-commmon .info-box > dl > dd .i-box { cursor:pointer; }
.esg-commmon .info-box > dl > dd .i-box .imgbox img { max-width:100%; border:1px solid #ddd; }
.esg-commmon .info-box > dl > dd .txtbox { width:calc(100% - 25.5%); padding-left:80px; }
.esg-commmon .info-box > dl > dd .sbox .txtbox { width:calc(100% - 33%); }
.esg-commmon .info-box > dl > dd .txtbox > dl:not(:last-child) { margin-bottom:30px; }
.esg-commmon .info-box > dl > dd .txtbox > dl > dt { color:#333; font-size:22px; font-weight:500; line-height:1.3; }
.esg-commmon .info-box > dl > dd .txtbox > dl > dd { margin-top:15px; color:#333; font-size:20px; font-weight:300; line-height:1.3; }
.esg-commmon .info-box > dl > dd .txtbox > dl > dd li:not(:last-child) { margin-bottom:16px; }
.esg-commmon .info-box > dl > dd .txtbox > dl > dd li { line-height:1.6; }
.esg-commmon .info-box > dl > dd .list > ul { display:flex; flex-wrap:wrap; gap:54px; }
.esg-commmon .info-box > dl > dd .list > ul > li { width:calc((100% - 54px) / 2); }
.esg-commmon .info-box > dl > dd .list > ul > li .box { display:flex; gap:0 20px; }
.esg-commmon .info-box > dl > dd .list > ul > li .box > div { width:calc((100% - 20px) / 2); }
.esg-commmon .info-box > dl > dd .list > ul > li .txt_b { margin-top:30px; text-align:center; color:#111; font-size:20px; font-weight:600; line-height:1.3; }
.esg-commmon .listbox { margin-top:110px; }
.esg-commmon .listbox > ul > li { border-bottom:1px solid #e9e9e9; }
.esg-commmon .listbox > ul > li .box { position:relative; padding:62px 0; display:flex; align-items:center; }
.esg-commmon .listbox > ul > li:fist-child .box { padding-top:25px; }
.esg-commmon .listbox > ul > li .box .num { width:205px; font-family:var(--mainFont); color:#e7e7e7; font-size:116px; font-weight:700; line-height:1.3; }
.esg-commmon .listbox > ul > li .box .icon { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.esg-commmon .listbox > ul > li .box dl { width:calc(100% - 205px); padding-right:100px; }
.esg-commmon .listbox > ul > li .box dt { color:#222; font-size:30px; font-weight:500; line-height:1.3; }
.esg-commmon .listbox > ul > li .box dd { margin-top:30px; color:#555; font-size:20px; font-weight:300; line-height:1.3; }
.esg-commmon .listbox > ul > li .box dd li:not(:last-child) { margin-bottom:10px; }
.esg-commmon .listbox > ul > li .box dd li { position:relative; padding-left:14px; color:#555; font-weight:300; line-height:1.3; }
.esg-commmon .listbox > ul > li .box dd li:before { content:""; display:block; position:absolute; left:0; top:12px; background:#555; width:6px; height:1px; }
.esg-commmon .listbox > ul > li .box .stxt  { width:calc(100% - 205px); padding-right:100px; color:#555; font-size:20px; font-weight:300; line-height:1.4; }

/* 24.11.29 */
.esg-commmon .listbox > ul > li .box .num,
.esg-commmon .listbox > ul > li .box .stxt,
.esg-commmon .listbox > ul > li .box dl *,
.esg-commmon .listbox > ul > li .box dd li { color: var(--mainColor); }

.esg-environmental,
.esg-safety { overflow:hidden }
.esg-safety .safety-bg,
.esg-environmental .environmental-bg { margin-top:100px; }
.esg-safety .safety-bg .imgbox { background-image:url(/img/sub/safety_bg2.jpg); }
.esg-environmental .environmental-bg .imgbox { background-image:url(/img/sub/environmental_bg.jpg); }
.esg-safety .txt_bt { margin-top:70px; color:#555; font-size:20px; font-weight:300; line-height:1.3; }

@media screen and (max-width:1560px){
	.esg-commmon .info-box > dl:not(:last-child) { margin-bottom:80px; }
	.esg-commmon .info-box > dl > dt { width:340px; }
	.esg-commmon .info-box > dl > dt h4 { font-size:34px; }
	.esg-commmon .info-box > dl > dd { width:calc(100% - 340px); }
	.esg-commmon .info-box > dl > dd .txt { font-size:20px;}
	.esg-commmon .info-box > dl > dd .sbox { margin-top:40px; padding:50px; }
	.esg-commmon .info-box > dl > dd .txtbox { padding-left:60px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl:not(:last-child) { margin-bottom:25px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl > dt { font-size:22px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl > dd { margin-top:15px; font-size:20px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl > dd li:not(:last-child) { margin-bottom:12px; }
	.esg-commmon .info-box > dl > dd .list > ul > li .txt_b { margin-top:30px; font-size:20px; }
	.esg-commmon .listbox { margin-top:90px; }
	.esg-commmon .listbox > ul > li .box { padding:50px 0; }
	.esg-commmon .listbox > ul > li:fist-child .box { padding-top:20px; }
	.esg-commmon .listbox > ul > li .box .num { width:180px; font-size:95px; }
	.esg-commmon .listbox > ul > li .box dl { width:calc(100% - 180px); padding-right:100px; }
	.esg-commmon .listbox > ul > li .box dt { font-size:24px; }
	.esg-commmon .listbox > ul > li .box dd { margin-top:25px; font-size:20px; }
	.esg-commmon .listbox > ul > li .box .stxt { width:calc(100% - 180px); padding-right:100px; font-size:20px; }
	.esg-commmon .listbox > ul > li .box .stxt br { display:none }
	.esg-safety .safety-bg,
	.esg-environmental .environmental-bg { margin-top:80px; }
}
@media screen and (max-width:1280px){
	.esg-commmon .info-box > dl:not(:last-child) { margin-bottom:60px; }
	.esg-commmon .info-box > dl > dt { width:260px; }
	.esg-commmon .info-box > dl > dt h4 { font-size:28px; }
	.esg-commmon .info-box > dl > dd { width:calc(100% - 260px); }
	.esg-commmon .info-box > dl > dd .txt { font-size:18px;}
	.esg-commmon .info-box > dl > dd .sbox { margin-top:30px; padding:30px; }
	.esg-commmon .info-box > dl > dd .txtbox { padding-left:40px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl:not(:last-child) { margin-bottom:18px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl > dt { font-size:20px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl > dd { margin-top:10px; font-size:18px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl > dd li:not(:last-child) { margin-bottom:10px; }
	.esg-commmon .info-box > dl > dd .list > ul > li .txt_b { margin-top:25px; font-size:18px; }
	.esg-commmon .listbox { margin-top:70px; }
	.esg-commmon .listbox > ul > li .box { padding:40px 0; }
	.esg-commmon .listbox > ul > li:fist-child .box { padding-top:18px; }
	.esg-commmon .listbox > ul > li .box .num { width:120px; font-size:70px; }
	.esg-commmon .listbox > ul > li .box dl { width:calc(100% - 120px); padding-right:80px; }
	.esg-commmon .listbox > ul > li .box dt { font-size:22px; }
	.esg-commmon .listbox > ul > li .box dd { margin-top:18px; font-size:18px; }
	.esg-commmon .listbox > ul > li .box .icon img { width:70px; }
	.esg-commmon .listbox > ul > li .box .stxt { width:calc(100% - 120px); padding-right:80px; font-size:18px; }
	.esg-safety .safety-bg,
	.esg-environmental .environmental-bg { margin-top:60px; }
	.esg-safety .txt_bt { margin-top:60px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.esg-commmon .info-box > dl:not(:last-child) { margin-bottom:50px; }
	.esg-commmon .info-box > dl > dt { width:100%; }
	.esg-commmon .info-box > dl > dt h4 { font-size:22px; }
	.esg-commmon .info-box > dl > dd { width:100%; margin-top:20px; }
	.esg-commmon .info-box > dl > dd .txt { font-size:16px;}
	.esg-commmon .info-box > dl > dd .sbox { margin-top:20px; padding:20px; border-radius:5px; }
	.esg-commmon .info-box > dl > dd .txtbox { padding-left:30px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl:not(:last-child) { margin-bottom:15px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl > dt { font-size:18px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl > dd { margin-top:8px; font-size:16px; }
	.esg-commmon .info-box > dl > dd .txtbox > dl > dd li:not(:last-child) { margin-bottom:8px; }
	.esg-commmon .info-box > dl > dd .list > ul { gap:30px; }
	.esg-commmon .info-box > dl > dd .list > ul > li { width:calc((100% - 30px) / 2); }
	.esg-commmon .info-box > dl > dd .list > ul > li .box { gap:0 10px; }
	.esg-commmon .info-box > dl > dd .list > ul > li .box > div { width:calc((100% - 10px) / 2); }
	.esg-commmon .info-box > dl > dd .list > ul > li .txt_b { margin-top:20px; font-size:16px; }
	.esg-commmon .listbox { margin-top:50px; }
	.esg-commmon .listbox > ul > li .box { padding:30px 0; }
	.esg-commmon .listbox > ul > li:fist-child .box { padding-top:13px; }
	.esg-commmon .listbox > ul > li .box .num { width:100px; font-size:46px; }
	.esg-commmon .listbox > ul > li .box dl { width:calc(100% - 100px); padding-right:70px; }
	.esg-commmon .listbox > ul > li .box dt { font-size:20px; }
	.esg-commmon .listbox > ul > li .box dd { margin-top:12px; font-size:16px; }
	.esg-commmon .listbox > ul > li .box dd li { padding-left:10px; }
	.esg-commmon .listbox > ul > li .box dd li:before { top:9px; width:5px; }
	.esg-commmon .listbox > ul > li .box .icon img { width:60px; }
	.esg-commmon .listbox > ul > li .box .stxt { width:calc(100% - 100px); padding-right:70px; font-size:16px; }
	.esg-safety .safety-bg,
	.esg-environmental .environmental-bg { margin-top:40px; }
	.esg-safety .txt_bt { margin-top:50px; font-size:16px; }
}
@media screen and (max-width:640px){
	.esg-commmon .info-box > dl:not(:last-child) { margin-bottom:40px; }
	.esg-commmon .info-box > dl > dt h4 { font-size:20px; }
	.esg-commmon .info-box > dl > dd { margin-top:20px; }
	.esg-commmon .info-box > dl > dd .txt { font-size:16px;}
	.esg-commmon .info-box > dl > dd .sbox { margin-top:10px; padding:15px; }
	.esg-commmon .info-box > dl > dd .sbox .i-box { width:100%; }
	.esg-commmon .info-box > dl > dd .sbox .txtbox { width:100%; }
	.esg-commmon .info-box > dl > dd .txtbox { padding-left:0; margin-top:20px; width:100% }
	.esg-commmon .info-box > dl > dd .list > ul { gap:20px; }
	.esg-commmon .info-box > dl > dd .list > ul > li { width:100%; }
	.esg-commmon .info-box > dl > dd .list > ul > li .txt_b { margin-top:10px; }
	.esg-commmon .listbox { margin-top:40px; }
	.esg-commmon .listbox > ul > li .box { padding:20px 0; }
	.esg-commmon .listbox > ul > li:fist-child .box { padding-top:10px; }
	.esg-commmon .listbox > ul > li .box .num { width:60px; font-size:34px; }
	.esg-commmon .listbox > ul > li .box dl { width:calc(100% - 60px); padding-right:60px; }
	.esg-commmon .listbox > ul > li .box dd { margin-top:10px; }
	.esg-commmon .listbox > ul > li .box .icon img { width:45px; }
	.esg-commmon .listbox > ul > li .box .stxt { width:calc(100% - 60px); padding-right:60px; }
	.esg-safety .safety-bg,
	.esg-environmental .environmental-bg { margin-top:30px; }
	.esg-safety .txt_bt { margin-top:40px; }
}

/* animation */
.esg-commmon .info-box > dl { opacity:0; }
.esg-commmon .info-box > dl:first-child { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-commmon .info-box > dl.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-commmon .listbox { opacity:0; }
.esg-commmon .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

.esg-governance { overflow:hidden; }
.esg-governance .governance-1 { margin-top:70px; background:#f5f5f5; padding:85px 5px; }
.esg-governance .governance-1 .circle-box { position:relative; width:720px; height:695px; margin:0 auto; }
.esg-governance .governance-1 .circle-box:before { content:""; display:block; z-index:2; width:494px; height:494px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:494px; border:2px dashed #ccc;}
.esg-governance .governance-1 .circle-box .circle { position:absolute; z-index:2; width:300px; height:300px; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:300px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); }
.esg-governance .governance-1 .circle-box .circle .txt { margin-top:4px; }
.esg-governance .governance-1 .circle-box .circle .txt h5 { color:#fff; font-size:28px; font-weight:700; line-height:1.3; }
.esg-governance .governance-1 .circle-box .circle.c { background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); margin-top:2%; z-index:5; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); }
.esg-governance .governance-1 .circle-box .circle.c:before { content:""; display:block; z-index:2; width:256px; height:256px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:256px; border:1px dashed var(--mainColor);}
.esg-governance .governance-1 .circle-box .circle.c h4 { color:var(--mainColor); font-size:36px; font-weight:700; line-height:1.3; }
.esg-governance .governance-1 .circle-box .circle.c span { display:block; margin-top:4px; color:#999; font-size:20px; font-weight:600; line-height:1.3; }
.esg-governance .governance-1 .circle-box .circle.c1 { background:#90c5ee; left:50%; top:0; transform:translate(-50%, 0); padding-bottom:7% }
.esg-governance .governance-1 .circle-box .circle.c2 { background:#346a9d; right:0; bottom:0; }
.esg-governance .governance-1 .circle-box .circle.c3 { background:var(--mainColor); left:0; bottom:0; }
.esg-governance .listbox { margin-top:70px; }
.esg-governance .listbox > ul { display:flex; flex-wrap:wrap; gap:20px; }
.esg-governance .listbox > ul > li { width:calc((100% - 40px) / 3); border:1px solid #ddd; display:flex; justify-content:center; text-align:center; padding:50px 10px 40px; }
.esg-governance .listbox > ul > li .txtbox .txt-1 { margin-top:20px; color:#333; font-size:22px; font-weight:600; line-height:1.5; }
.esg-governance .listbox > ul > li .txtbox .txt-2 { margin-top:15px; color:#333; font-size:18px; font-weight:400; line-height:1.6; }
.esg-governance .listbox > ul > li .txtbox .txt-2 strong { font-weight:700; color:var(--mainColor) }
.esg-governance .governance-2 { margin-top:150px; }
.esg-governance .governance-bg { margin-top:50px; height:510px; width:100vw; }
.esg-governance .governance-bg { position:relative; margin-top:50px; top:0; left:0; height:510px; width:100vw; }
.esg-governance .governance-bg .imgbox { background-image:url(/img/sub/governance_bg.jpg); }
.esg-governance .governance-bg .imgbox { background-position:center 0; background-repeat:no-repeat; background-size:cover; height:100%; width:100%; }
.esg-governance .governance-bg .imgbox:after { content:""; display:block; width:100%; height:100%; background:linear-gradient(180deg, #fff 0%, #f9f9f9 100%); position:absolute; right:0; bottom:0; }
.esg-governance .governance-bg.subOn .imgbox:after { animation:ani_w100 1.2s 0.2s; animation-fill-mode:both; }
@media screen and (max-width:1640px){
	.sticky-img { left:-20px; }
}
@media screen and (max-width:1560px){
	.esg-governance .governance-1 { margin-top:60px; padding:70px 5px; }
	.esg-governance .listbox { margin-top:60px; }
	.esg-governance .listbox > ul { gap:20px; }
	.esg-governance .listbox > ul > li { width:calc((100% - 40px) / 3); padding:40px 10px 40px; }
	.esg-governance .listbox > ul > li .txtbox .txt-1 { margin-top:15px; font-size:21px; }
	.esg-governance .listbox > ul > li .txtbox .txt-2 { margin-top:12px; font-size:17px; }
	.esg-governance .governance-2 { margin-top:130px; }
	.esg-governance .governance-bg { margin-top:40px; }
}
@media screen and (max-width:1280px){
	.esg-governance .governance-1 { margin-top:50px; padding:60px 5px; }
	.esg-governance .governance-1 .circle-box { width:510px; height:490px; }
	.esg-governance .governance-1 .circle-box:before { width:340px; height:340px; }
	.esg-governance .governance-1 .circle-box .circle { width:220px; height:220px; }
	.esg-governance .governance-1 .circle-box .circle .icon img { width:55px; }
	.esg-governance .governance-1 .circle-box .circle .txt h5 { font-size:23px; }
	.esg-governance .governance-1 .circle-box .circle.c:before { width:180px; height:180px; }
	.esg-governance .governance-1 .circle-box .circle.c h4 { font-size:26px; }
	.esg-governance .governance-1 .circle-box .circle.c span { font-size:17px; }
	.esg-governance .listbox { margin-top:50px; }
	.esg-governance .listbox > ul { gap:10px; }
	.esg-governance .listbox > ul > li { width:calc((100% - 20px) / 3); padding:30px 10px 30px; }
	.esg-governance .listbox > ul > li .txtbox .txt-1 { margin-top:12px; font-size:19px; }
	.esg-governance .listbox > ul > li .txtbox .txt-2 { margin-top:10px; font-size:16px; }
	.esg-governance .listbox > ul > li .txtbox .txt-2 br { display:none }
	.esg-governance .governance-2 { margin-top:100px; }
	.esg-governance .governance-bg { margin-top:20px; height:480px;}
	.esg-governance .governance-bg .imgbox { background-position:90% 0; }
}
@media screen and (max-width:1024px){
	.esg-governance .governance-1 { margin-top:40px; padding:50px 5px; }
	.esg-governance .listbox { margin-top:40px; }
	.esg-governance .listbox > ul { gap:10px; }
	.esg-governance .listbox > ul > li { width:calc((100% - 20px) / 3); padding:20px 10px 30px; }
	.esg-governance .listbox > ul > li .icon img { width:80px; }
	.esg-governance .listbox > ul > li .txtbox .txt-1 { margin-top:12px; font-size:17px; }
	.esg-governance .listbox > ul > li .txtbox .txt-2 { margin-top:10px; font-size:15px; }
	.esg-governance .governance-2 { margin-top:80px; height:420px; }
}
@media screen and (max-width:760px){
	.esg-governance .listbox > ul > li { width:100%; }
}
@media screen and (max-width:640px){
	.esg-governance .governance-1 { margin-top:30px; padding:40px 5px; }
	.esg-governance .governance-1 .circle-box { width:346px; height:320px; }
	.esg-governance .governance-1 .circle-box:before { width:240px; height:240px; }
	.esg-governance .governance-1 .circle-box .circle { width:140px; height:140px; }
	.esg-governance .governance-1 .circle-box .circle .icon img { width:50px; }
	.esg-governance .governance-1 .circle-box .circle .txt { margin:0; }
	.esg-governance .governance-1 .circle-box .circle .txt h5 { font-size:19px; }
	.esg-governance .governance-1 .circle-box .circle.c:before { width:120px; height:120px; }
	.esg-governance .governance-1 .circle-box .circle.c h4 { font-size:22px; }
	.esg-governance .governance-1 .circle-box .circle.c span { font-size:16px; }
	.esg-governance .listbox { margin-top:30px; }
	.esg-governance .listbox > ul > li { padding:20px 10px 20px; }
	.esg-governance .listbox > ul > li .icon img { width:70px; }
	.esg-governance .listbox > ul > li .txtbox .txt-1 { margin-top:10px; font-size:16px; }
	.esg-governance .listbox > ul > li .txtbox .txt-2 { margin-top:8px; font-size:15px; }
	.esg-governance .governance-2 { margin-top:80px; height:300px; }
}
/* animation */
.esg-governance .esg-txtCont { opacity:0; }
.esg-governance .esg-txtCont { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-governance .governance-1 { opacity:0; }
.esg-governance .governance-1.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-governance .listbox > ul > li { opacity:0; }
.esg-governance .listbox.subOn > ul > li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.esg-governance .listbox.subOn > ul > li:nth-child(2) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.esg-governance .listbox.subOn > ul > li:nth-child(3) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.esg-governance .listbox.subOn > ul > li:nth-child(4) { animation:ani_4 0.8s 1.2s; animation-fill-mode:both; }
.esg-governance .governance-2 { opacity:0; }
.esg-governance .governance-2.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.report-box { overflow:hidden }
.report-box .guide-box { margin-bottom:50px; overflow:hidden }
.report-box .guide-box > dl { display:flex; flex-wrap:wrap; }
.report-box .guide-box > dl > dt { width:380px; color:#111; font-size:45px; font-weight:600; line-height:1.3; }
.report-box .guide-box > dl > dt h4 { font-weight:600; }
.report-box .guide-box > dl > dd { width:calc(100% - 380px); } 
.report-box .guide-box > dl > dd .list li:not(:last-child) { margin-bottom:10px; }
.report-box .guide-box > dl > dd .list li { position:relative; padding-left:12px; color:#333; font-size:20px; font-weight:300; line-height:1.5; }
.report-box .guide-box > dl > dd .list li:before { content:""; display:block; position:absolute; left:0; top:14px; width:6px; height:1px; background:#333; }
.report-box .guide-box > dl > dd .btn a { margin-top:40px !important; }
.report-box .guide-box > dl > dd .txt_b { margin-top:24px; color:#555; font-size:18px; font-weight:300; line-height:1.5; }
.report-box .report-bg .imgbox { background-image:url(/img/sub/report_bg.jpg); }
@media screen and (max-width:1280px){
	.report-box .guide-box { margin-bottom:40px; }
	.report-box .guide-box > dl > dt { width:300px; font-size:28px; }
	.report-box .guide-box > dl > dd { width:calc(100% - 300px); } 
	.report-box .guide-box > dl > dd .list li { padding-left:12px; font-size:18px; }
	.report-box .guide-box > dl > dd .list li:before { top:12px; width:5px; }
	.report-box .guide-box > dl > dd .btn a { margin-top:35px !important; }
	.report-box .guide-box > dl > dd .txt_b { margin-top:20px; font-size:17px; }
}
@media screen and (max-width:1024px){
	.report-box .guide-box { margin-bottom:30px; }
	.report-box .guide-box > dl > dt { width:220px; font-size:22px; }
	.report-box .guide-box > dl > dd { width:calc(100% - 220px); } 
	.report-box .guide-box > dl > dd .list li:not(:last-child) { margin-bottom:7px; }
	.report-box .guide-box > dl > dd .list li { padding-left:10px; font-size:16px; }
	.report-box .guide-box > dl > dd .list li:before { top:10px; width:5px; }
	.report-box .guide-box > dl > dd .btn a { margin-top:30px !important; }
	.report-box .guide-box > dl > dd .txt_b { font-size:16px; }
}
@media screen and (max-width:640px){
	.report-box .guide-box > dl > dt { width:100%; font-size:20px; }
	.report-box .guide-box > dl > dd { width:100%; margin-top:10px; } 
	.report-box .guide-box > dl > dd .list li:not(:last-child) { margin-bottom:7px; }
	.report-box .guide-box > dl > dd .list li { padding-left:10px; font-size:16px; }
	.report-box .guide-box > dl > dd .list li:before { top:10px; width:5px; }
	.report-box .guide-box > dl > dd .btn a { margin-top:20px !important; }
	.report-box .guide-box > dl > dd .txt_b { font-size:16px; }
}

/* animation */
.report-box .guide-box { opacity:0; }
.report-box .guide-box { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }

.report-box .report-ip h4 { color:#222; font-size:24px; font-weight:700; line-height:1.3; }
.report-box .report-ip .privacy-box { margin-top:25px; padding:0; border:1px solid #dbdbdb; }
.report-box .report-ip .privacy-box p { color:#777; font-size:17px; font-weight:400; line-height:1.7; padding-bottom:20px; }
.report-box .report-ip .privacy-box p:not(:last-child) { margin-bottom:0; }
.report-box .report-ip .privacy-box p strong { font-weight:400; display:block; margin-bottom:5px; }
.report-box .report-ip .privacy-box .scroll-box { height:450px; padding:40px 30px; }
.report-box .report-ip .ch { margin-top:40px; display:flex; justify-content:flex-end; }
.report-box .report-ip .ch label { position:relative; margin:0; padding:0 0 0 30px; }
.report-box .report-ip .ch input[type="checkbox"],
.report-box .report-ip .ch input[type="radio"]{ opacity:0; position:absolute; left:0; top:0; }
.report-box .report-ip .ch input[type="checkbox"] + span,
.report-box .report-ip .ch input[type="radio"] + span { font-weight:400; font-size:18px; line-height:1.4 !important; color:#000; }
.report-box .report-ip .ch input[type="checkbox"] + span:before  { content:''; display:block; width:20px; height:20px; vertical-align:middle; transition:all 0.3s; background:#fff; border:1px solid #bbb; position:absolute; left:0; top:3px; }
.report-box .report-ip .ch input[type="radio"] + span:before { content:''; display:block; width:18px; height:18px; vertical-align:middle; transition:all 0.3s; background:none; border:2px solid #ddd; border-radius:50px; position:absolute; left:0; top:-2px; }
.report-box .report-ip .ch input[type="radio"] + span:after { content:''; display:block; width:8px; height:8px; vertical-align:middle; transition:all 0.3s; background:none; border:none; border-radius:50px; position:absolute; left:7px; top:5px; }
.report-box .report-ip .ch input[type="checkbox"]:checked + span:before { border:1px solid var(--mainColor); background:var(--mainColor) url(/img/sub/ch_on.png) center center no-repeat; }
.report-box .report-ip .ch input[type="radio"]:checked + span:after { background:var(--mainColor); }
.report-box .report-ip .ch input[type="radio"]:checked + span:before { }
.report-box .report-ip .report-top { padding:50px; background:#f6f8fa; }
.report-box .report-ip .report-top dl { display:flex; flex-wrap:wrap; }
.report-box .report-ip .report-top dt { width:365px; color:var(--mainColor); font-size:24px; font-weight:700; line-height:1.3; }
.report-box .report-ip .report-top dd li:not(:last-child) { margin-bottom:12px; }
.report-box .report-ip .report-top dd li { position:relative; color:#333; font-size:19px; font-weight:400; line-height:1.3; padding-left:20px; }
.report-box .report-ip .report-top dd li span { position:absolute; top:0; left:0; } 
@media screen and (max-width:1280px){
	.report-box .report-ip h4 { font-size:20px; }
	.report-box .report-ip .privacy-box { margin-top:20px; }
	.report-box .report-ip .privacy-box p { font-size:16px; padding-bottom:10px; } 
	.report-box .report-ip .privacy-box .scroll-box { height:400px; padding:30px 20px; }
	.report-box .report-ip .ch input[type="checkbox"] + span,
    .report-box .report-ip .ch input[type="radio"] + span { font-size:18px; }
}
@media screen and (max-width:1024px){
	.report-box .report-ip h4 { font-size:18px; }
	.report-box .report-ip .privacy-box { margin-top:15px; }
	.report-box .report-ip .privacy-box p { font-size:15px; padding-bottom:8px; } 
	.report-box .report-ip .privacy-box .scroll-box { height:300px; padding:20px 15px; }
	.report-box .report-ip .ch { margin-top:20px; }
	.report-box .report-ip .ch input[type="checkbox"] + span { font-size:16px; }
    .report-box .report-ip .ch input[type="radio"] + span { font-size:16px; }
	.report-box .report-ip .ch input[type="checkbox"] + span:before  { width:18px; height:18px; top:0; }
	.report-box .report-ip .ch input[type="radio"] + span:before { top:-2px; }
	.report-box .report-ip .ch input[type="radio"] + span:after { top:6px; }
}
@media screen and (max-width:640px){
	.report-box .report-ip .privacy-box { margin-top:10px; }
}

.report-box .report-ip { opacity:0; }
.report-box .report-ip { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }

.report-box .ipCont { margin-top:80px; }
.report-box .ipCont input[type="text"],
.report-box .ipCont input[type="password"] { height:60px; padding:0 20px; width:100%; font-size:17px; color:#666; font-weight:400; border:none; outline:none; background:#f6f6f6; border-radius:0; }
.report-box .ipCont input.ip02 { }
.report-box .ipCont select { width:100%; height:60px; line-height:60px; padding:0 50px 0 0; font-size:17px; color:#666; font-weight:400; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.report-box .ipCont select::-ms-expand { display: none; }
.report-box .ipCont textarea { width:100%; height:180px; line-height:1.6; padding:20px; font-size:17px; color:#666; font-weight:400; resize:none; border:none; outline:none; background:#f6f6f6; border-radius:0; }
.report-box .ipCont table { margin-top:36px; border:1px solid #dbdbdb; border-width:1px 0 0 1px; background:#fff; }
.report-box .ipCont table tbody th { border:1px solid #dbdbdb; border-width:0 1px 1px 0; background:#f8f8f8; text-align:left; padding-left:40px; }
.report-box .ipCont table tbody th strong { color:#222; font-size:20px; font-weight:400; line-height:1.3; }
.report-box .ipCont table tbody th strong span { color:#e20303; font-weight:400; }
.report-box .ipCont table tbody td { border:1px solid #dbdbdb; border-width:0 1px 1px 0; background:#fff; text-align:left; padding:30px; }
.report-box .ipCont table tbody td.td_p { padding-left:75px }
.report-box .ipCont table tbody td .ch { margin:0; display:block; }
.report-box .ipCont table tbody td .ch-list li:not(:last-child) { margin-bottom:15px; }
.report-box .ipCont table tbody td .ch-list li { color:#666; font-size:16px; font-weight:300; line-height:1.3; vertical-align:middle }
.report-box .ipCont table tbody td .ch-list li .stxt { font-weight:300; }
.report-box .ipCont table tbody td .ch-list li label { margin-right:15px; }
.report-box .ipCont table tbody td .ip-list { margin:-15px 0; display:flex; flex-wrap:wrap; gap:0 30px; }
.report-box .ipCont table tbody td .ip-list li.full { width:100%; }
.report-box .ipCont table tbody td .ip-list input[type="text"] { width:300px; }
.report-box .ipCont table tbody td .ip-list li.full input[type="text"] { width:715px; }
.report-box .ipCont table tbody td .ip-list label { margin-right:15px; text-align:right; display:inline-block; color:#222; font-size:18px; font-weight:300; line-height:1.3; vertical-align:middle }
.report-box .ipCont table tbody td .ip-list li:nth-child(2) label { min-width:70px; }
.report-box .ipCont .ipbox { margin:-15px 0; display:flex; align-items:center; min-height:60px; font-size:18px; color:#222; font-weight:400; }
.report-box .ipCont .ipbox .file-box { width:100%; }
.report-box .ipCont .ipbox .ipcont { position:relative; display:flex; flex-wrap:wrap; align-items:center; }
.report-box .ipCont .ipbox .ipcont:not(:last-child) { margin-bottom:10px; }
.report-box .ipCont .ipbox .ipcont .upload-name { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:400px; height:60px; outline:none; border:none; padding:0 0 0 155px; font-size:16px; color:#333; background:none; border-radius:0; }
/*.report-box .ipCont .ipbox .ipcont .upload-name.on { background:url(/img/sub/file_icon.svg) left center no-repeat; }*/
.report-box .ipCont .ipbox .ipcont .file { position:absolute; left:0; top:0; width:135px; height:60px; background:#fff; border:1px solid var(--mainColor); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.report-box .ipCont .ipbox .ipcont .file span{ text-align:center; font-size:16px; color:var(--mainColor); font-weight:300; line-height:1.3; }
.report-box .ipCont .ipbox .ipcont .file input{display:none}
.report-box .ipCont .ipbox .ipcont .stxt { color:#666; font-size:16px; font-weight:300; line-height:1.3; width:calc(100% - 400px); padding-left:20px; }
.report-box .ipCont .ip-code { display:flex; }
.report-box .ipCont .ip-code img { height:60px !important; }
.report-box .ipCont .ip-code .btn { position:absolute; right:0; top:0; height:100%; width:50px; border:none; outline:none; background:none }
.report-box .ipCont .ip-code .btn i { color:#555; font-size:18px; }
@media screen and (max-width:1280px){
	.report-box .ipCont { margin-top:60px; }
	.report-box .ipCont table .c1 { width:200px !important; }
	.report-box .ipCont table tbody td .ip-list input[type="text"] { width:245px; }
	.report-box .ipCont table tbody td .ip-list li.full input[type="text"] { width:605px; }
}
@media screen and (max-width:1024px){
	.report-box .ipCont { margin-top:40px; }
	.report-box .ipCont input[type="text"],
	.report-box .ipCont input[type="password"] { height:50px; padding:0 10px; font-size:16px; }
	.report-box .ipCont select { height:50px; line-height:50px;}
	.report-box .ipCont textarea { height:180px; line-height:1.6; padding:20px; font-size:16px; }
	.report-box .ipCont table .c1 { width:160px !important; }
	.report-box .ipCont table tbody th { padding-left:20px; }
	.report-box .ipCont table tbody th strong { font-size:18px; }
	.report-box .ipCont table tbody td { padding:20px; }
	.report-box .ipCont table tbody td.td_p { padding-left:58px }
	.report-box .ipCont table tbody td .ch { margin:0; display:block; }
	.report-box .ipCont table tbody td .ch-list li:not(:last-child) { margin-bottom:10px; }
	.report-box .ipCont table tbody td .ch-list li { font-size:15px; }
	.report-box .ipCont table tbody td .ch-list li label { margin-right:12px; }
	.report-box .ipCont table tbody td .ip-list { margin:-12px 0; gap:0 20px; }
	.report-box .ipCont table tbody td .ip-list input[type="text"] { width:180px; }
	.report-box .ipCont table tbody td .ip-list li.full input[type="text"] { width:457px; }
	.report-box .ipCont table tbody td .ip-list label { margin-right:12px; font-size:16px; }
	.report-box .ipCont table tbody td .ip-list li:nth-child(2) label { min-width:65px; }
	.report-box .ipCont .ipbox { margin:-12px 0; min-height:50px; font-size:16px; }
	.report-box .ipCont .ipbox .ipcont:not(:last-child) { margin-bottom:5px; }
	.report-box .ipCont .ipbox .ipcont .upload-name { width:300px; height:50px; padding:0 0 0 120px; font-size:16px; }
	.report-box .ipCont .ipbox .ipcont .file { width:110px; height:50px; }
	.report-box .ipCont .ipbox .ipcont .file span { font-size:16px; }
	.report-box .ipCont .ipbox .ipcont .stxt { font-size:16px; width:calc(100% - 300px); padding-left:15px; }
	.report-box .ipCont .ip-code img { height:50px !important; }
}
@media screen and (max-width:860px){
	.report-box .ipCont table tbody tr { display:flex; flex-wrap:wrap; flex-direction:column; }
	.report-box .ipCont table tbody th { padding:20px 0 20px 15px; }
	.report-box .ipCont table tbody td { padding:10px 15px; }
	.report-box .ipCont table tbody td.td_p { padding-left:52px }
	.report-box .ipCont table tbody td .ip-list,
	.report-box .ipCont .ipbox { margin:0; }
	.report-box .ipCont .ipbox .ipcont .upload-name { width:100%; } 
	.report-box .ipCont .ipbox .ipcont .stxt { width:100%; padding:20px 0 0; }
}
@media screen and (max-width:640px){
	.report-box .ipCont table tbody th { padding:20px 0 20px 10px; }
	.report-box .ipCont table tbody td { padding:10px; }
	.report-box .ipCont table tbody td.td_p { padding-left:10px }
	.report-box .ipCont table tbody td .ip-list { gap:10px; }
	.report-box .ipCont table tbody td .ip-list li { width:calc((100% - 10px) / 2); }
	.report-box .ipCont table tbody td .ip-list li.full { width:100%; }
	.report-box .ipCont table tbody td .ip-list input[type="text"] { width:100%; margin-top:5px; }
	.report-box .ipCont table tbody td .ip-list li.full input[type="text"] { width:100%; }
	.report-box .ipCont table tbody td .ip-list label { margin-right:0; text-align:left; }
	.report-box .ipCont table tbody td .ip-list li:nth-child(2) label { min-width:auto; }
	.report-box .ipCont table tbody td .ch-list li .stxt { display:block; padding:5px 0 0 25px; }
}


.os-theme-dark > .os-scrollbar, 
.os-theme-light > .os-scrollbar { padding:0; width:4px; background:#fff; border-radius:4px; }
.os-theme-dark > .os-scrollbar-vertical, 
.os-theme-light > .os-scrollbar-vertical { width:4px }
.os-theme-dark > .os-scrollbar-horizontal, 
.os-theme-light > .os-scrollbar-horizontal { width:100%; height:4px; background:#dbdbdb; }
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#dbdbdb; width:4px; border-radius:4px; }
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-track > .os-scrollbar-handle, 
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-track > .os-scrollbar-handle{ background:#222 !important; }
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#222; border-radius:4px; opacity:1}

/* pr */
.video-box { border-top:1px solid #ddd; }
.video-box .video-top { padding:60px 0; margin:0 auto; max-width:1170px; }
.video-box .video-top .movbox { position:relative; overflow:hidden; }
.video-box .video-top .movbox:before { content:""; display:block; padding-bottom:56.5%; }
.video-box .video-top .movbox .btn-play { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:3; cursor:pointer; }
.video-box .video-top .movbox .btn-play span { width:92px; height:92px; border-radius:92px; display:flex; justify-content:center; align-items:center; }
.video-box .video-top .movbox .btn-play span img { margin-left:2%; }
.video-box .video-top .mov { display:none; position:relative; }
.video-box .video-top .mov:before { content:""; display:block; padding-bottom:56.5%; }
.video-box .video-top .youtube { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; overflow:hidden; }
.video-box .video-top .imgbox { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.video-box .video-top .txtbox { margin-top:40px; }
.video-box .video-top .txtbox .txt { margin-top:10px; color:#222; letter-spacing:-0.04em; font-size:33px; font-weight:600; line-height:1.7; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.video-box .video-top .txtbox .date { display:block; font-family:var(--mainFont); color:#999; font-size:18px; font-weight:400; line-height:1.5; }
.video-box .video-top .txtbox .date span { font-weight:400; display:inline-block; margin-left:20px; padding-left:20px; position:relative; }
.video-box .video-top .txtbox .date span:before { content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:13px; background:#999; }
.video-box .listbox { padding:40px 150px 0 150px; border-top:1px solid #ddd;  }
.video-box .listbox .swiper-container { position:relative; overflow:hidden; padding-bottom:130px; }
.video-box .listbox .swiper-slide { position:relative; cursor:pointer; }
.video-box .listbox .swiper-slide .imgbox { position:relative; transition:all 0.4s; overflow:hidden; }
.video-box .listbox .swiper-slide .imgbox:before { content:""; display:block; padding-bottom:52.4%; }
.video-box .listbox .swiper-slide .imgbox:after { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1; transition:all 0.4s; opacity:0; }
.video-box .listbox .swiper-slide .imgbox:hover:after { opacity:1;  }
.video-box .listbox .swiper-slide .imgbox img { transition:all 0.4s ease-in-out; transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.video-box .listbox .swiper-slide .txtbox { margin-top:18px; }
.video-box .listbox .swiper-slide .txtbox .txt { margin-top:6px; color:#222; letter-spacing:-0.04em; font-size:20px; font-weight:500; line-height:1.7; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.video-box .listbox .swiper-slide .txtbox .date { display:block; font-family:var(--mainFont); color:#999; font-size:16px; font-weight:400; line-height:1.5; }
.video-box .listbox .swiper-slide .txtbox .date span { font-weight:400; display:inline-block; margin-left:14px; padding-left:14px; position:relative; }
.video-box .listbox .swiper-slide .txtbox .date span:before { content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:13px; background:#999; }
.video-box .listbox .swiper-slide .imgbox .play { z-index:2; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:48px; height:48px; border-radius:50px; border:1px solid #fff; background:url(/img/main/icon_play.svg) center center no-repeat; }
.video-box .listbox .swiper-slide:hover .imgbox img { transform:scale(1.1); }
.video-box .listbox .btn-box { position:absolute; right:0; bottom:0; z-index:5; display:flex; gap:0 38px; }
.video-box .listbox .btn-box .btn { transition:all 0.3s; width:60px; height:60px; position:relative; top:unset; margin:0; left:unset; right:unset; bottom:unset; border:1px solid #999; overflow:hidden; text-indent:-9999em; background:url(/img/sub/swiper_arr.svg) center center no-repeat; }
.video-box .listbox .btn-box .btn:hover { border:1px solid var(--mainColor); background:url(/img/sub/swiper_arr_on.svg) center center no-repeat; }
.video-box .listbox .swiper-button-next { transform:rotate(180deg); }
.video-box .listbox .swiper-pagination { position:absolute; top:unset; bottom:30px; left:0; width:calc(100% - 170px); z-index:3; height:1px; background:#e5e5e5; }
.video-box .listbox .swiper-pagination .swiper-pagination-progressbar-fill { background:var(--mainColor); height:3px; margin-top:-1px;}
.video-box .download_b { margin-top:130px; display:flex; align-items:center; }
.video-box .download_b h4 { color:#111; font-size:40px; font-weight:600; line-height:1.5; }
.video-box .download_b .download { position:relative; overflow:hidden; margin-left:167px; }
.video-box .download_b .download a { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center; width:230px; height:60px; border:1px solid var(--mainColor); transition:all 0.5s ease-in-out; }
.video-box .download_b .download a span.txt:after { content:""; display:block; z-index:2; width:24px; height:24px; transition:all 0.5s; position:absolute; right:0; top:50%; transform:translate(0, -50%); background:url(/img/sub/icon_down.svg) center center no-repeat; }
.video-box .download_b .download a span.txt { position:relative; z-index:2; padding:0 10px; display:block; padding-right:34px; color:var(--mainColor); font-size:17px; font-weight:600; line-height:1.3; transition:all 0.5s; }
.video-box .download_b .download a span.box { position:absolute; left:-1px; top:-115%; transform:rotate(25deg); width:100%; height:100%; transition:all 0.5s ease-in-out; }
.video-box .download_b .download a span.box span { display:block; width:0; height:430%; background:#fff; transition:all 0.4s; transition:all 0.5s ease-in-out; }
.video-box .download_b .download a:hover span.txt:after { background:url(/img/sub/icon_down_on.svg) center center no-repeat; }
.video-box .download_b .download a:hover span.txt { color:#fff; }
.video-box .download_b .download a:hover span.box span  { width:250%; height:430%; background:var(--mainColor); }
@media screen and (max-width:1560px){
	.video-box .video-top { padding:50px 0;}
	.video-box .listbox { padding:35px 100px 0 100px }
}
@media screen and (max-width:1280px){
	.video-box .video-top { padding:40px 0;}
	.video-box .listbox { padding:35px 60px 0 60px }
	.video-box .video-top .txtbox { margin-top:35px; }
	.video-box .video-top .txtbox .txt { margin-top:10px; font-size:27px; }
	.video-box .video-top .txtbox .date { font-size:17px; }
	.video-box .video-top .txtbox .date span { margin-left:18px; padding-left:18px; }
	.video-box .video-top .txtbox .date span:before { height:13px; }
	.video-box .listbox .swiper-container { padding-bottom:120px; }
	.video-box .listbox .swiper-slide .txtbox { margin-top:15px; }
	.video-box .listbox .swiper-slide .txtbox .txt { margin-top:6px; font-size:19px; }
	.video-box .listbox .swiper-slide .txtbox .date { font-size:16px; }
	.video-box .listbox .swiper-slide .txtbox .date span { margin-left:14px; padding-left:14px; }
	.video-box .listbox .swiper-slide .txtbox .date span:before { height:13px; }
	.video-box .listbox .swiper-slide .imgbox .play { width:48px; height:48px; }
	.video-box .listbox .btn-box { gap:0 30px; }
	.video-box .listbox .btn-box .btn { width:54px; height:54px; }
	.video-box .listbox .swiper-pagination { bottom:30px; width:calc(100% - 150px); }
	.video-box .download_b { margin-top:110px; }
	.video-box .download_b h4 { font-size:36px; }
	.video-box .download_b .download {  margin-left:150px; }
	.video-box .download_b .download a { width:210px; height:60px; }
}
@media screen and (max-width:1024px){
	.video-box .video-top { padding:30px 0;}
	.video-box .listbox { padding:30px 0 0 0 }
	.video-box .video-top .txtbox { margin-top:30px; }
	.video-box .video-top .txtbox .txt { margin-top:8px; font-size:24px; }
	.video-box .video-top .txtbox .date { font-size:16px; }
	.video-box .video-top .txtbox .date span { margin-left:15px; padding-left:15px; }
	.video-box .video-top .txtbox .date span:before { height:11px; }
	.video-box .listbox .swiper-container { padding-bottom:100px; }
	.video-box .listbox .swiper-slide .txtbox { margin-top:12px; }
	.video-box .listbox .swiper-slide .txtbox .txt { margin-top:6px; font-size:18px; }
	.video-box .listbox .swiper-slide .txtbox .date { font-size:15px; }
	.video-box .listbox .swiper-slide .txtbox .date span { margin-left:12px; padding-left:12px; }
	.video-box .listbox .swiper-slide .txtbox .date span:before { height:11px; }
	.video-box .listbox .swiper-slide .imgbox .play { width:42px; height:42px; }
	.video-box .listbox .btn-box { gap:0 15px; }
	.video-box .listbox .btn-box .btn { width:50px; height:50px; }
	.video-box .listbox .swiper-pagination { bottom:25px; width:calc(100% - 130px); }
	.video-box .download_b { margin-top:80px; }
	.video-box .download_b h4 { font-size:30px; }
	.video-box .download_b .download {  margin-left:100px; }
	.video-box .download_b .download a { width:200px; height:55px; }
}
@media screen and (max-width:640px){
	.video-box .video-top .txtbox { margin-top:20px; }
	.video-box .video-top .txtbox .txt { margin-top:4px; font-size:21px; }
	.video-box .video-top .txtbox .date { font-size:16px; }
	.video-box .listbox .swiper-slide .txtbox { margin-top:10px; }
	.video-box .listbox .swiper-slide .txtbox .txt { margin-top:4px; font-size:17px; }
	.video-box .listbox .swiper-slide .txtbox .date { font-size:14px; }
	.video-box .listbox .btn-box { gap:0 5px; }
	.video-box .listbox .btn-box .btn { width:45px; height:45px; }
	.video-box .listbox .swiper-pagination { bottom:25px; width:calc(100% - 110px); }
	.video-box .download_b { margin-top:60px; display:block }
	.video-box .download_b h4 { font-size:24px; }
	.video-box .download_b .download {  margin-left:0; margin-top:20px; }
	.video-box .download_b .download a { width:200px; height:55px; }
}

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

/* recruit */
.recruit-box .tit h4 { color:#111; font-size:45px; font-weight:600; line-height:1.3; letter-spacing:-0.05em }
.recruit-box .tit.tit1 h4 { color:var(--mainColor); }
.recruit-topbox { color:#111; font-size:60px; font-weight:300; line-height:1.5; letter-spacing:-0.05em }
.recruit-topbox strong { color:var(--mainColor); font-weight:800; }
.talent-box { overflow:hidden; padding-bottom:30px; margin-bottom:-30px; }
.talent-box .tit-1 { margin-top:150px; }
.talent-box .talent-process { position:relative; margin-top:60px; }
.talent-box .talent-process .tit { position:absolute; top:40px; }
.talent-box .talent-process .circle-box { width:1172px; height:1172px; margin:0 auto; display:flex; justify-content:center; align-items:center; }
.talent-box .talent-process .circle-box .logo { display:flex; justify-content:center; align-items:center; width:352px; height:352px; border-radius:352px; background:#fff; box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.talent-box .talent-process .circle-box .line-1 { display:flex; justify-content:center; align-items:center; padding:96px; border-radius:500px; background:var(--mainColor); opacity:0.7 }
.talent-box .talent-process .circle-box .line-2 { display:flex; justify-content:center; align-items:center; padding:92px; border-radius:500px; border:1px dashed #aaa; }
.talent-box .talent-process .circle-box .line-3 { display:flex; justify-content:center; align-items:center; padding:120px; border-radius:1000px; border:1px dashed #c3d5eb; }
.talent-box .talent-process .circle-box .line-4 { display:flex; justify-content:center; align-items:center; padding:102px; border-radius:1000px; border:1px dashed #ededed; }
.talent-box .talent-process .circle-box .info { position:absolute; display:flex; }
.talent-box .talent-process .circle-box .info.p1 { left:calc(50% - 132px); top:110px; width:calc(100% - (50% - 132px)); }
.talent-box .talent-process .circle-box .info.p2 { left:calc(50% + 145px); bottom:240px; width:calc(100% - (50% + 145px)); }
.talent-box .talent-process .circle-box .info.p3 { right:calc(50% + 145px); bottom:240px; width:calc(100% - (50% + 145px)); justify-content:flex-end; }
.talent-box .talent-process .circle-box .info .icon { cursor:pointer; position:relative; z-index:2; width:264px; height:264px; background:#fff; border-radius:264px; transition:all 0.3s }
.talent-box .talent-process .circle-box .info .icon .sbox {  position:relative; z-index:2; width:100%; height:100%; background:#fff; border-radius:264px; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center }
.talent-box .talent-process .circle-box .info .icon:before { opacity:1; content:""; display:block; position:absolute; top:50%; left:50%; background:rgba(27, 28, 128, 0.25); transform:translate(-50%, -50%); width:298px; height:298px; border-radius:298px; transition:all 0.3s; }
.talent-box .talent-process .circle-box .info .icon img { transition:all 0.3s }
.talent-box .talent-process .circle-box .info .icon strong { display:block; color:var(--mainColor); font-size:28px; font-weight:700; line-height:1.3; margin-top:8px; }
.talent-box .talent-process .circle-box .info.p1 .icon:before { animation:circle_ani 2.5s 0.5s infinite; }
.talent-box .talent-process .circle-box .info.p2 .icon:before { animation:circle_ani 2.5s 0.1s infinite; }
.talent-box .talent-process .circle-box .info.p3 .icon:before { animation:circle_ani 2.5s 0.8s infinite;}
.talent-box .talent-process .circle-box .info.active .icon:before { opacity:0; }
.talent-box .talent-process .circle-box .info.p1 .icon,
.talent-box .talent-process .circle-box .info.p2 .icon,
.talent-box .talent-process .circle-box .info.p3 .icon { border:2px solid var(--mainColor); }
.talent-box .talent-process .circle-box .info.active .icon { background:#fff; }
.talent-box .talent-process .circle-box .info .txtbox { position:absolute; bottom:40px; width:calc(100% - 220px); padding-bottom:30px; border-bottom:1px solid #dadada; }
.talent-box .talent-process .circle-box .info .txtbox:before { content:""; display:block; position:absolute; bottom:-5px; width:10px; height:10px; border-radius:10px; }
.talent-box .talent-process .circle-box .info .txtbox h4 { display:none }
.talent-box .talent-process .circle-box .info .txtbox .txt-1 { color:#333; font-size:22px; font-weight:600; line-height:1.4; }
.talent-box .talent-process .circle-box .info .txtbox .txt-1 strong { position:relative; color:var(--mainColor); font-weight:600; display:inline-block }
.talent-box .talent-process .circle-box .info .txtbox .txt-1 strong:before { content:""; display:block; position:absolute; top:-4px; left:50%; transform:translateX(-50%); width:4px; height:4px; border-radius:4px; background:var(--mainColor); }
.talent-box .talent-process .circle-box .info .txtbox .txt-2 { margin-top:15px; color:#333; font-size:19px; font-weight:300; line-height:1.3; }
.talent-box .talent-process .circle-box .info .txtbox { opacity:0; transition:all 0.3s; z-index:-2 }
.talent-box .talent-process .circle-box .info.active .txtbox { opacity:1; z-index:1; }
.talent-box .talent-process .circle-box .info.p1 .txtbox { right:0; text-align:right; }
.talent-box .talent-process .circle-box .info.p1 .txtbox:before { right:0; background:#81a9cf; }
.talent-box .talent-process .circle-box .info.p2 .txtbox { right:0; text-align:right; }
.talent-box .talent-process .circle-box .info.p2 .txtbox:before { right:0; background:#346a9d; }
.talent-box .talent-process .circle-box .info.p3 .txtbox { left:0; text-align:left; }
.talent-box .talent-process .circle-box .info.p3 .txtbox:before { left:0; background:#1b1c80; }
.talent-box .talent-bg { margin-top:50px; }
.talent-box .talent-bg .imgbox { background-image:url(/img/sub/talent_bg.jpg); }
.talent-box .talent-list { padding-top:70px; position:relative; z-index:5; background:#fff }
.talent-box .talent-list h5 { color:#999; font-size:33px; font-weight:400; line-height:1.3; display:flex; justify-content:center; align-items:center; height:74px; background:#f4f4f4; }
.talent-box .talent-list h5 strong { color:var(--mainColor); font-size:33px; font-weight:600; margin-right:8px; }
.talent-box .talent-list .list { margin-top:30px; }
.talent-box .talent-list .list > ul { display:flex; flex-wrap:wrap; gap:20px 30px;}
.talent-box .talent-list .list > ul > li { width:calc((100% - 30px) / 2); border:1px solid #ddd; transition:all 0.3s }
.talent-box .talent-list .list > ul > li:hover { box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.10); border:1px solid #fff; }
.talent-box .talent-list .list > ul > li .box { display:flex; align-items:center; padding:50px 54px; }
.talent-box .talent-list .list > ul > li .box dl { padding-left:40px; }
.talent-box .talent-list .list > ul > li .box dt { color:var(--mainColor); font-size:33px; font-weight:600; line-height:1.3; transition:all 0.3s }
.talent-box .talent-list .list > ul > li .box .icon img { width:110px; }
.talent-box .talent-list .list > ul > li:hover .box dt { color:var(--mainColor); }
.talent-box .talent-list .list > ul > li .box dd { margin-top:15px; color:#333; font-size:22px; font-weight:300; line-height:1.5; }
@media screen and (max-width:1560px){
	.recruit-box .tit h4 { font-size:34px; }
	.recruit-topbox { font-size:50px; }
	.talent-box .tit-1 { margin-top:120px; }
	.talent-box .talent-process { margin-top:50px; }
	.talent-box .talent-process .tit { top:30px; }
	.talent-box .talent-process .circle-box { width:960px; height:960px; }
	.talent-box .talent-process .circle-box .logo { width:300px; height:300px; }
	.talent-box .talent-process .circle-box .line-1 { padding:70px; }
	.talent-box .talent-process .circle-box .line-2 { padding:70px; }
	.talent-box .talent-process .circle-box .line-3 { padding:90px; }
	.talent-box .talent-process .circle-box .line-4 { padding:75px; }
	.talent-box .talent-process .circle-box .info .icon { width:190px; height:190px; }
	.talent-box .talent-process .circle-box .info .icon:before { width:220px; height:220px; }
	.talent-box .talent-process .circle-box .info .icon strong { font-size:24px; }
	.talent-box .talent-process .circle-box .info .txtbox { bottom:40px; width:calc(100% - 160px); padding:0 0 20px 10%; }
	.talent-box .talent-process .circle-box .info.p1 { left:calc(50% - 95px); width:calc(100% - (50% - 95px)); }
	.talent-box .talent-process .circle-box .info.p3 .txtbox { padding:0 10% 20px 0; }
	.talent-box .talent-process .circle-box .info .txtbox .txt-1 { font-size:19px; }
	.talent-box .talent-process .circle-box .info .txtbox .txt-1 br { display:none }
	.talent-box .talent-process .circle-box .info .txtbox .txt-2 { margin-top:12px; font-size:17px; }
	.talent-box .talent-process .circle-box .info .txtbox .txt-2 br { display:none }
	.talent-box .talent-bg { margin-top:40px; }
	.talent-box .talent-list { padding-top:60px; }
	.talent-box .talent-list h5 { font-size:27px; height:70px; }
	.talent-box .talent-list h5 strong { font-size:27px; margin-right:7px; }
	.talent-box .talent-list .list { margin-top:20px; }
	.talent-box .talent-list .list > ul { gap:20px 20px;}
	.talent-box .talent-list .list > ul > li { width:calc((100% - 20px) / 2); }
	.talent-box .talent-list .list > ul > li .box { padding:40px; }
	.talent-box .talent-list .list > ul > li .box dl { padding-left:30px; }
	.talent-box .talent-list .list > ul > li .box dt { font-size:27px; }
	.talent-box .talent-list .list > ul > li .box dd { margin-top:12px; font-size:20px; }
}
@media screen and (max-width:1280px){
	.recruit-box .tit h4 { font-size:28px; }
	.recruit-topbox { font-size:38px; }
	.talent-box .tit-1 { margin-top:100px; }
	.talent-box .talent-process .tit { top:60px; }
	.talent-box .talent-process .circle-box { width:800px; height:800px; }
	.talent-box .talent-process .circle-box .logo { width:240px; height:240px; }
	.talent-box .talent-process .circle-box .logo img { width:115px; }
	.talent-box .talent-process .circle-box .line-1 { padding:50px; }
	.talent-box .talent-process .circle-box .line-2 { padding:50px; }
	.talent-box .talent-process .circle-box .line-3 { padding:70px; }
	.talent-box .talent-process .circle-box .line-4 { padding:55px; }
	.talent-box .talent-process .circle-box .info.p1 { left:calc(50% - 85px); top:90px; width:calc(100% - (50% - 85px)); }
	.talent-box .talent-process .circle-box .info.p2 { left:calc(50% + 95px); bottom:180px; width:calc(100% - (50% + 95px)); }
	.talent-box .talent-process .circle-box .info.p3 { right:calc(50% + 95px); bottom:180px; width:calc(100% - (50% + 95px));  }
	.talent-box .talent-process .circle-box .info .icon { width:170px; height:170px; }
	.talent-box .talent-process .circle-box .info .icon:before { width:190px; height:190px; }
	.talent-box .talent-process .circle-box .info .icon strong { font-size:20px; }
	.talent-box .talent-process .circle-box .info .icon img { width:86px; }
	.talent-box .talent-process .circle-box .info .txtbox { bottom:30px; width:calc(100% - 140px); }
	.talent-box .talent-process .circle-box .info .txtbox:before { bottom:-4px; width:8px; height:8px; }
	.talent-box .talent-process .circle-box .info .txtbox .txt-1 { font-size:18px; }
	.talent-box .talent-process .circle-box .info .txtbox .txt-2 { margin-top:10px; font-size:16px; }
	.talent-box .talent-list h5 { font-size:24px; height:68px; }
	.talent-box .talent-list h5 strong { font-size:24px; margin-right:6px; }
	.talent-box .talent-list .list { margin-top:20px; }
	.talent-box .talent-list .list > ul { gap:15px;}
	.talent-box .talent-list .list > ul > li { width:calc((100% - 15px) / 2); }
	.talent-box .talent-list .list > ul > li .box { padding:30px; }
	.talent-box .talent-list .list > ul > li .box dl { padding-left:25px; }
	.talent-box .talent-list .list > ul > li .box dt { font-size:24px; }
	.talent-box .talent-list .list > ul > li .box dd { margin-top:10px; font-size:18px; }
	.talent-box .talent-list .list > ul > li .box dd br { display:none }
}
@media screen and (max-width:1024px){
	.recruit-box .tit h4 { font-size:22px; }
	.recruit-topbox { font-size:26px; }
	.talent-box .tit-1 { margin-top:80px; }
	.talent-box .talent-process .tit { top:40px; }
	.talent-box .talent-process .circle-box { width:auto; height:auto; display:block }
	.talent-box .talent-process .circle-box .logo { width:240px; height:240px; border:20px solid #f6f6f6; }
	.talent-box .talent-process .circle-box .logo img { width:115px; }
	.talent-box .talent-process .circle-box .line-1 { margin:0 auto; background:none; padding:0; }
	.talent-box .talent-process .circle-box .line-2,
	.talent-box .talent-process .circle-box .line-3,
	.talent-box .talent-process .circle-box .line-4 { padding:0; border:none; display:block }
	.talent-box .talent-process .circle-box .info.p1,
	.talent-box .talent-process .circle-box .info.p2,
	.talent-box .talent-process .circle-box .info.p3 { position:relative; left:unset; right:unset; top:unset; bottom:unset; width:100%; justify-content:flex-start; }
	.talent-box .talent-process .circle-box .info { align-items:center; margin-top:20px; }
	.talent-box .talent-process .circle-box .info .icon { width:150px; height:150px;  }
	.talent-box .talent-process .circle-box .info .icon:before { display:none }
	.talent-box .talent-process .circle-box .info .icon strong { font-size:19px; display:none }
	.talent-box .talent-process .circle-box .info .icon img { width:75px; }
	.talent-box .talent-process .circle-box .info .icon { opacity:1; }
	.talent-box .talent-process .circle-box .info.active .icon img { opacity:1; }
	.talent-box .talent-process .circle-box .info.p1.active .icon,
	.talent-box .talent-process .circle-box .info.p2.active .icon,
	.talent-box .talent-process .circle-box .info.p3.active .icon { background:var(--mainColor); border:2px solid var(--mainColor); }
	.talent-box .talent-process .circle-box .info .txtbox { opacity:1; z-index:1; width:calc(100% - 190px); padding:0 0 0 30px !important; position:relative; bottom:unset; text-align:left !important; border:none }
	.talent-box .talent-process .circle-box .info .txtbox:before { display:none  }
	.talent-box .talent-process .circle-box .info .txtbox h4 { display:block; color:#111; font-size:25px; font-weight:600; line-height:1.3; margin-bottom:7px; }
	.talent-box .talent-process .circle-box .info.p1 .txtbox h4,
	.talent-box .talent-process .circle-box .info.p2 .txtbox h4,
	.talent-box .talent-process .circle-box .info.p3 .txtbox h4 { color:var(--mainColor); }
	.talent-box .talent-process .circle-box .info .txtbox .txt-1 { font-size:18px; }
	.talent-box .talent-process .circle-box .info .txtbox .txt-2 { margin-top:10px; font-size:16px; }
	.talent-box .talent-bg { margin-top:30px; }
	.talent-box .talent-list { padding-top:40px; }
	.talent-box .talent-list h5 { font-size:21px; height:65px; }
	.talent-box .talent-list h5 strong { font-size:21px; }
	.talent-box .talent-list .list { margin-top:15px; }
	.talent-box .talent-list .list > ul { gap:10px;}
	.talent-box .talent-list .list > ul > li { width:calc((100% - 10px) / 2); }
	.talent-box .talent-list .list > ul > li .box { padding:20px; }
	.talent-box .talent-list .list > ul > li .box .icon img { width:85px; }
	.talent-box .talent-list .list > ul > li .box dl { padding-left:20px; }
	.talent-box .talent-list .list > ul > li .box dt { font-size:21px; }
	.talent-box .talent-list .list > ul > li .box dd { margin-top:10px; font-size:16px; }
}
@media screen and (max-width:760px){
	.talent-box .talent-list .list { margin-top:10px; }
	.talent-box .talent-list .list > ul > li { width:100%; }
}
@media screen and (max-width:640px){
	.recruit-box .tit h4 { font-size:20px; }
	.recruit-topbox { font-size:22px; }
	.talent-box .tit-1 { margin-top:60px; }
	.talent-box .talent-process { margin-top:20px; }
	.talent-box .talent-process .tit { top:20px; }
	.talent-box .talent-process .circle-box { width:auto; height:auto; display:block }
	.talent-box .talent-process .circle-box .logo { width:220px; height:220px; }
	.talent-box .talent-process .circle-box .logo img { width:100px; }
	.talent-box .talent-process .circle-box .line-1 { width:240px; height:240px; }
	.talent-box .talent-process .circle-box .info { margin-top:15px; }
	.talent-box .talent-process .circle-box .info .icon { width:100px; height:100px; }
	.talent-box .talent-process .circle-box .info .icon img { width:50px; }
	.talent-box .talent-process .circle-box .info .txtbox { width:calc(100% - 100px); padding:0 0 0 18px !important; }
	.talent-box .talent-process .circle-box .info .txtbox h4 { font-size:22px; margin-bottom:5px; }
	.talent-box .talent-process .circle-box .info .txtbox .txt-1 { font-size:16px; }
	.talent-box .talent-process .circle-box .info .txtbox .txt-2 { margin-top:8px; font-size:14px; }
	.talent-box .talent-bg { margin-top:20px; }
	.talent-box .talent-list { padding-top:30px; }
	.talent-box .talent-list .list { margin-top:10px; }
	.talent-box .talent-list .list > ul { gap:10px;}
	.talent-box .talent-list .list > ul > li .box { padding:20px 15px; }
	.talent-box .talent-list .list > ul > li .box .icon img { width:75px; }
	.talent-box .talent-list .list > ul > li .box dl { padding-left:15px; }
	.talent-box .talent-list .list > ul > li .box dd { margin-top:8px; }
}

/* animation */
.recruit-topbox { opacity:0; }
.recruit-topbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.talent-box .talent-process .circle-box .line-2 { opacity:0; }
.talent-box .talent-process .circle-box.subOn .line-2 { animation:circleLine_ani1 1.2s 0.5s; animation-fill-mode:both; }
.talent-box .talent-list { opacity:0; }
.talent-box .talent-list.subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }

@keyframes circleLine_ani1 {
	0% { padding:0; }
	100% { padding:96px; opacity:1; }
}
@keyframes circle_ani {
	0% { width:298px; height:298px; }
	50% { width:264px; height:264px; }
	100% { width:298px; height:298px; }
}
@media screen and (max-width:1560px){
	@keyframes circleLine_ani1 {
		0% { padding:0; }
		100% { padding:70px; opacity:1; }
	}
	@keyframes circle_ani {
		0% { width:190px; height:190px; }
		50% { width:230px; height:220px; }
		100% { width:190px; height:190px; }
	}
}
@media screen and (max-width:1280px){
	@keyframes circleLine_ani1 {
		0% { padding:0; }
		100% { padding:50px; opacity:1; }
	}
	@keyframes circle_ani {
		0% { width:170px; height:170px; }
		50% { width:190px; height:190px; }
		100% { width:170px; height:170px; }
	}
}
@media screen and (max-width:1024px){
	@keyframes circleLine_ani1 {
		0% { padding:0; }
		100% { padding:0; opacity:1; }
	}
	@keyframes circle_ani {
		0% { width:170px; height:170px; }
		50% { width:170px; height:170px; }
		100% { width:170px; height:170px; }
	}
}

.welfare-box .assessment-system { margin-top:100px; }
.welfare-box .assessment-system .asbox { margin-top:50px; background:#f8f8f8; padding:70px 150px; }
.welfare-box .assessment-system .asbox h5 { text-align:center; color:#111; font-size:32px; font-weight:600; line-height:1.3; }
.welfare-box .assessment-system .asbox .listbox { display:flex; margin-top:30px; padding:22px 28px; background:#fff; }
.welfare-box .assessment-system .asbox .listbox .l-box { width:90px; }
.welfare-box .assessment-system .asbox .listbox .l-box ul { display:flex; flex-wrap:wrap; gap:15px; padding-top:20px; }
.welfare-box .assessment-system .asbox .listbox .l-box li { position:relative; color:#fff; font-size:20px; font-weight:700; line-height:1.3; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; }
.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(1) { height:70px; background:var(--mainColor); padding-bottom:20px; }
.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(2) { background:rgba(52, 106, 157, 1); }
.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(3) { background:rgba(129, 169, 207, 1); }
.welfare-box .assessment-system .asbox .listbox .l-box li:before { content:""; display:block; position:absolute; left:0; top:-20px; z-index:1; border-style:solid; border-width:0 45px 20px 45px; }
.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(1):before { border-color:transparent transparent var(--mainColor) transparent; }
.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(2):before { border-color:transparent transparent rgba(52, 106, 157, 1) transparent; }
.welfare-box .assessment-system .asbox .listbox .l-box li:after { content:""; display:block; position:absolute; left:0; bottom:0; z-index:1; border-style:solid; border-width:0 45px 20px 45px; border-color:transparent transparent #fff transparent; }
.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(3):after { display:none }
.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(3):before { border-color:transparent transparent rgba(129, 169, 207, 1) transparent; }
.welfare-box .assessment-system .asbox .listbox .r-box { width:calc(100% - 90px); padding-left:20px; }
.welfare-box .assessment-system .asbox .listbox .r-box .a-top ul { display:flex; gap:20px; }
.welfare-box .assessment-system .asbox .listbox .r-box .a-top li { position:relative; color:#fff; font-size:24px; padding:0 20px; font-weight:600; line-height:1.3; width:calc((100% - 20px) / 2); height:90px; display:flex; align-items:center; justify-content:center; text-align:center; background:var(--mainColor); }
.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(1):before { content:""; display:block; position:absolute; right:-30px; top:0; z-index:1; border-style:solid; border-width:45px 0px 45px 30px; border-color:transparent transparent transparent var(--mainColor); }
.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(2):before { content:""; display:block; position:absolute; left:0; top:0; border-style:solid; border-width:45px 0px 45px 30px; border-color:transparent transparent transparent #fff; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-1 { margin-top:16px; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul { display:flex; flex-wrap:wrap; gap:14px; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li { position:relative; width:calc((100% - 56px) / 5); border:1px solid #ddd; padding:38px 5px; display:flex; justify-content:center; text-align:center; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dt { margin-top:8px; color:#333; font-size:19px; font-weight:600; line-height:1.3; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dd { margin-top:10px; color:#999; font-size:15px; font-weight:400; line-height:1.3; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-2 { margin-top:14px; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul { display:flex; flex-wrap:wrap; gap:14px; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li { width:calc((100% - 14px) / 2); border:1px solid #ddd; padding:40px; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dt { color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd { margin-top:20px; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li:not(:last-child) { margin-bottom:10px; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li { position:relative; padding-left:13px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li:before { content:""; display:block; position:absolute; left:0; top:10px; width:6px; height:1px; background:#666; }
.welfare-box .reward-box { margin-top:150px; }
.welfare-box .reward-box .listbox { margin-top:50px; }
.welfare-box .reward-box .listbox ul { display:flex; justify-content:center; text-align:center; gap:0 124px; }
.welfare-box .reward-box .listbox ul li { text-align:center; }
.welfare-box .reward-box .listbox ul li .circle-box { position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; width:318px; height:318px; border-radius:318px; border:none; background:var(--mainColor) }
.welfare-box .reward-box .listbox ul li .circle-box:before { content:"+"; display:block; position:absolute; top:50%; left:-80px; transform:translateY(-50%); color:var(--mainColor); font-size:50px; font-weight:400; line-height:1.3; }
.welfare-box .reward-box .listbox ul li:first-child .circle-box:before { display:none }
.welfare-box .reward-box .listbox ul li .circle-box .stxt { margin-top:6px; color:#fff; font-size:35px; font-weight:500; line-height:1.3; }
.welfare-box .reward-box .listbox ul li .txtbox { margin-top:30px; color:#333; font-size:20px; font-weight:600; line-height:1.5; }
.welfare-box .relegation-box { margin-top:150px; padding:150px 0; background:#f8f8f8; }
.welfare-box .relegation-box .stxt { margin-top:30px; color:#333; font-size:22px; font-weight:300; line-height:1.3; }
.welfare-box .relegation-box .stxt strong { font-weight:700; }
.welfare-box .relegation-box .listbox { margin-top:70px; }
.welfare-box .relegation-box .listbox .process-box { position:relative; }
.welfare-box .relegation-box .listbox .process-box .line { position:relative; height:10px; }
.welfare-box .relegation-box .listbox .process-box .line:before { content:""; display:block; position:absolute; top:0; left:0; width:0; height:100%; background:linear-gradient(90deg, #418ec9 0%, #1a4a6a 100%); }
.welfare-box .relegation-box .listbox .process-box .line:after { content:""; display:block; position:absolute; top:-9px; right:calc(100% - 23px); width:23px; height:28px; background:url(/img/sub/relegation_arr.svg) center center no-repeat; }
.welfare-box .relegation-box .listbox .process-box ul { display:flex; }
.welfare-box .relegation-box .listbox .process-box ul li { width:calc(100% / 6); display:flex; justify-content:flex-end; color:#333; font-size:22px; font-weight:500; line-height:1.3; }
.welfare-box .relegation-box .listbox .process-box ul li strong { position:relative; padding-top:36px; font-weight:500; }
.welfare-box .relegation-box .listbox .process-box ul li strong:before { content:""; display:block; position:absolute; top:-10px; left:50%; transform:translateX(-50%); width:10px; height:10px; border-radius:10px; background:#fff; }
.welfare-box .relegation-box .listbox .box { position:relative; margin-top:115px; display:flex; justify-content:space-between;}
.welfare-box .relegation-box .listbox .box .cbox { display:flex; padding:20px; border:1px solid #bbb; border-radius:330px; }
.welfare-box .relegation-box .listbox .box .cbox-f { display:flex; padding:20px; border:1px solid var(--mainColor); border-radius:330px; left:-32px; }
.welfare-box .relegation-box .listbox .box .circle-box { position:relative; width:330px; height:330px; border-radius:330px; display:flex; justify-content:center; align-items:center; text-align:center; }
.welfare-box .relegation-box .listbox .box .circle-box .txt { color:#fff; font-size:26px; font-weight:600; line-height:1.3; }
.welfare-box .relegation-box .listbox .box .circle-box.c3 .txt { color:#fff; }
.welfare-box .relegation-box .listbox .box .circle-box.c1 { background:rgba(69, 152, 218, 0.8); z-index:2; }
.welfare-box .relegation-box .listbox .box .circle-box.c2 { background:var(--mainColor); margin-left:-330px; }
.welfare-box .relegation-box .listbox .box .circle-box.c3 { background:var(--mainColor); }
.welfare-box .relegation-box .listbox .box .arr { position:absolute; left:calc((330px * 2) + 40px - 30px); top:50%; transform:translateY(calc(-50% - 0.5px)); width:calc(100% - ((330px * 2) + 40px - 30px) - 373px); height:1px; }
.welfare-box .relegation-box .listbox .box .arr:before { content:""; display:block; position:absolute; left:0; top:0; height:2px; background:var(--mainColor); }
.welfare-box .relegation-box .listbox .box .arr:after { content:""; display:block; position:absolute; top:-7px; right:0; margin-right:-1px; width:16px; height:16px; background:url(/img/sub/relegation_arr1.svg) right center no-repeat; }
.welfare-box .benefit-box { margin-top:150px; }
.welfare-box .benefit-box .listbox { margin-top:50px; }
.welfare-box .benefit-box .listbox > ul { display:flex; flex-wrap:wrap; gap:20px; }
.welfare-box .benefit-box .listbox > ul > li { position:relative; width:calc((100% - 80px) / 5); transition:all 0.3s; height:377px; }
.welfare-box .benefit-box .listbox > ul > li.half { width:calc((100% - 20px) / 2); height:405px; }
.welfare-box .benefit-box .listbox > ul > li .box { position:relative; overflow:hidden; padding:70px 0; height:100%; border:1px solid #e1e1e1; background:#fff; display:flex; justify-content:center; flex-direction:column; align-items:center; text-align:center; transition:all 0.3s 0.5s; }
.welfare-box .benefit-box .listbox > ul > li dl { width:100%; background:rgba(255,255,255,0.5); padding:2px 3px; display:block; width:100%; text-align:center }
.welfare-box .benefit-box .listbox > ul > li dt { margin-top:13px; color:var(--mainColor); font-size:33px; font-weight:600; line-height:1.3; transition:all 0.3s 0.4s;  }
.welfare-box .benefit-box .listbox > ul > li dd { margin-top:12px; color:#333; font-size:22px; font-weight:300; line-height:1.3; transition:all 0.3s 0.4s; }
.welfare-box .benefit-box .listbox > ul > li .box .bg { opacity:0; transition:all 0.3s 0.5s; }
.welfare-box .benefit-box .listbox > ul > li .box .bg span { position:absolute; top:0; left:-80%; display:block; z-index:1; width:300%; height:100%; clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%); transition:all 0.8s ease-in-out; background:var(--mainColor); }
.welfare-box .benefit-box .listbox > ul > li .icon { transition:all 0.3s 0.4s; }
.welfare-box .benefit-box .listbox > ul > li:hover { box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.10); }
.welfare-box .benefit-box .listbox > ul > li:hover .box { border:1px solid #fff; background:rgba(255,255,255,0); transition:all 0.3s 0.2s; }
.welfare-box .benefit-box .listbox > ul > li:hover .box .bg { opacity:1; transition:all 0.3s 0.2s;}
.welfare-box .benefit-box .listbox > ul > li:hover .box .bg span { left:-380%; }
.welfare-box .benefit-box .listbox > ul > li:hover dt { color:var(--mainColor); transition:all 0.3s 0.2s; }
.welfare-box .benefit-box .listbox > ul > li:hover dd { color:var(--mainColor); transition:all 0.3s 0.2s; }
.welfare-box .benefit-box .listbox > ul > li:hover .icon { transition:all 0.3s 0.2s; opacity:0 }
.welfare-box .benefit-box .listbox > ul > li:hover .icon svg { transition:all 0.3s 0.2s; }
/*
.welfare-box .benefit-box .listbox > ul > li:nth-child(1) .box .bg,
.welfare-box .benefit-box .listbox > ul > li:nth-child(1) .box,
.welfare-box .benefit-box .listbox > ul > li:nth-child(1) dl,
.welfare-box .benefit-box .listbox > ul > li:nth-child(1) .icon { transition:all 0.5s 0.1s; display:block }
.welfare-box .benefit-box .listbox > ul > li:nth-child(1):hover .box .bg,
.welfare-box .benefit-box .listbox > ul > li:nth-child(1):hover .box,
.welfare-box .benefit-box .listbox > ul > li:nth-child(1):hover dl,
.welfare-box .benefit-box .listbox > ul > li:nth-child(1):hover .icon { opacity:0 }
*/
/* .welfare-box .benefit-box .listbox > ul > li:hover .icon { filter:brightness(0) invert(1); transition:all 0.3s 0.2s } */
.welfare-box .benefit-box .listbox > ul > li:nth-child(1) { background:url(/img/sub/welfare_benefit_bg01_01_n3.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(2) { background:url(/img/sub/welfare_benefit_bg01_02_n.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(3) { background:url(/img/sub/welfare_benefit_bg01_03_n.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(4) { background:url(/img/sub/welfare_benefit_bg01_04_n.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(5) { background:url(/img/sub/welfare_benefit_bg01_05_n.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(6) { background:url(/img/sub/welfare_benefit_bg01_06_n.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(7) { background:url(/img/sub/welfare_benefit_bg01_07_n1.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(8) { background:url(/img/sub/welfare_benefit_bg01_08_n.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(9) { background:url(/img/sub/welfare_benefit_bg01_09_n.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(10) { background:url(/img/sub/welfare_benefit_bg01_10_n3.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(11) { background:url(/img/sub/welfare_benefit_bg01_11_n.jpg) no-repeat center / cover; }
.welfare-box .benefit-box .listbox > ul > li:nth-child(12) { background:url(/img/sub/welfare_benefit_bg01_12_n3.jpg) no-repeat center / cover; }
@media screen and (max-width:1560px){
	.welfare-box .assessment-system { margin-top:80px; }
	.welfare-box .assessment-system .asbox { margin-top:40px; padding:50px 80px; }
	.welfare-box .assessment-system .asbox h5 { font-size:28px; }
	.welfare-box .assessment-system .asbox .listbox { margin-top:25px; padding:22px 25px; }
	.welfare-box .reward-box { margin-top:130px; }
	.welfare-box .reward-box .listbox { margin-top:40px; }
	.welfare-box .reward-box .listbox ul { gap:0 100px; }
	.welfare-box .reward-box .listbox ul li .circle-box { width:300px; height:300px; }
	.welfare-box .reward-box .listbox ul li .circle-box:before { left:-68px; }
	.welfare-box .relegation-box { margin-top:130px; padding:130px 0; }
	.welfare-box .relegation-box .stxt { margin-top:25px; font-size:20px; }
	.welfare-box .relegation-box .listbox { margin-top:60px; }
	.welfare-box .relegation-box .listbox .box { margin-top:100px; }
	.welfare-box .relegation-box .listbox .box .cbox { border-radius:300px; }
	.welfare-box .relegation-box .listbox .box .circle-box { width:300px; height:300px; }
	.welfare-box .relegation-box .listbox .box .circle-box .txt { font-size:24px; }
	.welfare-box .relegation-box .listbox .box .circle-box.c2 { margin-left:-300px; }
	.welfare-box .relegation-box .listbox .box .arr { left:calc((300px * 2) + 40px - 30px); width:calc(100% - ((300px * 2) + 40px - 30px) - 341px); }
	.welfare-box .benefit-box { margin-top:130px; }
	.welfare-box .benefit-box .listbox { margin-top:40px; }
	.welfare-box .benefit-box .listbox > ul { gap:20px; }
	.welfare-box .benefit-box .listbox > ul > li { height:350px; }
	.welfare-box .benefit-box .listbox > ul > li.half { height:390px; }
	.welfare-box .benefit-box .listbox > ul > li .box { padding:60px 0; }
	.welfare-box .benefit-box .listbox > ul > li dt { font-size:27px; }
	.welfare-box .benefit-box .listbox > ul > li dd { font-size:20px; }
}
@media screen and (max-width:1280px){
	.welfare-box .assessment-system { margin-top:60px; }
	.welfare-box .assessment-system .asbox { margin-top:30px; padding:30px 50px; }
	.welfare-box .assessment-system .asbox h5 { font-size:24px; }
	.welfare-box .assessment-system .asbox .listbox { margin-top:20px; padding:20px; }
	.welfare-box .assessment-system .asbox .listbox .l-box { width:70px; }
	.welfare-box .assessment-system .asbox .listbox .l-box ul { gap:10px; padding-top:15px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li { font-size:18px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(1) { height:55px; padding-bottom:20px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li:before,
	.welfare-box .assessment-system .asbox .listbox .l-box li:after { border-width:0 35px 20px 35px; }
	.welfare-box .assessment-system .asbox .listbox .r-box { width:calc(100% - 70px); padding-left:10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top ul { gap:15px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li { font-size:22px; width:calc((100% - 15px) / 2); height:70px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(1):before,
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(2):before { border-width:35px 0px 35px 30px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 { margin-top:10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul { gap:10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li { width:calc((100% - 40px) / 5); padding:20px 5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dt { margin-top:5px; font-size:18px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dd { margin-top:8px; font-size:15px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 { margin-top:10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul { gap:10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li { width:calc((100% - 10px) / 2); padding:30px 10px 30px 20px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dt { font-size:19px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd { margin-top:12px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li:not(:last-child) { margin-bottom:8px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li { padding-left:11px; font-size:17px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li:before { width:5px; }
	.welfare-box .reward-box { margin-top:100px; }
	.welfare-box .reward-box .listbox { margin-top:30px; }
	.welfare-box .reward-box .listbox ul { gap:0 70px; }
	.welfare-box .reward-box .listbox ul li { width:240px; }
	.welfare-box .reward-box .listbox ul li .circle-box { width:240px; height:240px; }
	.welfare-box .reward-box .listbox ul li .circle-box:before { left:-50px; font-size:40px; }
	.welfare-box .reward-box .listbox ul li .circle-box .stxt { margin-top:5px; font-size:28px; }
	.welfare-box .reward-box .listbox ul li .txtbox { margin-top:20px; font-size:16px; }
	.welfare-box .relegation-box { margin-top:100px; padding:100px 0; }
	.welfare-box .relegation-box .stxt { margin-top:20px; font-size:19px; }
	.welfare-box .relegation-box .listbox { margin-top:50px; }
	.welfare-box .relegation-box .listbox .process-box .line { height:8px; }
	.welfare-box .relegation-box .listbox .process-box .line:after { top:-10px; right:calc(100% - 20px); width:20px; height:28px; background-size:20px auto; }
	.welfare-box .relegation-box .listbox .process-box ul li { font-size:19px; }
	.welfare-box .relegation-box .listbox .process-box ul li strong { padding-top:28px; }
	.welfare-box .relegation-box .listbox .process-box ul li strong:before { top:-8px; width:8px; height:8px; }
	.welfare-box .relegation-box .listbox .box { margin-top:90px; }
	.welfare-box .relegation-box .listbox .box .circle-box { width:250px; height:250px; }
	.welfare-box .relegation-box .listbox .box .circle-box .txt { font-size:22px; padding:0 30px; }
	.welfare-box .relegation-box .listbox .box .circle-box.c2 { margin-left:-250px; }
	.welfare-box .relegation-box .listbox .box .arr { left:calc((250px * 2) + 40px - 30px); width:calc(100% - ((250px * 2) + 40px - 30px) - 290px); }
	.welfare-box .benefit-box { margin-top:100px; }
	.welfare-box .benefit-box .listbox { margin-top:30px; }
	.welfare-box .benefit-box .listbox > ul { gap:15px; }
	.welfare-box .benefit-box .listbox > ul > li { width:calc((100% - 45px) / 4); }
	.welfare-box .benefit-box .listbox > ul > li .box { padding:50px 0; }
	.welfare-box .benefit-box .listbox > ul > li.half { width:calc((100% - 15px) / 2); }
	.welfare-box .benefit-box .listbox > ul > li,
	.welfare-box .benefit-box .listbox > ul > li.half { min-height:300px; height:auto; }
	.welfare-box .benefit-box .listbox > ul > li dt { margin-top:10px; font-size:24px; }
	.welfare-box .benefit-box .listbox > ul > li dd { margin-top:10px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.welfare-box .assessment-system { margin-top:40px; }
	.welfare-box .assessment-system .asbox { margin-top:20px; padding:20px; }
	.welfare-box .assessment-system .asbox h5 { font-size:22px; }
	.welfare-box .assessment-system .asbox .listbox { margin-top:15px; padding:10px; }
	.welfare-box .assessment-system .asbox .listbox .l-box { width:60px; }
	.welfare-box .assessment-system .asbox .listbox .l-box ul { gap:5px; padding-top:15px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li { font-size:17px;  }
	.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(1) { height:45px; padding-bottom:20px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li:before,
	.welfare-box .assessment-system .asbox .listbox .l-box li:after { border-width:0 30px 20px 30px; }
	.welfare-box .assessment-system .asbox .listbox .r-box { width:calc(100% - 60px); padding-left:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top ul { gap:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li { font-size:19px; width:calc((100% - 5px) / 2); height:60px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(1):before,
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(2):before { border-width:30px 0px 30px 30px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 { margin-top:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul { gap:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li { width:calc((100% - 20px) / 5); padding:15px 5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dt { margin-top:5px; font-size:17px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dd { margin-top:8px; font-size:14px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 { margin-top:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul { gap:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li { width:calc((100% - 5px) / 2); padding:20px 10px 20px 15px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dt { font-size:18px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd { margin-top:10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li:not(:last-child) { margin-bottom:6px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li { padding-left:11px; font-size:16px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li:before { width:5px; }
	.welfare-box .reward-box { margin-top:80px; }
	.welfare-box .reward-box .listbox { margin-top:20px; }
	.welfare-box .reward-box .listbox ul { gap:0 50px; }
	.welfare-box .reward-box .listbox ul li { width:180px; }
	.welfare-box .reward-box .listbox ul li .circle-box { width:180px; height:180px; }
	.welfare-box .reward-box .listbox ul li .circle-box:before { left:-32px; font-size:30px; }
	.welfare-box .reward-box .listbox ul li .circle-box .icon img { width:85px }
	.welfare-box .reward-box .listbox ul li .circle-box .stxt { margin-top:5px; font-size:24px; }
	.welfare-box .reward-box .listbox ul li .txtbox { margin-top:20px; font-size:16px; }
	.welfare-box .relegation-box { margin-top:80px; padding:80px 0; }
	.welfare-box .relegation-box .stxt { margin-top:20px; font-size:17px; }
	.welfare-box .relegation-box .listbox { margin-top:40px; }
	.welfare-box .relegation-box .listbox .process-box ul li strong { padding-top:24px; }
	.welfare-box .relegation-box .listbox .box { margin-top:70px; }
	.welfare-box .relegation-box .listbox .box .cbox,
	.welfare-box .relegation-box .listbox .box .cbox-f { padding:12px; }
	.welfare-box .relegation-box .listbox .box .circle-box { width:160px; height:160px; }
	.welfare-box .relegation-box .listbox .box .circle-box .txt { font-size:18px; padding:0 30px; }
	.welfare-box .relegation-box .listbox .box .circle-box.c2 { margin-left:-180px; }
	.welfare-box .relegation-box .listbox .box .arr { left:calc((160px * 2) + 24px - 30px); width:calc(100% - ((160px * 2) + 24px - 30px) - 184px); }
	.welfare-box .benefit-box { margin-top:80px; }
	.welfare-box .benefit-box .listbox { margin-top:20px; }
	.welfare-box .benefit-box .listbox > ul { gap:10px; }
	.welfare-box .benefit-box .listbox > ul > li { width:calc((100% - 20px) / 3); }
	.welfare-box .benefit-box .listbox > ul > li.half { width:100%; }
	.welfare-box .benefit-box .listbox > ul > li .box { padding:40px 0; }
	.welfare-box .benefit-box .listbox > ul > li dt { margin-top:8px; font-size:21px; }
	.welfare-box .benefit-box .listbox > ul > li dd { margin-top:8px; font-size:16px; }
	.welfare-box .benefit-box .listbox > ul > li .icon img { width:85px }
	.welfare-box .benefit-box .listbox > ul > li,
	.welfare-box .benefit-box .listbox > ul > li.half { min-height:250px; }
}
@media screen and (max-width:760px){
	.welfare-box .assessment-system .asbox { padding:15px 10px; }
	.welfare-box .assessment-system .asbox h5 { font-size:20px; }
	.welfare-box .assessment-system .asbox .listbox { margin-top:10px; padding:5px; }
	.welfare-box .assessment-system .asbox .listbox .l-box { width:44px; }
	.welfare-box .assessment-system .asbox .listbox .l-box ul { gap:5px; padding-top:15px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li { font-size:15px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(1) { height:39px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li:before,
	.welfare-box .assessment-system .asbox .listbox .l-box li:after { border-width:0 22px 20px 22px; }
	.welfare-box .assessment-system .asbox .listbox .r-box { width:calc(100% - 44px); padding-left:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li { font-size:16px; width:calc((100% - 5px) / 2); height:55px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(1):before,
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(2):before { border-width:28px 0px 27px 30px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(2) { padding-left:5%; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dt { margin-top:5px; font-size:14px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dd { margin-top:8px; font-size:13px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li .icon img { width:35px }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 { margin-top:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li { padding:20px 10px 20px 10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dt { font-size:15px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd { margin-top:10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li:not(:last-child) { margin-bottom:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li { padding-left:10px; font-size:14px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li:before { width:4px; }
}
@media screen and (max-width:640px){
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li { font-size:15px; }
	.welfare-box .reward-box { margin-top:60px; }
	.welfare-box .reward-box .listbox ul { gap:50px; flex-wrap:wrap; flex-direction:column; }
	.welfare-box .reward-box .listbox ul li { width:100%; }
	.welfare-box .reward-box .listbox ul li .circle-box { margin:0 auto }
	.welfare-box .reward-box .listbox ul li .circle-box:before { left:50%; top:-32px; transform:translate(-50%, -50%); }
	.welfare-box .reward-box .listbox ul li .circle-box .icon img { width:75px }
	.welfare-box .reward-box .listbox ul li .txtbox { margin-top:15px; }
	.welfare-box .relegation-box { margin-top:60px; padding:60px 0; }
	.welfare-box .relegation-box .stxt { margin-top:20px; font-size:16px; }
	.welfare-box .relegation-box .listbox { margin-top:40px; display:flex; justify-content:center; gap:0 50px; }
	.welfare-box .relegation-box .listbox .process-box { display:flex; }
	.welfare-box .relegation-box .listbox .process-box ul { display:block; }
	.welfare-box .relegation-box .listbox .process-box ul li { width:auto; height:calc(600px / 6); justify-content:flex-start; align-items:flex-end; }
	.welfare-box .relegation-box .listbox .process-box ul li strong { padding:0 0 0 18px; }
	.welfare-box .relegation-box .listbox .process-box ul li strong:before { top:50%; left:-8px; transform:translate(0, -50%); }
	.welfare-box .relegation-box .listbox .process-box .line { position:relative; height:600px; width:8px }
	.welfare-box .relegation-box .listbox .process-box .line:before { background:linear-gradient(180deg, #418ec9 0%, #1a4a6a 100%); }
	.welfare-box .relegation-box .listbox .process-box .line:after { transform:rotate(90deg); top:unset; left:-6px; }
	.welfare-box .relegation-box .listbox .box { margin-top:0; width:186px; display:flex; flex-direction:column; }
	.welfare-box .relegation-box .listbox .box .cbox,
	.welfare-box .relegation-box .listbox .box .cbox-f { width:186px; }
	.welfare-box .relegation-box .listbox .box .cbox { display:flex; flex-direction:column; }
	.welfare-box .relegation-box .listbox .box .circle-box.c2 { margin-left:0; }
	.welfare-box .relegation-box .listbox .box .arr { left:50%; transform:translate(0); top:calc((160px * 2) + 24px - 30px); height:calc(100% - ((160px * 2) + 24px - 30px) - 184px); width:1px; }
	.welfare-box .relegation-box .listbox .box .arr:after { transform:rotate(90deg); left:-8px; }
	.welfare-box .benefit-box { margin-top:60px; }
	.welfare-box .benefit-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.welfare-box .benefit-box .listbox > ul > li .box { padding:30px 0; }
	.welfare-box .benefit-box .listbox > ul > li .icon img { width:75px }
	.welfare-box .benefit-box .listbox > ul > li,
	.welfare-box .benefit-box .listbox > ul > li.half { min-height:200px; }
}
@media screen and (max-width:560px){
	.welfare-box .assessment-system .asbox {  padding:15px 5px; }
	/*
	.welfare-box .assessment-system .asbox h5 { font-size:17px; }
	.welfare-box .assessment-system .asbox .listbox { margin-top:10px; padding:0; }
	.welfare-box .assessment-system .asbox .listbox .l-box { width:36px; }
	.welfare-box .assessment-system .asbox .listbox .l-box ul { gap:5px; padding-top:15px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li { font-size:13px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(1) { height:45px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(2) { height:185px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li:nth-child(3) { height:200px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li:before,
	.welfare-box .assessment-system .asbox .listbox .l-box li:after { border-width:0 18px 20px 18px; }
	.welfare-box .assessment-system .asbox .listbox .r-box { width:calc(100% - 36px); padding-left:5px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li { font-size:13px; width:calc((100% - 5px) / 2); height:36px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(2) { padding-left:10px }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(1):before,
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li:nth-child(2):before { border-width:18px 0px 18px 30px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li { padding-top:10px; height:208px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dt { margin-top:5px; font-size:13px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dd { margin-top:8px; font-size:12px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li .icon img { width:30px }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li { padding:15px 5px 15px 10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dt { font-size:14px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd { margin-top:8px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li { padding-left:8px; font-size:13px; }
	*/
	.welfare-box .assessment-system .asbox h5 { font-size:15px; }
	.welfare-box .assessment-system .asbox .listbox .l-box li { font-size:12px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .a-top li { font-size:12px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dt { font-size:11px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dd { font-size:10px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dt { font-size:13px; }
	.welfare-box .assessment-system .asbox .listbox .r-box .list-2 > ul > li dd li { font-size:12px; }
}
@media screen and (max-width:440px){
	.welfare-box .assessment-system .asbox .listbox .r-box .list-1 > ul > li dt { min-height:45px; }
}


/* animation */
.welfare-box .assessment-system { opacity:0 }
.welfare-box .assessment-system.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.welfare-box .reward-box .listbox ul li { opacity:0 }
.welfare-box .reward-box.subOn .listbox ul li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.welfare-box .reward-box.subOn .listbox ul li:nth-child(2) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.welfare-box .reward-box.subOn .listbox ul li:nth-child(3) { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
.welfare-box .reward-box.subOn .listbox ul li:nth-child(4) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .process-box.subOn .line:before { animation:welfare_line 1.2s 0.2s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .process-box.subOn .line:after { animation:welfare_line_arr 1.2s 0.2s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .process-box ul li { opacity:0 }
.welfare-box .relegation-box .listbox .process-box.subOn ul li:nth-child(1) { animation:ani_5 0.8s 0.4s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .process-box.subOn ul li:nth-child(2) { animation:ani_5 0.8s 0.6s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .process-box.subOn ul li:nth-child(3) { animation:ani_5 0.8s 0.8s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .process-box.subOn ul li:nth-child(4) { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .process-box.subOn ul li:nth-child(5) { animation:ani_5 0.8s 1.2s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .process-box.subOn ul li:nth-child(6) { animation:ani_5 0.8s 1.4s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .box.subOn .circle-box.c2 { animation:welfare_circle1 0.8s 1.0s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .box.subOn .arr  { animation:ani_5 0.8s 1.6s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .box.subOn .arr:before { animation:welfare_line1 1.2s 1.8s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .box.subOn .arr:after { animation:welfare_line_arr1 1.2s 1.8s; animation-fill-mode:both; }
.welfare-box .relegation-box .listbox .box.subOn .cbox-f { animation:welfare_circle2 1.2s 1.9s; animation-fill-mode:both; }
.welfare-box .benefit-box { opacity:0; }
.welfare-box .benefit-box.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
@keyframes welfare_line {
	0% { width:0; }
	100% { width:calc(100% - 10px); }
}
@keyframes welfare_line_arr {
	0% { right:calc(100% - 23px); }
	100% { right:0; }
}
@keyframes welfare_line1 {
	0% { width:25px; }
	100% { width:100%;  }
}
@keyframes welfare_line_arr1 {
	0% { right:calc(100% - 25px); }
	100% { right:0; }
}
@keyframes welfare_circle1 {
	0% { margin-left:-330px; opacity:0; }
	100% { margin-left:-32px; opacity:1; }
}
@keyframes welfare_circle2 {
	0% { margin-right:50px; }
	100% { margin-right:0; }
}
@media screen and (max-width:1560px){
	@keyframes welfare_circle1 {
		0% { margin-left:-300px; opacity:0; }
		100% { margin-left:-32px; opacity:1; }
	}
}
@media screen and (max-width:1280px){
	@keyframes welfare_circle1 {
		0% { margin-left:-250px; opacity:0; }
		100% { margin-left:-32px; opacity:1; }
	}
}
@media screen and (max-width:1024px){
	@keyframes welfare_circle1 {
		0% { margin-left:-160px; opacity:0; }
		100% { margin-left:-32px; opacity:1; }
	}
}
@media screen and (max-width:640px){
	@keyframes welfare_line {
		0% { height:0; width:8px; }
		100% { height:calc(100% - 10px); width:8px; }
	}
	@keyframes welfare_line_arr {
		0% { top:0; right:unset }
		100% { top:calc(100% - 23px); right:unset }
	}
	@keyframes welfare_line1 {
		0% { width:1px; height:25px; }
		100% { width:1px; height:100%; }
	}
	@keyframes welfare_line_arr1 {
		0% { top:15px; right:unset }
		100% { top:calc(100% - 15px); right:unset }
	}
	@keyframes welfare_circle1 {
		0% { margin-left:0; margin-top:-160px; opacity:0; }
		100% { margin-left:0; margin-top:-32px; opacity:1; }
	}
}

.img-list .listbox > ul { display:flex; flex-wrap:wrap; gap:80px 24px; }
.img-list .listbox > ul > li { width:calc((100% - 72px) / 4); }
.img-list .listbox > ul > li .imgbox { transition:all 0.3s; position:relative; }
.img-list .listbox > ul > li:hover .imgbox { box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.16); }
.img-list .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:133.5%; }
.img-list .listbox > ul > li .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border:1px solid #ddd; }
.img-list .listbox > ul > li .txtbox { padding-top:30px; }
.img-list .listbox > ul > li .txtbox .type { color:var(--mainColor); font-size:16px; font-weight:600; line-height:1.3; }
.img-list .listbox > ul > li .txtbox h4 { margin-top:10px; color:#222; font-size:20px; font-weight:500; line-height:1.5; }
.img-list .listbox > ul > li .txtbox h4 br { display:none }
@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 { padding-top:25px; }
	.img-list .listbox > ul > li .txtbox .type { font-size:16px; }
	.img-list .listbox > ul > li .txtbox h4 { margin-top:10px; font-size:20px; }
}
@media screen and (max-width:1280px){
	.img-list .listbox > ul { gap:60px 15px; }
	.img-list .listbox > ul > li { width:calc((100% - 45px) / 4); }
	.img-list .listbox > ul > li .txtbox { padding-top:20px; }
	.img-list .listbox > ul > li .txtbox .type { font-size:15px; }
	.img-list .listbox > ul > li .txtbox h4 { margin-top:8px; 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 .txtbox { padding-top:15px; }
	.img-list .listbox > ul > li .txtbox .type { font-size:14px; }
	.img-list .listbox > ul > li .txtbox h4 { margin-top:5px; font-size:18px; }
	.img-list .listbox > ul > li .txtbox h4 br { display:block }
}
@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 .txtbox { padding-top:10px; }
	.img-list .listbox > ul > li .txtbox .type { font-size:14px; }
	.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:40px 85px 30px; background-color:#fff; border:none; border-radius:14px; }
.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; }
.imglist-pop .pop-body .txtbox h4 br { display:none }
.imglist-pop .pop-body .imgbox { margin-top:20px; }
.imglist-pop .pop-body .imgbox img { height:100vh; max-height:650px; border:1px solid #ddd; }
.imglist-pop .pop-body .btn_close { position:absolute; right:30px; top:30px; 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:15px; 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:15px; 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; }
}



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


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

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



.board-list table { border-top:2px solid #111; border-bottom:1px solid #e0e0e0; background:#fff; }
.board-list table thead th { color:#111; font-size:20px; font-weight:600; line-height:1.3; height:88px; border-bottom:1px solid #e0e0e0; background:#fff; text-align:center; }
.board-list table tbody td { color:#666; font-size:18px; font-weight:300; line-height:1.3; height:88px; padding:10px 5px; border-bottom:1px solid #e0e0e0; background:#fff; text-align:center; }
.board-list table tbody td.td_left { text-align:left; padding-left:40px; color:#222; }
.board-list table tbody td .progress span { color:var(--mainColor); font-size:16px; font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; width:82px; height:40px; margin:0 auto; border-radius:30px; border:1px solid var(--mainColor); }
.board-list table tbody td .progress.finish span { border:none; background:#ededed; color:#666; }
@media screen and (max-width:1280px){
	.board-list col.c1 { width:120px !important }
	.board-list col.c3 { width:220px !important }
	.board-list col.c4 { width:180px !important }
	.board-list table tbody td.td_left { padding-left:30px; }
}
@media screen and (max-width:1024px){
	.board-list col.c1 { width:80px !important }
	.board-list col.c3 { width:200px !important }
	.board-list col.c4 { width:120px !important }
	.board-list table thead th { font-size:18px; height:75px; }
	.board-list table tbody td { font-size:16px; height:75px; }
	.board-list table tbody td.td_left { padding-left:20px; }
	.board-list table tbody td .progress span { font-size:15px; width:70px; height:36px; }
}
@media screen and (max-width:640px){
	.board-list col.c1 { width:60px !important }
	.board-list col.c3 { width:120px !important }
	.board-list col.c4 { width:66px !important }
	.board-list table thead th { font-size:16px; height:60px; }
	.board-list table tbody td { font-size:15px; height:50px; }
	.board-list table tbody td.td_left { padding:10px; }
	.board-list table tbody td .progress span { font-size:14px; width:60px; height:32px; }
}
@media screen and (max-width:500px){
	.board-list col.c1 { width:50px !important }
	.board-list col.c3 { width:100px !important }
	.board-list table .num { display:none }
	.board-list table thead th { font-size:15px; height:50px; }
	.board-list table tbody td { font-size:14px; height:45px; }
	.board-list table tbody td.td_left { padding:10px 5px; }
}

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

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

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

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

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

/* page */
.page { margin:125px auto 0 auto; text-align:center; padding:0; } 
.page a { transition:all 0.3s; position:relative; font-size:16px; line-height:30px; font-weight:400; color:#333; border:none; padding:0; min-width:30px; margin:0 4px; display:inline-block; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:400; 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:35px; padding:0; width:35px; margin-right:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:none; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:-10px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:none; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:-10px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}

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

@media screen and (max-width:640px){
	.page { margin:50px auto 0 auto; }
	.page a { margin:0 2px; }
	.page .btn_prev { margin-right:0; }
	.page .btn_next { margin-left:0; }
}

#downloadDiv { position:absolute; left:0; bottom:260px;}