#subWrap { position:relative; }
#subWrap #sv,
#subWrap #sv .bgbox { width:100%; height:680px; }
#subWrap #sv{ position:relative; }
#subWrap #sv .bgbox { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
#subWrap #sv .bg { transform:scale(1.25); position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover !important;}
#subWrap #sv .inner1500 { position:relative; z-index:2; height:100%; }
#subWrap #sv .sTitle { position:absolute; bottom:100px; left:0; overflow:hidden; line-height:1.2; font-size:90px; font-weight:700; color:#fff; }
#subWrap #sv .sTitle strong { display:block; font-size:20px; font-weight:500; margin-bottom:15px; }
#subWrap #sv.sv01 .bg { background:url(/img/sub/subVisual_bg1.jpg); }
#subWrap #sv.sv02 .bg { background:url(/img/sub/subVisual_bg2.jpg); }
#subWrap #sv.sv03 .bg { background:url(/img/sub/subVisual_bg3.jpg); }
#subWrap #sv.sv04 .bg { background:url(/img/sub/subVisual_bg4.jpg); }
#subWrap #sv.sv10 .bg { background:url(/img/sub/subVisual_bg10.jpg); }

/* animation */
#subWrap #sv .bg { animation:bgs1 1.5s 0.3s; animation-fill-mode:both; }
#subWrap #sv .sTitle span { display:block; }
#subWrap #sv .sTitle span  { opacity:0; }
#subWrap #sv .sTitle strong { animation:blur_txt 0.8s 0.5s; animation-fill-mode:both; }
#subWrap #sv .sTitle span { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
@media screen and (max-width:1540px){	
	#subWrap #sv .sTitle { left:40px; }
}
@media screen and (max-width:1500px){	
	#subWrap #sv,
	#subWrap #sv .bgbox { height:600px; }
	#subWrap #sv .sTitle { font-size:70px; bottom:80px; }
	#subWrap #sv .sTitle strong { font-size:19px; margin-bottom:12px; }
}
@media screen and (max-width:1024px){	
	#subWrap #sv,
	#subWrap #sv .bgbox {  height:500px; }
	#subWrap #sv .sTitle { font-size:50px; bottom:unset; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center; }
	#subWrap #sv .sTitle strong { font-size:18px; margin-bottom:10px; }
}
@media screen and (max-width:640px){	
	#subWrap #sv,
	#subWrap #sv .bgbox {  height:350px; }
	#subWrap #sv .sTitle { font-size:35px; }
	#subWrap #sv .sTitle strong { font-size:16px; margin-bottom:8px; }
}


/* lnb */
#lnb { }


#subWrap .location { position:absolute; right:0; bottom:100px; z-index:2; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px 0; }
#subWrap .location i { font-size:15px; color:#fff; margin-right:20px; background-color:#004ea2; border-radius:50px; width:40px; height:40px; display:flex; justify-content:center; align-items:center; }
#subWrap .location > .txt { position:relative; padding:0 20px; font-size:18px; color:#fff; font-weight:400; text-align:left; text-transform:uppercase; }
#subWrap .location > .txt.on { z-index:999; }
#subWrap .location > .txt:before { content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:1px; height:12px; background-color:rgba(255,255,255,0.2); }
#subWrap .location > .txt > span { cursor:pointer; position:relative; display:inline-block; width:100%; z-index:99; padding:18px 20px 18px 0; }
#subWrap .location > .txt > span:after { content:""; display:block; background:url(/img/sub/icon_down.png) no-repeat center; width:9px; height:5px; position:absolute; right:0; top:50%; margin-top:-2px; transform:translateY(calc(-50% - 0.5px)) rotate(0); transition:all 0.3s ease; }
#subWrap .location > .txt > span:before { content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:rgba(255,255,255,0.5); }
#subWrap .location > .txt > span.ov:after { content:""; transform:translateY(calc(-50% - 0.5px)) rotate(180deg); }
#subWrap .location > .txt > span.ov { color:#fff; font-weight:600; }
#subWrap .location > .box1,
#subWrap .location > .box2 { width:240px; }
#subWrap .location > .box3.d3 { display:none}
#subWrap .location .submenu-box { text-align:left; position:absolute; left:50%; top:53px; width:100%; margin-left:0; transform:translateX(-50%); display:none; box-shadow:1px 1px 3px rgba(0,0,0,0.1); }
#subWrap .location .submenu-box.subm3 { width:100%; }
#subWrap .location .submenu-box ul { padding:20px 10px 20px 20px; background-color:#fff; height:auto !important; }
#subWrap .location .submenu-box ul li:not(:last-child) { margin-bottom:15px; }
#subWrap .location .submenu-box ul li a { color:#555; font-size:17px; font-weight:400; }
#subWrap .location .submenu-box ul li a:hover { color:#004ea2; font-weight:700; }
#subWrap .location .submenu-box ul li .depth3 { display:none }
#subWrap .location .submenu-box.gnb .subDepth { display:none  }
#subWrap .location  .privacy { display:none; }
@media screen and (max-width:1500px){
	#subWrap .location { bottom:80px; }
}
@media screen and (max-width:1024px){
	#subWrap .location { bottom:50px; }
	#subWrap .location i { font-size:14px; margin-right:15px; width:35px; height:35px; }
	#subWrap .location > .txt { padding:0 15px; font-size:16px; }
	#subWrap .location > .txt:before { height:10px; }
	#subWrap .location > .txt > span { padding:15px 15px 15px 0; }
	#subWrap .location .submenu-box { top:45px; }
	#subWrap .location .submenu-box ul { padding:18px 10px 18px 15px; }
	#subWrap .location .submenu-box ul li a { font-size:16px; }
}
@media screen and (max-width:640px){
	#subWrap .location { width:100%; }
	#subWrap .location > .box1,
	#subWrap .location > .box2 { width:calc(50% - 40px); }
}
@media screen and (max-width:480px){
	#subWrap .location i { display:none }
	#subWrap .location > .box1,
	#subWrap .location > .box2 { width:50%; }
}


.sub-title { text-align:left; }
.sub-title.ac { text-align:center; margin-bottom:80px; }
.sub-title h3 { position:relative; font-size:64px; font-weight:800; color:#222; padding-bottom:20px; }
.sub-title h3 span { font-weight:800; }
.sub-title .stxt { font-size:20px; color:#004ea2; font-weight:500; }
@media screen and (max-width:1500px){	
	.sub-title h3 { font-size:50px; padding-bottom:20px; }
	.sub-title .stxt { font-size:18px; }
}
@media screen and (max-width:1024px){	
	.sub-title.ac { margin-bottom:50px; }
	.sub-title h3 { font-size:38px; padding-bottom:15px; }
	.sub-title .stxt { font-size:16px; }
}
@media screen and (max-width:640px){	
	.sub-title h3 { font-size:28px; padding-bottom:10px; }
	.sub-title .stxt { font-size:14px; }
}

/* animation */
.sub-title h3 { overflow:hidden; }
.sub-title h3 span { display:block; }
.sub-title h3 span { opacity:0; }
.sub-title h3 span { animation:txtUp 0.8s 0.2s; animation-fill-mode:both; }


#subCont { padding:120px 0 200px; }
#subCont.paddno { padding:120px 0 0; }
@media screen and (max-width:1024px){	
	#subCont { padding:100px 0 150px; }
	#subCont.paddno { padding:100px 0 0; }
}
@media screen and (max-width:640px){
	#subCont { padding:60px 0 100px; }
	#subCont.paddno { padding:60px 0 0; }
}

.company-box .tabmenu { margin-bottom:85px; }
.tabmenu ul { display:flex; gap:0 15px; }
.tabmenu.m2 ul li { width:calc((100% - 15px) / 2); }
.tabmenu.m3 ul li { width:calc((100% - 30px) / 3); }
.tabmenu.m4 ul li { width:calc((100% - 45px) / 4); }
.tabmenu.m5 ul li { width:calc((100% - 60px) / 5); }
.tabmenu ul li a { display:flex; align-items:center; justify-content:center; color:#ccc; font-weight:700; font-size:20px; width:100%; height:75px; background-color:#f8f8f8; }
.tabmenu ul li.on a { background-color:#004ea2; color:#fff; }
@media screen and (max-width:1024px){	
	.company-box .tabmenu { margin-bottom:60px; }
	.tabmenu ul { gap:0 10px; }
	.tabmenu.m2 ul li { width:calc((100% - 10px) / 2); }
	.tabmenu.m3 ul li { width:calc((100% - 20px) / 3); }
	.tabmenu.m4 ul li { width:calc((100% - 30px) / 4); }
	.tabmenu.m5 ul li { width:calc((100% - 40px) / 5); }
	.tabmenu ul li a { font-size:18px; height:60px; }
}

/* greetings-box */
.greetings-box { display:flex; flex-wrap:wrap; }
.greetings-box > div { width:50%; }
.greetings-box .imgbox .box { position:relative; width:600px; }
.greetings-box .imgbox .box .box-i { overflow:hidden; display:inline-block }
.greetings-box .imgbox .box .img_1 { position:relative;}
.greetings-box .imgbox .box .img_2 { position:absolute; right:0; bottom:-27px; }
.greetings-box .txtbox dt { font-size:44px; font-weight:700; color:#111; }
.greetings-box .txtbox dd p { padding-top:40px; font-size:20px; color:#333; font-weight:400; line-height:1.9; } 
.greetings-box .txtbox dd .txt_b { margin-top:75px; color:#aaa; font-weight:700; font-size:24px; text-align:right; }
.greetings-box .txtbox dd .txt_b strong { display:block; color:#333; font-size:30px; margin-top:15px; }
.greetings-box .txtbox dd .txt_c { margin-top:75px; color:#aaa; font-weight:700; font-size:24px; text-align:right; }
.greetings-box .txtbox dd .txt_c nm { display:block; color:#333;font-weight:400; font-size:20px; margin-top:15px; }
@media screen and (max-width:1500px){
    .greetings-box .imgbox .box { width:500px; }
    .greetings-box .imgbox .box .box-i img { width:100%; }
    .greetings-box .imgbox .box .img_1 { width:63.5%; }
    .greetings-box .imgbox .box .img_2 { width:33.5%; bottom:-20px;}
    .greetings-box .txtbox dd p br { display:none }
    .greetings-box .txtbox dd p .m_br { display:block }
}
@media screen and (max-width:1280px){
    .greetings-box .imgbox .box { width:440px; }
    .greetings-box .imgbox .box .img_2 { bottom:-17px;}
}
@media screen and (max-width:1024px){
    .greetings-box > div { width:100% }
    .greetings-box .txtbox dt { font-size:32px; }
    .greetings-box .txtbox dd p { padding-top:30px; font-size:18px; }
    .greetings-box .txtbox dd .txt_b { margin-top:50px; font-size:20px; }
    .greetings-box .txtbox dd .txt_b strong { font-size:24px; margin-top:12px; }
}
@media screen and (max-width:960px){
    .greetings-box .imgbox {  }
    .greetings-box .imgbox .box { margin:0 auto;}
    .greetings-box .txtbox { width:100%; margin-top:80px; }
}
@media screen and (max-width:640px){
    .greetings-box .txtbox dt { font-size:26px; }
    .greetings-box .txtbox dd p { padding-top:25px; font-size:16px; }
    .greetings-box .txtbox dd .txt_b { margin-top:40px; font-size:18px; }
    .greetings-box .txtbox dd .txt_b strong { font-size:20px; margin-top:10px; }
}
@media screen and (max-width:500px){
    .greetings-box .imgbox .box { width:100%; }
}


/* animation */
.greetings-box .imgbox .box .box-i:before { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; transition:width 0.8s, opacity 1.5s; z-index:1 }
.greetings-box .imgbox .box .img_1:before { right:0; top:0; }
.greetings-box .imgbox .box .img_2:before { left:0; top:0; }
.greetings-box.subOn .imgbox .box .box-i:before { width:0; opacity:0; }
.greetings-box .txtbox dt,
.greetings-box.subOn .txtbox dd p,
.greetings-box .txtbox dd .txt_b { opacity:0; }
.greetings-box.subOn .txtbox dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.greetings-box.subOn .txtbox dd p:nth-child(1) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.greetings-box.subOn .txtbox dd p:nth-child(2) { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.greetings-box.subOn .txtbox dd p:nth-child(3) { animation:ani_2 0.8s 0.9s; animation-fill-mode:both; }
.greetings-box.subOn .txtbox dd .txt_b { animation:ani_5 0.8s 0.9s; animation-fill-mode:both; }

/* company-history */
.company-history { position:relative; display:flex; flex-wrap:wrap; padding-top:45px; }
.company-history .year-box { width:490px; position:sticky; top:120px; max-height:250px; z-index:2 }
.company-history .history-list { width:calc(100% - 490px); }
.company-history .year-box .year_btn {  }
.company-history .year-box .year_btn li { display:none }
.company-history .year-box .year_btn li.on { display:block }
.company-history .year-box .year_btn li a { color:#ccc; font-size:28px; font-weight:700; }
.company-history .year-box .year_btn li a strong { display:block; font-size:72px; color:#111; margin:0 0 5px -2px; }
.company-history .year-box .year_btn li.on a { }
.company-history .m-title { font-size:20px; color:#ccc; font-weight:700; display:none }
.company-history .m-title strong { display:block; font-size:24px; color:#111; }
.company-history .history-list { position:relative; }
.company-history .history-list > ul { margin-top:200px; }
.company-history .history-list > ul:nth-child(2){ margin-top:0; }
.company-history .history-list > ul > li:not(:last-child) { margin-bottom:100px; }
.company-history .history-list > ul > li { position:relative; padding-left:90px; }
.company-history .history-list > ul > li:after { content:""; display:block; position:absolute; top:16px; left:-3px; width:8px; height:8px; background:#004ea2; border-radius:10px; z-index:3 }
.company-history .history-list > ul > li:before { content:""; display:block; position:absolute; top:10px; left:-9px; width:20px; height:20px; background:rgba(0,78,162,0.2); border-radius:20px; }
.company-history .history-list > ul > li.effect:after { background:#01488a; }
.company-history .history-list > ul > li > dl { display:flex; flex-wrap:wrap; }
.company-history .history-list > ul > li > dl > dt { width:170px; color:#004ea2; font-size:34px; font-weight:700; }
.company-history .history-list > ul > li > dl > dd { width:calc(100% - 170px); margin-top:-10px; }
.company-history .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:6px; }
.company-history .history-list > ul > li > dl > dd li { position:relative; padding-left:100px; font-size:22px; color:#111; font-weight:300; line-height:2.4; font-family:'Pretendard'; }
.company-history .history-list > ul > li > dl > dd li strong { position:absolute; left:0; top:0; width:100px; display:inline-block; font-size:22px; color:#111; font-weight:600; letter-spacing:-0.02em; }
.company-history .progressbar { position:absolute; top:20px; left:0; width:2px; height:calc(100% - 40px); background-color:#ddd; overflow:hidden; z-index:2; }
.company-history .progress { position: absolute; left:0; top:0; width:2px; height:0; background:#004ea2; transition:.5s; }
@media screen and (max-width:1500px){
    .company-history .year-box { width:380px; }
    .company-history .history-list { width:calc(100% - 380px); }
}
@media screen and (max-width:1280px){
    .company-history .year-box { width:300px; }
    .company-history .history-list { width:calc(100% - 300px); }
    .company-history .year-box .year_btn li a { font-size:26px; }
    .company-history .year-box .year_btn li a strong { font-size:68px; }
}
@media screen and (max-width:1024px){
    .company-history .year-box { width:200px; }
    .company-history .history-list { width:calc(100% - 200px); }
    .company-history .year-box .year_btn li a { font-size:20px; }
    .company-history .year-box .year_btn li a strong { font-size:50px; }
    .company-history .history-list > ul { margin-top:150px; }
    .company-history .history-list > ul > li:not(:last-child) { margin-bottom:80px; }
    .company-history .history-list > ul > li { padding-left:50px; }
    .company-history .history-list > ul > li:after { top:12px; left:-3px; }
    .company-history .history-list > ul > li:before { top:6px; left:-9px; }
    .company-history .history-list > ul > li > dl > dt { width:120px; font-size:28px; }
    .company-history .history-list > ul > li > dl > dd { width:calc(100% - 120px); margin-top:-10px; }
    .company-history .history-list > ul > li > dl > dd ul { padding-top:7px; }
    .company-history .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:6px; }
    .company-history .history-list > ul > li > dl > dd li { padding-left:60px; font-size:20px; line-height:1.5; }
    .company-history .history-list > ul > li > dl > dd li strong { width:60px; font-size:20px; }

}
@media screen and (max-width:860px){
    .company-history { padding-top:0; }
    .company-history .year-box { width:100%; position:relative; top:0; max-height:auto; }
    .company-history .history-list { width:100%; }
    .company-history .m-title { font-size:17px; display:block; text-align:center; background:#fff; width:calc(100% + 40px); padding:60px 0 30px; margin:2px -20px 0; position:relative; z-index:5; }
    .company-history .m-title strong { font-size:28px; margin-bottom:5px; }
    .company-history .m-title:before { content:""; display:block; position:absolute; bottom:-4px; left:0; width:40px; height:20px; background:#fff; }
    .company-history .m-title:first-child { padding-top:0 }
    .company-history .year-box .year_btn { text-align:center; display:none }
    .company-history .year-box .year_btn li { display:inline-block;}
    .company-history .year-box .year_btn li:not(:last-child) { margin-right:4px; }
    .company-history .year-box .year_btn li.on { display:inline-block }
    .company-history .year-box .year_btn li a { font-size:16px; border:1px solid #ddd; padding:10px 8px 6px 10px; display:block; border-radius:5px}
    .company-history .year-box .year_btn li a strong { font-size:24px; line-height:0.8; overflow:hidden }
    .company-history .year-box .year_btn li a span { font-size:24px; }
    .company-history .year-box .year_btn li.on a { border:1px solid #004ea2; }
    .company-history .year-box .year_btn li.on a strong { color:#004ea2; }
    .company-history .history-list { margin-left:5px; margin-top:0; }
    .company-history .history-list > ul { margin-top:0; }
    .company-history .history-list > ul > li:not(:last-child) { margin-bottom:50px; }
    .company-history .history-list > ul > li { padding-left:30px; }
    .company-history .history-list > ul > li:after { top:10px; left:-2px; width:5px; height:5px; }
    .company-history .history-list > ul > li:before { top:4px; left:-8px; width:17px; height:17px; }
    .company-history .history-list > ul > li > dl > dt { width:90px; font-size:24px; }
    .company-history .history-list > ul > li > dl > dd { width:calc(100% - 90px); margin-top:-10px; }
    .company-history .history-list > ul > li > dl > dd ul { padding-top:7px; }
    .company-history .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:6px; }
    .company-history .history-list > ul > li > dl > dd li { padding-left:40px; font-size:18px; }
    .company-history .history-list > ul > li > dl > dd li strong { width:40px; font-size:18px; }
    .company-history .progressbar { width:1px; height:calc(100% - 30px); }
    .company-history .progress { width:1px; }
}

/* animation */
.company-history .year-box .year_btn li a .txt { overflow:hidden; display:inline-block; }
.company-history .year-box .year_btn li a .txt span { opacity:0; display:inline-block; min-width:6px; }
.company-history .year-box .year_btn li.on a .txt span { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-history .year-box .year_btn li a strong span { opacity:0; display:inline-block; }
.company-history .year-box .year_btn li a strong span { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:860px){
    .company-history .year-box .year_btn li a .txt { display:none }
    .company-history .year-box .year_btn li a strong span { opacity:1; animation:unset; }
}

/* qualifications-box */
.qualifications-box .listbox { padding:145px 0 0; }
.qualifications-box .listbox:first-child { padding:0 0 145px; }
.qualifications-box .listbox.bg { padding:145px 0; background-color:#eee; }
.qualifications-box .listbox dt h4 { padding-bottom:35px; color:#ccc; font-size:28px; font-weight:700; border-bottom:1px solid #004ea2; }
.qualifications-box .listbox dt h4 strong { color:#004ea2; font-size:50px; font-weight:700; display:inline-block; margin-right:25px; }
.qualifications-box .listbox dd { margin-top:50px; }
.qualifications-box .listbox dd ul { display:flex; flex-wrap:wrap; gap:75px 20px}
.qualifications-box .listbox dd li { width:calc((100% - 80px) / 5) }
.qualifications-box .listbox dd li .imgbox img { width:100%; border:1px solid #ccc; }
.qualifications-box .listbox dd li .txtbox { margin-top:25px; text-align:center; font-size:20px; color:#333; font-weight:400; line-height:1.8 }
@media screen and (max-width:1500px){
    .qualifications-box .listbox dt h4 { padding-bottom:30px; font-size:26px; }
    .qualifications-box .listbox dt h4 strong { font-size:40px; margin-right:20px; }
    .qualifications-box .listbox dd li { width:calc((100% - 60px) / 4) }
}
@media screen and (max-width:1024px){
    .qualifications-box .listbox dt h4 { padding-bottom:25px; font-size:22px; }
    .qualifications-box .listbox dt h4 strong { font-size:32px; margin-right:18px; }
    .qualifications-box .listbox { padding:100px 0 0; }
    .qualifications-box .listbox:first-child { padding:0 0 100px; }
    .qualifications-box .listbox.bg { padding:100px 0; }
    .qualifications-box .listbox dt h4 { font-size:32px; }
    .qualifications-box .listbox dd { margin-top:30px; }
    .qualifications-box .listbox dd ul { gap:60px 15px}
    .qualifications-box .listbox dd li { width:calc((100% - 30px) / 3) }
    .qualifications-box .listbox dd li .txtbox { margin-top:20px; font-size:18px; }
}
@media screen and (max-width:760px){
    .qualifications-box .listbox { padding:60px 0 0; }
    .qualifications-box .listbox:first-child { padding:0 0 60px; }
    .qualifications-box .listbox.bg { padding:60px 0; }
    .qualifications-box .listbox dt h4 { font-size:26px; }
    .qualifications-box .listbox dd { margin-top:25px; }
    .qualifications-box .listbox dd ul { gap:40px 10px}
    .qualifications-box .listbox dd li { width:calc((100% - 20px) / 2) }
    .qualifications-box .listbox dd li .txtbox { margin-top:10px; font-size:16px; line-height:1.5 }
}
@media screen and (max-width:640px){
    .qualifications-box .listbox dt h4 { padding-bottom:15px; font-size:18px; }
    .qualifications-box .listbox dt h4 strong { font-size:26px; margin-right:0; display:block; margin-bottom:5px;}
}

/* animation */
.qualifications-box .listbox dt { overflow:hidden; }
.qualifications-box .listbox dt h4,
.qualifications-box .listbox dd { opacity:0; }
.qualifications-box .listbox.subOn dt h4 { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.qualifications-box .listbox.subOn dd { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }

/* company information-box */
.information-box .lisbox > ul { display:flex; flex-wrap:wrap; gap:115px 25px; }
.information-box .lisbox > ul > li { width:calc((100% - 75px) / 4); padding-bottom:45px; border-bottom:1px solid #ddd; }
.information-box .lisbox > ul > li .icon { display:block; min-height:80px; }
.information-box .lisbox > ul > li dt { font-size:34px; font-weight:700; color:#111; }
.information-box .lisbox > ul > li dd { padding-top:30px; }
.information-box .lisbox > ul > li dd li:not(:last-child) { margin-bottom:8px; }
.information-box .lisbox > ul > li dd li { position:relative; padding-left:12px; font-size:20px; font-weight:300; color:#333; line-height:1.5;}
.information-box .lisbox > ul > li dd li:before { content:""; display:block; position:absolute; top:13px; left:0; width:6px; height:1px; background-color:#333; }
@media screen and (max-width:1024px){	
	.information-box .lisbox > ul { gap:100px 20px; }
	.information-box .lisbox > ul > li { width:calc((100% - 60px) / 4); padding-bottom:30px; }
	.information-box .lisbox > ul > li dt { font-size:30px; }
	.information-box .lisbox > ul > li dd { padding-top:20px; }
	.information-box .lisbox > ul > li dd li:not(:last-child) { margin-bottom:8px; }
	.information-box .lisbox > ul > li dd li { padding-left:12px; font-size:18px; }
	.information-box .lisbox > ul > li dd li:before { top:11px; }
}
@media screen and (max-width:960px){	
	.information-box .lisbox > ul { gap:80px 20px; }
	.information-box .lisbox > ul > li { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:640px){	
	.information-box .lisbox > ul { gap:60px 20px; }
	.information-box .lisbox > ul > li { width:calc((100% - 20px) / 2); padding-bottom:20px; }
	.information-box .lisbox > ul > li dt { font-size:24px; }
}
.information-box .lisbox > ul > li { opacity:0; }
.information-box .lisbox > ul > li.subOn:nth-child(4n-3) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.information-box .lisbox > ul > li.subOn:nth-child(4n-2) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.information-box .lisbox > ul > li.subOn:nth-child(4n-1) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.information-box .lisbox > ul > li.subOn:nth-child(4n) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
@media screen and (max-width:960px){	
	.information-box .lisbox > ul > li.subOn:nth-child(3n-2) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
	.information-box .lisbox > ul > li.subOn:nth-child(3n-1) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
	.information-box .lisbox > ul > li.subOn:nth-child(3n) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
}
@media screen and (max-width:640px){	
	.information-box .lisbox > ul > li.subOn:nth-child(2n-1) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
	.information-box .lisbox > ul > li.subOn:nth-child(2n) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
}

.notice-box .lisbox { border-top:1px solid #000; }
.notice-box .lisbox > ul > li { border-bottom:1px solid #ddd; }
.notice-box .lisbox > ul > li a { display:block; position:relative; padding:52px 190px 52px 0; }
.notice-box .lisbox > ul > li .tit { color:#222; font-size:30px; font-weight:700; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.notice-box .lisbox > ul > li .type { display:flex; margin:20px 0 4px 0; color:#666; font-size:18px; font-weight:400; }
.notice-box .lisbox > ul > li .type strong { position:relative; display:inline-block; padding-right:20px; margin-right:20px; font-weight:600; color:#004ea2; }
.notice-box .lisbox > ul > li .type strong:before { content:""; display:block; position:absolute; top:2px; right:0; width:1px; height:14px; background-color:#ddd; }
.notice-box .lisbox > ul > li .box { position:absolute; right:0; top:50%; transform:translateY(-50%); width:180px; height:65px; background-color:#ddd; color:#fff; font-size:18px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.notice-box .lisbox > ul > li .box.ongoing { background-color:#004ea2; }
@media screen and (max-width:1024px){	
	.notice-box .lisbox > ul > li a { padding:35px 150px 35px 0; }
	.notice-box .lisbox > ul > li .tit { font-size:26px; }
	.notice-box .lisbox > ul > li .type { margin:15px 0 4px 0; font-size:16px; }
	.notice-box .lisbox > ul > li .type strong { padding-right:15px; margin-right:15px; }
	.notice-box .lisbox > ul > li .type strong:before { height:12px; }
	.notice-box .lisbox > ul > li .box { width:140px; height:60px; font-size:16px; }
}
@media screen and (max-width:760px){	
	.notice-box .lisbox > ul > li .tit { font-size:22px; }
}
@media screen and (max-width:640px){	
	.notice-box .lisbox > ul > li a { padding:25px 70px 25px 0; }
	.notice-box .lisbox > ul > li .tit { font-size:18px; }
	.notice-box .lisbox > ul > li .type { margin:10px 0 2px 0; font-size:15px; }
	.notice-box .lisbox > ul > li .type strong { padding-right:10px; margin-right:10px; }
	.notice-box .lisbox > ul > li .box { width:60px; height:50px; font-size:14px; }
}
/* animation */
.notice-box .lisbox { opacity:0; }
.notice-box .lisbox.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }


/* business */
.business-box .business-area { display:flex; flex-wrap:wrap; }
.business-box .sub-title { width:400px; height:200px; position:sticky; top:120px; line-height:1.3; }
.business-box .business-area .sub-title.b-tab { height:400px; }
.business-box .business-area .menu_box { margin-top:70px; }
.business-box .business-area .menu_box li:not(:last-child) { margin-bottom:23px; }
.business-box .business-area .menu_box li a { font-size:24px; font-weight:700; color:#ccc; }
.business-box .business-area .menu_box li i { font-size:24px; font-weight:400; display:inline-block; vertical-align:middle; margin-left:10px; margin-top:-2px; transition:all 0.3s ease-in-out; }
.business-box .business-area .menu_box li a:hover i { margin-left:18px;  }
.business-box .business-area .menu_box li.on a { font-size:36px; color:#111; }
.business-box .business-cont { width:calc(100% - 400px); overflow:hidden; }
.business-box .business-cont .bTitle { margin:170px 0 -50px; padding-bottom:35px; color:#ccc; font-size:28px; font-weight:700; border-bottom:1px solid #004ea2; }
.business-box .business-cont .bTitle strong { color:#004ea2; font-size:50px; font-weight:700; display:inline-block; margin-right:25px; }
.business-box .business-cont .top-txt { font-size:22px; font-weight:400; color:#333; line-height:1.8; }
.business-box .business-cont .top-img { position:relative; margin-top:170px; border-radius:10px; overflow:hidden }
.business-box .business-cont .top-img:after {content:""; display:block; padding-bottom:34%; }
.business-box .business-cont .top-img img { position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); border-radius:13px; object-fit:cover; -o-object-fit:cover; }
.business-box .business-cont .business-support .tit { padding-left:20px; position:relative; z-index:2; width:72%; height:100px; background:#fff; border-radius:0 10px 0 0; margin:-100px 0 50px 0; padding-top:52px; }
.business-box .business-cont .business-support .tit h4 { font-size:36px; font-weight:700; color:#111; }
.business-box .business-cont .business-support .list { padding:0 20px; }
.business-box .business-cont .business-support .list > ul > li:not(:last-child) { margin-bottom:60px; }
.business-box .business-cont .business-support .list dl:not(:last-child) { margin-bottom:60px; }
.business-box .business-cont .business-support .list dl dt { font-size:22px; font-weight:700; color:#004ea2; }
.business-box .business-cont .business-support .list dl dd p { position:relative; margin-top:15px; padding-left:8px; font-size:20px; font-weight:400; color:#333; line-height:1.8; }
.business-box .business-cont .business-support .list dl dd p:before { content:""; display:block; position:absolute; top:18px; left:0; width:3px; height:3px; background:#333; border-radius:3px; }
.business-box .business-cont .business-support .list .imgbox { position:relative; margin:55px 0 110px; }
.business-box .business-cont .business-support .list .imgbox ul { display:flex; flex-wrap:wrap; gap:20px 20px; }
.business-box .business-cont .business-support .list .imgbox li { position:relative; width:calc((100% - 60px) / 4) }
.business-box .business-cont .business-support .list .imgbox li:after {content:""; display:block; padding-bottom:84.5%; }
.business-box .business-cont .business-support .list .imgbox.img-2 li:nth-child(1) { width:calc(75% - 10px) }
.business-box .business-cont .business-support .list .imgbox.img-2 li:nth-child(2) { width:calc(25% - 10px) }
.business-box .business-cont .business-support .list .imgbox.img-2 li:after {content:""; display:block; padding-bottom:28.15%; }
.business-box .business-cont .business-support .list .imgbox li img { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; object-fit:cover; -o-object-fit:cover;}
.business-box .business-cont .cont-box { margin-top:170px; }
.business-box .business-cont .cont-box .tit-list { margin-bottom:35px; }
.business-box .business-cont .cont-box .tit-list h4 { color:#004ea2; font-size:26px; font-weight:700; }
.business-box .business-cont .cont-box .tit-list strong { color:#eee; font-size:72px; font-weight:700; display:inline-block; margin-right:5px; }
.business-box .business-cont .cont-box .list > ul { display:flex; flex-wrap:wrap; gap:10px; }
.business-box .business-cont .cont-box .list > ul.m1 > li { width:100%; }
.business-box .business-cont .cont-box .list > ul.m2 > li { width:calc((100% - 10px) / 2); }
.business-box .business-cont .cont-box .list > ul.m3 > li { width:calc((100% - 20px) / 3); }
.business-box .business-cont .cont-box .list > ul > li { background:#f8f8f8; border-radius:10px; padding:20px 30px; }
.business-box .business-cont .cont-box .list > ul > li p:not(:last-child) { margin-bottom:10px; }
.business-box .business-cont .cont-box .list > ul > li p { position:relative; padding-left:8px; font-size:20px; font-weight:400; color:#333; line-height:1.6; }
.business-box .business-cont .cont-box .list > ul > li p:before { content:""; display:block; position:absolute; top:16px; left:0; width:3px; height:3px; background:#333; border-radius:3px; }
.business-box .business-cont .cont-box .list-p > ul > li:nth-child(1) { background:#eee; }
.business-box .business-cont .cont-box .list.Plist > ul > li p { padding-left:0; line-height:1.8; }
.business-box .business-cont .cont-box .list.Plist > ul > li p:before { display:none; }
.business-box .business-cont .cont-box .txt-list { background:#f8f8f8; border-radius:10px; padding:20px 30px; font-size:20px; font-weight:400; color:#333; line-height:1.8; word-break:keep-all; }
.business-box .business-cont .cont-box .dataTable { overflow:hidden;  }
.business-box .business-cont .cont-box .dataTable table { width:100%; border-radius:10px; overflow:hidden; }
.business-box .business-cont .cont-box .dataTable table:not(last-child) { margin-bottom:40px; }
.business-box .business-cont .cont-box .dataTable.mdt table:not(last-child) { margin-bottom:20px; }
.business-box .business-cont .cont-box .dataTable thead th { position:relative; height:80px; background-color:#004ea2; color:#fff; font-size:22px; font-weight:700; line-height:1.2; border-left:2px solid #fff; }
.business-box .business-cont .cont-box .dataTable thead th:first-child { border-left:none }
.business-box .business-cont .cont-box .dataTable tbody th { border-top:2px solid #fff; color:#111; font-size:20px; font-weight:500; line-height:1.2; background:#e5edf5; text-align:center; height:97px; padding:0 5px; }
.business-box .business-cont .cont-box .dataTable tbody th.tit-1 { line-height:1.8 }
.business-box .business-cont .cont-box .dataTable tbody th.bg { background-color:#004ea2; color:#fff }
.business-box .business-cont .cont-box .dataTable tbody td { border:1px solid #fff; border-width:2px 0 0 2px; color:#333; font-size:20px; font-weight:400; line-height:1.8; letter-spacing:-0.01em; padding:35px 30px; background:#f8f8f8; }
.business-box .business-cont .cont-box .dataTable tbody td.stit { line-height:1.8; background-color:#eee; }
.business-box .business-cont .cont-box .dataTable tbody td.vertical { vertical-align:top; }
.business-box .business-cont .cont-box .dataTable.ac tbody td { text-align:center }
.business-box .business-cont .cont-box .dataTable.ac tbody td img { margin:0 20px; }
.business-box .business-cont .cont-box .dataTable.ac tbody td.td_left { text-align:left; padding-left:20px; padding-right:10px;}
.business-box .business-cont .cont-box .dataTable .b-list li { position:relative; padding-left:12px; letter-sapcing:-0.01em; }
.business-box .business-cont .cont-box .dataTable .b-list li:before { content:""; display:block; position:absolute; top:18px; left:0; width:6px; height:1px; background:#333; }
.business-box .business-cont .cont-box .dataTable .b-list li:after { content:""; display:block; position:absolute; top:19px; left:0; width:6px; height:1px; background:#828282; }
.business-box .business-cont .cont-box .dataTable .p-list li { position:relative; padding-left:8px; letter-sapcing:-0.01em; }
.business-box .business-cont .cont-box .dataTable .p-list li:before { content:""; display:block; position:absolute; top:16px; left:0; width:3px; height:3px; background:#333; border-radius:3px; }
.business-box .business-cont .cont-box .imgbox { display:flex; gap:10px 10px; }
.business-box .business-cont .cont-box .imgbox ul { display:flex; flex-wrap:wrap; gap:10px 10px; }
.business-box .business-cont .cont-box .imgbox li img { width:100%; border-radius:10px; }
.business-box .business-cont .cont-box .imgbox.reliability ul:nth-child(1) { width:24.6%; }
.business-box .business-cont .cont-box .imgbox.reliability ul:nth-child(2) { width:75.4%; }
.business-box .business-cont .cont-box .imgbox.reliability ul:nth-child(2) li { width:calc((100% - 20px) / 3)}
.business-box .business-cont .cont-box .imgbox.img-2 > ul,
.business-box .business-cont .cont-box .imgbox.img-3 > ul { gap:20px 20px; text-align:center; }
.business-box .business-cont .cont-box .imgbox.img-2 > ul > li { width:calc((100% - 20px) / 2); }
.business-box .business-cont .cont-box .imgbox.img-3 > ul > li { width:calc((100% - 40px) / 3); }
.business-box .business-cont .cont-box .imgbox .txtbox dt { margin-top:15px; color:#004ea2; font-weight:500; font-size:20px; }
.business-box .business-cont .cont-box .imgbox .txtbox dd { margin-top:15px; margin-bottom:15px; color:#555; font-weight:400; font-size:18px; line-height:1.8 }
.business-box .business-cont .cont-box .txt_b { font-size:20px; font-weight:400; color:#333; line-height:1.8; }
.business-box .business-cont .cont-box .txt_b p { position:relative; margin-top:15px; padding-left:8px; text-align:left }
.business-box .business-cont .cont-box .txt_b p:before { content:""; display:block; position:absolute; top:18px; left:0; width:3px; height:3px; background:#333; border-radius:3px; }
.business-box .business-cont .cont-box .info-box:not(:last-child) { margin-bottom:170px; }
.business-box .business-cont .cont-box .info-box dt h4 { color:#004ea2; font-size:26px; font-weight:700; }
.business-box .business-cont .cont-box .info-box dd { margin-top:35px; color:#333; font-size:20px; font-weight:400; line-height:1.8; }
.business-box .business-cont .cont-box .info-box dd p { position:relative; padding-left:8px; font-size:20px; font-weight:400; color:#333; line-height:1.8; }
.business-box .business-cont .cont-box .info-box dd p:before { content:""; display:block; position:absolute; top:16px; left:0; width:3px; height:3px; background:#333; border-radius:3px; }
.business-box .business-cont .cont-box .info-box .info-img { margin-top:75px; border:1px solid #ddd; border-radius:10px; padding:55px 40px; }
.business-box .business-cont .cont-box .info-box .info-img ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; gap:20px 0 }
.business-box .business-cont .cont-box .info-box .info-img li .img-i { min-height:145px; display:flex; align-items:center; justify-content:center; }
.business-box .business-cont .cont-box .info-box .info-img li .txt { margin-top:30px; min-height:65px; line-height:1.8; }
.business-box .business-cont .cont-box .info-box .info-img li .txt strong { display:block; font-size:20px; font-weight:700; }
.business-box .business-cont .cont-box .info-box .info-img li .txt span { color:#333; font-size:18px; font-weight:400; }
.business-box .business-cont .cont-box .info-box .info-img li .txt .stxt1 { color:#003333; }
.business-box .business-cont .cont-box .info-box .info-img .m1 li { width:100%; }
.business-box .business-cont .cont-box .info-box .info-img .m2 li { width:50%; }
.business-box .business-cont .cont-box .info-box .info-img .m3 li { width:33.33%; }
.business-box .business-cont .cont-box .info-box .info-img .m4 li { width:25%; }
.business-box .business-cont .cont-box .info-box .info-img .m5 li { width:20%; }
.business-box .business-cont .cont-box .btn_link { display:inline-block; }
.business-box .business-cont .cont-box .btn_link a { padding:0 26px; color:#fff; font-weight:700; font-size:20px; height:80px; display:flex; align-items:center; justify-content:center; background-color:#004ea2; }
.business-box .business-cont .cont-box .imgCont-box { display:flex; flex-wrap:wrap; align-items:center; }
.business-box .business-cont .cont-box .imgCont-box .img { position:relative; width:48%; border-radius:10px; }
.business-box .business-cont .cont-box .imgCont-box .img:after {content:""; display:block; padding-bottom:105.5%; }
.business-box .business-cont .cont-box .imgCont-box .img img { position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); border-radius:13px; object-fit:cover; -o-object-fit:cover; }
.business-box .business-cont .cont-box .imgCont-box .txt { width:calc(100% - 48%); padding-left:40px; }
.business-box .business-cont .cont-box .imgCont-box .txt h4 { font-size:36px; font-weight:700; color:#111; }
.business-box .business-cont .cont-box .imgCont-box .txt ul { margin-top:50px; }
.business-box .business-cont .cont-box .imgCont-box .txt li { position:relative; padding-left:8px; font-size:20px; font-weight:400; color:#333; line-height:1.8; } 
.business-box .business-cont .cont-box .imgCont-box .txt li:before { content:""; display:block; position:absolute; top:16px; left:0; width:3px; height:3px; background:#333; border-radius:3px; }
.business-box .business-cont .btnBox { margin-top:120px; } 
.business-box .business-cont .btnBox a { display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:20px; margin:0 auto; width:280px; height:80px; background-color:#004ea2; }
@media screen and (max-width:1500px){	
	.business-box h4.tit { font-size:28px; margin-bottom:25px; }
	.business-box .sub-title { width:400px; }
    .business-box .business-cont .bTitle { margin:150px 0 -40px; padding-bottom:30px; font-size:26px; }
    .business-box .business-cont .bTitle strong { font-size:40px; margin-right:20px; }
	.business-box .business-cont { width:calc(100% - 400px); }
    .business-box .business-cont .top-txt br { display:none }
    .business-box .business-cont .top-txt .m_br { display:block }
    .business-box .business-cont .business-support .list dl dd p br { display:none }
    .business-box .business-cont .cont-box .txt-list br { display:none }
    .business-box .business-cont .cont-box .dataTable tbody td br { display:none }
    .business-box .business-cont .cont-box .dataTable tbody td .m_br { display:block }
    .business-box .business-cont .cont-box .dataTable.ac tbody td img { margin:10px 10px; max-width:100% }
    .business-box .business-cont .cont-box .info-box .info-img li .txt { margin-top:20px; }
    .business-box .business-cont .cont-box .info-box dd br { display:none }
    .business-box .business-cont .cont-box .info-box .info-img .m4 li,
    .business-box .business-cont .cont-box .info-box .info-img .m5 li { width:50%; }
    .business-box .business-cont .cont-box .imgCont-box .img { width:70%; }
    .business-box .business-cont .cont-box .imgCont-box .txt { width:100%; }
    .business-box .business-cont .cont-box .imgCont-box .img:after { padding-bottom:80%; }
    .business-box .business-cont .cont-box .imgCont-box .txt { padding:60px 0 0;}
    .business-box .business-cont .cont-box .imgCont-box .txt li br { display:none }
}
@media screen and (max-width:1280px){
	.business-box .sub-title { width:360px; }
	.business-box .business-cont { width:calc(100% - 360px); }
    .business-box .business-cont .top-img:after { padding-bottom:45%; }
    .business-box .business-cont .cont-box .list-p > ul.m2 > li,
    .business-box .business-cont .cont-box .list-p > ul.m3 > li { width:100%; }
    .business-box .business-cont .cont-box .imgbox.img-3 > ul > li { width:calc((100% - 20px) / 2); }
    .business-box .business-cont .cont-box .info-box .info-img { margin-top:50px; padding:40px 30px; }
    .business-box .business-cont .cont-box .info-box .info-img li .txt { margin-top:15px; min-height:50px; }
    .business-box .business-cont .cont-box .info-box .info-img li .txt strong { font-size:18px; }
    .business-box .business-cont .cont-box .info-box .info-img li .txt span { font-size:16px; }
    .business-box .business-cont .cont-box .imgCont-box .img { width:100%; }
    .business-box .business-cont .cont-box .imgCont-box .img:after { padding-bottom:70%; }
}
@media screen and (max-width:1024px){	
	.business-box h4.tit { font-size:22px; margin-bottom:20px; }
    .business-box .business-cont .bTitle { margin:120px 0 -30px; padding-bottom:25px; font-size:22px; }
    .business-box .business-cont .bTitle strong { font-size:32px; margin-right:18px; }
	.business-box .business-cont .top-txt { font-size:19px; }
    .business-box .business-cont .top-img:after { padding-bottom:35.8%; }
    .business-box .business-cont .business-support .tit { padding-left:0; height:60px; margin:-60px 0 40px 0; padding-top:25px; }
    .business-box .business-cont .business-support .tit h4 { font-size:30px; } 
    .business-box .business-cont .business-support .list { padding:0; }
    .business-box .business-cont .business-support .list > ul > li:not(:last-child) { margin-bottom:40px; }
    .business-box .business-cont .business-support .list dl:not(:last-child) { margin-bottom:40px; }
    .business-box .business-cont .business-support .list dl dt { font-size:19px; }
    .business-box .business-cont .business-support .list dl dd p { margin-top:15px; font-size:18px; }
    .business-box .business-cont .business-support .list dl dd p:before { top:16px; }
    .business-box .business-cont .business-support .list .imgbox { margin:30px 0 80px; }
    .business-box .business-cont .business-support .list .imgbox ul { gap:10px; }
    .business-box .business-cont .business-support .list .imgbox li { width:calc((100% - 20px) / 2) }
    .business-box .business-cont .business-support .list .imgbox.img-2 ul { justify-content:center; }
    .business-box .business-cont .business-support .list .imgbox.img-2 li:nth-child(1) { width:100% }
    .business-box .business-cont .business-support .list .imgbox.img-2 li:nth-child(2) { width:25% }
    .business-box .business-cont .business-support .list .imgbox.img-2 li:nth-child(2):after {content:""; display:block; padding-bottom:88%; }
    .business-box .business-cont .cont-box .tit-list { margin-bottom:28px; }
    .business-box .business-cont .cont-box .tit-list h4 { font-size:22px; }
    .business-box .business-cont .cont-box .tit-list strong { font-size:60px; }
    .business-box .business-cont .cont-box .list > ul > li { padding:15px 30px; }
    .business-box .business-cont .cont-box .list > ul > li p:not(:last-child) { margin-bottom:8px; }
    .business-box .business-cont .cont-box .list > ul > li p { font-size:18px; }
    .business-box .business-cont .cont-box .list-p > ul.m2 > li { width:calc((100% - 10px) / 2); }
    .business-box .business-cont .cont-box .list-p > ul.m3 > li { width:calc((100% - 20px) / 3); }
    .business-box .business-cont .cont-box .dataTable table:not(last-child) { margin-bottom:30px; }
    .business-box .business-cont .cont-box .dataTable thead th { height:60px; font-size:19px; }
    .business-box .business-cont .cont-box .dataTable tbody th { font-size:18px; height:70px; }
    .business-box .business-cont .cont-box .dataTable tbody td { font-size:18px; padding:25px 20px; }
    .business-box .business-cont .cont-box .dataTable .w1 { width:200px !important; }
    .business-box .business-cont .cont-box .dataTable .w1-1 { width:120px !important; }
    .business-box .business-cont .cont-box .dataTable.mTable { overflow:auto; }
    .business-box .business-cont .cont-box .dataTable.mTable table { width:960px; }
    .business-box .business-cont .cont-box .imgbox .txtbox dt { font-size:19px; }
    .business-box .business-cont .cont-box .imgbox .txtbox dd { margin-top:10px; font-size:17px; line-height:1.6 }
    .business-box .business-cont .cont-box .imgbox.img-3 > ul > li { width:calc((100% - 20px) / 2); }
    .business-box .business-cont .cont-box .txt_b p { margin-top:15px; font-size:18px; }
    .business-box .business-cont .cont-box .txt_b p:before { top:16px; }
    .business-box .business-cont .cont-box .info-box dt h4 { font-size:22px; }
    .business-box .business-cont .cont-box .info-box dd { margin-top:30px; font-size:18px; }
    .business-box .business-cont .cont-box .info-box dd p { font-size:18px; }
    .business-box .business-cont .cont-box .btn_link a { padding:0 22px; font-size:18px; height:60px; }
    .business-box .business-cont .cont-box .imgCont-box .txt h4 { font-size:30px; }
    .business-box .business-cont .cont-box .imgCont-box .txt ul { margin-top:30px; }
    .business-box .business-cont .cont-box .imgCont-box .txt li { font-size:18px; } 
    .business-box .business-cont .cont-box .imgCont-box .txt li:before { top:16px; }
    .business-box .business-cont .top-img,
    .business-box .business-cont .cont-box { margin-top:120px; }
    .business-box .business-cont .cont-box .info-box:not(:last-child) { margin-bottom:120px; }
	.business-box .business-cont .btnBox { margin-top:60px; } 
	.business-box .business-cont .btnBox a { font-size:18px; width:260px; height:60px; }
}
@media screen and (max-width:960px){
	.business-box .sub-title,
	.business-box .business-cont { width:100%; }
	.business-box .sub-title { height:auto; position:relative; top:unset; text-align:center }
    .business-box .sub-title h3 br { display:none }
    .business-box .sub-title .menu_box { max-width:100%; margin:50px auto 0; }
    .business-box .sub-title .menu_box ul { display:flex; justify-content:center;}
    .business-box .sub-title .menu_box li a { display:flex; align-items:center; justify-content:center; color:#ccc; font-weight:700; font-size:18px; width:100%; height:60px; background-color:#f8f8f8; }
    .business-box .sub-title .menu_box li a i { display:none }
    .business-box .sub-title .menu_box li.on a { background-color:#004ea2; color:#fff; font-size:18px; }
    .business-box .sub-title .menu_box .m2 li { width:50%; }
    .business-box .sub-title .menu_box .m3 li { width:33.33%; }
    .business-box .sub-title .menu_box .m4 li { width:25%; }
	.business-box .business-cont .top-txt { margin-top:40px; }
    .business-box .business-cont .cont-box .imgCont-box .img { width:48%; }
    .business-box .business-cont .cont-box .imgCont-box .img:after { padding-bottom:105.5%; }
    .business-box .business-cont .cont-box .imgCont-box .txt { width:calc(100% - 48%); padding-left:30px; }
}
@media screen and (max-width:760px){
    .business-box .business-cont .cont-box .list-p > ul.m2 > li,
    .business-box .business-cont .cont-box .list-p > ul.m3 > li { width:100%; }
    .business-box .business-cont .cont-box .imgCont-box .img,
    .business-box .business-cont .cont-box .imgCont-box .txt { width:100%; }
    .business-box .business-cont .cont-box .imgCont-box .img:after { padding-bottom:80%; }
    .business-box .business-cont .cont-box .imgCont-box .txt { padding:40px 0 0;}
}
@media screen and (max-width:640px){
    .business-box .business-cont .bTitle { margin:60px 0 -25px; padding-bottom:15px; font-size:18px; }
    .business-box .business-cont .bTitle strong { font-size:26px; margin-right:0; display:block; margin-bottom:5px;}
	.business-box .business-cont .top-txt { font-size:16px; }
    .business-box .business-cont .top-img:after { padding-bottom:45%; }
    .business-box .business-cont .business-support .tit { height:52px; margin:-50px 0 30px 0; padding-top:20px; }
    .business-box .business-cont .business-support .tit h4 { font-size:24px; }
    .business-box .business-cont .business-support .list dl dd p:before { top:14px; }
    .business-box .business-cont .cont-box .tit-list { margin-bottom:20px; }
    .business-box .business-cont .cont-box .tit-list h4 { font-size:20px; }
    .business-box .business-cont .cont-box .tit-list strong { font-size:50px; margin-right:3px; }
    .business-box .business-cont .cont-box .dataTable .w1 { width:120px !important; }
    .business-box .business-cont .cont-box .dataTable .w1-1 { width:80px !important; }
    .business-box .business-cont .cont-box .dataTable table:not(last-child) { margin-bottom:25px; }
    .business-box .business-cont .cont-box .dataTable tbody td { padding:20px 15px; }
    .business-box .business-cont .cont-box .dataTable.ac table { width:760px; }
    .business-box .business-cont .cont-box .dataTable.ac tbody td img { margin:20px 10px; }
	.business-box .business-cont .cont-box .imgbox { flex-wrap:wrap; }
	.business-box .business-cont .cont-box .imgbox.reliability ul:nth-child(1),
	.business-box .business-cont .cont-box .imgbox.reliability ul:nth-child(1) li { width:100%; }
	.business-box .business-cont .cont-box .imgbox.reliability ul:nth-child(2) { width:100%; }
	.business-box .business-cont .cont-box .imgbox.reliability ul:nth-child(2) li { width:calc((100% - 10px) / 2)}
    .business-box .business-cont .cont-box .imgbox.img-2 > ul > li,
    .business-box .business-cont .cont-box .imgbox.img-3 > ul > li { width:100%; }
    .business-box .business-cont .cont-box .info-box .info-img { margin-top:50px; padding:25px 0; }
    .business-box .business-cont .cont-box .info-box .info-img li .txt { margin-top:10px; min-height:50px; }
    .business-box .business-cont .cont-box .info-box .info-img li .txt strong { font-size:16px; }
    .business-box .business-cont .cont-box .info-box .info-img li .txt span { font-size:14px; }
    .business-box .business-cont .cont-box .imgCont-box .txt h4 { font-size:24px; }
    .business-box .business-cont .cont-box .imgCont-box .txt ul { margin-top:24px; }
    .business-box .business-cont .cont-box .imgCont-box .txt li:before { top:14px; }
	.business-box .business-cont .btnBox { margin-top:50px; }
    .business-box .business-cont .top-img,
    .business-box .business-cont .cont-box { margin-top:60px; }
    .business-box .business-cont .cont-box .info-box:not(:last-child) { margin-bottom:60px; }
    .business-box .business-cont .m_br { display:block; }
}
@media screen and (max-width:520px){
    .business-box .business-cont .top-img:after { padding-bottom:60%; }
    .business-box .business-cont .cont-box .list > ul.m2 > li,
    .business-box .business-cont .cont-box .list > ul.m3 > li { width:100%; }
    .business-box .business-cont .cont-box .dataTable .w1 { width:100px !important; }
}

/* animation */
.business-box .business-cont .top-txt { opacity:0; }
.business-box .business-cont .top-txt.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.business-box .business-cont .top-img:before { content:""; display:block; width:100%; height:100%; background:#fff; border-radius:10px; position:absolute; right:0; top:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.business-box .business-cont .top-img.subOn:before { width:0; }
.business-box .business-cont .business-support .tit h4,
.business-box .business-cont .business-support .list > ul > li { opacity:0; }
.business-box .business-cont .business-support.subOn .tit h4  { animation:ani_3 0.7s 0.1s; animation-fill-mode:both; }
.business-box .business-cont .business-support.subOn .list > ul > li:nth-child(1) { animation:ani_4 0.7s 0.5s; animation-fill-mode:both; }
.business-box .business-cont .business-support.subOn .list > ul > li:nth-child(2) { animation:ani_4 0.7s 0.7s; animation-fill-mode:both; }
.business-box .business-cont .business-support.subOn .list > ul > li:nth-child(3) { animation:ani_4 0.7s 0.9s; animation-fill-mode:both; }
.business-box .business-cont .business-support.subOn .list > ul > li:nth-child(4) { animation:ani_4 0.7s 1.1s; animation-fill-mode:both; }
.business-box .business-cont .business-support.subOn .list > ul > li:nth-child(5) { animation:ani_4 0.7s 1.3s; animation-fill-mode:both; }
.business-box .business-cont .business-support.subOn .list > ul > li:nth-child(6) { animation:ani_4 0.7s 1.5s; animation-fill-mode:both; }
.business-box .business-cont .business-support.subOn .list > ul > li:nth-child(7) { animation:ani_4 0.7s 1.7s; animation-fill-mode:both; }
.business-box .business-cont .cont-box .tit-list h4,
.business-box .business-cont .cont-box .tit-list h4 strong,
.business-box .business-cont .cont-box .list,
.business-box .business-cont .cont-box .dataTable,
.business-box .business-cont .cont-box .imgbox { opacity:0; }
.business-box .business-cont .cont-box.subOn .tit-list { overflow:hidden }
.business-box .business-cont .cont-box.subOn .tit-list h4 { animation:ani_3 0.7s 0.1s; animation-fill-mode:both; }
.business-box .business-cont .cont-box.subOn .tit-list h4 strong{ animation:ani_3 0.7s 0.5s; animation-fill-mode:both; }
.business-box .business-cont .cont-box.subOn .list,
.business-box .business-cont .cont-box.subOn .dataTable,
.business-box .business-cont .cont-box.subOn .imgbox { animation:ani_4 0.5s 0.7s; animation-fill-mode:both; }
.business-box .business-cont .cont-box .info-box dt { overflow:hidden }
.business-box .business-cont .cont-box .info-box h4,
.business-box .business-cont .cont-box .info-box dd,
.business-box .business-cont .cont-box .info-box .info-img { opacity:0; }
.business-box .business-cont .cont-box .info-box.subOn h4 { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.business-box .business-cont .cont-box .info-box.subOn dd { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
.business-box .business-cont .cont-box .info-box.subOn .info-img { animation:bgs3 0.5s 1.0s; animation-fill-mode:both; }
.business-box .business-cont .cont-box .imgCont-box .img:before { content:""; display:block; width:100%; height:100%; background:#fff; border-radius:10px; position:absolute; right:0; bottom:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.business-box .business-cont .cont-box.subOn .imgCont-box .img:before { width:0; }
.business-box .business-cont .cont-box .imgCont-box .txt dt { overflow:hidden }
.business-box .business-cont .cont-box .imgCont-box .txt h4 { opacity:0; }
.business-box .business-cont .cont-box.subOn .imgCont-box .txt h4 { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.business-box .business-cont .cont-box.subOn .imgCont-box .txt dd { animation:ani_1 0.5s 0.7s; animation-fill-mode:both; }


/* certification */
.business-box .certification-box { margin-bottom:-200px; }
.business-box .certification-box .sub-title { position:relative; top:unset; width:100%; height:auto;  }
.business-box .certification-box .cert-box { margin-top:115px; padding:265px 0 80px; background-color:#e9eaec; }
.business-box .certification-box.overseas .cert-box { background:#e9eaec url(/img/sub/overseas_bg.jpg) no-repeat center top; }
.business-box .certification-box.domestic .cert-box { background:#e9eaec url(/img/sub/domestic_bg.jpg) no-repeat center top; }
.business-box .certification-box .cert-box .listbox > ul { display:flex; flex-wrap:wrap; gap:33px; }
.business-box .certification-box .cert-box .listbox > ul > li { width:calc((100% - 99px) / 4); text-align:center; background-color:rgba(255,255,255,0.5); border-radius:10px; overflow:hidden; }
.business-box .certification-box .cert-box .listbox > ul > li dt { font-size:20px; color:#fff; font-weight:700; letter-spacing:-0.02em; line-height:1.3; display:flex; align-items:center; justify-content:center; text-align:center; height:60px; background-color:#004ea2; padding:0 8px; }
.business-box .certification-box .cert-box .listbox > ul > li:nth-child(2n) dt { background-color:#254261; }
.business-box .certification-box .cert-box .listbox > ul > li dd { font-size:17px; font-weight:400; color:#333; line-height:2; padding:25px 20px; }
.business-box .certification-box .cert-box .listbox > ul > li dd p { position:relative; padding-left:70px; }
.business-box .certification-box .cert-box .listbox > ul > li dd p > strong { position:absolute; left:0; top:0; font-weight:400; }
.business-box .certification-box.domestic .cert-box .listbox > ul > li { text-align:left; }
.business-box .certification-box.domestic .cert-box .listbox > ul > li dd { padding:25px 25px; }
@media screen and (max-width:1500px){
    .business-box .certification-box .cert-box .listbox > ul { gap:25px; }
    .business-box .certification-box .cert-box .listbox > ul > li { width:calc((100% - 75px) / 4); }
    .business-box .certification-box .cert-box .listbox > ul > li dd br { display:none }
}
@media screen and (max-width:1280px){
    .business-box .certification-box .cert-box .listbox > ul > li { width:calc((100% - 25px) / 2); }
    .business-box .certification-box .cert-box .listbox > ul > li:nth-child(2n) dt { background-color:#254261; }
    .business-box .certification-box .cert-box .listbox > ul > li:nth-child(4n) dt { background-color:#004ea2; }
    .business-box .certification-box .cert-box .listbox > ul > li:nth-child(4n-1) dt { background-color:#254261; }
}
@media screen and (max-width:1024px){	
    .business-box .certification-box { margin-bottom:-150px; }
    .business-box .certification-box .cert-box { margin-top:100px; padding:200px 0 80px; }
    .business-box .certification-box .cert-box .listbox > ul > li dt { font-size:18px; height:55px; }
    .business-box .certification-box .cert-box .listbox > ul > li dd { font-size:15px; }
    .business-box .certification-box .cert-box .listbox > ul > li dd p { padding-left:60px; }
}
@media screen and (max-width:760px){
    .business-box .certification-box.overseas .cert-box { background:#e9eaec url(/img/sub/overseas_bg_m.jpg) no-repeat center top; }
    .business-box .certification-box.domestic .cert-box { background:#e9eaec url(/img/sub/domestic_bg_m.jpg) no-repeat center top; }
}
@media screen and (max-width:640px){
    .business-box .certification-box { margin-bottom:-100px; }
    .business-box .certification-box .cert-box { margin-top:80px; padding:150px 0 80px; }
    .business-box .certification-box .cert-box .listbox > ul > li { width:100%; }
    .business-box .certification-box.domestic .cert-box .listbox > ul > li dd { padding:25px 15px; }
}

/* animation */
.business-box .certification-box .cert-box .listbox > ul > li { opacity:0; }
.business-box .certification-box .cert-box .listbox.subOn > ul > li:nth-child(1) { animation:ani_3 0.7s 0.3s; animation-fill-mode:both; }
.business-box .certification-box .cert-box .listbox.subOn > ul > li:nth-child(2) { animation:ani_3 0.7s 0.6s; animation-fill-mode:both; }
.business-box .certification-box .cert-box .listbox.subOn > ul > li:nth-child(3) { animation:ani_3 0.7s 0.9s; animation-fill-mode:both; }
.business-box .certification-box .cert-box .listbox.subOn > ul > li:nth-child(4) { animation:ani_3 0.7s 1.2s; animation-fill-mode:both; }
.business-box .certification-box .cert-box .listbox.subOn > ul > li:nth-child(5) { animation:ani_3 0.7s 1.5s; animation-fill-mode:both; }
.business-box .certification-box .cert-box .listbox.subOn > ul > li:nth-child(6) { animation:ani_3 0.7s 1.8s; animation-fill-mode:both; }
.business-box .certification-box .cert-box .listbox.subOn > ul > li:nth-child(7) { animation:ani_3 0.7s 2.1s; animation-fill-mode:both; }
.business-box .certification-box .cert-box .listbox.subOn > ul > li:nth-child(8) { animation:ani_3 0.7s 2.4s; animation-fill-mode:both; }

/* customer */
.register-box > ul { border-bottom:1px solid #ddd; padding:25px 0; display:flex; flex-wrap:wrap; gap:0 28px; }
.register-box > ul:first-child { border-top:1px solid #000; padding:45px 0; justify-content:space-between; }
.register-box > ul:nth-child(2) { padding:25px 0 45px; }
.register-box > ul > li { padding:10px 0; display:flex; flex-wrap:wrap; width:100%; }
.register-box > ul > li.w50 { width:calc(50% - 28px); }
.register-box > ul > li > strong { width:120px; font-size:20px; color:#222; font-weight:400; display:inline-block; padding-top:20px; }
.register-box > ul > li > strong span.s { color:#ff1010; font-size:18px; font-weight:500; }
.register-box > ul > li > .r-cont { width:calc(100% - 120px); }
.register-box > ul > li input[type="text"],
.register-box > ul > li input[type="password"] { height:65px; padding:0 20px; width:100%; font-size:18px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:5px; }
.register-box > ul > li select { width:400px; height:65px; line-height:65px; padding:0 20px; font-size:18px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:5px; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.register-box > ul > li textarea { width:100%; height:240px; line-height:1.6; padding:20px 20px; font-size:18px; color:#111; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:5px; }
.register-box > ul > li select::-ms-expand { display: none; }
.register-box > ul > li input.ip02 { width:calc(33.33% - 24px); }
.register-box > ul > li select.sel01 { width:calc(33.33% - 25px); margin-left:20px; }
.register-box > ul > li .stxt { font-size:16px; color:#111; font-weight:400; width:40px; display:inline-block; text-align:center; }
.register-box > ul > li .ch_list { display:flex; flex-wrap:wrap; gap:20px 25px; padding-top:20px; padding-bottom:40px; }
.register-box > ul > li .ch_list input { margin:-2px 8px 0 0}
.register-box > ul > li .ch_list label { font-size:18px; color:#666; font-weight:300; }
.register-box > ul > li .ip-box .ipcont { position:relative; display:flex;}
.register-box > ul > li .ip-box .ipcont:not(:last-child) { margin-bottom:10px; }
.register-box > ul > li .ip-box .ipcont .upload-name { width:600px; height:65px; outline:none; border:1px solid #ddd; padding:0 20px; font-size:18px; color:#111; border-radius:5px}
.register-box > ul > li .ip-box .ipcont .file {width:200px; height:65px; background:#aaa; left:0; border:1px sold #000; cursor:pointer; margin-left:10px; display:flex; align-items:center; justify-content:center; border-radius:5px }
.register-box > ul > li .ip-box .ipcont .file span{ text-align:center; font-size:16px; color:#fff; font-weight:700;}
.register-box > ul > li .ip-box .ipcont .file input{display:none}
.register-box > ul > li .kcaptcha_ip { position:relative; padding:0 50px 0 175px; width:600px; border:1px solid #ddd; border-radius:5px; }
.register-box > ul > li .kcaptcha_ip .imgbox { position:absolute; left:0; top:0; }
.register-box > ul > li .kcaptcha_ip .imgbox img { width:175px; }
.register-box > ul > li .kcaptcha_ip input { border:none }
.register-box > ul > li .kcaptcha_ip .btn { position:absolute; right:0; top:0; height:100%; width:50px; border:none; outline:none; background:none }
.register-box > ul > li .kcaptcha_ip .btn i { color:#555; font-size:18px; }
.register-box .ch { margin-top:30px; }
.register-box .ch_list .ch { margin-top:0; }
.register-box .ch input[type="checkbox"],
.register-box .ch input[type="radio"]{opacity:0; height:auto; line-height:auto;}
.register-box .ch input[type="checkbox"] + span,
.register-box .ch input[type="radio"] + span { position:relative; padding:0 0 0 24px; font-weight:300; font-size:18px; line-height:1.4 !important; display:inline-block; color:#555; }
.register-box .ch input[type="checkbox"] + span:after,
.register-box .ch input[type="radio"] + span:after { content:''; display:block; margin:3px 0 0 0; width:20px; height:20px; vertical-align:middle; background:none; border:1px solid #ddd; border-radius:3px; position:absolute; left:-12px; top:-1px; }
.register-box .ch input[type="checkbox"]:checked + span:after,
.register-box .ch input[type="radio"]:checked + span:after { background:#004ea2 url(/img/sub/icon_ch_on1.png) no-repeat center center; border:1px solid #004ea2; }
@media screen and (max-width:1024px){	
	.register-box > ul { padding:10px 0; gap:0 20px; }
	.register-box > ul:first-child { padding:25px 0; }
	.register-box > ul:nth-child(2) { padding:15px 0 35px; }
	.register-box > ul > li { padding:10px 0; }
	.register-box > ul > li.w50 { width:calc(50% - 20px); }
	.register-box > ul > li > strong { width:110px; font-size:17px; }
	.register-box > ul > li > .r-cont { width:calc(100% - 110px); }
	.register-box > ul > li input[type="text"],
	.register-box > ul > li input[type="password"] { height:55px; padding:0 15px; font-size:16px; }
	.register-box > ul > li select { height:55px; line-height:55px; padding:0 15px; font-size:16px; }
	.register-box > ul > li textarea { height:200px; padding:15px; font-size:16px; }
	.register-box > ul > li .stxt { font-size:15px; }
	.register-box > ul > li .ch_list { gap:20px 15px; padding-top:20px; padding-bottom:40px; }
	.register-box > ul > li .ch_list input { margin:-2px 8px 0 0}
	.register-box > ul > li .ch_list label { font-size:16px; }
	.register-box > ul > li .ip-box .ipcont:not(:last-child) { margin-bottom:10px; }
	.register-box > ul > li .ip-box .ipcont .upload-name { width:calc(100% - 150px); height:55px; padding:0 15px; font-size:16px; }
	.register-box > ul > li .ip-box .ipcont .file {width:180px; height:55px; }
	.register-box > ul > li .ip-box .ipcont .file span{ font-size:15px; }
	.register-box > ul > li .kcaptcha_ip { position:relative; padding:0 50px 0 150px; width:100%; }
	.register-box > ul > li .kcaptcha_ip .imgbox img { width:150px; }
	.register-box > ul > li .kcaptcha_ip .btn i { font-size:17px; }
	.register-box .ch { margin-top:25px; }
	.register-box .ch input[type="checkbox"] + span,
	.register-box .ch input[type="radio"] + span { font-size:16px; }
}
@media screen and (max-width:760px){
	.register-box > ul > li.w50 { width:100%; }
	.register-box > ul > li .ip-box .ipcont .upload-name { width:calc(100% - 120px); }
	.register-box > ul > li .ip-box .ipcont .file { width:120px; }
}
@media screen and (max-width:640px){	
	.register-box > ul { padding:5px 0; gap:0 20px; }
	.register-box > ul:first-child { padding:5px 0 25px; }
	.register-box > ul:nth-child(2) { padding:5px 0 25px; }
	.register-box > ul > li { padding:3px 0; }
	.register-box > ul > li > strong,
	.register-box > ul > li > .r-cont { width:100%; }
	.register-box > ul > li > .r-cont { margin-top:8px; }
	.register-box > ul > li input[type="text"],
	.register-box > ul > li input[type="password"] { height:50px; padding:0 10px; }
	.register-box > ul > li select { height:50px; line-height:50px; padding:0 10px; }
	.register-box > ul > li textarea { height:150px; padding:10px; }
	.register-box > ul > li input.ip02 { width:calc(50% - 19px); }
	.register-box > ul > li select.sel01 { width:calc(100% - 1px); margin:10px 0 0; }
	.register-box > ul > li .stxt { width:30px; }
	.register-box > ul > li .ch_list { gap:15px 30px; padding-top:10px; padding-bottom:0; }
	.register-box > ul > li .ch_list li { width:calc((100% - 30px) / 2)}
	.register-box > ul > li .ip-box .ipcont:not(:last-child) { margin-bottom:10px; }
	.register-box > ul > li .ip-box .ipcont .upload-name,
	.register-box > ul > li .ip-box .ipcont .file { height:50px; }
	.register-box > ul > li .kcaptcha_ip .imgbox img { width:150px; }
	.register-box .ch { margin-top:25px; }
}

/* animation */
.register-box { opacity:0; }
.register-box.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }

#subCont .btnbox { margin-top:65px; text-align:center; }
#subCont .btnbox a,
#subCont .btnbox button { margin:0 auto; justify-content:center; align-items:center; display:flex; position:relative; text-align:center; border:none; outline:none; background-color:#004ea2; width:300px; height:80px; color:#fff; font-size:18px; font-weight:700; }
@media screen and (max-width:1024px){	
	#subCont .btnbox { margin-top:50px; }
	#subCont .btnbox a,
	#subCont .btnbox button { width:250px; height:70px; font-size:17px; }
}
@media screen and (max-width:640px){	
	#subCont .btnbox { margin-top:50px; }
	#subCont .btnbox a,
	#subCont .btnbox button { width:220px; height:60px; font-size:17px; }
}

.faq-box { border-top:1px solid #000; }
.faq-box > ul > li { border-bottom:1px solid #ddd; }
.faq-box > ul > li > p a { position:relative; display:block; padding:42px 50px; color:#222; font-size:22px; font-weight:700; line-height:1.4; }
.faq-box > ul > li > p a:before { content:"\e942"; display:block; font-family: 'xeicon'; color:#222; font-size:22px; font-weight:400; position:absolute; top:50%; right:20px; transform:translateY(-50%); transition:all 0.3s ease-in-out; }
.faq-box > ul > li.on > p a:before { transform:translateY(-50%) rotate(180deg); }
.faq-box > ul > li > p > a > strong { position:absolute; left:0; top:42px; text-align:center; width:50px; display:block; color:#004ea2; font-size:20px; font-weight:700; }
.faq-box .contentBox { position:relative; padding:44px 50px 44px 40px; border-top:1px solid #ddd; background-color:#f8f8f8; display:flex; }
.faq-box .contentBox > strong { width:45px; height:45px; background-color:#eee; border-radius:50px; display:flex; align-items:center; justify-content:center; color:#999; font-size:26px; font-weight:500;}
.faq-box .contentBox .txt { width:calc(100% - 45px); padding-left:20px; color:#666; font-size:18px; font-weight:300; line-height:1.6; }
@media screen and (max-width:1024px){	
	.faq-box > ul > li > p a { padding:40px 50px; font-size:18px; }
	.faq-box > ul > li > p > a > strong { top:40px; font-size:18px; }
	.faq-box .contentBox { padding:40px 50px 40px 40px; }
	.faq-box .contentBox > strong { width:42px; height:42px; font-size:24px; }
	.faq-box .contentBox .txt { width:calc(100% - 42px); font-size:16px; padding-left:15px; }
}
@media screen and (max-width:640px){	
	.faq-box > ul > li > p a { padding:25px 40px; }
	.faq-box > ul > li > p > a > strong { top:25px; width:40px; }
	.faq-box .contentBox { padding:25px 40px 25px 10px; }
	.faq-box .contentBox .txt { font-size:16px; }
}

/* contact-box */
.contact-box .mapcont { margin-top:30px; opacity:0; z-index:-1; position:absolute; top:0; left:0; }
.contact-box .mapcont .map-box,
.contact-box .mapcont .map-box > div,
.contact-box .mapcont .map-box .wrap_map  { width:100% !important; height:560px !important; }
.contact-box .mapcont .map-box.en iframe { height:560px; width:100%; }
.contact-box .mapcont .info-box { margin-top:30px; border:1px solid #ddd; border-width:1px 0; background:#f8f8f8; padding:55px 0 55px 80px; display:flex; flex-wrap:wrap; align-items:center; }
.contact-box .mapcont .info-box h4 { width:385px; color:#111; font-size:42px; font-weight:700; padding:5px 0 5px 50px; background:url(/img/sub/pin_icon.png) left center no-repeat; }
.contact-box .mapcont .info-box ul { width:calc(100% - 385px); display:flex; flex-wrap:wrap; gap:35px 0; }
.contact-box .mapcont .info-box ul li { width:50%; color:#333; font-size:20px; font-weight:300; line-height:1.4; display:flex; }
.contact-box .mapcont .info-box ul li strong { color:#004ea2; font-weight:700; width:63px; }
.contact-box .mapcont .info-box ul li span { font-weight:300; width:calc(100% - 63px); }
.contact-box .mapcont .info-box ul li:nth-child(2n) strong { width:98px; }
.contact-box .mapcont .info-box ul li:nth-child(2n) span { width:calc(100% - 98px); }
.contact-box .mapcont.on { opacity:1; z-index:2; position:relative; }
@media screen and (max-width:1500px){
    .contact-box .mapcont .info-box h4 { width:280px; }
    .contact-box .mapcont .info-box ul { width:calc(100% - 280px); }
}
@media screen and (max-width:1280px){
    .contact-box .mapcont .info-box { padding:55px 0 55px 55px; } 
    .contact-box .mapcont .info-box h4 { width:180px; }
    .contact-box .mapcont .info-box ul { width:calc(100% - 180px); }
}
@media screen and (max-width:1024px){
    .contact-box .mapcont { margin-top:20px; }
    .contact-box .mapcont .map-box,
    .contact-box .mapcont .map-box > div,
    .contact-box .mapcont .map-box .wrap_map  { height:400px !important; }
    .contact-box .mapcont .map-box.en iframe { height:400px; }
    .contact-box .mapcont .info-box { margin-top:20px; padding:30px 20px 30px 20px; } 
    .contact-box .mapcont .info-box h4 { width:100%; font-size:28px; padding:5px 0 5px 35px; background-size:22px auto; }
    .contact-box .mapcont .info-box ul { width:100%; margin-top:20px; gap:20px 0; }
    .contact-box .mapcont .info-box ul li { font-size:18px; }
}
@media screen and (max-width:640px){
    .contact-box .mapcont .map-box,
    .contact-box .mapcont .map-box > div,
    .contact-box .mapcont .map-box .wrap_map  { height:320px !important; }
    .contact-box .mapcont .map-box.en iframe { height:320px; }
    .contact-box .mapcont .info-box { margin-top:20px; padding:30px 20px 30px 20px; } 
    .contact-box .mapcont .info-box h4 { font-size:22px; padding:5px 0 5px 28px; background-size:18px auto; }
    .contact-box .mapcont .info-box ul {  margin-top:15px; gap:15px 0; }
    .contact-box .mapcont .info-box ul li { width:100%; font-size:16px; }
    .contact-box .mapcont .info-box ul li strong,
    .contact-box .mapcont .info-box ul li:nth-child(2n) strong { width:80px; }
    .contact-box .mapcont .info-box ul li span,
    .contact-box .mapcont .info-box ul li:nth-child(2n) span { width:calc(100% - 80px); }
}


/* animation */
.contact-box .tabmenu,
.contact-box .tab-cont { opacity:0; }
.contact-box .tabmenu.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.contact-box .tab-cont.subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.contact-box .tab-cont.subOn .mapcont.on { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }

/* promotion */
.news-box > ul { display:flex; flex-wrap:wrap; gap:75px 58px; }
.news-box > ul > li { width:calc((100% - 116px) / 3); }
.news-box > ul > li .imgbox { position:relative; overflow:hidden; border-radius:10px; }
.news-box > ul > li .imgbox:before {content:""; display:block; padding-bottom:65%; }
.news-box > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.news-box > ul > li .imgbox:after { content:''; display:block; position:absolute; top:0; left:-75%; z-index:2; width:50%; height:100%; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); transform:skewX(-30deg); }
.news-box > ul > li a:hover .imgbox:after { animation:shine .75s; }
.news-box > ul > li .txtbox { padding-top:24px; text-align:center;}
.news-box > ul > li .txtbox .tit { color:#333; font-size:23px; font-weight:700; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news-box > ul > li .txtbox .date { margin-top:15px; color:#ccc; font-size:18px; font-weight:400; display:block }
@media screen and (max-width:1500px){	
	.news-box > ul { gap:50px 40px; }
	.news-box > ul > li { width:calc((100% - 80px) / 3); }
	.news-box > ul > li .txtbox .tit { font-size:24px; }
}
@media screen and (max-width:1024px){	
	.news-box > ul { gap:40px 25px; }
	.news-box > ul > li { width:calc((100% - 50px) / 3); }
	.news-box > ul > li .txtbox .tit { font-size:22px; }
	.news-box > ul > li .txtbox .date { margin-top:12px; font-size:16px; }
}
@media screen and (max-width:960px){	
	.news-box > ul { gap:40px 20px; }
	.news-box > ul > li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:640px){	
	.news-box > ul > li .txtbox .tit { font-size:18px; }
	.news-box > ul > li .txtbox .date { margin-top:10px; font-size:15px; }
}


.board-view .top { position:relative; border-top:1px solid #000; padding:40px 0; min-height:160px; display:flex; align-items:center; justify-content:center; }
.board-view.view-left .top { justify-content:flex-start; }
.board-view .top h3.tit { text-align:center; font-size:34px; font-weight:700; color:#222; line-height:1.4; }
.board-view .top .info { position:absolute; right:0; bottom:25px; display:flex; gap:10px 28px }
.board-view .top .info li { color:#aaa; font-size:18px; font-weight:600; }
.board-view .top .info li i { display:inline-block; margin:-2px 5px 0 0; vertical-align:middle }
.board-view.view-left .top h3.tit {  text-align:left; width:calc(100% - 170px); }
.board-view .top .box { width:150px; height:50px; margin-right:20px; background-color:#ddd; color:#fff; font-size:16px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.board-view .top .box.ongoing { background-color:#004ea2; }
.board-view .view-cont { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:50px 110px 80px; }
.board-view .btn_pn dl { border-bottom:1px solid #ddd; display:flex; height:80px; align-items:center;} 
.board-view .btn_pn dt { text-align:center; width:110px; color:#666; font-size:18px; font-weight:400; }
.board-view .btn_pn dd { width:calc(100% - 110px); color:#999; font-size:18px; font-weight:400; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.board-view .btn_pn dd a { color:#999 }
@media screen and (max-width:1024px){
	.board-view .top { padding:30px 0; min-height:150px; }
	.board-view .top h3.tit { font-size:26px; }
	.board-view .top .info { bottom:20px; gap:10px 20px }
	.board-view .top .info li { font-size:17px; }
	.board-view .view-cont { padding:30px 30px 60px; }
	.board-view .btn_pn dl { height:60px; } 
	.board-view .btn_pn dt {  width:80px; font-size:16px; }
	.board-view .btn_pn dd { width:calc(100% - 80px); font-size:16px; }
	.board-view.view-left .top h3.tit { width:calc(100% - 120px); }
	.board-view .top .box { width:100px; height:45px; font-size:15px; }
}
@media screen and (max-width:640px){
	.board-view .top { min-height:110px; }
	.board-view .top h3.tit { font-size:20px; }
	.board-view .top .info { bottom:10px; gap:10px 15px }
	.board-view .view-cont { padding:20px 20px 40px; }
	.board-view.view-left .top h3.tit { width:calc(100% - 75px); }
	.board-view .top .box { width:60px; height:45px; font-size:15px; margin-right:15px; }
}

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

.page { margin:80px auto 0 auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:16px; line-height:40px; font-weight:600; color:#ccc; font-family:'Pretendard', sans-serif; border:none; padding:0; min-width:40px; margin:0 -4px; display:inline-block; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:600; color:#fff; background-color:#004ea2; border:none; padding:0 4px; border-radius:50px; }
.page li:hover a,
.page li a:hover { border:none; /* background:none; */ }
.page li.on:hover a  { background-color:#004ea2; }
.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:20px; 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:25px; margin-left:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:inline-block; vertical-align:middle; height:35px; padding:0; width:25px; margin-right:-4px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:inline-block; vertical-align:middle; height:35px; padding:0; width:25px; margin-left:-4px; 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:800; }

@media screen and (max-width:640px){
	.page { margin:30px auto 0 auto; }
	.page a { font-size:16px; line-height:35px; }
}

/* declaration-box */ 
.declaration-box .top-box { padding:70px 10px; font-size:22px; font-weight:300; color:#111; line-height:1.8; text-align:center; background-color:#f8f8f8; }
.declaration-box .listbox { margin-top:55px; }
.declaration-box .listbox li { padding:35px 35px 35px 80px; position:relative; font-size:20px; font-weight:300; color:#333; line-height:1.6; border-bottom:1px dashed #dddddd }
.declaration-box .listbox li .num { position:absolute; left:35px; top:35px; font-weight:700; color:#004ea2; }
.declaration-box .txt_b { margin-top:90px; text-align:center; }
.declaration-box .txt_b .txt-1 { font-size:22px; font-weight:400; color:#999; }
.declaration-box .txt_b .txt-2 { font-size:26px; font-weight:700; color:#004ea2; margin-top:20px; }
.declaration-box .txt_b .txt-2 strong { position:relative; z-index:1; color:#333; font-size:38px; display:inline-block; margin-left:10px; }
.declaration-box .txt_b .txt-2 strong:after { content:""; display:block; position:absolute; top:-30px; right:-45px; width:92px; height:49px; z-index:-1; background:url(/img/sub/signature_icon.png) no-repeat center center; }
@media screen and (max-width:1500px){
    .declaration-box .top-box br { display:none }
}
@media screen and (max-width:1024px){
    .declaration-box .top-box { padding:50px 10px; font-size:20px; }
    .declaration-box .listbox { margin-top:40px; }
    .declaration-box .listbox li { padding:25px 25px 25px 70px; font-size:18px; }
    .declaration-box .listbox li .num { left:25px; top:25px; }
    .declaration-box .txt_b { margin-top:70px; }
    .declaration-box .txt_b .txt-1 { font-size:20px; }
    .declaration-box .txt_b .txt-2 { font-size:24px; margin-top:15px; }
    .declaration-box .txt_b .txt-2 strong { font-size:32px; margin-left:8px; }
    .declaration-box .txt_b .txt-2 strong:after { top:-28px; }
}
@media screen and (max-width:640px){
    .declaration-box .top-box { padding:35px 10px; font-size:18px; }
    .declaration-box .listbox { margin-top:40px; }
    .declaration-box .listbox li { padding:20px 20px 25px 60px; font-size:17px; }
    .declaration-box .listbox li .num { left:20px; top:20px; }
    .declaration-box .txt_b { margin-top:50px; }
    .declaration-box .txt_b .txt-1 { font-size:18px; }
    .declaration-box .txt_b .txt-2 { font-size:22px; margin-top:12px; }
    .declaration-box .txt_b .txt-2 strong { font-size:30px; margin-left:8px; }
}

/* animation */
.declaration-box .top-box p { opacity:0; }
.declaration-box .top-box.subOn p { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.declaration-box .listbox li { opacity:0; }
.declaration-box .listbox.subOn li:nth-child(1) { animation:ani_4 0.8s 0.1s; animation-fill-mode:both; }
.declaration-box .listbox.subOn li:nth-child(2) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.declaration-box .listbox.subOn li:nth-child(3) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.declaration-box .listbox.subOn li:nth-child(4) { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
.declaration-box .listbox.subOn li:nth-child(5) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.declaration-box .listbox.subOn li:nth-child(6) { animation:ani_4 0.8s 1.1s; animation-fill-mode:both; }
.declaration-box .listbox.subOn li:nth-child(7) { animation:ani_4 0.8s 1.3s; animation-fill-mode:both; }
.declaration-box .txt_b .txt-1,
.declaration-box .txt_b .txt-2 { opacity:0; }
.declaration-box .txt_b.subOn .txt-1 { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.declaration-box .txt_b.subOn .txt-2 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }

/* ci */
.ci-box { overflow:hidden; }
.ci-box .ci-top { background:url(/img/sub/ci_pattern.png) repeat left top; height:320px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(218,218,218,0.7) }
.ci-box .ci-top .logo .logo-img { width:457px; }
.ci-box .ci-top .logo { position:relative; }
.ci-box .ci-top .logo .txt { position:absolute; font-weight:400; color:#333; font-size:20px; line-height:1.5; max-width:350px; width:100%; }
.ci-box .ci-top .logo .txt-1 { right:50%; top:128px; margin-right:222px; text-align:right; }
.ci-box .ci-top .logo .txt-2 { left:50%; top:-20px; margin-left:380px; }
.ci-box .ci-top .logo .txt:before { content:""; display:block; position:absolute; width:152px; height:48px; }
.ci-box .ci-top .logo .txt-1:before { right:-168px; top:-30px; background:url(/img/sub/ci_info1.png) no-repeat center center; }
.ci-box .ci-top .logo .txt-2:before { left:-160px; top:10px; background:url(/img/sub/ci_info2.png) no-repeat center center; }
.ci-box .info-txt { margin-top:90px; text-align:center; font-weight:300; color:#111; font-size:22px; line-height:1.7; }
.ci-box .listbox { margin:140px auto 0; max-width:1280px; }
.ci-box .listbox ul { display:flex; flex-wrap:wrap; justify-content:center; }
.ci-box .listbox li { text-align:center; width:33.333%; }
.ci-box .listbox li .imgbox { position:relative; display:inline-block; margin:0 auto;  }
.ci-box .listbox li .imgbox spsn { display:block; position:relative; }
.ci-box .listbox li .imgbox span:before { content:""; display:block; position:absolute; left:-12px; top:50%; transform:translateY(-50%); width:30px; height:30px; background:#004ea2; border-radius:50%; }
.ci-box .listbox li .imgbox span:after { content:""; display:block; position:absolute; left:-7px; top:50%; transform:translateY(-50%); width:12px; height:12px; border:4px solid #fff; background:#004ea2; border-radius:50%; }
.ci-box .listbox li .imgbox:before { content:""; display:block; position:absolute; left:-68px; top:50%; transform:translateY(-50%); width:68px; height:4px; background:#004ea2; }
.ci-box .listbox li:first-child .imgbox:before { left:unset; right:-68px; }
.ci-box .listbox li:first-child .imgbox span:before { left:unset; right:-12px; }
.ci-box .listbox li:first-child .imgbox span:after { left:unset; right:-7px; }
.ci-box .listbox li:nth-child(2) { position:relative; z-index:5 }
.ci-box .listbox li:nth-child(2) .imgbox span:before,
.ci-box .listbox li:nth-child(2) .imgbox span:after { background-color:#bcbcbc }
.ci-box .listbox li:nth-child(2) .imgbox:before {  z-index:5; left:unset; right:-12px; width:30px; height:30px; background:#bcbcbc; border-radius:50%; }
.ci-box .listbox li:nth-child(2) .imgbox:after {  z-index:5; content:""; display:block; position:absolute; right:-7px; top:50%; transform:translateY(-50%); width:12px; height:12px; border:4px solid #fff; background:#bcbcbc; border-radius:50%; }
.ci-box .listbox li .txtbox { margin-top:75px; }
.ci-box .listbox li .txtbox h4 { font-weight:700; color:#111; font-size:32px; }
.ci-box .listbox li .txtbox dd { margin-top:45px; font-weight:300; color:#333; font-size:20px; line-height:1.7; padding:0 5% }

@media screen and (max-width:1360px){
    .ci-box .ci-top .logo .txt-2 { left:50%; top:10px; margin-left:250px; }
    .ci-box .ci-top .logo .txt-2:before { left:-30px; top:-20px; }
    .ci-box .info-txt br { display:none }
    .ci-box .listbox { padding:0 0;}
    .ci-box .listbox { max-width:1000px; }
    .ci-box .listbox li .imgbox img { width:280px; }
    .ci-box .listbox li .imgbox span:before { left:-10px; width:25px; height:25px; }
    .ci-box .listbox li .imgbox span:after { left:-5px; width:9px; height:9px; border:3px solid #fff; }
    .ci-box .listbox li .imgbox:before { left:-40px; width:40px; height:4px; }
    .ci-box .listbox li:first-child .imgbox:before { right:-40px; }
    .ci-box .listbox li:first-child .imgbox span:before { right:-10px; }
    .ci-box .listbox li:first-child .imgbox span:after { right:-5px; }
    .ci-box .listbox li:nth-child(2) .imgbox:before { right:-10px; width:25px; height:25px; }
    .ci-box .listbox li:nth-child(2) .imgbox:after { right:-5px; width:9px; height:9px; border:3px solid #fff; }
    .ci-box .listbox li .txtbox dd br { display:none }
}
@media screen and (max-width:1024px){
    .ci-box .ci-top { height:360px; }
    .ci-box .ci-top .logo .logo-img { width:300px; }
    .ci-box .ci-top .logo .txt { font-size:18px; text-align:center;}
    .ci-box .ci-top .logo .txt-1 { left:0; right:unset; top:120px; margin-right:0; }
    .ci-box .ci-top .logo .txt-2 { left:0; top:-90px; margin-left:0;  }
    .ci-box .ci-top .logo .txt:before { width:18px; height:44px; }
    .ci-box .ci-top .logo .txt-1:before { left:50%; transform:translateX(-50%); right:unset; top:-45px; background:url(/img/sub/ci_info1_m.png) no-repeat center center; }
    .ci-box .ci-top .logo .txt-2:before { left:50%; transform:translateX(-50%); top:55px; background:url(/img/sub/ci_info2_m.png) no-repeat center center; }
    .ci-box .info-txt { margin-top:60px; font-size:20px; }
    .ci-box .listbox { margin:100px auto 0; }
    .ci-box .listbox ul { gap:50px 30px; }
    .ci-box .listbox li { width:calc(50% - 30px); }
    .ci-box .listbox li .imgbox span:before,
    .ci-box .listbox li .imgbox span:after,
    .ci-box .listbox li .imgbox:before,
    .ci-box .listbox li .imgbox:after { display:none !important }
    .ci-box .listbox li .txtbox { margin-top:40px; }
    .ci-box .listbox li .txtbox h4 { font-size:26px; }
    .ci-box .listbox li .txtbox dd { margin-top:30px; font-size:18px; padding:0 3% }
}
@media screen and (max-width:640px){
    .ci-box .info-txt { margin-top:50px; font-size:18px; }
    .ci-box .listbox { margin:80px auto 0; }
    .ci-box .listbox ul { gap:50px 20px; }
    .ci-box .listbox li { width:100%; }
    .ci-box .listbox li .imgbox img { width:220px; }
    .ci-box .listbox li .txtbox { margin-top:30px; }
    .ci-box .listbox li .txtbox h4 { font-size:22px; }
    .ci-box .listbox li .txtbox dd { margin-top:20px; font-size:16px; }
}

/* animation */
.ci-box .ci-top,
.ci-box .ci-top .logo .logo-img,
.ci-box .ci-top .logo .txt { opacity:0; }
.ci-box .ci-top.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.ci-box .ci-top.subOn .logo-img { animation:ani_5 0.8s 0.6s; animation-fill-mode:both; }
.ci-box .ci-top.subOn .logo .txt-1 { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
.ci-box .ci-top.subOn .logo .txt-2 { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.ci-box .info-txt { opacity:0; }
.ci-box .info-txt.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.ci-box .listbox li { opacity:0; }
.ci-box .listbox.subOn li:nth-child(1) { animation:ani_1 0.8s 0.8s; animation-fill-mode:both; }
.ci-box .listbox.subOn li:nth-child(2) { animation:ani_5 0.8s 0.4s; animation-fill-mode:both; }
.ci-box .listbox.subOn li:nth-child(3) { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
    .ci-box .listbox.subOn li:nth-child(1) { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
    .ci-box .listbox.subOn li:nth-child(2) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
    .ci-box .listbox.subOn li:nth-child(3) { animation:ani_4 0.8s 0.8s; animation-fill-mode:both; }
}


/* brochure-box */
.brochure-box .top-box { position:relative; }
.brochure-box .top-box .imgbox { position:relative; overflow:hidden; }
.brochure-box .top-box .imgbox:before {content:""; display:block; padding-bottom:22.70%; }
.brochure-box .top-box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:10px; }
.brochure-box .top-box .txtbox { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center }
.brochure-box .top-box .txtbox .txt-1 { font-size:44px; font-weight:700; color:#fff; line-height:1.3 }
.brochure-box .top-box .txtbox .txt-2 { font-size:32px; font-weight:200; color:#fff; margin-top:18px; }
.brochure-box .btn { margin-top:80px; text-align:center; }
.brochure-box .btn a { width:280px; height:80px; background-color:#004ea2; margin:0 auto; display:flex; align-items:center; justify-content:center;}
.brochure-box .btn a span { font-size:20px; font-weight:700; color:#fff; }
.brochure-box .btn a span i { display:inline-block; margin-left:15px; font-size:26px; vertical-align:middle; margin-top:-5px; }
@media screen and (max-width:1500px){
    .brochure-box .top-box .imgbox:before { padding-bottom:27%; }
    .brochure-box .top-box .txtbox .txt-1 { font-size:38px; }
    .brochure-box .top-box .txtbox .txt-2 { font-size:28px; margin-top:18px; }
}
@media screen and (max-width:1024px){
    .brochure-box .top-box .imgbox:before { padding-bottom:30%; }
    .brochure-box .top-box .txtbox .txt-1 { font-size:28px; }
    .brochure-box .top-box .txtbox .txt-2 { font-size:22px; margin-top:10px; }
    .brochure-box .btn { margin-top:60px; }
    .brochure-box .btn a { width:240px; height:70px; }
    .brochure-box .btn a span { font-size:18px; }
    .brochure-box .btn a span i { margin-left:10px; font-size:24px; }
}
@media screen and (max-width:860px){
    .brochure-box .top-box .imgbox:before { padding-bottom:35%; }
}
@media screen and (max-width:640px){
    .brochure-box .top-box .imgbox:before { padding-bottom:50%; }
    .brochure-box .top-box .txtbox .txt-1 { font-size:20px; }
    .brochure-box .top-box .txtbox .txt-2 { font-size:18px; margin-top:7px; }
    .brochure-box .btn { margin-top:40px; }
    .brochure-box .btn a { width:200px; height:60px; }
    .brochure-box .btn a span { font-size:16px; }
    .brochure-box .btn a span i { margin-left:8px; font-size:22px; }
}

/* animation */
.brochure-box .top-box .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; transition:width 0.8s, opacity 1.5s; z-index:1 }
.brochure-box.subOn .top-box .imgbox:after { width:0; opacity:0; }
.brochure-box .top-box .txtbox .txt-1,
.brochure-box .top-box .txtbox .txt-2,
.brochure-box .btn { opacity:0; }
.brochure-box.subOn .top-box .txtbox .txt-1 { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.brochure-box.subOn .top-box .txtbox .txt-2 { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.brochure-box.subOn .btn { animation:ani_5 1.0s 0.5s; animation-fill-mode:both; }