@charset "utf-8";

.visualTop { position:relative; height:445px; z-index:100; }
.visualTop .subTop { position:relative; max-width:1400px; width:100%; margin:0 auto; z-index:5; }
.visualTop .vbox { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; overflow:hidden;}
.visualTop .subVisual { position:absolute; left:0; top:0; width:100%; height:100%; }
.visualTop .subVisual:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover !important; }
.visualTop .subVisual.subv1:before { background:url(/img/sub/bg_subVisual1.jpg); }
.visualTop .subVisual.subv2:before { background:url(/img/sub/bg_subVisual2.jpg); }
.visualTop .subVisual.subv3:before { background:url(/img/sub/bg_subVisual3.jpg); }
.visualTop .subVisual.subv4:before { background:url(/img/sub/bg_subVisual4.jpg); }
.visualTop .subVisual.subv5:before { background:url(/img/sub/bg_subVisual5.jpg); }
.visualTop .subVisual.subv10:before { background:url(/img/sub/bg_subVisual4.jpg); }
@media screen and (max-width:1024px){	
	.visualTop {  height:400px; }
}
@media screen and (max-width:640px){	
	.visualTop {  height:300px; }
}
.visualTop.subOn .subVisual { animation:bgs5 1.5s 0.01s; animation-fill-mode:both; }

/* title */
.contTitle { position:absolute; left:50%; top:208px; text-align:center; max-width:1400px; width:100%; margin:0 auto; transform:translateX(-50%); overflow:hidden; }
.contTitle .subTitle { position:relative; font-size:60px; color:#fff; font-weight:600; letter-spacing:-0.02em; }
.contTitle .subTitle span { font-weight:600; }
.contTitle .subTxt { position:relative; margin-top:25px; font-size:17px; color:#f5f5f5; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
.contTitle .subTxt span { font-weight:300; }

.contTitle .subTitle,
.contTitle .subTxt { overflow:hidden; }
.contTitle .subTitle span,
.contTitle .subTxt span { opacity:0; display:block; }
.visualTop.subOn .contTitle .subTitle span { animation:txtUp 0.5s 0.01s; animation-fill-mode:both; }
.visualTop.subOn .contTitle .subTxt span { animation:txtUp 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){	
	.contTitle { top:168px; }
	.contTitle .subTitle { font-size:46px; }
	.contTitle .subTxt { margin-top:20px; font-size:16px; }
}
@media screen and (max-width:640px){	
	.contTitle { top:130px; }
	.contTitle .subTitle { font-size:32px; }
	.contTitle .subTxt { margin-top:15px; font-size:14px; }
}

.depthMenu { position:absolute; top:315px; right:35px; text-align:left; z-index:2; }
.depthMenu:after { content:""; display:block; position:absolute; top:26px; left:0; width:150px; height:1px; background-color:#fff; }
.depthMenu p { position:relative; z-index:2; cursor:pointer; width:150px; font-size:16px; font-weight:300; color:#f5f5f5; }
.depthMenu p:after { content:""; display:block; position:absolute; right:0; top:-5px; width:25px; height:25px; background:url(/img/sub/icon_depth_down.png) center center no-repeat; transition:all 0.3s ease-in-out; }
.depthMenu p.ov:after { transform:rotate(180deg); }
.depthMenu p span { font-size:16px; font-weight:300; color:#f5f5f5; }
.depthMenu .sub_box { display:none; position:absolute; top:0; left:0; text-align:left; }
.depthMenu .sub_box ul { background-color:#fff; padding:20px 40px 20px 20px; width:150px; margin-top:26px; box-shadow:2px 2px 3px rgba(0,0,0,0.05), -2px -2px 3px rgba(0,0,0,0.05); }
.depthMenu .sub_box.on { display:block; }
.depthMenu .sub_box li { position:relative; margin-top:14px; white-space:nowrap; }
.depthMenu .sub_box li:first-child { margin-top:0; }
.depthMenu .sub_box li.active { display:block; }
.depthMenu .sub_box li a { color:#333; font-size:15px; font-weight:400; }
.depthMenu .sub_box li a.over { color:#117bf6; font-weight:500; }
.depthMenu .sub_box li:last-child { display:none; }
@media screen and (max-width:1024px){	
	.depthMenu { top:340px; right:20px; }
}
@media screen and (max-width:640px){	
	.depthMenu { top:260px; right:20px; }
	.depthMenu:after { top:22px; width:140px; }
	.depthMenu p { width:140px; }
	.depthMenu p span { font-size:15px; }
	.depthMenu .sub_box ul { margin-top:22px; width:140px; }
	.depthMenu .sub_box li a { font-size:14px; }
}

/* lnb */
#lnb { border-bottom:1px solid #ddd; position:relative; z-index:5; }
#lnb p { display:none; }
#lnb .subDepth { max-width:1400px; margin:0 auto; display:block; text-align:center; }
#lnb .subDepth .depth2 { display:flex; align-items:center; justify-content:center; width:100%; }
#lnb .subDepth .depth2 li { }
#lnb .subDepth .depth2 li a { position:relative; display:flex; align-items:center; height:79px; padding:0 72px; }
#lnb .subDepth .depth2 li span { position:relative; font-size:18px; color:#111; font-weight:500; letter-spacing:-0.02em; display:block; white-space:nowrap; line-height:0.9; display:flex; align-items:center; height:79px; }
#lnb .subDepth .depth2 li span:before {content:""; display:block; position:absolute; left:-10%; bottom:-1px; width:0; height:2px; background:#26b4f0; transition:all 0.3s ease-in-out; }
#lnb .subDepth .depth2 li a.line span:before { bottom:-24px; }
#lnb .subDepth .depth2 li.over span { color:#26b4f0; }
#lnb .subDepth .depth2 li a:hover span:before,
#lnb .subDepth .depth2 li.over span:before,
#lnb .subDepth .depth2 li.over.off span:before { animation:lnb_line 0.5s 0.1s; animation-fill-mode:both; }
#lnb .subDepth .depth2 li.over a:hover span:before,
#lnb .subDepth .depth2.on li.over span:before,
#lnb .subDepth .depth2 li.off span:before { animation:lnb_line_z 0.5s 0.1s; animation-fill-mode:both; }
#lnb .subDepth .depth2 li ul { display:none; }
#lnb .subDepth.menu10 .depth2 li { width:20%; }
#lnb .subDepth.menu10 .depth2 li:nth-child(3) { width:25% }
#lnb .subDepth.menu10 .depth2 li:nth-child(4) { width:35% }
#lnb .subDepth.menu10 .depth2 li span { white-space: normal; }
@media screen and (max-width:1440px){	
	#lnb .subDepth { padding:0 20px; }
	#lnb .subDepth .depth2 { }
	#lnb .subDepth .depth2 li a { padding:0 60px;  }
}
@media screen and (max-width:1280px){	
	#lnb .subDepth .depth2 li a { height:69px; padding:0 42px; }
	#lnb .subDepth .depth2 li span { height:69px; }
	#lnb .subDepth .depth2 li a.line span:before { bottom:-19px; }
}
@media screen and (max-width:1024px){	
	#lnb .subDepth .depth2 li a { padding:0 25px; }
	#lnb .subDepth .depth2 li span { font-size:16px; }
}
@media screen and (max-width:760px){	
	#lnb .subDepth { text-align:left; }
	#lnb { position:relative; z-index:22;}
	#lnb p { position:relative; z-index:2; cursor:pointer; width:100%; padding:0 20px; display:block; }
	#lnb p:after { content:""; display:block; position:absolute; right:10px; top:12px; width:25px; height:25px; background:url(/img/sub/icon_depth_down_m.png) center center no-repeat; transition:all 0.3s ease-in-out; }
	#lnb p.ov:after { transform:rotate(180deg); }
	#lnb p span { font-size:16px; font-weight:600; color:#111; display:flex; align-items:center; height:50px; }
	#lnb .subDepth { display:none; position:absolute; top:51px; left:0; width:100%; background-color:#fff; border-bottom:1px solid #ddd;}
	#lnb .subDepth .depth2 { display:block; padding:10px 0; margin:0; }
	#lnb .subDepth .depth2 li a { height:auto; display:block; padding:0; }
	#lnb .subDepth .depth2 li span:before { display:none; }
	#lnb .subDepth .depth2 li span { font-size:14px; display:block; height:auto; padding:10px 0; color:#666; }
	#lnb .subDepth.menu10 .depth2 li,
	#lnb .subDepth.menu10 .depth2 li:nth-child(3),
	#lnb .subDepth.menu10 .depth2 li:nth-child(4) { width:100% }
}

#contents { padding:70px 0; }

.subContTitle { text-align:center; }
.subContTitle .stit { font-size:16px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; }
.subContTitle .stit span { font-weight:700; line-height:1.3 }
.subContTitle h3 { margin-top:18px; font-size:47px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.subContTitle h3 span { font-weight:700; line-height:1.3 }
@media screen and (max-width:1024px){	
	.subContTitle .stit { font-size:14px; }
	.subContTitle h3 { margin-top:14px; font-size:38px; }
}
@media screen and (max-width:640px){	
	.subContTitle .stit { font-size:12px; }
	.subContTitle h3 { margin-top:10px; font-size:28px; }
}

.subContTitle .stit,
.subContTitle h3 { overflow:hidden; }
.subContTitle .stit span,
.subContTitle h3 span { opacity:0; display:block; }
.subContTitle .stit span { animation:txtUp 0.8s 0.3s; animation-fill-mode:both; }
.subContTitle h3 span { animation:txtUp 0.8s 0.3s; animation-fill-mode:both; }

.tabmenu { margin-top:60px; position:relative; z-index:10;}
.tabmenu > div > ul { border:1px solid #eaeaea; border-radius:6px; }
.tabmenu > div > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.tabmenu > div > ul > li { float:left; position:relative; }
.tabmenu > div > ul > li > a {  color:#666; font-size:18px; font-weight:300; letter-spacing:-0.02em; width:calc(100% + 2px); padding:0 2px; height:50px; margin:-1px; text-align:center; display:flex; align-items:center; justify-content:center; }
.tabmenu > div > ul > li.on > a { background-color:#00aeef; color:#fff; }
.tabmenu > div > ul > li.on:first-child > a { border-radius:6px 0 0 6px; }
.tabmenu > div > ul > li.on:last-child > a { border-radius:0 6px 6px 0; }
.tabmenu > div > ul > li .sub_depth2 { display:none; position:absolute; top:66px; left:50%; transform:translateX(-50%); width:772px; }
.tabmenu > div > ul > li .sub_depth2:after {content:""; display:block; position:absolute; left:50%; top:-6px; transform:translateX(-50%); width:15px; height:15px; background-color:#f3f3f3; border-radius:20px; }
.tabmenu > div > ul > li.on .sub_depth2 { display:block; }
.tabmenu > div > ul > li .sub_depth2.on { position:fixed; top:0; }
.tabmenu > div > ul > li .sub_depth2.down.on { top:120px; }
.tabmenu > div > ul > li .sub_depth2 ul { display:flex; justify-content:space-between;border-radius:5px; background-color:#f3f3f3; padding:0 45px; }
.tabmenu > div > ul > li .sub_depth2 ul li { display:inline-block; }
.tabmenu > div > ul > li .sub_depth2 ul li a { height:55px; display:flex; align-items:center; justify-content:center; text-align:center; }
.tabmenu > div > ul > li .sub_depth2 ul li span { position:relative; color:#777; font-weight:300; font-size:17px; display:block; transition:all 0.3s ease-in-out; }
.tabmenu > div > ul > li .sub_depth2 ul li span:after {content:""; display:block; position:absolute; left:0; bottom:-2px; width:0; height:1px; background-color:#00aeef; transition:all 0.3s ease-in-out; }
.tabmenu > div > ul > li .sub_depth2 ul li a:hover span,
.tabmenu > div > ul > li .sub_depth2 ul li.on span { color:#00aeef; font-weight:500; }
.tabmenu > div > ul > li .sub_depth2 ul li a:hover span:after,
.tabmenu > div > ul > li .sub_depth2 ul li.on span:after { width:100%; }
.tabmenu.m1 > div > ul > li { width:100%; }
.tabmenu.m1 > div > ul > li.on > a { border-radius:6px; }
.tabmenu.m2 > div > ul > li { width:50%; }
.tabmenu.m3 > div > ul > li { width:33.333%; }
.tabmenu.m4 > div > ul > li { width:25%; }
.tabmenu.m5 > div > ul > li { width:20%; }
.tabmenu.m6 > div > ul > li { width:16.666%; }
@media screen and (max-width:1024px){	
	.tabmenu > div > ul > li .sub_depth2.down.on { top:70px; }
	.tabmenu > div > ul > li > a { font-size:15px; height:45px; }
	.tabmenu > div > ul > li .sub_depth2 { top:66px; left:50%; transform:translateX(-50%); width:calc(100vw - 40px); } 
}
@media screen and (max-width:760px){	
	.tabmenu > div > ul > li .sub_depth2 ul { flex-wrap:wrap; padding:10px 25px; }
	.tabmenu > div > ul > li .sub_depth2 li { width:33.33% }
	.tabmenu > div > ul > li .sub_depth2 ul li a { height:40px; }
}
@media screen and (max-width:640px){	
	.tabmenu.m1 > div > ul > li { width:100%; }
}

/* animation */
.tabmenu > div > ul > li > a,
.tabmenu > div > ul { opacity:0; }
.subOn .tabmenu > div > ul { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.subOn .tabmenu > div > ul > li:nth-child(1) > a { animation:bgs4 0.5s 0.6s; animation-fill-mode:both; }
.subOn .tabmenu > div > ul > li:nth-child(2) > a { animation:bgs4 0.5s 0.8s; animation-fill-mode:both; }
.subOn .tabmenu > div > ul > li:nth-child(3) > a { animation:bgs4 0.5s 1.0s; animation-fill-mode:both; }
.subOn .tabmenu > div > ul > li:nth-child(4) > a { animation:bgs4 0.5s 1.2s; animation-fill-mode:both; }
.subOn .tabmenu > div > ul > li:nth-child(5) > a { animation:bgs4 0.5s 1.4s; animation-fill-mode:both; }
.subOn .tabmenu > div > ul > li:nth-child(6) > a { animation:bgs4 0.5s 1.6s; animation-fill-mode:both; }

.tabmenu_n {}
.tabmenu_n ul { border:1px solid #eaeaea; border-radius:6px; }
.tabmenu_n ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.tabmenu_n li { float:left; }
.tabmenu_n li a { transition:all 0.3s ease-in-out; color:#666; font-size:18px; font-weight:300; letter-spacing:-0.02em; width:calc(100% + 2px); padding:0 2px; height:50px; margin:-1px; text-align:center; display:flex; align-items:center; justify-content:center; }
.tabmenu_n li.on a { background-color:#00aeef; color:#fff; }
.tabmenu_n li.on:first-child a { border-radius:6px 0 0 6px; }
.tabmenu_n li.on:last-child a { border-radius:0 6px 6px 0; }
.tabmenu_n.m1 li { width:100%; }
.tabmenu_n.m1 li.on a { border-radius:6px; }
.tabmenu_n.m2 li { width:50%; }
.tabmenu_n.m3 li { width:33.333%; }
.tabmenu_n.m4 li { width:25%; }
.tabmenu_n.m5 li { width:20%; }
.tabmenu_n.m6 li { width:16.666%; }
@media screen and (max-width:1024px){	
	.tabmenu_n li a { font-size:15px; height:45px; }
}
@media screen and (max-width:640px){	
	.tabmenu_n.m1 li { width:100%; }
}
/* animation */
.tabmenu_n li a,
.tabmenu_n ul { opacity:0; }
.subOn .tabmenu_n ul { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.subOn .tabmenu_n li:nth-child(1) a { animation:bgs4 0.5s 0.6s; animation-fill-mode:both; }
.subOn .tabmenu_n li:nth-child(2) a { animation:bgs4 0.5s 0.8s; animation-fill-mode:both; }
.subOn .tabmenu_n li:nth-child(3) a { animation:bgs4 0.5s 1.0s; animation-fill-mode:both; }
.subOn .tabmenu_n li:nth-child(4) a { animation:bgs4 0.5s 1.2s; animation-fill-mode:both; }
.subOn .tabmenu_n li:nth-child(5) a { animation:bgs4 0.5s 1.4s; animation-fill-mode:both; }
.subOn .tabmenu_n li:nth-child(6) a { animation:bgs4 0.5s 1.6s; animation-fill-mode:both; }

 
/* company-summary */
.company-summary h4.tit { text-align:center; color:#111; font-size:35px; font-weight:700; letter-spacing:-0.02em; }
.company-summary h4.tit span { font-weight:700; display:inline-block; }
.company-summary p.stit { margin-top:28px; text-align:center; color:#333; font-size:18px; font-weight:300; letter-spacing:-0.02em; }
.company-summary .summary_cont1 { text-align:center; margin-top:40px; padding-top:65px; background:url(/img/sub/icon_summary1.png) center top no-repeat; }
.company-summary .summary_cont1 .txt_1 { font-family:'Readex Pro', sans-serif; color:#111; font-size:25px; font-weight:700; line-height:150%; letter-spacing:-0.02em; }
.company-summary .summary_cont1 .txt_2 { margin-top:40px; color:#111; font-size:17px; font-weight:300; line-height:140%; letter-spacing:-0.02em; }
.company-summary .summary_cont1 .txt_2 strong { font-weight:600; }
.company-summary .summary_cont1 .txt_2.txt_3 { margin-top:30px; }
.company-summary .summary_cont2 { background-color:#f8f8f8; margin-top:90px; padding-top:60px; height:855px; }
.company-summary .summary_cont2 .listbox { margin-top:50px; }
.company-summary .summary_cont2 .listbox li { position:relative; }
.company-summary .summary_cont2 .listbox li .circle { position:absolute; background-color:rgba(0,174,239,0.8); mix-blend-mode:multiply; width:358px; height:358px; border-radius:400px; display:flex; align-items:center; justify-content:center; }
.company-summary .summary_cont2 .listbox li .circle .icon { width:80px; display:block; }
.company-summary .summary_cont2 .listbox li:nth-child(1) .circle { left:50%; top:0; margin-left:-179px; }
.company-summary .summary_cont2 .listbox li:nth-child(2) .circle { left:50%; margin-left:-30px; top:232px; background-color:rgba(20,12,68,0.8); }
.company-summary .summary_cont2 .listbox li:nth-child(3) .circle { right:50%; margin-right:-30px; top:232px; background-color:rgba(222,222,222,0.8); }
.company-summary .summary_cont2 .listbox li .circle .s_circle { position:absolute; width:26px; height:26px; }
.company-summary .summary_cont2 .listbox li .circle .s_circle:before { content:"";  position:absolute; z-index:5; display:block; display:block; mix-blend-mode:multiply; width:100%; height:100%; border-radius:100%; background-color:rgba(51,190,242,0.5); }
.company-summary .summary_cont2 .listbox li .circle .s_circle:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); mix-blend-mode:normal; background-color:#fff; width:6px; height:6px; border-radius:6px; z-index:5; }
.company-summary .summary_cont2 .listbox li:nth-child(1) .circle .s_circle { top:50px; right:30px; }
.company-summary .summary_cont2 .listbox li:nth-child(1) .circle .s_circle:before { background-color:rgba(51,190,242,0.5); }
.company-summary .summary_cont2 .listbox li:nth-child(2) .circle .s_circle { top:270px; right:21px; }
.company-summary .summary_cont2 .listbox li:nth-child(2) .circle .s_circle:before { background-color:rgba(52,47,49,0.5); }
.company-summary .summary_cont2 .listbox li:nth-child(3) .circle .s_circle { top:125px; left:-8px; }
.company-summary .summary_cont2 .listbox li:nth-child(3) .circle .s_circle:before { background-color:rgba(169,169,169,0.5); }
.company-summary .summary_cont2 .listbox li dl { position:absolute; }
.company-summary .summary_cont2 .listbox li dt { font-family:'Urbanist', sans-serif; color:#111; font-size:28px; font-weight:700; }
.company-summary .summary_cont2 .listbox li dt span { display:block; font-family:'Readex Pro', sans-serif; font-weight:700; color:#00aeef; font-size:16px; margin-bottom:20px; }
.company-summary .summary_cont2 .listbox li dd { padding-top:15px; color:#333; font-size:17px; font-weight:300; line-height:140%; }
.company-summary .summary_cont2 .listbox li dd > span { position:relative; display:block; padding-left:12px; }
.company-summary .summary_cont2 .listbox li dd > span:after { content:""; display:block; position:absolute; left:0; top:8px; background-color:#666; width:4px; height:4px; border-radius:5px; }
.company-summary .summary_cont2 .listbox li:nth-child(1) dl { left:50%; top:0; margin-left:240px;}
.company-summary .summary_cont2 .listbox li:nth-child(2) dl { left:50%; top:470px; margin-left:350px;}
.company-summary .summary_cont2 .listbox li:nth-child(2) dt span { color:#333; }
.company-summary .summary_cont2 .listbox li:nth-child(3) dl { left:45px; top:192px; }
.company-summary .summary_cont2 .listbox li:nth-child(3) dt span { color:#a8a8a8; }
.company-summary .summary_cont3 { background-color:#e7f2f6; padding:60px 0; }
.company-summary .summary_cont3 .listbox { padding-top:35px; }
.company-summary .summary_cont3 .listbox ul { margin:-10px 0 0 -10px; }
.company-summary .summary_cont3 .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-summary .summary_cont3 .listbox li { margin:10px 0 0 10px; width:calc(33.333% - 10px); float:left; }
.company-summary .summary_cont3 .listbox li .box { width:100%; height:215px; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#fff; border-radius:10px; }
.company-summary .summary_cont3 .listbox li .icon { width:70px; display:block; margin:0 auto; }
.company-summary .summary_cont3 .listbox li .txt_1 { margin-top:25px; color:#777; font-weight:200; font-size:17.5px; letter-spacing:-0.02em; }
.company-summary .summary_cont3 .listbox li .txt_1 span { font-weight:700; color:#00aeef; font-size:30.5px; }
.company-summary .summary_cont3 .listbox li .txt_2 { margin-top:15px; color:#111; font-weight:300; font-size:19px; letter-spacing:-0.02em; }
.company-summary .summary_cont3 .listbox li .txt_2 span { font-weight:700; color:#00aeef; font-size:30.5px; }
.company-summary .summary_cont4 { padding-top:60px; }
.company-summary .summary_cont4 .listbox { margin:45px 0 0 0; overflow:hidden; }
.company-summary .summary_cont4 .listbox > ul { margin:0 0 0 -3px; }
.company-summary .summary_cont4 .listbox > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-summary .summary_cont4 .listbox > ul > li { position:relative; float:left; height:464px; width:calc(8.2% - 1px); margin:0 0 0 1px; transition:width .6s; background-size:cover !important; }
.company-summary .summary_cont4 .listbox > ul > li:before{ content: ""; display:block; opacity:0.4; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:#000; }
.company-summary .summary_cont4 .listbox > ul > li a { position:relative; width:100%; height:100%; display:block; z-index:111 }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(1) { background:url(/img/sub/img_summary3_1_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(2) { background:url(/img/sub/img_summary3_2_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(3) { background:url(/img/sub/img_summary3_3_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(4) { background:url(/img/sub/img_summary3_4_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(5) { background:url(/img/sub/img_summary3_5_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(6) { background:url(/img/sub/img_summary3_6_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(7) { background:url(/img/sub/img_summary3_7_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(8) { background:url(/img/sub/img_summary3_8_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(9) { background:url(/img/sub/img_summary3_9_on.jpg) left center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(1) { background:url(/img/sub/img_summary3_1_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(2) { background:url(/img/sub/img_summary3_2_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(3) { background:url(/img/sub/img_summary3_3_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(4) { background:url(/img/sub/img_summary3_4_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(5) { background:url(/img/sub/img_summary3_5_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(6) { background:url(/img/sub/img_summary3_6_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(7) { background:url(/img/sub/img_summary3_7_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(8) { background:url(/img/sub/img_summary3_8_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(9) { background:url(/img/sub/img_summary3_9_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active { width:calc(34.4% - 1px); }
.company-summary .summary_cont4 .listbox li .txt { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:5; opacity:1; transition:all 0.3s ease-in-out; width:100%; font-size:18px; font-weight:400; color:#fff; line-height:115%; display:block; text-align:center; margin:0 auto; text-align:center; }
.company-summary .summary_cont4 .listbox li .txt > span { font-weight:400; display:block;  }
.company-summary .summary_cont4 .listbox li dl { position:absolute; left:0; bottom:50px; padding:0 50px; color:#fff; }
.company-summary .summary_cont4 .listbox li dt { opacity:0; font-size:23px; font-weight:700; letter-spacing:-0.02em; } 
.company-summary .summary_cont4 .listbox li dd { opacity:0; padding-top:20px; font-size:17px; font-weight:300; letter-spacing:-0.02em; color:rgba(255,255,255,0.8); line-height:130%; } 
.company-summary .summary_cont4 .listbox li.active .txt { opacity:0;  }
.company-summary .summary_cont4 .listbox li.active dt { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-summary .summary_cont4 .listbox li.active dd { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.company-summary .summary_cont5 { padding-top:80px; }
.company-summary .summary_cont5 .brochure_box { margin-top:40px; box-shadow:5px 5px 10px #f7f7f7, -5px -5px 10px #f7f7f7; }
.company-summary .summary_cont5 .brochure_box .box { position:relative; overflow:hidden; padding:55px 40px 120px 40px; }
.company-summary .summary_cont5 .brochure_box .box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-summary .summary_cont5 .brochure_box .box > div { position:relative; z-index:3; float:left; }
.company-summary .summary_cont5 .brochure_box .box .imgbox { width:60%; border:5px solid #f0f0f0; }
.company-summary .summary_cont5 .brochure_box .box .imgbox:after { content: ""; display:block; padding-bottom:67.6%; }
.company-summary .summary_cont5 .brochure_box .box .imgbox img { position:absolute; left:0; top:0; width:calc(100% - 10px); height:100%; object-fit:cover; -o-object-fit:cover; width:100%; }
.company-summary .summary_cont5 .brochure_box .box .txtbox { padding:30px 0 0 50px; width:40%; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dt { font-family:'Urbanist', sans-serif; color:#111; font-weight:700; font-size:32px; letter-spacing:-0.02em; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dd { padding-top:40px; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dd li { position:relative; padding-left:10px; margin-top:26px; color:#333; font-weight:300; font-size:16px; letter-spacing:-0.02em; line-height:150%; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dd li:first-child { margin-top:0; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dd li:after {content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#00aeef; border-radius:3px}
.company-summary .summary_cont5 .brochure_box .box .txtbox .btn { margin-top:70px; }
.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li { display:inline-block; margin-right:2px;}
.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a { width:170px; height:55px; border:1px solid #140c44; border-radius:5px; display:flex; align-items:center; justify-content:center; }
.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a span { display:inline-block; padding-right:53px; font-family:'Urbanist', sans-serif; color:#140c44; font-weight:700; font-size:15px; letter-spacing:-0.02em; background:url(/img/sub/icon_down.png) right center no-repeat; }
.company-summary .summary_cont5 .brochure_box .box > .txt { position:absolute; left:0; bottom:-55px; z-index:1; width:100%; text-align:center; font-family:'Readex Pro', sans-serif; color:rgba(239,239,239,0.5); font-weight:700; font-size:175px; letter-spacing:-0.02em;}
.company-summary .summary_cont5 .brochure_box .box > .txt span { font-family:'Readex Pro', sans-serif; font-weight:700; }


@media screen and (max-width:1280px){
	.company-summary .summary_cont2 { height:800px; }
	.company-summary .summary_cont2 .listbox li .circle { width:300px; height:300px; }
	.company-summary .summary_cont2 .listbox li .circle .icon { width:70px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle { margin-left:-150px; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle { margin-left:-30px; top:215px; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle { margin-right:-30px; top:215px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle .s_circle { top:50px; right:16px; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle .s_circle { top:215px; right:10px; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle .s_circle { top:125px; left:-12px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) dl { margin-left:180px;}
	.company-summary .summary_cont2 .listbox li:nth-child(2) dl { top:400px; margin-left:290px;}
	.company-summary .summary_cont2 .listbox li:nth-child(3) dl { left:0; top:180px; }
	.company-summary .summary_cont5 .brochure_box .box { padding:55px 40px 110px 40px; }
	.company-summary .summary_cont5 .brochure_box .box .imgbox { width:50% }
	.company-summary .summary_cont5 .brochure_box .box .txtbox { padding:0 0 0 50px; width:50% }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd li br { display:none; }
	.company-summary .summary_cont5 .brochure_box .box > .txt { bottom:-55px; font-size:150px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn { margin-top:40px; }
}
@media screen and (max-width:1024px){
	.company-summary h4.tit { font-size:26px; }
	.company-summary p.stit { margin-top:15px; font-size:16px; }
	.company-summary .summary_cont1 { margin-top:30px; padding-top:60px;  }
	.company-summary .summary_cont1 .txt_1 { font-size:20px; }
	.company-summary .summary_cont1 .txt_2 { margin-top:20px; font-size:16px; }
	.company-summary .summary_cont1 .txt_2.txt_3 { margin-top:30px; }
	.company-summary .summary_cont2 { margin-top:60px; padding-top:50px; height:800px; }
	.company-summary .summary_cont2 .listbox { margin-top:50px; }
	.company-summary .summary_cont2 .listbox li .circle { width:240px; height:240px; }
	.company-summary .summary_cont2 .listbox li .circle .icon { width:60px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle { margin-left:-120px; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle { margin-left:-15px; top:180px; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle { margin-right:-15px; top:180px; }
	.company-summary .summary_cont2 .listbox li .circle .s_circle { width:26px; height:26px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle .s_circle { top:36px; right:10px; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle .s_circle { top:168px; right:4px; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle .s_circle { top:112px; left:-14px; }
	.company-summary .summary_cont2 .listbox li dt { font-size:18px; }
	.company-summary .summary_cont2 .listbox li dt span { font-size:14px; margin-bottom:15px; }
	.company-summary .summary_cont2 .listbox li dd { padding-top:10px; font-size:16px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) dl { margin-left:180px;}
	.company-summary .summary_cont2 .listbox li:nth-child(2) dl { top:360px; margin-left:240px;}
	.company-summary .summary_cont2 .listbox li:nth-child(3) dl { left:0; top:180px; width:150px; }
	.company-summary .summary_cont2 .listbox li dd br { display:none; }
	.company-summary .summary_cont3 { padding:50px 0; }
	.company-summary .summary_cont3 .listbox { padding-top:30px; }
	.company-summary .summary_cont3 .listbox li .box { height:215px; }
	.company-summary .summary_cont3 .listbox li .icon { width:70px; }
	.company-summary .summary_cont3 .listbox li .txt_1 { margin-top:20px; font-size:16px; }
	.company-summary .summary_cont3 .listbox li .txt_1 span { font-size:26px; }
	.company-summary .summary_cont3 .listbox li .txt_2 { margin-top:12px; font-size:18px; }
	.company-summary .summary_cont4 { padding-top:50px; }
	.company-summary .summary_cont4 .listbox { margin:45px 0 0 0; }
	.company-summary .summary_cont4 .listbox > ul { margin:0 0 0 -3px; }
	.company-summary .summary_cont4 .listbox > ul > li { height:300px; }
	.company-summary .summary_cont4 .listbox li .txt { font-size:16px; }
	.company-summary .summary_cont4 .listbox li dl { bottom:30px; padding:0 30px; }
	.company-summary .summary_cont4 .listbox li dt { font-size:22px; } 
	.company-summary .summary_cont4 .listbox li dd { padding-top:15px; font-size:16px; } 
	.company-summary .summary_cont4 .listbox li dd br { display:none; }
	.company-summary .summary_cont5 { padding-top:60px; }
	.company-summary .summary_cont5 .brochure_box { margin-top:40px; }
	.company-summary .summary_cont5 .brochure_box .box { padding:40px 40px 60px 40px; }
	.company-summary .summary_cont5 .brochure_box .box .imgbox { position:relative; float:none; margin:0 auto; width:100%; max-width:550px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox { padding:40px 0 0; width:100%;}
	.company-summary .summary_cont5 .brochure_box .box .txtbox dt { font-size:26px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd { padding-top:25px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd li { padding-left:10px; margin-top:20px; font-size:14px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd li:after { top:10px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn { margin-top:60px; text-align:center; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a { width:150px; height:50px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a span { padding-right:40px; font-size:15px; }
	.company-summary .summary_cont5 .brochure_box .box > .txt { bottom:-34px; font-size:110px; }
}
@media screen and (max-width:760px){
	.company-summary h4.tit { font-size:20px; }
	.company-summary p.stit { margin-top:10px; font-size:14px; }
	.company-summary .summary_cont1 { background-size:26px 15px; padding-top:25px;  }
	.company-summary .summary_cont1 .txt_1 { font-size:18px; }
	.company-summary .summary_cont1 .txt_2 { margin-top:20px; font-size:15px; }
	.company-summary .summary_cont1 .txt_2 br { display:none; }
	.company-summary .summary_cont1 .txt_2.txt_3 { margin-top:20px; }
	.company-summary .summary_cont2 { padding-top:50px; padding-bottom:50px; height:auto; }
	.company-summary .summary_cont2 .listbox li { margin-top:50px; padding-left:110px;  }
	.company-summary .summary_cont2 .listbox li .circle { width:90px; height:90px; }
	.company-summary .summary_cont2 .listbox li .circle .icon { width:45px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle { left:0; margin-left:0; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle { left:0; margin-left:0; top:0; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle { left:0; right:unset; margin-right:0; top:0; }
	.company-summary .summary_cont2 .listbox li .circle .s_circle { display:none; }
	.company-summary .summary_cont2 .listbox li dt { font-size:17px; }
	.company-summary .summary_cont2 .listbox li dt span { font-size:13px; margin-bottom:10px; }
	.company-summary .summary_cont2 .listbox li dd { padding-top:10px; font-size:15px; }
	.company-summary .summary_cont2 .listbox li dl { position:relative; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) dl { left:0; top:0;margin-left:0;}
	.company-summary .summary_cont2 .listbox li:nth-child(2) dl { left:0; top:0; margin-left:0;}
	.company-summary .summary_cont2 .listbox li:nth-child(3) dl { left:0; top:0; right:unset; width:auto; }
	.company-summary .summary_cont3 { padding:50px 0; }
	.company-summary .summary_cont3 .listbox { padding-top:30px; }
	.company-summary .summary_cont3 .listbox li { width:calc(50% - 10px); }
	.company-summary .summary_cont3 .listbox li .box { height:200px; }
	.company-summary .summary_cont3 .listbox li .icon { width:60px; }
	.company-summary .summary_cont3 .listbox li .txt_1 { margin-top:15px; font-size:14px; }
	.company-summary .summary_cont3 .listbox li .txt_1 span { font-size:20px; }
	.company-summary .summary_cont3 .listbox li .txt_2 { margin-top:10px; font-size:16px; }
	.company-summary .summary_cont4 { padding-top:50px; }
	.company-summary .summary_cont4 .listbox { margin:45px 0 0 0; }
	.company-summary .summary_cont4 .listbox > ul { margin:0 0 0 -3px; }
	.company-summary .summary_cont4 .listbox > ul > li { height:70px; width:100%; margin:0; transition:height .6s; }
	.company-summary .summary_cont4 .listbox > ul > li.active { height:240px; width:100%; }
	.company-summary .summary_cont4 .listbox li .txt { font-size:16px; width:100%; }
	.company-summary .summary_cont4 .listbox li .txt > span { display:inline-block; }
	.company-summary .summary_cont4 .listbox li .txt br { display:none; }
	.company-summary .summary_cont4 .listbox li dl { bottom:30px; padding:0 30px; }
	.company-summary .summary_cont4 .listbox li dt { font-size:19px; } 
	.company-summary .summary_cont4 .listbox li dd { padding-top:15px; font-size:15px; } 
	.company-summary .summary_cont4 .listbox li dd br { display:none; }
	.company-summary .summary_cont5 { padding-top:60px; }
	.company-summary .summary_cont5 .brochure_box { margin-top:40px; }
	.company-summary .summary_cont5 .brochure_box .box { padding:40px 20px 50px 20px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dt { font-size:20px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd { padding-top:20px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd li { padding-left:10px; margin-top:20px; font-size:14px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn { margin-top:60px; text-align:center; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a { width:120px; height:45px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a span { padding-right:30px; font-size:14px; }
	.company-summary .summary_cont5 .brochure_box .box > .txt { bottom:-12px; font-size:50px; }
}


/* animation */
.company-summary .summary_cont1,
.company-summary h4.tit { overflow:hidden; }
.company-summary .summary_cont1 .txt_1,
.company-summary .summary_cont1 .txt_2,
.company-summary h4.tit span,
.company-summary p.stit { opacity:0; }
.company-summary .summary_cont2.subOn h4.tit span,
.company-summary .summary_cont3.subOn h4.tit span,
.company-summary .summary_cont4.subOn h4.tit span,
.company-summary .summary_cont5.subOn h4.tit span { animation:txtUp 0.8s 0.5s; animation-fill-mode:both; } 
.company-summary .summary_cont4.subOn p.stit,
.company-summary .summary_cont5.subOn p.stit { animation:txtUp 0.8s 0.8s; animation-fill-mode:both; } 
.company-summary .summary_cont1.subOn .txt_1 { animation:txtUp 0.8s 1.0s; animation-fill-mode:both; } 
.company-summary .summary_cont1.subOn .txt_2 { animation:txtUp 0.8s 1.2s; animation-fill-mode:both; } 
.company-summary .summary_cont1.subOn .txt_3 { animation:txtUp 0.8s 1.4s; animation-fill-mode:both; } 
.company-summary .summary_cont2 .listbox li .circle,
.company-summary .summary_cont2 .listbox li  dl { opacity:0; }
.company-summary .summary_cont2.subOn .listbox li:nth-child(1) .circle { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.company-summary .summary_cont2.subOn .listbox li:nth-child(2) .circle { animation:bgs4 0.8s 1.0s; animation-fill-mode:both; }
.company-summary .summary_cont2.subOn .listbox li:nth-child(3) .circle { animation:bgs4 0.8s 1.5s; animation-fill-mode:both; }
.company-summary .summary_cont2.subOn .listbox li:nth-child(1) dl { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.company-summary .summary_cont2.subOn .listbox li:nth-child(2) dl { animation:ani_2 0.8s 1.2s; animation-fill-mode:both; }
.company-summary .summary_cont2.subOn .listbox li:nth-child(3) dl { animation:ani_1 0.8s 1.7s; animation-fill-mode:both; }
.company-summary .summary_cont3 .listbox li { opacity:0; }
.company-summary .summary_cont3.subOn .listbox li:nth-child(1) { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.company-summary .summary_cont3.subOn .listbox li:nth-child(2) { animation:bgs4 0.8s 0.7s; animation-fill-mode:both; }
.company-summary .summary_cont3.subOn .listbox li:nth-child(3) { animation:bgs4 0.8s 0.9s; animation-fill-mode:both; }
.company-summary .summary_cont3.subOn .listbox li:nth-child(4) { animation:bgs4 0.8s 1.1s; animation-fill-mode:both; }
.company-summary .summary_cont3.subOn .listbox li:nth-child(5) { animation:bgs4 0.8s 1.3s; animation-fill-mode:both; }
.company-summary .summary_cont3.subOn .listbox li:nth-child(6) { animation:bgs4 0.8s 1.5s; animation-fill-mode:both; }
.company-summary .summary_cont3.subOn .listbox li:nth-child(7) { animation:bgs4 0.8s 1.7s; animation-fill-mode:both; }
.company-summary .summary_cont3.subOn .listbox li:nth-child(8) { animation:bgs4 0.8s 1.9s; animation-fill-mode:both; }
.company-summary .summary_cont4 .listbox > ul > li { opacity:0; }
.company-summary .summary_cont4.subOn .listbox > ul > li { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-summary .summary_cont5.subOn  .brochure_box .box .imgbox { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.company-summary .summary_cont5.subOn  .brochure_box .box .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-summary .summary_cont5 .brochure_box .box > .txt span { opacity:0; display:inline-block; transform:translateY(150px); transition:transform 1000ms cubic-bezier(0.425,0.005,0,1); }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span { opacity:1; transform:translateY(0); }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(1) { transition-delay:0.5s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(2) { transition-delay:0.6s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(3) { transition-delay:0.7s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(4) { transition-delay:0.8s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(5) { transition-delay:0.9s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(6) { transition-delay:1.0s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(7) { transition-delay:1.1s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(8) { transition-delay:1.2s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(9) { transition-delay:1.3s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(10) { transition-delay:1.4s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(11) { transition-delay:1.5s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(12) { transition-delay:1.6s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(13) { transition-delay:1.7s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(14) { transition-delay:1.8s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(15) { transition-delay:1.9s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(16) { transition-delay:2.0s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(17) { transition-delay:2.1s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(18) { transition-delay:2.2s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(19) { transition-delay:2.3s; }
.company-summary .summary_cont5.subOn .brochure_box .box > .txt span:nth-child(20) { transition-delay:2.4s; }
@media screen and (max-width:760px){
	.company-summary .summary_cont2.subOn .listbox li:nth-child(3) dl { animation:ani_2 0.8s 1.7s; animation-fill-mode:both; }
}

/* history_toptxt */
.company-history .history_toptxt { margin-top:30px; text-align:center; }
.company-history .history_toptxt > span { display:block; color:#111; font-size:30px; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.company-history .history_toptxt > span strong { font-weight:700; }
.company-history .listbox { position:relative; overflow:hidden; }
.company-history .listbox:after {content:""; display:block; position:absolute; left:50%; top:80px; width:1px; height:calc(100% - 85px); background-color:#ebebeb; }
.company-history .listbox .historyCont { padding:80px 0 0 0; position:relative; }
.company-history .listbox .historyCont:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-history .listbox .historyCont:nth-child(1) { padding:90px 0 0 0; }
.company-history .listbox .historyCont > div { float:left; width:50%; box-sizing:border-box; }
.company-history .listbox .historyCont .imgbox { position:relative; text-align:right; margin:0 120px 0 0; width:calc(50% - 120px); }
.company-history .listbox .historyCont .imgbox:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; }
.company-history .listbox .historyCont .list { position:relative; left:50%; padding:0 0 0 60px; float:left; }
.company-history .listbox .historyCont .list:after {content:""; display:block; position:absolute; left:0; top:0; z-index:2; margin:0 0 0 -3px; width:7.5px; height:7.5px; background-color:#ccc; border-radius:100%; transition:all .3s ease-in-out; }
.company-history .listbox .historyCont.subOn .list:after { background-color:#00aeef; }
.company-history .listbox .historyCont .list:before {content:""; display:block; position:absolute; left:0; top:0; z-index:1; margin:0; width:0; height:0; background-color:#cceffc; border:7px solid #fff; border-radius:100%; transition:all .3s ease-in-out; }
.company-history .listbox .historyCont.subOn .list:before { margin:-14px 0 0 -16.5px; width:21px; height:21px; }
.company-history .listbox .historyCont .list dl { margin-top:-10px; }
.company-history .listbox .historyCont .list dt { color:#333; font-size:26px; font-weight:700; }
.company-history .listbox .historyCont .list dt span { color:#333; font-weight:700; }
.company-history .listbox .historyCont .list dd li { position:relative; padding:0 0 0 12px; margin:14px 0 0 0; font-size:17px; line-height:130%; color:#444; font-weight:400; letter-spacing:-0.02em; }
.company-history .listbox .historyCont .list dd li:before {content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#5c5c5c; border-radius:5px; }
.company-history .listbox .historyCont:nth-child(2n) .imgbox { float:right; margin:0 0 0 120px; text-align:left; }
.company-history .listbox .historyCont:nth-child(2n) .imgbox:before { left:auto; right:0; }
.company-history .listbox .historyCont:nth-child(2n) .list { left:0; padding:0 60px 0 0; text-align:right; }
.company-history .listbox .historyCont:nth-child(2n) .list:after { left:auto; right:0; margin:0 -3px 0 0; }
.company-history .listbox .historyCont:nth-child(2n).subOn .list:before { left:auto; right:0; margin:-14px -16.5px 0 0; }
.company-history .listbox .historyCont:nth-child(2n) .list dd li { padding:0 12px 0 0; }
.company-history .listbox .historyCont:nth-child(2n) .list dd li:before { left:auto; right:0; }
@media screen and (max-width:1024px){
	.company-history .history_toptxt { margin-top:25px; }
	.company-history .history_toptxt > span { font-size:24px; }
	.company-history .listbox .historyCont .list { padding:0 0 0 40px; }
	.company-history .listbox .historyCont .list dl { margin-top:-10px; }
	.company-history .listbox .historyCont .list dt { font-size:24px; }
	.company-history .listbox .historyCont .list dd li { padding:0 0 0 10px; margin:10px 0 0 0; font-size:15px; }
	.company-history .listbox .historyCont .list dd li:before { top:8px; width:2px; height:2px; }
	.company-history .listbox .historyCont:nth-child(2n) .list { padding:0 40px 0 0;}
}
@media screen and (max-width:860px){
	.company-history .history_toptxt { margin-top:20px; }
	.company-history .history_toptxt > span { font-size:18px; }
	.company-history .history_toptxt .m_br { display:block; } 
	.company-history .listbox:after { left:50px; top:60px; height:calc(100% - 65px); margin-top:30px; }
	.company-history .listbox .historyCont { padding:60px 0 0 0; position:relative; }
	.company-history .listbox .historyCont:nth-child(1) { padding:60px 0 0 0; }
	.company-history .listbox .historyCont { z-index:2; }
	.company-history .listbox .historyCont .imgbox { width:100%; margin:0; }
	.company-history .listbox .historyCont .imgbox:after {content:""; display:block; padding-bottom:30%; }
	.company-history .listbox .historyCont .imgbox img { position:absolute; right:0; top:0; max-width:100%; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
	.company-history .listbox .historyCont .list { left:0; width:100%; margin-top:0px; padding:0 30px 0 80px; }
	.company-history .listbox .historyCont .list:after { left:50px; width:5px; height:5px; margin:1px 0 0 -2px; }
	.company-history .listbox .historyCont .list:before { left:44px; margin:0 0 0 0; }
	.company-history .listbox .historyCont.subOn .list:before { left:44px; top:-4px; width:18px; height:18px; margin:-9px 0 0 -9px; }
	.company-history .listbox .historyCont:nth-child(2n) .imgbox { margin:0; }
	.company-history .listbox .historyCont:nth-child(2n) .list { margin-top:0; padding:0 30px 0 80px; text-align:left; }
	.company-history .listbox .historyCont:nth-child(2n) .list:after { left:50px; right:0; margin:1px 0 0 -2px; }
	.company-history .listbox .historyCont:nth-child(2n).subOn .list:before { left:44px; right:0; margin:-9px 0 0 -9px; }
	.company-history .listbox .historyCont:nth-child(2n) .list dd li { padding:0 0 0 10px; }
	.company-history .listbox .historyCont:nth-child(2n) .list dd li:before { left:0; right:0; }
	.company-history .listbox .historyCont .list dl { margin-top:-8px; }
	.company-history .listbox .historyCont .list dt { font-size:18px; }
	.company-history .listbox .historyCont .list dd li { margin:10px 0 0 0; font-size:14px; }
}
/* animation */
.company-history .history_toptxt { overflow:hidden; }
.company-history .history_toptxt > span { opacity:0; }
.company-history .history_toptxt.subOn > span { animation:txtUp 0.8s 1.0s; animation-fill-mode:both; }
.company-history .listbox .historyCont .list dt span { color:#fff; opacity:0; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(1) { animation:letter-glow 0.5s 0.1s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(2) { animation:letter-glow 0.5s 0.2s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(3) { animation:letter-glow 0.5s 0.3s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(4) { animation:letter-glow 0.5s 0.4s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(5) { animation:letter-glow 0.5s 0.5s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(6) { animation:letter-glow 0.5s 0.6s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(7) { animation:letter-glow 0.5s 0.7s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(8) { animation:letter-glow 0.5s 0.8s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(9) { animation:letter-glow 0.5s 0.9s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(10) { animation:letter-glow 0.5s 1.0s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(12) { animation:letter-glow 0.5s 1.1s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(13) { animation:letter-glow 0.5s 1.2s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(14) { animation:letter-glow 0.5s 1.3s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(15) { animation:letter-glow 0.5s 1.4s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(16) { animation:letter-glow 0.5s 1.5s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(17) { animation:letter-glow 0.5s 1.6s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(18) { animation:letter-glow 0.5s 1.7s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(19) { animation:letter-glow 0.5s 1.8s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(20) { animation:letter-glow 0.5s 1.9s; animation-fill-mode:both; }

.company-history .listbox .historyCont .list dd { opacity:0; } 
.company-history .listbox .historyCont.subOn .list dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-history .listbox .historyCont:nth-child(2n).subOn .list dd { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.company-history .listbox .historyCont:nth-child(2n).subOn .list dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
}

@-webkit-keyframes letter-glow {
  0% { color:#fff; opacity:0; }
  100% { color:#333; opacity:1; }
}
@keyframes letter-glow {
  0% { color:#fff; opacity:0;}
  100% { color:#333; opacity:1; }
}

/* company-ci */
.company-ci {}
.company-ci p.tit { color:#111; font-weight:700; letter-spacing:-0.02em; }
.company-ci .ci_cont1 { margin-top:50px; text-align:center; background-color:#f8f8f8; padding:65px 0; }
.company-ci .ci_cont1 p.tit { font-size:32px; }
.company-ci .ci_cont1 .txt { margin-top:55px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.company-ci .ci_cont1 .txt strong { font-family: 'Noto Sans KR', sans-serif; font-weight:500; color:#00abe5; }
.company-ci .ci_cont1 .txt strong > span { font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.company-ci .ci_cont1 .logo { margin:45px auto 0 auto; width:362px; }
.company-ci .ci_cont2 { padding:50px 0; }
.company-ci .ci_cont2 .tit { font-family:'Readex Pro', sans-serif; font-size:36px; font-weight:500; text-transform:uppercase; }
.company-ci .ci_cont2 .listbox { margin-top:50px; }
.company-ci .ci_cont2 .listbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-ci .ci_cont2 .listbox > div { float:left; }
.company-ci .ci_cont2 .listbox .box.box_1 { width:169px; height:133px; border:1px solid #f6f6f6; display:flex; align-items:center; justify-content:center; background-image: linear-gradient(#f6f6f6 1px, transparent 1px), linear-gradient(90deg, #f6f6f6 1px, transparent 1px), linear-gradient(#f6f6f6 1px, transparent 1px), linear-gradient(90deg, #f6f6f6 1px, #fff 1px); background-size:12px 11px; background-position:-1px -1px; }
.company-ci .ci_cont2 .listbox .box_1 .logo { width:16px; margin-left:10px;}
.company-ci .ci_cont2 .listbox .box_2 { width:calc(100% - 169px - 66px); margin-left:66px; display:flex; justify-content:space-between; }
.company-ci .ci_cont2 .listbox .box_2 dt { display:inline-block; vertical-align:top; font-family:'Readex Pro', sans-serif; font-size:22px; color:#111; font-weight:500; letter-spacing:-0.02em; }
.company-ci .ci_cont2 .listbox .box_2 dd { display:inline-block; vertical-align:top; padding-left:15px; }
.company-ci .ci_cont2 .listbox .box_2 dd li { position:relative; margin-top:22px; padding:3px 0 0 35px; font-size:16px; color:#666; font-weight:400; letter-spacing:-0.02em; }
.company-ci .ci_cont2 .listbox .box_2 dd li:first-child { margin-top:5px; }
.company-ci .ci_cont2 .listbox .box_2 dd li > span { position:absolute; left:0; top:0; padding:8px 0 0 11px; width:22px; height:22px; overflow:hidden; border-radius:50px; }
.company-ci .ci_cont2 .listbox .box_2 dd li > span:before {content:""; display:block; position:absolute; left:0; top:0; width:22px; height:22px; background-color:#00aeef; border-radius:50px; }
.company-ci .ci_cont2 .listbox .box_2 dd li > span strong { position:relative; z-index:2; font-size:15px; font-weight:700; color:rgba(255,255,255,0.9); }
.company-ci .ci_cont2 .ci_box { margin-top:40px; }
.company-ci .ci_cont2 .ci_box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-ci .ci_cont2 .ci_box > div { position:relative; float:left; width:50%; }
.company-ci .ci_cont2 .ci_box > div:nth-child(2) { margin-left:-1px; }
.company-ci .ci_cont2 .ci_box > div:nth-child(2):before {content:""; display:block; position:absolute; top:46px; left:-2px; width:2px; height:60px; background-color:#c5c5c5; }
.company-ci .ci_cont2 .ci_box .logo { width:100%; height:155px; border:1px solid #f6f6f6; display:flex; align-items:center; justify-content:center; background-image: linear-gradient(#f6f6f6 1px, transparent 1px), linear-gradient(90deg, #f6f6f6 1px, transparent 1px), linear-gradient(#f6f6f6 1px, transparent 1px), linear-gradient(90deg, #f6f6f6 1px, #fff 1px); background-size:12px 11px; background-position:-1px -1px; }
.company-ci .ci_cont2 .ci_box .logo span { width:405px; display:block; }
.company-ci .ci_cont2 .ci_box > div:nth-child(2) .logo span { width:345px; }
.company-ci .ci_cont2 .ci_box .btn { margin-top:20px; text-align:center; }
.company-ci .ci_cont2 .ci_box .btn li { display:inline-block; margin:0 8px;}
.company-ci .ci_cont2 .ci_box .btn li a { width:158px; height:55px; border:1px solid #140c44; border-radius:5px; display:flex; align-items:center; justify-content:center; }
.company-ci .ci_cont2 .ci_box .btn li a span { display:inline-block; padding-right:24px; font-family:'Urbanist', sans-serif; color:#140c44; font-weight:700; font-size:15px; letter-spacing:-0.02em; background:url(/img/sub/icon_down.png) right center no-repeat; }
.company-ci .ci_cont2 .ci_box .btn li:nth-child(2) a span { padding-right:32px; }
.company-ci .ci_cont3 { padding:50px 0; background-color:#f3f7f8; }
.company-ci .ci_cont3 .tit { font-size:36px; font-weight:500; }
.company-ci .ci_cont3 .toptxt { margin-top:20px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.company-ci .ci_cont3 .lisbox { margin-top:40px; }
.company-ci .ci_cont3 .lisbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-ci .ci_cont3 .lisbox > div { float:left; }
.company-ci .ci_cont3 .lisbox .l_box { width:70%; }
.company-ci .ci_cont3 .lisbox .r_box { width:30%; padding-left:10px; }
.company-ci .ci_cont3 .lisbox .l_box > ul { margin-left:-10px; }
.company-ci .ci_cont3 .lisbox .l_box > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-ci .ci_cont3 .lisbox .l_box > ul > li { position:relative; float:left; width:calc(33.333% - 10px); margin-left:10px; height:280px; border-radius:10px; }
.company-ci .ci_cont3 .lisbox .l_box > ul > li:nth-child(1) { background-color:#070c47; }
.company-ci .ci_cont3 .lisbox .l_box > ul > li:nth-child(2) { background-color:#00abe6; }
.company-ci .ci_cont3 .lisbox .l_box > ul > li:nth-child(3) { background-color:#231f20; }
.company-ci .ci_cont3 .lisbox .l_box > ul > li dl { padding:28px 20px 28px 28px; }
.company-ci .ci_cont3 .lisbox .l_box > ul > li dt { font-family:'Readex Pro', sans-serif; font-size:26px; font-weight:700; color:rgba(255,255,255,0.9); }
.company-ci .ci_cont3 .lisbox .l_box > ul > li dd { padding-top:20px; font-size:16px; color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:-0.02em; line-height:140%;  }
.company-ci .ci_cont3 .lisbox .l_box > ul > li .txt_b { position:absolute; bottom:28px; right:28px; text-align:right; font-size:16px; color:rgba(255,255,255,0.8); font-weight:300; letter-spacing:-0.02em; line-height:140%;  }
.company-ci .ci_cont3 .lisbox .l_box > ul > li .txt_b strong { font-weight:500; display:inline-block; margin-left:2px; }
.company-ci .ci_cont3 .lisbox .r_box > ul > li { margin-top:10px; width:100%; height:87px; border-radius:10px;}
.company-ci .ci_cont3 .lisbox .r_box > ul > li:nth-child(1) { margin-top:0; background-color:#fff; border:1px solid #eee; }
.company-ci .ci_cont3 .lisbox .r_box > ul > li:nth-child(2) { background-color:#a7a9ac; }
.company-ci .ci_cont3 .lisbox .r_box > ul > li:nth-child(3) { background-color:#c6a68d; }
.company-ci .ci_cont3 .lisbox .r_box > ul > li dl { position:relative; padding:20px; height:100%; }
.company-ci .ci_cont3 .lisbox .r_box > ul > li dt { font-family:'Readex Pro', sans-serif; font-size:20px; font-weight:500; color:rgba(255,255,255,0.9); }
.company-ci .ci_cont3 .lisbox .r_box > ul > li:nth-child(1) dt { color:rgba(34,34,34,0.9); }
.company-ci .ci_cont3 .lisbox .r_box > ul > li dd { position:absolute; bottom:15px; right:20px; text-align:right; font-size:16px; color:rgba(255,255,255,0.9); font-weight:300; letter-spacing:-0.02em; line-height:140%;  }
.company-ci .ci_cont3 .lisbox .r_box > ul > li dd strong { font-weight:600; display:inline-block; margin-left:2px; }
.company-ci .ci_cont3 .lisbox .r_box > ul > li:nth-child(1) dd { color:rgba(102,102,102,0.9); }
@media screen and (max-width:1280px){
	.company-ci .ci_cont3 .toptxt br { display:none; }
}
@media screen and (max-width:1024px){
	.company-ci .ci_cont1 { margin-top:50px; padding:65px 0; }
	.company-ci .ci_cont1 p.tit { font-size:24px; }
	.company-ci .ci_cont1 .txt { margin-top:55px; font-size:16px; }
	.company-ci .ci_cont1 .txt br { display:none; }
	.company-ci .ci_cont1 .logo { margin:40px auto 0 auto; width:260px; }
	.company-ci .ci_cont2 { padding:50px 0; }
	.company-ci .ci_cont2 .tit { font-size:28px; }
	.company-ci .ci_cont2 .listbox { margin-top:50px; }
	.company-ci .ci_cont2 .listbox .box.box_1 { width:169px; height:133px; }
	.company-ci .ci_cont2 .listbox .box_1 .logo { width:16px; margin-left:10px;}
	.company-ci .ci_cont2 .listbox .box_2 { width:calc(100% - 169px - 35px); margin-left:35px; }
	.company-ci .ci_cont2 .listbox .box_2 dt { font-size:22px; display:block; }
	.company-ci .ci_cont2 .listbox .box_2 dd { padding-left:0;}
	.company-ci .ci_cont2 .listbox .box_2 dd li { margin-top:12px; font-size:16px; }
	.company-ci .ci_cont2 .listbox .box_2 dd li:first-child { margin-top:18px; }
	.company-ci .ci_cont2 .ci_box { margin-top:40px; }
	.company-ci .ci_cont2 .ci_box .logo span { width:300px; }
	.company-ci .ci_cont2 .ci_box > div:nth-child(2) .logo span { width:240px; }
	.company-ci .ci_cont2 .ci_box > div:nth-child(2):before { display:none; }
	.company-ci .ci_cont2 .ci_box > div:nth-child(2) { margin-top:30px; }
	.company-ci .ci_cont2 .ci_box .btn { margin-top:20px; }
	.company-ci .ci_cont2 .ci_box .btn li { margin:0 8px;}
	.company-ci .ci_cont2 .ci_box .btn li a { width:140px; height:45px; }
	.company-ci .ci_cont2 .ci_box .btn li a span { padding-right:16px; font-size:14px; }
	.company-ci .ci_cont2 .ci_box .btn li:nth-child(2) a span { padding-right:24px; }
	.company-ci .ci_cont3 { padding:50px 0; }
	.company-ci .ci_cont3 .tit { font-size:28px; }
	.company-ci .ci_cont3 .toptxt { margin-top:20px; font-size:17px; }
	.company-ci .ci_cont3 .lisbox { margin-top:40px; }
	.company-ci .ci_cont3 .lisbox .l_box { width:100%; }
	.company-ci .ci_cont3 .lisbox .r_box { width:100%; padding-left:0; margin-top:10px; }
	.company-ci .ci_cont3 .lisbox .l_box > ul > li dt { font-size:22px; }
	.company-ci .ci_cont3 .lisbox .l_box > ul > li dd { padding-top:20px; font-size:15px; }
	.company-ci .ci_cont3 .lisbox .l_box > ul > li .txt_b { font-size:15px; }
}
@media screen and (max-width:760px){
	.company-ci .ci_cont1 { margin-top:40px; padding:50px 0; }
	.company-ci .ci_cont1 p.tit { font-size:20px; }
	.company-ci .ci_cont1 .txt { margin-top:55px; font-size:15px; }
	.company-ci .ci_cont1 .logo { margin:30px auto 0 auto; width:200px; }
	.company-ci .ci_cont2 { padding:40px 0; }
	.company-ci .ci_cont2 .tit { font-size:22px; }
	.company-ci .ci_cont2 .listbox { margin-top:20px; }
	.company-ci .ci_cont2 .listbox .box.box_1 { width:100%; height:133px; }
	.company-ci .ci_cont2 .listbox .box_1 .logo { width:16px; margin-left:0;}
	.company-ci .ci_cont2 .listbox .box_2 { width:100%; margin-left:0; margin-top:20px; display:block; }
	.company-ci .ci_cont2 .listbox .box_2 dl { display:inline-block; width:37%; vertical-align:top; }
	.company-ci .ci_cont2 .listbox .box_2 dl:nth-child(2) { width:32%; }
	.company-ci .ci_cont2 .listbox .box_2 dl:nth-child(3) { width:26%; }
	.company-ci .ci_cont2 .listbox .box_2 dt { font-size:18px; }
	.company-ci .ci_cont2 .listbox .box_2 dd { padding-left:0;}
	.company-ci .ci_cont2 .listbox .box_2 dd li { margin-top:10px; font-size:14px;  padding:3px 0 0 28px; }
	.company-ci .ci_cont2 .listbox .box_2 dd li:first-child { margin-top:15px; }
	.company-ci .ci_cont2 .listbox .box_2 dd li > span { padding:7px 0 0 10px; width:20px; height:20px; }
	.company-ci .ci_cont2 .listbox .box_2 dd li > span:before { width:20px; height:20px; }
	.company-ci .ci_cont2 .listbox .box_2 dd li > span strong { font-size:14px; }
	.company-ci .ci_cont2 .ci_box { margin-top:40px; }
	.company-ci .ci_cont2 .ci_box .box { width:100%; }
	.company-ci .ci_cont2 .ci_box .logo span { width:300px; }
	.company-ci .ci_cont2 .ci_box > div:nth-child(2) .logo span { width:240px; }
	.company-ci .ci_cont2 .ci_box .btn { margin-top:20px; }
	.company-ci .ci_cont2 .ci_box .btn li { margin:0 8px;}
	.company-ci .ci_cont2 .ci_box .btn li a { width:140px; height:50px; }
	.company-ci .ci_cont2 .ci_box .btn li a span { padding-right:16px; font-size:15px; }
	.company-ci .ci_cont2 .ci_box .btn li:nth-child(2) a span { padding-right:24px; }
	.company-ci .ci_cont3 { padding:40px 0; }
	.company-ci .ci_cont3 .tit { font-size:22px; }
	.company-ci .ci_cont3 .toptxt { margin-top:15px; font-size:16px; }
	.company-ci .ci_cont3 .lisbox { margin-top:30px; }
	.company-ci .ci_cont3 .lisbox .l_box { width:100%; }
	.company-ci .ci_cont3 .lisbox .l_box ul { margin:0; }
	.company-ci .ci_cont3 .lisbox .l_box > ul > li { width:100%; margin:10px 0 0 0; height:220px; }
	.company-ci .ci_cont3 .lisbox .r_box { width:100%; padding-left:0; margin-top:10px; }
	.company-ci .ci_cont3 .lisbox .r_box > ul > li { height:80px; }
}
	
/* animation */
.company-ci .ci_cont1 { overflow:hidden; }
.company-ci .ci_cont1 p.tit,
.company-ci .ci_cont1 .logo,
.company-ci .ci_cont1 .txt { opacity:0; }
.company-ci .ci_cont1.subOn p.tit { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-ci .ci_cont1.subOn .logo { animation:ani_5 0.5s 0.8s; animation-fill-mode:both; }
.company-ci .ci_cont1.subOn .txt { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }
.company-ci .ci_cont2 .listbox .logo,
.company-ci .ci_cont2 .listbox dl,
.company-ci .ci_cont2 .ci_box .logo span,
.company-ci .ci_cont2 .ci_box .btn  { opacity:0; }
.company-ci .ci_cont2.subOn .listbox .logo { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.company-ci .ci_cont2.subOn .listbox dl:nth-child(1) { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.company-ci .ci_cont2.subOn .listbox dl:nth-child(2) { animation:ani_2 0.5s 1.0s; animation-fill-mode:both; }
.company-ci .ci_cont2.subOn .listbox dl:nth-child(3) { animation:ani_2 0.5s 1.2s; animation-fill-mode:both; }
.company-ci .ci_cont2.subOn .ci_box .logo span { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-ci .ci_cont2.subOn  .ci_box .btn { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-ci .ci_cont3 .lisbox .l_box > ul > li,
.company-ci .ci_cont3 .lisbox .r_box > ul > li { opacity:0; }
.company-ci .ci_cont3.subOn .lisbox .l_box > ul > li:nth-child(1) { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.company-ci .ci_cont3.subOn .lisbox .l_box > ul > li:nth-child(2) { animation:bgs4 0.5s 0.8s; animation-fill-mode:both; }
.company-ci .ci_cont3.subOn .lisbox .l_box > ul > li:nth-child(3) { animation:bgs4 0.5s 1.1s; animation-fill-mode:both; }
.company-ci .ci_cont3.subOn .lisbox .r_box > ul > li:nth-child(1) { animation:ani_2 0.5s 1.4s; animation-fill-mode:both; }
.company-ci .ci_cont3.subOn .lisbox .r_box > ul > li:nth-child(2) { animation:ani_2 0.5s 1.7s; animation-fill-mode:both; }
.company-ci .ci_cont3.subOn .lisbox .r_box > ul > li:nth-child(3) { animation:ani_2 0.5s 2.0s; animation-fill-mode:both; }


/* company-network */
.company-network .map {}
.company-network .map svg { width:100%; }
.company-network .map .circle { fill:#00aeef; }
.company-network .map .regionTxt { font-family:'Readex Pro', sans-serif; color:#333; font-size:18px; font-weight:400; letter-spacing:-0.02em; }
.company-network .map .regionTxt.txt1 { font-weight:700; font-size:12px; }
.company-network .map .circle_b1,
.company-network .map .circle_b2 { opacity:0; }
.company-network .map .on .circle_b1 { opacity:1; fill:rgba(0,174,239,0.1); }
.company-network .map .on .circle_b2 { opacity:1; fill:rgba(0,174,239,0.2); }
.company-network .map .on { fill: #000 !important; }
.company-network .map { position:relative; }
.company-network .map .land path,
.company-network .map .land polygon { transition:all 0.3s ease-in-out; }
.company-network .map .land:hover path,
.company-network .map .land:hover polygon,
.company-network .map .land.on path,
.company-network .map .land.on polygon  { fill: rgba(0,174,239,0.5) !important; }
.company-network .map .land { cursor:pointer; }
.company-network .map .land path,
.company-network .map .land polygon { fill:#e6ecee !important; }
.company-network .listbox { margin-top:40px; }
.company-network .listbox .n_mapbox { display:none; }
.company-network .listbox .nMap_2 { display:block; }
.company-network .listbox .tabcont { margin-top:45px; }
.company-network .listbox .tabcont .tcont { opacity:0; z-index:-111 visibility:hidden; height:0; display:none; }
.company-network .listbox .tabcont .tcont.on {  opacity:1; z-index:1; visibility:visible; height:auto; display:block; }
.company-network .listbox .tabcont .tcont > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-network .listbox .tabcont .tcont > ul { margin:-30px 0 0 -30px; }
.company-network .listbox .tabcont .tcont > ul > li { float:left; width:calc(50% - 30px); height:270px; margin:30px 0 0 30px; border:2px solid #fff; box-shadow:5px 5px 10px #f8f8f8, -5px -5px 10px #f7f7f7; border-radius:10px; transition:all 0.3s ease-in-out; }
.company-network .listbox .tabcont .tcont > ul > li:hover { border:2px solid #00aeef; }
.company-network .listbox .tabcont .tcont > ul > li.hbox { background-color:#ddf6ff; border:2px solid #ddf6ff; }
.company-network .listbox .tabcont .tcont > ul > li.hbox:hover { background-color:#fff; border:2px solid #00aeef; }
.company-network .listbox .tabcont .tcont > ul > li dl { padding:28px 28px 0 28px; }
.company-network .listbox .tabcont .tcont > ul > li dt span { display:block; font-size:15px; color:#00aeef; font-weight:600; letter-spacing:-0.02em; margin-bottom:14px; }
.company-network .listbox .tabcont .tcont > ul > li dt { font-size:20px; color:#111; font-weight:600; letter-spacing:-0.02em; font-family:'Readex Pro', 'Pretendard', sans-serif; }
.company-network .listbox .tabcont .tcont > ul > li dd { padding-top:25px; }
.company-network .listbox .tabcont .tcont > ul > li dd li { margin-top:13px; position:relative; font-size:16px; color:#666; font-weight:300; padding-left:65px; letter-spacing:-0.02em; line-height:130%;}
.company-network .listbox .tabcont .tcont > ul > li dd li:first-child { margin-top:0; }
.company-network .listbox .tabcont .tcont > ul > li dd li strong { position:absolute; left:0; top:0; color:#111; font-weight:500; }
.company-network .listbox .tabcont .tcont > ul > li dd li span { font-weight:300; }
.company-network .listbox .tabcont .tcont > ul > li dd li a { color:#666; font-weight:300; }
@media screen and (max-width:1024px){
	.company-network .map .regionTxt { font-size:20px; }
	.company-network .listbox { margin-top:20px; }
	.company-network .listbox .tabcont { margin-top:25px; }
	.company-network .listbox .tabcont .tcont > ul { margin:-20px 0 0 -20px; }
	.company-network .listbox .tabcont .tcont > ul > li { width:calc(50% - 20px); height:270px; margin:20px 0 0 20px; }
	.company-network .listbox .tabcont .tcont > ul > li dl { padding:24px 24px 0 24px; }
	.company-network .listbox .tabcont .tcont > ul > li dt span { font-size:14px; margin-bottom:12px; }
	.company-network .listbox .tabcont .tcont > ul > li dt { font-size:18px; }
	.company-network .listbox .tabcont .tcont > ul > li dd { padding-top:18px; }
	.company-network .listbox .tabcont .tcont > ul > li dd li { margin-top:10px; font-size:15px; padding-left:55px; }
}
@media screen and (max-width:760px){
	.company-network .map .regionTxt { font-size:28px; }
	.company-network .listbox .tabcont .tcont > ul { margin:-20px 0 0 0; }
	.company-network .listbox .tabcont .tcont > ul > li { width:100%; height:auto; margin:20px 0 0 0; }
	.company-network .listbox .tabcont .tcont > ul > li dl { padding:24px; }
}
/* animation */
.company-network .map,
.company-network .map .circle,
.company-network .map .regionTxt,
.company-network .listbox .tabcont .tcont > ul > li { opacity:0; }
.company-network .map.subOn { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
.company-network .map.subOn .circle { animation:ani_5 0.8s 1.5s; animation-fill-mode:both; }
.company-network .map.subOn .regionTxt { animation:ani_3 0.8s 1.8s; animation-fill-mode:both; }
.company-network .listbox .tabcont .tcont.on > ul > li.subOn:nth-child(2n-1) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-network .listbox .tabcont .tcont.on > ul > li.subOn:nth-child(2n) { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.company-network .listbox .tabcont .tcont.on > ul > li:nth-child(2n-1) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
	.company-network .listbox .tabcont .tcont.on > ul > li:nth-child(2n) { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
}

/* company-authentication */
.company-authentication .authentication_cont1 { margin-top:65px; }
/* .company-authentication .authentication_cont1 ul { text-align:center; display:flex; justify-content:space-around; } */
.company-authentication .authentication_cont1 ul { text-align:center;  margin:0 -40px;  }
.company-authentication .authentication_cont1 li { display:inline-block; margin:0 40px;  }
.company-authentication .authentication_cont2 { margin-top:60px; }
.company-authentication .authentication_cont2 table,
.company-authentication .authentication_cont2 th,
.company-authentication .authentication_cont2 td { border:none; }
.company-authentication .authentication_cont2 table { width:100%; border-top:2px solid #140c44; }
.company-authentication .authentication_cont2 thead th { font-size:19px; color:#111; font-weight:600; letter-spacing:-0.02em; height:80px; border:1px solid #dcdcdc; border-width:0 0 1px 1px; }
.company-authentication .authentication_cont2 thead th:first-child { border-width:0 0 1px 0; }
.company-authentication .authentication_cont2 tbody th { text-align:center; padding:18px 0; font-size:19px; color:#111; font-weight:600; letter-spacing:-0.02em; border-bottom:1px solid #dcdcdc; }
.company-authentication .authentication_cont2 tbody td { text-align:center; padding:18px 0; font-size:17px; color:#111; font-weight:300; letter-spacing:-0.02em; line-height:130%; border:1px solid #dcdcdc; border-width:0 0 1px 1px; }
.company-authentication .authentication_cont2 tbody td > span { font-weight:300; }
@media screen and (max-width:1280px){
	.company-authentication .authentication_cont1 li { margin:0 25px;  }
}
@media screen and (max-width:1024px){
	.company-authentication .authentication_cont1 { margin-top:30px; }
	.company-authentication .authentication_cont1 li {margin:20px 15px 0 15px;   }
	.company-authentication .authentication_cont2 { margin-top:45px; }
	.company-authentication .authentication_cont2 .col1 { width:150px !important; }
	.company-authentication .authentication_cont2 thead th,
	.company-authentication .authentication_cont2 tbody th { font-size:18px; }
	.company-authentication .authentication_cont2 tbody td {  padding:15px 10px; font-size:16px;  }
}
@media screen and (max-width:760px){
	.company-authentication .authentication_cont1 li { margin:20px 10px 0 10px;  }
	.company-authentication .authentication_cont2 thead th { display:none; }
	.company-authentication .authentication_cont2 tbody th { text-align:center; position:relative; height:55px; /* height:110px;*/ width:100%; padding-left:0; border-bottom:1px solid #dcdcdc; display:block; background-color:#fafafa  }
	/*
	.company-authentication .authentication_cont2 tbody th:after {content:" ?¸ì¦�?´ìš© "; display:block; width:50%; margin-top:20px; padding-top:15px; height:37px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background-color:#fff }
	.company-authentication .authentication_cont2 tbody th:before {content:" ?¸ì¦�ì²?; display:block; position:absolute; right:-1px; bottom:0; width:50%; height:37px; padding-top:15px; border-left:1px solid #dcdcdc;  border-top:1px solid #dcdcdc; background-color:#fff }
	*/
	.company-authentication .authentication_cont2 tbody td { display:inline-block; vertical-align:middle; width:50%; float:left; padding:0 10px; height:60px; border-left:none; }
	.company-authentication .authentication_cont2 tbody td span { width:100%; height:100%; display:flex; align-items:center;  justify-content:center;}
	.company-authentication .authentication_cont2 tbody td:last-child { border-left:1px solid #dcdcdc !important; }
}
@media screen and (max-width:550px){
	.company-authentication .authentication_cont2 tbody td { height:70px; }
}
/* animation */
.company-authentication .authentication_cont1 ul { overflow:hidden; }
.company-authentication .authentication_cont1 li,
.company-authentication .authentication_cont2 table { opacity:0; }
.company-authentication.subOn .authentication_cont1 li:nth-child(1) { animation:bgs4 0.5s 0.3s; animation-fill-mode:both; }
.company-authentication.subOn .authentication_cont1 li:nth-child(2) { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.company-authentication.subOn .authentication_cont1 li:nth-child(3) { animation:bgs4 0.5s 0.7s; animation-fill-mode:both; }
.company-authentication.subOn .authentication_cont1 li:nth-child(4) { animation:bgs4 0.5s 0.9s; animation-fill-mode:both; }
.company-authentication.subOn .authentication_cont1 li:nth-child(5) { animation:bgs4 0.5s 1.1s; animation-fill-mode:both; }
.company-authentication.subOn .authentication_cont1 li:nth-child(6) { animation:bgs4 0.5s 1.3s; animation-fill-mode:both; }
.company-authentication.subOn .authentication_cont1 li:nth-child(7) { animation:bgs4 0.5s 1.5s; animation-fill-mode:both; }
.company-authentication .authentication_cont2.subOn table { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

/* company-esg */
.company-esg h3 { font-size:35px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.company-esg h3 span { font-weight:700; line-height:1.2 }
.company-esg .top_txt { text-align:center; }
.company-esg .top_txt dt p { padding-bottom:18px; font-size:20px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; }
.company-esg .top_txt dd p { padding-top:25px; font-size:17px; color:#111; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.company-esg .top_txt dd p strong { font-weight:600; }
.company-esg .humanrights_cont1 { margin-top:45px; }
.company-esg .humanrights_cont1 .sub_inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-esg .humanrights_cont1 .sub_inner > div { float:left; width:50%; }
.company-esg .humanrights_cont1 .sub_inner .imgbox { position:relative;}
.company-esg .humanrights_cont1 .sub_inner .imgbox span { position:relative; display:inline-block; margin:0 0 0 100px; }
.company-esg .humanrights_cont1 .sub_inner .imgbox span:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ebebeb; border-radius:100%; }
.company-esg .humanrights_cont1 .sub_inner .imgbox span img { position:relative; z-index:2; width:350px; }
.company-esg .humanrights_cont1 .sub_inner .txtbox { padding-top:0; position:relative;}
.company-esg .humanrights_cont1 .sub_inner .txtbox dt {}
.company-esg .humanrights_cont1 .sub_inner .txtbox dt p { padding-bottom:15px; font-size:20px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; }
.company-esg .humanrights_cont1 .sub_inner .txtbox dd { padding-top:5px; }
.company-esg .humanrights_cont1 .sub_inner .txtbox dd p { margin-top:25px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
.company-esg .humanrights_cont2 { margin-top:65px; padding:60px 0; background-color:#f8f8f8; }
.company-esg .humanrights_cont2 h3 { text-align:center; }
.company-esg .humanrights_cont2 .num { margin:0 auto; font-family:'Readex Pro', sans-serif; font-size:16px; color:#fff; font-weight:500; letter-spacing:-0.02em; width:56px; height:56px; display:flex; align-items:center;  justify-content:center; background-color:#00aeef; border-radius:100%; }
.company-esg .humanrights_cont2 .top_txt { margin-top:30px; text-align:center; }
.company-esg .humanrights_cont2 .top_txt dt { font-size:22px; color:#111; font-weight:600; letter-spacing:-0.02em; }
.company-esg .humanrights_cont2 .top_txt dd { padding-top:15px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.company-esg .humanrights_cont2 .top_txt dd strong { font-weight:600; }
.company-esg .humanrights_cont2 .step01 { margin-top:40px; }
.company-esg .humanrights_cont2 .step01 .txt_list { padding:0 25px; margin-top:50px; } 
.company-esg .humanrights_cont2 .step01 .txt_list ul { width:calc(50% - 54px); display:inline-block; vertical-align:top; margin:0 25px; }
.company-esg .humanrights_cont2 .step01 .txt_list ul li { position:relative; margin-top:30px; width:100%; height:116px; font-size:19px; color:#111; font-weight:300; letter-spacing:-0.02em; line-height:140%; background-color:#fff; border-radius:5px; text-align:center; display:flex; align-items:center;  justify-content:center; }
.company-esg .humanrights_cont2 .step01 .txt_list ul li:first-child { margin-top:0; }
.company-esg .humanrights_cont2 .step01 .txt_list ul li:after {content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); top:-22px; width:16px; height:15px; background:url(/img/sub/icon_esg_arr01_2.png) center center no-repeat; }
.company-esg .humanrights_cont2 .step01 .txt_list ul li:first-child:after { display:none; }
.company-esg .humanrights_cont2 .step01 .txt_list ul:first-child li:after {background:url(/img/sub/icon_esg_arr01_1.png) center center no-repeat; }
.company-esg .humanrights_cont2 .step02 { margin-top:90px; }
.company-esg .humanrights_cont2 .step02 .listbox { margin-top:75px; }
.company-esg .humanrights_cont2 .step02 .listbox .circle { position:relative; z-index:1; }
.company-esg .humanrights_cont2 .step02 .listbox .circle1 { width:212px; height:212px; margin:0 auto; background-color:#140c44; border:13px solid #cac9d4; border-radius:200px; }
.company-esg .humanrights_cont2 .step02 .listbox .circle2 { width:184px; height:184px; margin:0 auto; background-color:#00aeef; border:12px solid #c6e9f6; border-radius:200px; }
.company-esg .humanrights_cont2 .step02 .listbox .circle span { color:#fff; letter-spacing:-0.02em; width:100%; height:100%; display:flex; align-items:center;  justify-content:center; text-align:center; }
.company-esg .humanrights_cont2 .step02 .listbox .circle1 span { font-weight:600; font-size:22px; }
.company-esg .humanrights_cont2 .step02 .listbox .circle2 span { font-weight:500; font-size:19px; }
.company-esg .humanrights_cont2 .step02 .listbox .carea { position:relative; max-width:705px; margin:0 auto; margin-top:15px; }
.company-esg .humanrights_cont2 .step02 .listbox .carea .cbox { position:relative; }
.company-esg .humanrights_cont2 .step02 .listbox .carea .cbox:before {content:""; display:block; position:absolute; top:50%; transform:translateY(calc(-50% - 0.5px)); left:184px; width:calc(100% - 368px); height:1px; background-color:#d5d5d5; }
.company-esg .humanrights_cont2 .step02 .listbox .carea:after,
.company-esg .humanrights_cont2 .step02 .listbox .carea .cbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-esg .humanrights_cont2 .step02 .listbox .carea .cbox .circle2 { float:left; }
.company-esg .humanrights_cont2 .step02 .listbox .carea .cbox .circle3 { float:right; }
.company-esg .humanrights_cont2 .step02 .listbox .carea .box { position:relative; float:right; margin-top:50px; }
.company-esg .humanrights_cont2 .step02 .listbox .carea .box span { font-weight:500; font-size:17px; color:#333; letter-spacing:-0.02em;width:184px; height:60px; background-color:#e5e5e5; border-radius:5px; display:flex; align-items:center;  justify-content:center; text-align:center; }
.company-esg .humanrights_cont2 .step02 .listbox .carea .box:before {content:""; display:block; position:absolute; top:-50px; transform:translateX(calc(-50% - 0.5px)); left:50%; width:1px; height:50px; background-color:#d5d5d5; }
.company-esg .humanrights_cont2 .step02 .listbox .carea .box:after {content:""; display:block; position:absolute; top:-3px; transform:translateX(calc(-50% - 0.5px)); left:50%; width:6px; height:6px; background-color:#00aeef; border-radius:6px; }
.company-esg .humanrights_cont2 .step02 .listbox .circle1:before {content:""; display:block; position:absolute; bottom:-120px; transform:translateX(calc(-50% - 0.5px)); left:50%; width:1px; height:108px; background-color:#d5d5d5; }
.company-esg .humanrights_cont2 .step02 .listbox .circle1:after {content:""; display:block; position:absolute; bottom:-16px; transform:translateX(calc(-50% - 0.5px)); left:50%; width:6px; height:6px; background-color:#00aeef; border-radius:6px; }
.company-esg .humanrights_cont2 .step02 .listbox .circle2:after {content:""; display:block; position:absolute; right:-14px; transform:translateY(calc(-50% - 0.5px)); top:50%; width:6px; height:6px; background-color:#00aeef; border-radius:6px; }
.company-esg .humanrights_cont2 .step02 .listbox .circle3:after {content:""; display:block; position:absolute; left:-14px; transform:translateY(calc(-50% - 0.5px)); top:50%; width:6px; height:6px; background-color:#00aeef; border-radius:6px; }
@media screen and (max-width:1280px){
	.company-esg .humanrights_cont1 .sub_inner .imgbox span { margin:60px 0 0 80px; }
	.company-esg .humanrights_cont1 .sub_inner .imgbox span img { width:300px; }
	.company-esg .humanrights_cont1 .sub_inner .txtbox { padding-top:40px; }
	.company-esg .humanrights_cont1 .sub_inner .txtbox dd br { display:none; }
}
@media screen and (max-width:1024px){
	.company-esg h3 { font-size:24px; }
	.company-esg .top_txt dt p { padding-bottom:15px; font-size:17px; }
	.company-esg .top_txt dd p { padding-top:18px; font-size:16px; }
	.company-esg .top_txt dd p br { display:none }
	.company-esg .humanrights_cont1 .sub_inner .imgbox span { margin:0 0 0 0; }
	.company-esg .humanrights_cont1 .sub_inner .imgbox span img { width:300px; }
	.company-esg .humanrights_cont1 .sub_inner .txtbox { padding-top:20px; }
	.company-esg .humanrights_cont1 .sub_inner .txtbox dt p { padding-bottom:12px; font-size:17px; }
	.company-esg .humanrights_cont1 .sub_inner .txtbox dd p { margin-top:15px; font-size:16px; }
	.company-esg .humanrights_cont2 { margin-top:40px; padding:40px 0; }
	.company-esg .humanrights_cont2 .num { width:40px; height:40px; font-size:14px; }
	.company-esg .humanrights_cont2 .top_txt { margin-top:20px; }
	.company-esg .humanrights_cont2 .top_txt dt { font-size:18px; }
	.company-esg .humanrights_cont2 .top_txt dd { padding-top:10px; font-size:16px; }
	.company-esg .humanrights_cont2 .step01 .txt_list { padding:0 0; margin:40px -15px 0 -15px; } 
	.company-esg .humanrights_cont2 .step01 .txt_list ul { width:calc(50% - 34px); margin:0 15px; }
	.company-esg .humanrights_cont2 .step01 .txt_list ul li { height:90px; font-size:16px; padding:0 10px; } 
	.company-esg .humanrights_cont2 .step02 { margin-top:70px; }
	.company-esg .humanrights_cont2 .step02 .listbox { margin-top:50px; }
	.company-esg .humanrights_cont2 .step02 .listbox .circle1 { width:160px; height:160px; }
	.company-esg .humanrights_cont2 .step02 .listbox .circle2 { width:140px; height:140px; }
	.company-esg .humanrights_cont2 .step02 .listbox .circle1 span { font-size:19px; }
	.company-esg .humanrights_cont2 .step02 .listbox .circle2 span { font-size:17px; }
	.company-esg .humanrights_cont2 .step02 .listbox .carea { max-width:550px; }
	.company-esg .humanrights_cont2 .step02 .listbox .carea .cbox:before { width:calc(100% - 280px); left:140px; }
	.company-esg .humanrights_cont2 .step02 .listbox .carea .box { margin-top:40px; }
	.company-esg .humanrights_cont2 .step02 .listbox .carea .box:before {top:-40px; height:40px; }
	.company-esg .humanrights_cont2 .step02 .listbox .carea .box span { font-size:15px; width:140px; height:50px; }
	.company-esg .humanrights_cont2 .step02 .listbox .circle1:before { bottom:-98px; height:88px; }
}
@media screen and (max-width:760px){
	.company-esg .humanrights_cont1 .sub_inner .imgbox { text-align:center; width:100%; padding-top:50px; }
	.company-esg .humanrights_cont1 .sub_inner .imgbox span img { width:250px; }
	.company-esg .humanrights_cont1 .sub_inner .txtbox { width:100%; padding-top:40px; }
	.company-esg .humanrights_cont1 .sub_inner .txtbox dt p,
	.company-esg .humanrights_cont1 .sub_inner .txtbox h3 { text-align:center; }
	.company-esg .humanrights_cont2 .top_txt dd br { display:none; }
	.company-esg .humanrights_cont2 .step01 .txt_list { margin:30px -5px 0 -5px; } 
	.company-esg .humanrights_cont2 .step01 .txt_list ul { width:calc(50% - 14px); margin:0 5px; }
	.company-esg .humanrights_cont2 .step01 .txt_list ul li { font-size:15px; } 
}

/* animation */
.company-esg .top_txt dt p,
.company-esg .humanrights_cont1 .sub_inner > div { opacity:0; }
.company-esg .humanrights_cont1.subOn .sub_inner .imgbox span img { animation:human_c 0.8s 1.0s; animation-fill-mode:both;}
.company-esg .humanrights_cont1.subOn .sub_inner .imgbox { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .humanrights_cont1.subOn .sub_inner .txtbox { animation:ani_2 0.8s 1.5s; animation-fill-mode:both; }
.company-esg h3 { overflow:hidden; }
.company-esg .humanrights_cont2 h3 span { opacity:0; display:block; }
.company-esg .humanrights_cont2 .num,
.company-esg .humanrights_cont2 .top_txt,
.company-esg .humanrights_cont2 .step01 .txt_list ul,
.company-esg .humanrights_cont2 .step02 .listbox { opacity:0; }
.company-esg .subOn .top_txt dt p { animation:ani_5 0.8s 0.3s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 h3.subOn span { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 .step01.subOn .num { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 .step01.subOn .top_txt { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 .step01.subOn .txt_list ul { animation:ani_2 0.5s 1.2s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 .step01.subOn .txt_list ul:first-child  { animation:ani_1 0.5s 1.2s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 .step01.subOn .txt_list ul li:nth-child(2) { animation:ani_3 0.8s 1.4s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 .step01.subOn .txt_list ul li:nth-child(3) { animation:ani_3 0.8s 1.6s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 .step02.subOn .num { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 .step02.subOn .top_txt { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-esg .humanrights_cont2 .step02.subOn .listbox { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }

.company-esg .quality_cont1 { margin-top:65px; }
.company-esg .quality_cont1 .listbox { margin-top:40px; }
.company-esg .quality_cont1 .listbox ul { margin:0 0 0 -20px; }
.company-esg .quality_cont1 .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-esg .quality_cont1 .listbox li { float:left; width:calc(25% - 20px); margin-left:20px; }
.company-esg .quality_cont1 .listbox li .box { width:100%; height:202px; display:flex; align-items:center; justify-content:center; text-align:center; box-shadow:5px 5px 10px #f8f8f8, -5px -5px 10px #f8f8f8; }
.company-esg .quality_cont1 .listbox li .box .icon { display:block; margin:0 auto; width:75px; }
.company-esg .quality_cont1 .listbox li .box strong { display:block; margin-top:20px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:140%; padding:0 5px; }
.company-esg .quality_cont1 .txt_b { text-align:center; margin-top:45px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
.company-esg .quality_cont2 { margin-top:150px; margin-bottom:150px;}
.company-esg .quality_cont2 .quality_circle { position:relative; width:644px; height:644px; margin:0 auto; }
.company-esg .quality_cont2 .quality_circle .circle_box { position:relative; width:644px; height:644px; border:1px solid #ebebeb; overflow:hidden; border-radius:50%; }
.company-esg .quality_cont2 .quality_circle .circle_box .circle { background-color:#edfaff; }
.company-esg .quality_cont2 .quality_circle dl { position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; }
.company-esg .quality_cont2 .quality_circle dt { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:300px; height:300px; border-radius:50%; }
.company-esg .quality_cont2 .quality_circle dt .circle_big { width:100%; height:100%; text-align:center; border:15px solid #e7e6ec; border-radius:50%; background-color:#140c44; display:flex; align-items:center; justify-content:center; }
.company-esg .quality_cont2 .quality_circle dt .circle_big strong { display:block; font-size:29px; color:#fff; font-weight:600; letter-spacing:-0.02em; }
.company-esg .quality_cont2 .quality_circle dt .circle_big span { margin-top:22px; display:block; font-family:'Readex Pro', sans-serif; font-size:15px; color:rgba(255,255,255,0.3); font-weight:300; letter-spacing:-0.02em; }
.company-esg .quality_cont2 .quality_circle dd .cbox { margin:10px 0 0 10px; width:184px; height:184px; text-align:center; border:1px solid #1bb7f1; border-radius:50%; background-color:#fff; display:flex; align-items:center; justify-content:center; }
.company-esg .quality_cont2 .quality_circle dd .cbox .icon { display:block; margin:0 auto; width:55px; }
.company-esg .quality_cont2 .quality_circle dd .cbox strong { display:block; margin-top:15px; font-size:17px; color:#111; font-weight:500; letter-spacing:-0.02em; line-height:140%; }
.company-esg .quality_cont2 .quality_circle .circle { position:absolute; left:50%; transform:translateX(-50%); width:204px; height:204px; border-radius:50%; }
.company-esg .quality_cont2 .quality_circle .circle_1 { top:-80px; }
.company-esg .quality_cont2 .quality_circle .circle_2 { top:135px; margin-left:304px; }
.company-esg .quality_cont2 .quality_circle .circle_3 { top:486px; margin-left:187px; }
.company-esg .quality_cont2 .quality_circle .circle_4 { top:486px; margin-left:-187px; }
.company-esg .quality_cont2 .quality_circle .circle_5 { top:135px; margin-left:-304px; }
@media screen and (max-width:1024px){
	.company-esg .quality_cont1 .listbox li .box .icon { width:60px; }
	.company-esg .quality_cont1 .listbox li .box strong { margin-top:15px; font-size:15px; }
	.company-esg .quality_cont1 .txt_b { text-align:center; margin-top:35px; font-size:16px; }
	.company-esg .quality_cont2 { margin-top:100px; margin-bottom:100px; }
	.company-esg .quality_cont2 .quality_circle,
	.company-esg .quality_cont2 .quality_circle .circle_box { width:450px; height:450px; }
	.company-esg .quality_cont2 .quality_circle dt { width:220px; height:220px; }
	.company-esg .quality_cont2 .quality_circle dt .circle_big { border:10px solid #e7e6ec; }
	.company-esg .quality_cont2 .quality_circle dt .circle_big strong { font-size:24px; }
	.company-esg .quality_cont2 .quality_circle dt .circle_big span { margin-top:22px; font-size:15px; }
	.company-esg .quality_cont2 .quality_circle dd .cbox { margin:10px 0 0 10px; width:140px; height:140px; }
	.company-esg .quality_cont2 .quality_circle dd .cbox .icon { width:45px; }
	.company-esg .quality_cont2 .quality_circle dd .cbox strong { margin-top:8px; font-size:16px; }
	.company-esg .quality_cont2 .quality_circle .circle { width:160px; height:160px; }
	.company-esg .quality_cont2 .quality_circle .circle_1 { top:-70px; }
	.company-esg .quality_cont2 .quality_circle .circle_2 { top:80px; margin-left:220px; }
	.company-esg .quality_cont2 .quality_circle .circle_3 { top:320px; margin-left:130px; }
	.company-esg .quality_cont2 .quality_circle .circle_4 { top:320px; margin-left:-130px; }
	.company-esg .quality_cont2 .quality_circle .circle_5 { top:80px; margin-left:-220px; }
}
@media screen and (max-width:860px){
	.company-esg .quality_cont1 .listbox { margin-top:20px; }
	.company-esg .quality_cont1 .listbox ul { margin:0 0 0 -15px; }
	.company-esg .quality_cont1 .listbox li { width:calc(50% - 15px); margin-left:15px; margin-top:15px; }
	.company-esg .quality_cont1 .listbox li .box { height:180px; }
	.company-esg .quality_cont1 .txt_b br { display:none; }
}
@media screen and (max-width:640px){
	.company-esg .quality_cont2 { margin-top:50px; margin-bottom:50px; }
	.company-esg .quality_cont2 .quality_circle { height:auto; width:100%; }
	.company-esg .quality_cont2 .quality_circle .circle_box { display:none; }
	.company-esg .quality_cont2 .quality_circle .circle { position:relative; left:0; top:unset !important; margin-left:0 !important; transform:translateX(0) !important; width:130px; height:130px;}
	.company-esg .quality_cont2 .quality_circle dl { position:relative; }
	.company-esg .quality_cont2 .quality_circle dt { position:relative; left:unset; top:unset; transform:translate(0) !important; width:170px; height:170px; margin:0 auto; }
	.company-esg .quality_cont2 .quality_circle dt .circle_big { border:5px solid #e7e6ec; }
	.company-esg .quality_cont2 .quality_circle dt .circle_big strong { font-size:18px; }
	.company-esg .quality_cont2 .quality_circle dt .circle_big span { margin-top:10px; font-size:14px; }
	.company-esg .quality_cont2 .quality_circle dd { text-align:center; }
	.company-esg .quality_cont2 .quality_circle dd .circle { display:inline-block; margin:10px 5px 0 5px; }
	.company-esg .quality_cont2 .quality_circle dd .cbox { margin:0; width:130px; height:130px; }
	.company-esg .quality_cont2 .quality_circle dd .cbox .icon { width:35px; }
	.company-esg .quality_cont2 .quality_circle dd .cbox strong { margin-top:2px; font-size:14px; }
}

/* animation */
.company-esg .quality_cont1 .top_txt h3 span { opacity:0; display:block; }
.company-esg .quality_cont1 .top_txt dd,
.company-esg .quality_cont1 .listbox li,
.company-esg .quality_cont1 .txt_b { opacity:0; }
.company-esg .quality_cont1.subOn .top_txt h3 span { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .quality_cont1.subOn .top_txt dd { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-esg .quality_cont1.subOn .listbox li:nth-child(1) { animation:bgs4 0.5s 1.0s; animation-fill-mode:both; }
.company-esg .quality_cont1.subOn .listbox li:nth-child(2) { animation:bgs4 0.5s 1.3s; animation-fill-mode:both; }
.company-esg .quality_cont1.subOn .listbox li:nth-child(3) { animation:bgs4 0.5s 1.6s; animation-fill-mode:both; }
.company-esg .quality_cont1.subOn .listbox li:nth-child(4) { animation:bgs4 0.5s 1.9s; animation-fill-mode:both; }
.company-esg .quality_cont1.subOn .txt_b { animation:ani_3 0.5s 2.2s; animation-fill-mode:both; }
.company-esg .quality_cont2 .quality_circle .circle,
.company-esg .quality_cont2 .quality_circle dt { opacity:0; }
.company-esg .quality_cont2.subOn .quality_circle .circle_1 { animation:bgs4_1 0.5s 0.4s; animation-fill-mode:both; }
.company-esg .quality_cont2.subOn .quality_circle .circle_2 { animation:bgs4_1 0.5s 0.6s; animation-fill-mode:both; }
.company-esg .quality_cont2.subOn .quality_circle .circle_3 { animation:bgs4_1 0.5s 0.8s; animation-fill-mode:both; }
.company-esg .quality_cont2.subOn .quality_circle .circle_4 { animation:bgs4_1 0.5s 1.0s; animation-fill-mode:both; }
.company-esg .quality_cont2.subOn .quality_circle .circle_5 { animation:bgs4_1 0.5s 1.2s; animation-fill-mode:both; }
.company-esg .quality_cont2.subOn .quality_circle dt { animation:ani_5 0.5s 1.8s; animation-fill-mode:both; }
@media screen and (max-width:640px){
	.company-esg .quality_cont2.subOn .quality_circle dt { animation:ani_5 0.5s 0.2s; animation-fill-mode:both; }
	.company-esg .quality_cont2.subOn .quality_circle .circle_1 { animation:bgs4 0.5s 0.4s; animation-fill-mode:both; }
	.company-esg .quality_cont2.subOn .quality_circle .circle_2 { animation:bgs4 0.5s 0.6s; animation-fill-mode:both; }
	.company-esg .quality_cont2.subOn .quality_circle .circle_3 { animation:bgs4 0.5s 0.8s; animation-fill-mode:both; }
	.company-esg .quality_cont2.subOn .quality_circle .circle_4 { animation:bgs4 0.5s 1.0s; animation-fill-mode:both; }
	.company-esg .quality_cont2.subOn .quality_circle .circle_5 { animation:bgs4 0.5s 1.2s; animation-fill-mode:both; }
}
.company-esg .contribution_cont1 { margin-top:0; padding:0 0 45px 0; background-color:#f8f8f8; }
.company-esg .contribution_cont2 { padding:60px 0; background:url(/img/sub/icon_summary1.png) center top no-repeat; background-color:#f8f8f8; }
.company-esg .contribution_cont2 h3 { text-align:center; }
.company-esg .contribution_cont2 .listbox { margin-top:55px; }
.company-esg .contribution_cont2 .listbox li { position:relative; margin-top:35px; } 
.company-esg .contribution_cont2 .listbox li:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-esg .contribution_cont2 .listbox li:first-child { margin-top:0; }
.company-esg .contribution_cont2 .listbox li > div { width:50%; float:left; position:relative; }
.company-esg .contribution_cont2 .listbox li .imgbox img { width:100%; }
.company-esg .contribution_cont2 .listbox li .txtbox { padding:0 0 0 60px; display:flex; align-items:center; }
.company-esg .contribution_cont2 .listbox li .txtbox:before {content:""; display:block; padding-bottom:50.5%; }
.company-esg .contribution_cont2 .listbox li .txtbox dt { font-size:22px; color:#111; font-weight:600; letter-spacing:-0.02em; }
.company-esg .contribution_cont2 .listbox li .txtbox dt strong { font-family:'Readex Pro', sans-serif; font-size:16px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; padding-bottom:25px; display:block; }
.company-esg .contribution_cont2 .listbox li .txtbox dd { padding-top:20px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.03em; line-height:160%;  }
.company-esg .contribution_cont2 .listbox li:nth-child(2n) .imgbox { float:right; }
.company-esg .contribution_cont2 .listbox li:nth-child(2n) .txtbox { padding:0 60px 0 0; }
@media screen and (max-width:1280px){
	.company-esg .contribution_cont2 .listbox li .txtbox dd br { display:none; }
}
@media screen and (max-width:1024px){
	.company-esg .contribution_cont2 .listbox li .txtbox { padding:0 0 0 30px; }
	.company-esg .contribution_cont2 .listbox li .txtbox dt { font-size:18px; }
	.company-esg .contribution_cont2 .listbox li .txtbox dt strong { font-size:15px; padding-bottom:15px; }
	.company-esg .contribution_cont2 .listbox li .txtbox dd { padding-top:12px; font-size:16px; }
	.company-esg .contribution_cont2 .listbox li:nth-child(2n) .txtbox { padding:0 30px 0 0; }
}
@media screen and (max-width:860px){
	.company-esg .contribution_cont2 .listbox li > div { width:100%; }
	.company-esg .contribution_cont2 .listbox li .txtbox,
	.company-esg .contribution_cont2 .listbox li:nth-child(2n) .txtbox { padding:25px 0 0 0; }
	.company-esg .contribution_cont2 .listbox li .txtbox:before {content:""; display:block; padding-bottom:0; }
	.company-esg .contribution_cont2 .listbox li .txtbox { display:block; }
}

/* animation */
.company-esg .contribution_cont1 .top_txt dd,
.company-esg .contribution_cont2 .listbox li > div { opacity:0; }
.company-esg .contribution_cont1 .top_txt h3 span,
.company-esg .contribution_cont2 h3 span { opacity:0; display:block; }
.company-esg .contribution_cont1.subOn .top_txt h3 span { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .contribution_cont1.subOn .top_txt dd { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-esg .contribution_cont2 h3.subOn span { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .contribution_cont2 .listbox li.subOn .imgbox { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .contribution_cont2 .listbox li.subOn .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-esg .contribution_cont2 .listbox li.subOn:nth-child(2n)  .txtbox { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.company-esg .contribution_cont2 .listbox li .imgbox:before { content:''; display:block; width:30%; height:100%; position:absolute; top:0; left:0; background-color:#f8f8f8; z-index:2; }
.company-esg .contribution_cont2 .listbox li .imgbox:after { content:''; display:block; width:70%; height:100%; position:absolute; top:0; right:0; background-color:#f8f8f8; z-index:2; }
.company-esg .contribution_cont2 .listbox li.subOn .imgbox { opacity:1; }
.company-esg .contribution_cont2 .listbox li.subOn .imgbox:before{ width:0; transition:width 1.3s .6s;}
.company-esg .contribution_cont2 .listbox li.subOn .imgbox:after{ width:0; transition:width  0.8s .6s;}
@media screen and (max-width:860px){
	.company-esg .contribution_cont2 .listbox li.subOn:nth-child(2n)  .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
}

/* new esg */
.company-esg .esg-common { margin-top:40px; text-align:center; }
.company-esg .esg-common .txt-1 { font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
.company-esg .esg-common .txt-2 { margin-top:35px; font-size:18px; color:#333; font-weight:500; letter-spacing:-0.02em; display:flex; align-items:center; justify-content:center; }
.company-esg .esg-common .txt-2 strong { font-size:23px; font-weight:700; margin:0 0 5px 5px; }
.company-esg .esg-common .txt-2 img { margin-left:10px; }
.company-esg .top_txt_n { margin-top:0; }
.company-esg .environment_cont1 { margin-top:100px; }
.company-esg .environment_cont2 { margin-top:65px; }
.company-esg .environment_cont2 ul { display:flex; background:url(/img/sub/bg_environment.png) center center no-repeat; }
.company-esg .environment_cont2 li { border:0 solid #73d9ff; border-radius:50%; margin:0 -61.5px 216px -61.5px; padding:36px;}
.company-esg .environment_cont2 .circle { width:266px; height:266px; display:flex; align-items:center; justify-content:center; text-align:center; color:#333; font-size:17px; font-weight:300; line-height:150%; border:12px solid #fff; background-color:#f6f6f6; border-radius:50%; }
.company-esg .environment_cont2 li:first-child { margin:0 -61.5px 216px 0; }
.company-esg .environment_cont2 li:nth-child(2n) { margin:216px -61.5px 0 -61.5px; }
.company-esg .environment_cont2 li:last-child { margin:0 0 216px -61.5px; }
.company-esg .environment_cont2 li:nth-child(2) { border-color:#00aeef;}
.company-esg .environment_cont2 li:nth-child(3) { border-color:#084da0;}
.company-esg .environment_cont2 li:nth-child(4) { border-color:#192689;}
.company-esg .environment_cont2 li:nth-child(5) { border-color:#140c44;}
.company-esg .environment_cont2 li:nth-child(4) .circle { padding-top:10%; }
@media screen and (max-width:1240px){
	.company-esg .environment_cont2 { margin:50px auto 0 auto; max-width:1000px; }
	.company-esg .environment_cont2 ul { background:url(/img/sub/bg_environment_s.png) center center no-repeat; }
	.company-esg .environment_cont2 li { margin:0 -51.5px 175px -51.5px; padding:30px;}
	.company-esg .environment_cont2 li:first-child { margin:0 -51.5px 175px 0; }
	.company-esg .environment_cont2 li:nth-child(2n) { margin:175px -51.5px 0 -51.5px; }
	.company-esg .environment_cont2 li:last-child { margin:0 0 175px -51.5px; }
	.company-esg .environment_cont2 .circle { width:215px; height:215px; border:10px solid #fff; font-size:15px; }
	
}
@media screen and (max-width:1024px){
	.company-esg .esg-common { margin-top:30px; }
	.company-esg .esg-common .txt-1 { font-size:16px; }
	.company-esg .esg-common .txt-1 br { display:none; }
	.company-esg .esg-common .txt-2 { margin-top:35px; font-size:16px; }
	.company-esg .esg-common .txt-2 strong { font-size:21px; }
	.company-esg .environment_cont1 { margin-top:60px; }
	.company-esg .environment_cont2 ul { background:none; display:block; text-align:center; }
	.company-esg .environment_cont2 li { display:inline-block; vertical-align:top; margin:20px 10px 0 10px !important; border:20px solid #73d9ff; padding:0; }
	.company-esg .environment_cont2 .circle { width:210px; height:210px; border:8px solid #fff; }
}
@media screen and (max-width:760px){
	.company-esg .environment_cont2 { margin:0 -20px; }
	.company-esg .environment_cont2 li { border:12px solid #73d9ff; margin:15px 5px 0 5px !important; }
	.company-esg .environment_cont2 li:first-child { margin:15px 5px 0 0 !important;  }
	.company-esg .environment_cont2 li:last-child { margin:15px 0 0 5px !important;  }
	.company-esg .environment_cont2 .circle { width:180px; height:180px; border:6px solid #fff; font-size:14px; }
}

/* animation */
.company-esg .esg-common .txt-1,
.company-esg .esg-common .txt-2 { opacity:0; }
.company-esg .esg-common.subOn .txt-1 { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .esg-common.subOn .txt-2 { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-esg .environment_cont1,
.company-esg .environment_cont2 { opacity:0; }
.company-esg .environment_cont1.subOn { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .environment_cont2.subOn { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }

/* esg society */
.company-esg .esg_box_c.on .esgH { height:248px; }
.company-esg .esg-cont { position:relative; }
.company-esg .society-box { padding-top:0; position:relative; }
.company-esg .society-box.down.on > div { padding-top:248px !important; }
.company-esg .society-box .contribution_cont2 { padding-top:80px !important; }
.company-esg .society-box.down.on .contribution_cont2 { padding-top:80px !important; }
.company-esg .society-box > div { padding-top:120px !important; }
.company-esg .society_cont2 { margin:55px 0 0 0; padding:55px 0 50px 0; background-color:#f8f8f8; }
.company-esg .society_cont2 .top_txt_n { margin-top:0; }
.company-esg .society-box.down.on .society_cont3 { padding-top:0; }
.company-esg .society-box .society_cont4 { margin:0; }
.company-esg .society_list { margin-top:45px; } 
.company-esg .society_list > ul { border-top:1px solid #dcdcdc; }
.company-esg .society_list > ul > li { border-bottom:1px solid #dcdcdc; }
.company-esg .society_list .subjectBox { cursor:pointer; position:relative; padding:27px 40px; font-size:20px; color:#111; font-weight:600; letter-spacing:-0.02em; }
.company-esg .society_list .subjectBox:after {content:""; display:block; position:absolute; right:40px; top:50%; width:6px; height:6px; margin-top:-3px; background:url(/img/sub/icon_arr_down2.png) center center no-repeat; transition:all 0.3s ease-in-out; }
.company-esg .society_list li.on .subjectBox:after { background:url(/img/sub/icon_arr_down2.png) center center no-repeat; transform:rotate(180deg);}
.company-esg .society_list .contentBox { position:relative; padding:35px 50px; background-color:#f2f2f2; margin-bottom:20px; }
.company-esg .society_list .contentBox li { position:relative; padding-left:11px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:140%; margin-top:10px; }
.company-esg .society_list .contentBox li:first-child { margin-top:0; }
.company-esg .society_list .contentBox li:before {content:""; display:block; position:absolute; left:0; top:10px; width:2px; height:2px; border-radius:50%; background-color:#00aeef; }


.company-esg .sbox_list { margin:50px 0 100px 0; background-color:#fafafa; padding:35px 50px; }
.company-esg .sbox_list li { position:relative; padding-left:11px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:140%; margin-top:12px; }
.company-esg .sbox_list li:first-child { margin-top:0; }
.company-esg .sbox_list li:before {content:""; display:block; position:absolute; left:0; top:10px; width:2px; height:2px; border-radius:50%; background-color:#00aeef; }
.company-esg .society_cont3 .sub_inner > div:nth-of-type(3) { margin-top:50px; }
.company-esg .society_cont4 { background-color:#f8f8f8; padding:0 0 250px 0; }
.company-esg .society_cont4 .top_txt { margin-top:0; }
.company-esg .society_cont4 .sbox_list { background-color:#f2f2f2; }

@media screen and (max-width:1024px){
	.company-esg .society_list { margin-top:40px; } 
	.company-esg .society_list .subjectBox { padding:20px 20px; font-size:17px; }
	.company-esg .society_list .subjectBox:after { right:20px; }
	.company-esg .society_list .contentBox { padding:25px 25px; margin-bottom:15px; }
	.company-esg .society_list .contentBox li { font-size:15px; margin-top:7px; }
	.company-esg .society_list .contentBox li:first-child { margin-top:0; }
	.company-esg .society_list .contentBox li:before {top:8px; }
	.company-esg .society_cont4 { padding:0 0 150px 0; }
	
	.company-esg .sbox_list { margin-top:30px; padding:25px 30px; }
	.company-esg .sbox_list li { font-size:15px; margin-top:10px; }
	.company-esg .sbox_list li:before {top:8px; }
	
}
@media screen and (max-width:760px){
	.company-esg .society-box > div { padding-top:160px !important; }
	.company-esg .society_cont4 { padding:0 0 50px 0; }
	.company-esg .society-box.down.on .contribution_cont2 { padding-top:60px !important; }
}
/* animation */
.company-esg .society_cont1 .top_txt h3 { overflow:hidden; }
.company-esg .society_cont1 .top_txt h3 span,
.company-esg .society_cont2 .top_txt h3 span,
.company-esg .society_cont3 .top_txt h3 span,
.company-esg .society_cont4 .top_txt h3 span { opacity:0; display:block; }
.company-esg .society_cont1 .top_txt dd,
.company-esg .society_cont2 .top_txt dd,
.company-esg .society_cont3 .top_txt dd,
.company-esg .society_cont4 .top_txt dd,
.company-esg .society_list,
.company-esg .sbox_list { opacity:0; }
.company-esg .society_cont1.subOn .top_txt h3 span,
.company-esg .society_cont2.subOn .top_txt h3 span,
.company-esg .society_cont3.subOn .top_txt h3 span,
.company-esg .society_cont4.subOn .top_txt h3 span{ animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .society_cont1.subOn .top_txt dd,
.company-esg .society_cont2.subOn .top_txt dd,
.company-esg .society_cont3.subOn .top_txt dd,
.company-esg .society_cont4.subOn .top_txt dd { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-esg .society_cont2.subOn .society_list,
.company-esg .subOn .sbox_list { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }

/* esg governance */
.company-esg .governance_cont1 { margin-top:100px; }
.company-esg .governance_cont1 strong { color:#00aeef; font-weight:700; display:inline-block; margin:0 2px 0 10px; }
.company-esg .governance_cont1 .dataTable { margin-top:40px; }
.company-esg .governance_cont1 .dataTable table, 
.company-esg .governance_cont1 .dataTable th, 
.company-esg .governance_cont1 .dataTable td { border:none; }
.company-esg .governance_cont1 .dataTable table { width:100%; border-top:1px solid #dcdcdc; }
.company-esg .governance_cont1 .dataTable th, 
.company-esg .governance_cont1 .dataTable td { border:1px solid #dcdcdc; border-width:0 0 1px 1px; }
.company-esg .governance_cont1 .dataTable td:first-child,
.company-esg .governance_cont1 .dataTable tr:first-child th:first-child { border-left:none; }
.company-esg .governance_cont1 .dataTable th { height:67px; text-align:center; background-color:#f8f8f8; font-size:20px; color:#111; font-weight:600; letter-spacing:-0.02em; }
.company-esg .governance_cont1 .dataTable.dT1 th { background-color:#f3fcff; }
.company-esg .governance_cont1 .dataTable td { padding:18px 0; text-align:center; font-size:18px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.company-esg .governance_cont1 .dataTable td.td_left { padding-left:40px; padding-right:40px; text-align:left; }
@media screen and (max-width:1024px){
	.company-esg .governance_cont1 { margin-top:60px; }
	.company-esg .governance_cont1 .dataTable { margin-top:30px; }
	.company-esg .governance_cont1 .dataTable th { height:50px; font-size:17px; }
	.company-esg .governance_cont1 .dataTable td { padding:13px 0; font-size:15px; }
	.company-esg .governance_cont1 .dataTable td.td_left { padding-left:20px; padding-right:20px; }
}
/* animation */
.company-esg .governance_cont1 .top_txt h3 { overflow:hidden; }
.company-esg .governance_cont1 .top_txt h3 span{ opacity:0; display:block; }
.company-esg .governance_cont1 .top_txt dd,
.company-esg .governance_cont1 .dataTable { opacity:0; }
.company-esg .governance_cont1.subOn .top_txt h3 span{ animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-esg .governance_cont1.subOn .top_txt dd { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-esg .governance_cont1.subOn .dataTable { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }




/* business-box */
.business-box .business_cont1 { margin-top:10px; }
.business-box.business-inland .business_cont1,
.business-box.business-inland_truck .business_cont1 { margin-top:65px; }
.business-box .business_cont1 > div { float:left; width:50%; }
.business-box .business_cont1 .imgbox { position:relative; padding-left:76px; }
.business-box .business_cont1 .imgbox img { position:relative; z-index:1; }
.business-box .business_cont1 .imgbox:after {content:""; display:block; position:absolute; left:0; bottom:0; width:393px; height:393px; background:#efefef; border-radius:50%; }
.business-box .business_cont1 .imgbox:before {content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); margin-left:170px; bottom:0; width:63px; height:63px;  }
.business-box .business_cont1 .txtbox { position:relative; padding-top:70px; }
.business-box .business_cont1 .txtbox dt { font-size:35px; color:#111; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.business-box .business_cont1 .txtbox dt strong { font-weight:700; }
.business-box .business_cont1 .txtbox dd { margin-top:20px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.business-box .business_cont1 .txtbox .btn { margin-top:40px; }
.business-box .business_cont1 .txtbox .btn li { margin-left:16px; display:inline-block; }
.business-box .business_cont1 .txtbox .btn li:first-child { margin-left:0; }
.business-box .business_cont1 .txtbox .btn li a { display:flex; align-items:center; justify-content:center; font-size:15px; color:#fff; font-weight:700; letter-spacing:-0.02em; width:170px; height:55px; background-color:#140c44; border-radius:5px; transition:all 0.3s ease-in-out; }
.business-box .business_cont1 .txtbox .btn li a.down { color:#140c44; border:1px solid #140c44; background-color:#fff; }
.business-box .business_cont1 .txtbox .btn li a.down span { position:relative; color:#140c44; font-weight:700; padding-right:20px; }
.business-box .business_cont1 .txtbox .btn li a.down span:before {content:""; display:block; position:absolute; right:0; top:0; width:12px; height:12px; background:url(/img/sub/icon_dwon.png) center center no-repeat; }
.business-box .business_cont2 { padding:50px 0; margin-top:50px; background-color:#f8f8f8; }
.business-box .business_cont2 .titbox { text-align:center; }
.business-box .business_cont2 .titbox h4 { font-size:46px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.business-box .business_cont2 .titbox p { margin-top:20px; font-size:18px; color:#333; font-weight:300; letter-spacing:-0.02em; }
.business-box .business_cont2 .listbox { position:relative; margin-top:35px; }
.business-box .business_cont2 .listbox ul { display:flex; justify-content:space-between; align-items:center; }
.business-box .business_cont2 .listbox li { position:relative; }
.business-box .business_cont2 .listbox li:before {content:""; display:block; position:absolute; top:50%; left:-42px; transform:translateY(-50%); width:18px; height:10px; background:url(/img/sub/icon_ocean_a.svg) center center no-repeat; }
.business-box .business_cont2 .listbox li:first-child:before { display:none; }
.business-box .business_cont2 .listbox li .circle { display:flex; align-items:center; justify-content:center;  flex-direction:column; text-align:center; width:189px; height:189px; background-color:#fff; border-radius:50%; }
.business-box .business_cont2 .listbox li .circle .icon { display:block; width:90px; }
.business-box .business_cont2 .listbox li .circle strong { display:block; margin-top:10px; font-size:18px; color:#111; font-weight:600; letter-spacing:-0.02em;  }
.business-box .business_cont2 .listbox .scroll { display:none; position:absolute; right:10px; top:-10px; }
.business-box .business_cont2 .listbox .scroll:before { content:""; display:block; width:1px; height:1px; position:absolute; left:50%; margin:-2px 0 0 -1px; top:50%; transform:translateX(-4px); border:1px solid rgba(0,0,0,0.5); border-radius:50%; animation:scroll 1.5s 0.5s linear 9999 normal forwards; }
.business-box .business_cont2 .listbox .scroll:after  { content:""; display:block; position:absolute; left:-15px; top:-6.5px; width:30px; height:13px; background:url(/img/sub/icon_scroll_bg.png) center center no-repeat; }
.business-box .business_cont2 .txtlist { margin-top:30px; }
.business-box .business_cont2 .txtlist ul { border-top:2px solid #140c44; }
.business-box .business_cont2 .txtlist li { border-bottom:1px solid #dadada; width:100%; }
.business-box .business_cont2 .txtlist .col { display:table-cell; height:70px; padding:10px 0; vertical-align:middle; }
.business-box .business_cont2 .txtlist .col.tit { width:370px; padding-left:28px; font-family:'Readex Pro', 'Pretendard', sans-serif; font-size:18px; color:#333; font-weight:500; letter-spacing:-0.02em; line-height:130%; }
.business-box .business_cont2 .txtlist .col.txt1 { width:285px; }
.business-box .business_cont2 .txtlist .col.txt2 { padding-right:10px; }
.business-box .business_cont2 .txtlist .col.tit strong { font-size:22px; color:#00aeef; font-weight:600; letter-spacing:-0.02em; display:inline-block; margin-right:2px; }
.business-box .business_cont2 .txtlist .col.txt1 > span { font-family:'Readex Pro', 'Pretendard', sans-serif; font-size:18px; color:#333; font-weight:500; letter-spacing:-0.02em; }
.business-box .business_cont2 .txtlist .col.txt2 > span { font-size:16.5px; color:#666; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.business-box .business_cont3 { padding:50px 0; }
.business-box .business_cont3 .titbox { text-align:center; }
.business-box .business_cont3 .titbox h4 { font-family:'Readex Pro', 'Pretendard', sans-serif; font-size:46px; color:#fff; font-weight:700; letter-spacing:-0.02em; }
.business-box .business_cont3 .listbox { padding-top:45px; }
.business-box .business_cont3 .listbox ul { margin:-10px 0 0 -10px; }
.business-box .business_cont3 .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.business-box .business_cont3 .listbox li { width:calc(33.333% - 10px); margin:10px 0 0 10px; float:left; }
.business-box .business_cont3 .listbox li .box { padding:30px 25px 0 30px; width:100%; height:180px; background-color:#fff; border-radius:10px; }
.business-box .business_cont3 .listbox li .box p { font-family:'Readex Pro', 'Pretendard', sans-serif; font-size:15px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; }
.business-box .business_cont3 .listbox li .box dl { margin-top:14px; }
.business-box .business_cont3 .listbox li .box dt { font-size:28px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.business-box .business_cont3 .listbox li .box dd { margin-top:15px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.04em; line-height:140%; }
.business-box.business-project .business_cont3 .listbox li .box,
.business-box.business-box1 .business_cont3 .listbox li .box { height:200px; }
.business-box.business-box1 .business_cont3 .listbox li { width:calc(50% - 10px); }

.business-box .business_inland1 { padding:45px 0 50px 0; }
.business-box .business_inland1 .imgbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.business-box .business_inland1 .imgbox ul { margin-left:-15px; }
.business-box .business_inland1 .imgbox li { float:left; width:calc(33.333% - 15px); margin-left:15px; }
.business-box .business_inland1 .imgbox li img { width:100%; border-radius:10px; }
.business-box .business_inland1 .mapbox { position:relative; margin-top:20px; padding:30px 20px; text-align:center; background-color:#e6ecee; border-radius:10px; }
.business-box .business_inland1 .mapbox .map img { max-width:100%; }
.business-box .business_inland1 .mapbox .info { position:absolute; left:38px; bottom:35px; text-align:left; }
.business-box .business_inland1 .mapbox .info li { position:relative; margin-top:12px; padding-left:15px; font-family:'Readex Pro', sans-serif; font-size:13px; color:#666; font-weight:500; letter-spacing:-0.02em; }
.business-box .business_inland1 .mapbox .info li:before { content:""; display:block; width:8px; height:8px; position:absolute; left:0; top:50%; transform:translateY(-50%); border-radius:10px; }
.business-box .business_inland1 .mapbox .info li:nth-child(1):before { background-color:#e34545; }
.business-box .business_inland1 .mapbox .info li:nth-child(2):before { background-color:#00aeef; }
.business-box .business_inland1 .mapbox .info li:nth-child(3):before { background-color:#73d020; }

.business-box .project_service { margin-top:40px; } 
.business-box .project_service .service_box { display:flex; justify-content:space-between;}
.business-box .project_service .service_box .box { width:calc(60% - 5px); }
.business-box .project_service .service_box .box:nth-child(2) { width:40%; }
.business-box .project_service .service_box .box p { font-size:18px; color:#111; font-weight:600; letter-spacing:-0.03em; width:100%; height:58px; text-align:center; display:flex; align-items:center; justify-content:center; background-color:#d6d6d6; border-radius:10px;  }
.business-box .project_service .service_box .box:nth-child(2) p { color:#fff; background-color:#00aeef; }
.business-box .project_service .service_box .box ul { margin-top:35px;  }
.business-box .project_service .service_box .box ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.business-box .project_service .service_box .box li { position:relative; text-align:center; float:left; width:25%; }
.business-box .project_service .service_box .box li .icon { position:relative; display:block; background-color:#fff; width:100%; }
.business-box .project_service .service_box .box li:first-child .icon { border-radius:10px 0 0 10px; }
.business-box .project_service .service_box .box li:last-child .icon { border-radius:0 10px 10px 0; }
.business-box .project_service .service_box .box li .icon img { width:138px; margin:0 auto; }
.business-box .project_service .service_box .box li:before {content:""; display:block; width:9px; height:10px; position:absolute; left:-4px; top:60px; background:url(/img/sub/icon_arr_l.png) center center; z-index:2; }
.business-box .project_service .service_box .box li:nth-child(1):before { display:none; }
.business-box .project_service .service_box .box:nth-child(2) li:nth-child(1):before { display:block; width:18px; height:18px; left:-12px; top:56px; background:url(/img/sub/icon_arr_l_on.png) center center }
.business-box .project_service .service_box .box li strong { display:block; margin-top:16px; font-size:18px; color:#111; font-weight:600; letter-spacing:-0.03em; line-height:140%; }
.business-box .project_service .service_box .box:nth-child(2) li { width:33.33%; }
.business-box .project_service .service_box .box:nth-child(2) li .icon { background-color:#ddf6ff; }
.business-box .project_service .txt { position:relative; padding:0 63px; text-align:center; margin-top:5px; }
.business-box .project_service .txt .txt_1 { font-size:14px; color:#666; font-weight:300; letter-spacing:-0.03em }
.business-box .project_service .txt .txt_2 { position:relative; margin-top:20px; padding-top:16px; border-top:1px solid #c1c1c1; }
.business-box .project_service .txt .txt_2 strong { font-size:18px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; text-transform:uppercase; }
.business-box .project_service .txt .txt_2:before {content:""; display:block; width:1px; height:22px; position:absolute; left:0; top:-22px; background-color:#c1c1c1; }
.business-box .project_service .txt .txt_2:after {content:""; display:block; width:1px; height:22px; position:absolute; right:0; top:-22px; background-color:#c1c1c1; }

.business-box .project_listbox { padding:50px 0;}
.business-box .project_listbox .titbox { text-align:center; }
.business-box .project_listbox .titbox h4 { font-size:46px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.business-box .project_listbox .listbox { margin-top:55px; }
.business-box .project_listbox .listbox li { position:relative; margin-top:30px; } 
.business-box .project_listbox .listbox li:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.business-box .project_listbox .listbox li:first-child { margin-top:0; }
.business-box .project_listbox .listbox li > div { width:50%; float:left; position:relative; }
.business-box .project_listbox .listbox li .imgbox { float:right}
.business-box .project_listbox .listbox li .imgbox img { width:100%; border-radius:10px; }
.business-box .project_listbox .listbox li .txtbox { padding:0 20px 0 0; display:flex; align-items:center; }
.business-box .project_listbox .listbox li .txtbox:before {content:""; display:block; padding-bottom:46.5%; }
.business-box .project_listbox .listbox li .txtbox dt { font-size:22px; color:#111; font-weight:600; letter-spacing:-0.02em; }
.business-box .project_listbox .listbox li .txtbox dt strong { font-family:'Readex Pro', sans-serif; font-size:16px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; padding-bottom:15px; display:block; }
.business-box .project_listbox .listbox li .txtbox dd { padding-top:20px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.03em; line-height:160%; }
.business-box .project_listbox .listbox li:nth-child(2n) .imgbox { float:left; }
.business-box .project_listbox .listbox li:nth-child(2n) .txtbox { padding:0 20px 0 65px; }

.business-box .wnd_process { margin-top:45px; }
.business-box .wnd_process .p_box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.business-box .wnd_process .p_box > p { width:190px; height:190px; margin:56px 40px 0 0; float:left; font-size:18px; color:#140c44; font-weight:600; letter-spacing:-0.02em; display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:100%; }
.business-box .wnd_process .p_box > p.b { margin:0 40px 0 0; background-color:#140c44; color:#fff; }
.business-box .wnd_process .p_box > .list { width:calc(100% - 230px); float:left; }
.business-box .wnd_process .p_box > .list > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.business-box .wnd_process .p_box > .list1 > ul { margin-left:-14px; }
.business-box .wnd_process .p_box > .list > ul > li { float:left; }
.business-box .wnd_process .p_box > .list1 > ul > li { position:relative; margin-left:14px; padding:25px 10px 40px 10px; height:315px; background-color:#fff; border-radius:10px; }
.business-box .wnd_process .p_box > .list1 > ul > li:before {content:""; display:block; width:9px; height:10px; position:absolute; left:-11px; top:50%; transform:translateY(-50%); background:url(/img/sub/icon_arr_l.png) center center }
.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(1):before { display:none; }
.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(1) { width:calc(25% - 14px); }
.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(2) { width:calc(44% - 14px); }
.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(3) { width:calc(31% - 14px); }
.business-box .wnd_process .p_box > .list > ul > li dt { text-align:center; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.02em; }
.business-box .wnd_process .p_box > .list > ul > li dt span { display:block; font-size:15px; color:#888; font-weight:300; margin-top:5px; }
.business-box .wnd_process .p_box > .list > ul > li dd { text-align:center; }
.business-box .wnd_process .p_box > .list > ul > li dd .sbox { position:relative; }
.business-box .wnd_process .p_box > .list > ul > li dd .sbox > p { position:absolute; left:0; top:15px; width:100%; }
.business-box .wnd_process .p_box > .list > ul > li dd .sbox > p span { width:66px; height:22px; margin:0 auto; background-color:#00aeef; font-size:13px; color:#fff; font-weight:300; letter-spacing:-0.02em; border-radius:20px; text-align:center; display:flex; align-items:center; justify-content:center; }
.business-box .wnd_process .p_box > .list > ul > li dd .sbox:nth-child(2) > p span { background-color:#140c44; }
.business-box .wnd_process .p_box > .list > ul > li dd li { display:inline-block; vertical-align:top; margin:20px 0 0 0; }
.business-box .wnd_process .p_box > .list > ul > li dd li .icon { display:block; width:72px; margin:0 auto; }
.business-box .wnd_process .p_box > .list > ul > li dd li strong { padding-top:8px; display:block; font-size:16px; color:#666; font-weight:300; letter-spacing:-0.02em; }
.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd { padding:0 10px 0 30px; }
.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd ul { padding-top:12px; }
.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd li { display:block; vertical-align:top; margin:8px 0 0 0; text-align:left; }
.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd li .icon { display:inline-block; vertical-align:bottom; }
.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd li strong { display:inline-block; vertical-align:bottom; margin:0 0 10px 24px; }
.business-box .wnd_process .p_box > .list > ul > li:nth-child(2) dd li { width:calc(25% - 4px); }
.business-box .wnd_process .p_box > .list > ul > li:nth-child(3) dd { padding:20px 30px 0 30px;}
.business-box .wnd_process .p_box > .list > ul > li:nth-child(3) dd li { width:calc(50% - 4px); }
.business-box .wnd_process .p_box > .list2 { padding-top:48px; }
.business-box .wnd_process .p_box > .list2 > ul > li { position:relative; text-align:center; background-color:#37c0f3; }
.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(1) { width:23%; }
.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(2) { width:45%; }
.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(3) { width:32%; }
.business-box .wnd_process .p_box > .list2 > ul > li span { width:100%; height:33px; font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.02em; display:flex; align-items:center; justify-content:center; }
.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(1) { border-radius:10px 0 0 10px; background-color:#66d5ff; }
.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(3) { border-radius:0 10px 10px 0; background-color:#00aeef; }
.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(1):before { content:""; display:block; position:absolute; right:-14px; top:0; border-left:14px solid #66d5ff; border-top:17px solid transparent; border-bottom:17px solid transparent; z-index:1; }
.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(2):before { content:""; display:block; position:absolute; right:-14px; top:0; border-left:14px solid #37c0f3; border-top:17px solid transparent; border-bottom:17px solid transparent; z-index:1; }
.business-box .wnd_process .p_box .txtbox { position:relative; margin-top:8px; text-align:center; }
.business-box .wnd_process .p_box .txtbox:before {content:""; display:block; width:5px; height:5px; position:absolute; left:-2px; top:1px; background-color:#140c44; border-radius:10px; z-index:1 }
.business-box .wnd_process .p_box .txtbox:after {content:""; display:block; width:5px; height:5px; position:absolute; right:-2px; top:1px; background-color:#140c44; border-radius:10px; z-index:1 }
.business-box .wnd_process .p_box .txtbox .txt_1 { padding-top:20px; font-size:15px; color:#140c44; font-weight:500; letter-spacing:-0.02em; }
.business-box .wnd_process .p_box .txtbox .txt_2 { position:relative; padding-top:20px; margin-top:19px; border-top:1px solid #b3b1c2; }
.business-box .wnd_process .p_box .txtbox .txt_2 span { padding:10px 50px; display:inline-block; font-size:15px; color:#333; font-weight:500; letter-spacing:-0.02em; border-radius:10px; background-color:#ececec;}
.business-box .wnd_process .p_box .txtbox .txt_2:before {content:""; display:block; width:1px; height:50px; position:absolute; left:0; top:-50px; background-color:#b3b1c2; }
.business-box .wnd_process .p_box .txtbox .txt_2:after {content:""; display:block; width:1px; height:50px; position:absolute; right:0; top:-50px; background-color:#b3b1c2; }

.business-box .international_overview { margin-top:40px; } 
.business-box .international_overview .overview_box { display:flex; justify-content:space-between;}
.business-box .international_overview .overview_box .box { width:155px; }
.business-box .international_overview .overview_box .box:nth-child(2) { width:calc(100% - 155px - 5px); }
.business-box .international_overview .overview_box .box p { font-size:18px; color:#111; font-weight:600; letter-spacing:-0.03em; width:100%; height:58px; text-align:center; display:flex; align-items:center; justify-content:center; background-color:#d6d6d6; border-radius:10px;  }
.business-box .international_overview .overview_box .box:nth-child(2) p { color:#fff; background-color:#00aeef; }
.business-box .international_overview .overview_box .box:nth-child(2) ul { padding-left:20px; }
.business-box .international_overview .overview_box .box ul { margin-top:45px; display:flex; justify-content:space-between; align-items:flex-start; }
.business-box .international_overview .overview_box .box li { position:relative; text-align:center; }
.business-box .international_overview .overview_box .box li .icon { position:relative; display:block; width:128px; margin:0 auto; background-color:#fff; border-radius:200px; }
.business-box .international_overview .overview_box .box:nth-child(1) li .icon { background-color:#e9e9e9; }
.business-box .international_overview .overview_box .box li:before {content:""; display:block; width:9px; height:10px; position:absolute; left:-32px; top:60px; background:url(/img/sub/icon_arr_l.png) center center }
.business-box .international_overview .overview_box .box:nth-child(2) li:nth-child(4):before { width:18px; height:18px; left:-34px; top:56px; background:url(/img/sub/icon_arr_l_on.png) center center }
.business-box .international_overview .overview_box .box:nth-child(1) li:nth-child(1):before { display:none; }
.business-box .international_overview .overview_box .box li strong { display:block; margin-top:16px; font-size:18px; color:#111; font-weight:600; letter-spacing:-0.03em; line-height:140%; }

.business-box.business-ocean .business_cont1 .imgbox:before { background:url(/img/sub/img_ocean01_s.png) center center / cover; }
.business-box.business-air .business_cont1 .imgbox:before { background:url(/img/sub/img_air01_s.png) center center / cover; }
.business-box.business-inland .business_cont1 .imgbox:before { background:url(/img/sub/img_inland01_s.png) center center / cover; }
.business-box.business-inland_truck .business_cont1 .imgbox:before { background:url(/img/sub/img_inland_truck01_s.png) center center / cover; }
.business-box.business-customs .business_cont1 .imgbox:before { background:url(/img/sub/img_customs01_s.png) center center / cover; }
.business-box.business-project .business_cont1 .imgbox:before { background:url(/img/sub/img_project01_s.png) center center / cover; }
.business-box.business-wnd .business_cont1 .imgbox:before { background:url(/img/sub/img_wnd01_s.png) center center / cover; }
.business-box.business-international .business_cont1 .imgbox:before { background:url(/img/sub/img_international01_s.png) center center / cover; }

.business-box.business-ocean .business_cont3 {  background:url(/img/sub/bg_ocean_cont3.jpg) center / cover; }
.business-box.business-air .business_cont3 {  background:url(/img/sub/bg_air_cont3.jpg) center / cover; }
.business-box.business-inland .business_cont3 {  background:url(/img/sub/bg_inland_cont3.jpg) center / cover; }
.business-box.business-inland_truck .business_cont3 {  background:url(/img/sub/bg_inland_truck_cont3.jpg) center / cover; }
.business-box.business-customs .business_cont3 {  background:url(/img/sub/bg_customs_cont3.jpg) center / cover; }
.business-box.business-project .business_cont3 {  background:url(/img/sub/bg_project_cont3.jpg) center / cover; }
.business-box.business-wnd .business_cont3 {  background:url(/img/sub/bg_wnd_cont3.jpg) center / cover; }
.business-box.business-international .business_cont3 {  background:url(/img/sub/bg_international_cont3.jpg) center / cover; }

@media screen and (max-width:1280px){
	.business-box .business_cont1 .imgbox { padding-left:50px; }
	.business-box .business_cont1 .imgbox:after { width:393px; height:393px; }
	.business-box .business_cont1 .imgbox:before { margin-left:170px; width:63px; height:63px; }
	.business-box .business_cont1 .txtbox { padding-top:70px; padding-left:10px; }
	.business-box .business_cont1 .txtbox dt { font-size:30px; }
	.business-box .business_cont1 .txtbox dd { margin-top:15px; font-size:16px; }
	.business-box .business_cont1 .txtbox dd br { display:none; }
	.business-box .business_cont1 .txtbox .btn { margin-top:30px; }
	.business-box .business_cont1 .txtbox .btn li { margin-left:16px; }
	.business-box .business_cont1 .txtbox .btn li a { font-size:15px; width:170px; height:55px; }
	.business-box .business_cont1 .txtbox .btn li a.down span { padding-right:24px; }
	.business-box .business_cont2 { padding:50px 0; margin-top:50px; }
	.business-box .business_cont2 .titbox h4 { font-size:38px; }
	.business-box .business_cont2 .titbox p { margin-top:15px; font-size:16px; }
	.business-box .business_cont2 .listbox { margin:30px auto 0 auto; max-width:960px; }
	.business-box .business_cont2 .listbox li:before { left:-30px; }
	.business-box .business_cont2 .listbox li .circle { width:160px; height:160px; }
	.business-box .business_cont2 .listbox li .circle .icon { width:80px; }
	.business-box .business_cont2 .listbox li .circle strong { margin-top:10px; font-size:17px; }
	.business-box .business_cont2 .txtlist { margin-top:25px; }
	.business-box .business_cont2 .txtlist .col { height:70px; }
	.business-box .business_cont2 .txtlist .col br { display:none; }
	.business-box .business_cont2 .txtlist .col.tit { width:340px; padding-left:24px; font-size:16px; }
	.business-box .business_cont2 .txtlist .col.txt1 { width:260px; }
	.business-box .business_cont2 .txtlist .col.txt2 { padding-left:10px; }
	.business-box .business_cont2 .txtlist .col.tit strong { font-size:18px; }
	.business-box .business_cont2 .txtlist .col.txt1 > span { font-size:16px; }
	.business-box .business_cont2 .txtlist .col.txt2 > span { font-size:14.5px; }
	.business-box .business_cont3 { padding:50px 0; }
	.business-box .business_cont3 .titbox h4 { font-size:38px;}
	.business-box .business_cont3 .listbox { padding-top:30px; }
	.business-box .business_cont3 .listbox li .box { padding:30px 25px 0 25px; width:100%; }
	.business-box .business_cont3 .listbox li .box p { font-size:14px; }
	.business-box .business_cont3 .listbox li .box dl { margin-top:10px; }
	.business-box .business_cont3 .listbox li .box dt { font-size:22px; }
	.business-box .business_cont3 .listbox li .box dd { margin-top:12px; font-size:16px; }
	.business-box .business_cont3 .listbox li .box dd br { display:none; }
	
	.business-box .project_service  { max-width:1024px; margin:30px auto 0 auto; }
	.business-box .project_service .service_box .box li .icon img { width:120px;}
	.business-box .project_service .service_box .box li:before { left:-5px; top:55px;  }
	.business-box .project_service .service_box .box:nth-child(2) li:nth-child(1):before { left:-12px; top:52px; }
	.business-box .project_service .service_box .box li strong { margin-top:12px; font-size:16px; }
	
	.business-box .project_listbox .titbox h4 { font-size:38px; }
	.business-box .project_listbox .listbox li .txtbox dd br { display:none; }
	
	.business-box .wnd_process .p_box > p { width:170px; height:170px; margin:65px 30px 0 0; }
	.business-box .wnd_process .p_box > p.b { margin:0 30px 0 0; }
	.business-box .wnd_process .p_box > .list { width:calc(100% - 200px); }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd { padding:0 10px 0 10px; }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd li strong { margin:0 0 10px 10px; }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(3) dd { padding:0 20px 0 20px;}
	
	.business-box .international_overview  { max-width:960px; margin:30px auto 0 auto; }
	.business-box .international_overview .overview_box .box { width:12%; }
	.business-box .international_overview .overview_box .box:nth-child(2) { width:calc(100% - 12% - 5px); }
	.business-box .international_overview .overview_box .box li .icon { width:115px;}
	.business-box .international_overview .overview_box .box li:before { left:-16px; top:55px;  }
	.business-box .international_overview .overview_box .box:nth-child(2) li:nth-child(4):before { left:-20px; top:52px; }
	.business-box .international_overview .overview_box .box li strong { margin-top:12px; font-size:16px; }
}
@media screen and (max-width:1024px){
	.business-box .business_cont1 .imgbox { padding-left:30px; }
	.business-box .business_cont1 .imgbox img { height:280px; }
	.business-box .business_cont1 .imgbox:after { width:280px; height:280px; }
	.business-box .business_cont1 .imgbox:before { margin-left:140px; width:50px; height:50px; }
	.business-box .business_cont1 .txtbox { padding-top:30px; padding-left:10px; }
	.business-box .business_cont1 .txtbox dt { font-size:22px; }
	.business-box .business_cont1 .txtbox dt br { display:none; }
	.business-box .business_cont1 .txtbox dd { margin-top:12px; font-size:15px; }
	.business-box .business_cont1 .txtbox dd br { display:none; }
	.business-box .business_cont1 .txtbox .btn { margin-top:25px; }
	.business-box .business_cont1 .txtbox .btn li { margin-left:10px; }
	.business-box .business_cont1 .txtbox .btn li a { font-size:15px; width:150px; height:50px; }
	.business-box .business_cont1 .txtbox .btn li a.down span { padding-right:24px; }
	.business-box .business_cont2 .titbox h4 { font-size:28px; }
	.business-box .business_cont2 .titbox p { margin-top:10px; font-size:15px; }
	.business-box .business_cont2 .listbox { margin:30px auto 0 auto; max-width:608px; }
	.business-box .business_cont2 .listbox li:before { left:-10px; }
	.business-box .business_cont2 .listbox li .circle { width:120px; height:120px; }
	.business-box .business_cont2 .listbox li .circle .icon { width:60px; }
	.business-box .business_cont2 .listbox li .circle strong { margin-top:6px; font-size:15px; }
	.business-box .business_cont2 .txtlist { margin-top:25px; }
	.business-box .business_cont2 .txtlist .col { height:70px; }
	.business-box .business_cont2 .txtlist .col.tit { width:300px; padding-left:18px; font-size:14px; }
	.business-box .business_cont2 .txtlist .col.txt1 { width:200px; }
	.business-box .business_cont2 .txtlist .col.tit strong { font-size:16px; display:block; }
	.business-box .business_cont2 .txtlist .col.txt1 > span { font-size:14px; }
	.business-box .business_cont2 .txtlist .col.txt2 > span { font-size:13px; }
	.business-box .business_cont3 .titbox h4 { font-size:28px;}
	.business-box .business_cont3 .listbox { padding-top:30px; }
	.business-box .business_cont3 .listbox li .box { padding:25px 15px 0 15px; }
	.business-box .business_cont3 .listbox li .box p { font-size:13px; }
	.business-box .business_cont3 .listbox li .box dl { margin-top:8px; }
	.business-box .business_cont3 .listbox li .box dt { font-size:20px; }
	.business-box .business_cont3 .listbox li .box dd { margin-top:10px; font-size:15px; }
	
	.business-box .project_service { max-width:820px; }
	.business-box .project_service .service_box .box ul { margin-top:25px; }
	.business-box .project_service .service_box .box li:before { left:-4px; top:52px; z-index:2;  }
	.business-box .international_overview .overview_box .box:nth-child(2) li:nth-child(4):before { left:-20px; top:48px; }
	.business-box .project_service .service_box .box li strong { margin-top:12px; font-size:15px; }
	.business-box .project_service .service_box .box p { font-size:15px; height:45px; }
	.business-box .project_service .txt { padding:0 50px; }
	.business-box .project_service .txt .txt_1 { font-size:13px; }
	.business-box .project_service .txt .txt_2 { margin-top:15px; padding-top:12px; }
	.business-box .project_service .txt .txt_2 strong { font-size:18px;}
	.business-box .project_service .txt .txt_2:before,
	.business-box .project_service .txt .txt_2:after { height:22px; top:-22px; }
	
	.business-box .project_listbox .titbox h4 { font-size:28px; }
	.business-box .project_listbox .listbox li .txtbox { padding:0 30px 0 0; }
	.business-box .project_listbox .listbox li .txtbox dt { font-size:18px; }
	.business-box .project_listbox .listbox li .txtbox dt strong { font-size:15px; padding-bottom:15px; }
	.business-box .project_listbox .listbox li .txtbox dd { padding-top:12px; font-size:16px; }
	.business-box .project_listbox .listbox li:nth-child(2n) .txtbox { padding:0 20px 0 30px; }
	
	.business-box .wnd_process .p_box > p { display:none; }
	.business-box .wnd_process .p_box > .list { width:100%; }
	.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(1) { width:calc(23% - 14px); }
	.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(2) { width:calc(49% - 14px); }
	.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(3) { width:calc(28% - 14px); }
	.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(1) { width:21%; }
	.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(2) { width:50%; }
	.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(3) { width:29%; }
	.business-box .wnd_process .p_box > .list1 > ul > li { height:260px; }
	.business-box .wnd_process .p_box > .list > ul > li dd { padding-top:0; }
	.business-box .wnd_process .p_box > .list > ul > li dd li { margin-top:15px; }
	.business-box .wnd_process .p_box > .list > ul > li dd li .icon { width:55px; }
	.business-box .wnd_process .p_box > .list > ul > li dd li strong { font-size:14px; }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd li { margin:6px 0 0 0; }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd { padding:0 10px 0 10px; }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(3) dd { padding:0 10px 0 10px; }
	.business-box .wnd_process .p_box > .list2 { padding-top:30px; }
	.business-box .wnd_process .p_box > .list2 > ul > li span { font-size:14px; }
	.business-box .wnd_process .p_box .txtbox .txt_1 { padding-top:15px; font-size:14px; }
	.business-box .wnd_process .p_box .txtbox .txt_2 { padding-top:15px; margin-top:15px; }
	.business-box .wnd_process .p_box .txtbox .txt_2 span { padding:10px 30px; font-size:14px; }
	.business-box .wnd_process .p_box .txtbox .txt_2:before,
	.business-box .wnd_process .p_box .txtbox .txt_2:after { height:43px; top:-43px; }
	
	.business-box .international_overview { max-width:820px; }
	.business-box .international_overview .overview_box .box { width:113px; }
	.business-box .international_overview .overview_box .box:nth-child(2) { width:calc(100% - 113px - 5px); }
	.business-box .international_overview .overview_box .box ul { margin-top:25px; }
	.business-box .international_overview .overview_box .box:nth-child(2) ul { padding-left:0; }
	.business-box .international_overview .overview_box .box li:before { left:-6px; top:52px; z-index:2;  }
	.business-box .international_overview .overview_box .box:nth-child(2) li:nth-child(4):before { left:-10px; top:48px; }
	.business-box .international_overview .overview_box .box li strong { margin-top:12px; font-size:15px; }
	.business-box .international_overview .overview_box .box p { font-size:15px; height:45px; }
}
@media screen and (max-width:860px){
	.business-box .project_service {   }
	.business-box .project_service .service_box { display:block; margin:0 auto; max-width:480px; }
	.business-box .project_service .service_box .box { width:100%; }
	.business-box .project_service .service_box .box:nth-child(2) { width:100%; margin-top:40px; }
	.business-box .project_service .service_box .box li .icon img { width:80px }
	.business-box .project_service .service_box .box li:before,
	.business-box .project_service .txt .txt_2:before,
	.business-box .project_service .txt .txt_2:after { display:none; }
	.business-box .project_service .service_box .box:nth-child(2) li:nth-child(1):before { display:none; }
	.business-box .project_service .txt { margin-top:20px; padding:0; }
	.business-box .project_service .txt .txt_2 { border-top:none; margin-top:0; }
	
	.business-box .project_listbox .listbox li > div { width:100%; }
	.business-box .project_listbox .listbox li .txtbox,
	.business-box .project_listbox .listbox li:nth-child(2n) .txtbox { padding:25px 0 0 0; }
	.business-box .project_listbox .listbox li .txtbox:before {content:""; display:block; padding-bottom:0; }
	.business-box .project_listbox .listbox li .txtbox { display:block; }
	
	.business-box .international_overview .overview_box { display:block; }
	.business-box .international_overview .overview_box .box { width:100%; }
	.business-box .international_overview .overview_box .box:nth-child(2) { width:100%; margin-top:30px; }
	.business-box .international_overview .overview_box .box ul { display:block; margin-top:10px; padding:0; text-align:center; }
	.business-box .international_overview .overview_box .box li { display:inline-block; }
	.business-box .international_overview .overview_box .box li .icon { width:80px }
	.business-box .international_overview .overview_box .box:nth-child(1) li { width:100%; }
	.business-box .international_overview .overview_box .box:nth-child(2) li { width:30%; margin-top:20px; }
	.business-box .international_overview .overview_box .box li:before { display:none; }
}
@media screen and (max-width:760px){
	.business-box .business_cont1 { margin-top:20px; }
	.business-box .business_cont1 > div { clear:both; float:none; }
	.business-box .business_cont1 .imgbox { padding-left:30px; max-width:480px; margin:0 auto;}
	.business-box .business_cont1 .imgbox img { width:100%; height:auto }
	.business-box .business_cont1 .imgbox:after { width:calc(100% - 19%); height:100%; }
	.business-box .business_cont1 .imgbox:before { margin-left:140px; width:50px; height:50px; }
	.business-box .business_cont1 .txtbox { padding-top:40px; padding-left:0; width:100%; }
	.business-box .business_cont1 .txtbox dt { font-size:18px; }
	.business-box .business_cont1 .txtbox dd { font-size:14px; }
	.business-box .business_cont1 .txtbox .btn { margin:25px auto 0 auto; text-align:center; }
	.business-box .business_cont1 .txtbox .btn li a { font-size:14px; width:140px; height:45px; }
	.business-box .business_cont1 .txtbox .btn li a.down span { padding-right:18px; }
	.business-box .business_cont2 .titbox h4 { font-size:24px; }
	.business-box .business_cont2 .titbox p { margin-top:10px; font-size:14px; }
	.business-box .business_cont2 .listbox { text-align:center; }
	.business-box .business_cont2 .listbox .scroll_box { overflow:auto; height:130px; }
	.business-box .business_cont2 .listbox ul {display:block; margin:0 -10px; width:665px; overflow:hidden }
	.business-box .business_cont2 .listbox li { position:relative; display:inline-block; margin:10px 10px 0 10px; }
	.business-box .business_cont2 .listbox li:before { left:-22px; }
	.business-box .business_cont2 .listbox li .circle { width:110px; height:110px; }
	.business-box .business_cont2 .listbox li .circle .icon { width:50px; }
	.business-box .business_cont2 .listbox li .circle strong { margin-top:4px; font-size:14px; }
	.business-box .business_cont2 .listbox .scroll { display:block; }
	.business-box .business_cont2 .txtlist { margin-top:25px; }
	.business-box .business_cont2 .txtlist li { border-bottom:1px solid #c3c3c3;}
	.business-box .business_cont2 .txtlist .col { height:60px; }
	.business-box .business_cont2 .txtlist .col.tit { width:100%; padding:15px 0 15px 10px; display:block; height:auto; background-color:#f6f6f6; border-bottom:1px solid #e3e3e3; }
	.business-box .business_cont2 .txtlist .col.tit strong { display:inline-block; }
	.business-box .business_cont2 .txtlist .col.txt1 { width:150px; padding-left:10px; }
	.business-box .business_cont2 .txtlist .col.txt2 { padding-left:10px; padding-bottom:20px; }
	.business-box .business_cont3 .titbox h4 { font-size:24px;}
	.business-box .business_cont3 .listbox li { width:calc(50% - 10px); }
	.business-box .business_cont3 .listbox li .box { padding:20px 15px 0 15px; height:155px; }
	.business-box .business_cont3 .listbox li .box p { font-size:12px; }
	.business-box .business_cont3 .listbox li .box dt { font-size:18px; }
	.business-box .business_cont3 .listbox li .box dd { font-size:14px; }
	.business-box.business-project .business_cont3 .listbox li .box,
	.business-box.business-box1 .business_cont3 .listbox li .box { height:155px; }
	
	.business-box .business_inland1 .imgbox ul { margin-left:0; }
	.business-box .business_inland1 .imgbox li { width:100%; margin-left:0; margin-top:10px; }
	.business-box .business_inland1 .mapbox .info li { margin-top:10px; padding-left:12px; font-size:12px; }
	.business-box .business_inland1 .mapbox .info li:before { width:6px; height:6px; }
	.business-box .business_inland1 .mapbox .info { position:relative; left:unset; bottom:unset; }
	
	.business-box .project_listbox .titbox h4 { font-size:24px; }
	
	.business-box .wnd_process .p_box > .list1 > ul { margin:0;}
	.business-box .wnd_process .p_box > .list1 > ul > li { height:auto; margin:20px 0 0 }
	.business-box .wnd_process .p_box > .list1 > ul > li:first-child { margin-top:0; }
	.business-box .wnd_process .p_box > .list1 > ul > li:before { position:absolute; left:50%; top:-10px; transform:rotate(90deg) translate(-50%, 0); }
	.business-box .wnd_process .p_box > .list > ul > li dd { padding:0 !important;  margin:0 auto; max-width:420px;  }
	.business-box .wnd_process .p_box > .list > ul > li dd li { margin-top:10px; }
	.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(1),
	.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(2),
	.business-box .wnd_process .p_box > .list1 > ul > li:nth-child(3) { width:100%; }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd li { width:calc(33.33% - 4px); display:inline-block; margin:10px 0 0 0; text-align:center; }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd li .icon { display:block; }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(1) dd li strong { display:block; margin:0; }
	.business-box .wnd_process .p_box > .list > ul > li:nth-child(3) dd li { width:calc(25% - 4px); }
	.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(1) { width:30%; padding:0 15px; }
	.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(2) { width:40%; padding:0 5px 0 20px; }
	.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(3) { width:30%; padding:0 15px; }
	.business-box .wnd_process .p_box > .list2 > ul > li span { height:44px; }
	.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(1):before,
	.business-box .wnd_process .p_box > .list2 > ul > li:nth-child(2):before { border-top:22px solid transparent; border-bottom:22px solid transparent; }
}
@media screen and (max-width:640px){
	.business-box .business_cont3 .listbox ul { margin-left:0; }
	.business-box .business_cont3 .listbox li { float:none; clear:both; width:100%; height:110px; display:flex; align-items:center; margin-left:0; background-color:#fff; border-radius:10px; }
	.business-box .business_cont3 .listbox li .box { padding:0 15px 0 15px; height:auto; }
	.business-box.business-project .business_cont3 .listbox li .box,
	.business-box.business-box1 .business_cont3 .listbox li .box { height:auto; }
	.business-box.business-box1 .business_cont3 .listbox li { width:100%; }
}
/* Dark Mode */
@media (prefers-color-scheme:dark) {
  .business-box .business_cont1 .txtbox .btn li a.down { border:1px solid #000; }
}
/* Light Mode */
@media( prefers-color-scheme:light ){
}

/* animation */
.business-box .business_cont1 > div,
.business-box .business_cont1 .imgbox:before  { opacity:0; }
.business-box .business_cont1 .imgbox:after { left:76px; transition:all 1.0s 1.3s ease-in-out;}
.business-box .business_cont1.subOn .imgbox { animation:ani_1 1.0s 0.6s; animation-fill-mode:both; }
.business-box .business_cont1.subOn .imgbox:after { left:0; }
.business-box .business_cont1.subOn .imgbox:before { animation:ani_5 1.0s 1.3s; animation-fill-mode:both; }
.business-box .business_cont1.subOn .txtbox { animation:ani_2 1.0s 0.6s; animation-fill-mode:both; }

.business-box .business_cont2,
.business-box .business_cont2 .titbox { overflow:hidden; }
.business-box .business_cont2 .titbox h4,
.business-box .business_cont2 .titbox p,
.business-box .business_cont2 .listbox li,
.business-box .business_cont2 .listbox .scroll,
.business-box .business_cont2 .txtlist { opacity:0; }
.business-box .business_cont2 .titbox.subOn h4,
.business-box .business_cont2 .titbox.subOn p { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }
.business-box .business_cont2 .listbox.subOn li:nth-child(1) { animation:ani_3 0.7s 0.8s; animation-fill-mode:both; }
.business-box .business_cont2 .listbox.subOn li:nth-child(2) { animation:ani_3 0.7s 1.0s; animation-fill-mode:both; }
.business-box .business_cont2 .listbox.subOn li:nth-child(3) { animation:ani_3 0.7s 1.2s; animation-fill-mode:both; }
.business-box .business_cont2 .listbox.subOn li:nth-child(4) { animation:ani_3 0.7s 1.4s; animation-fill-mode:both; }
.business-box .business_cont2 .listbox.subOn li:nth-child(5) { animation:ani_3 0.7s 1.6s; animation-fill-mode:both; }
.business-box .business_cont2 .listbox.subOn .scroll { animation:ani_2 1.0s 0.6s; animation-fill-mode:both; }
.business-box .business_cont2 .txtlist.subOn { animation:ani_3 0.7s 0.8s; animation-fill-mode:both; }

.business-box .business_cont3 .titbox h4,
.business-box .business_cont3 .titbox p,
.business-box .business_cont3 .listbox li { opacity:0; }
.business-box .business_cont3 .titbox.subOn h4,
.business-box .business_cont3 .titbox.subOn p { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }
.business-box .business_cont3 .listbox.subOn li:nth-child(1) { animation:bgs4 0.7s 0.8s; animation-fill-mode:both; }
.business-box .business_cont3 .listbox.subOn li:nth-child(2) { animation:bgs4 0.7s 1.0s; animation-fill-mode:both; }
.business-box .business_cont3 .listbox.subOn li:nth-child(3) { animation:bgs4 0.7s 1.2s; animation-fill-mode:both; }
.business-box .business_cont3 .listbox.subOn li:nth-child(4) { animation:bgs4 0.7s 1.4s; animation-fill-mode:both; }
.business-box .business_cont3 .listbox.subOn li:nth-child(5) { animation:bgs4 0.7s 1.6s; animation-fill-mode:both; }
.business-box .business_cont3 .listbox.subOn li:nth-child(6) { animation:bgs4 0.7s 1.8s; animation-fill-mode:both; }

.business-box .business_inland1 .imgbox li,
.business-box .business_inland1 .mapbox { opacity:0; }
.business-box .business_inland1 .mapbox .map,
.business-box .business_inland1 .mapbox .info { opacity:0; }
.business-box .business_inland1 .imgbox.subOn li:nth-child(1) { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.business-box .business_inland1 .imgbox.subOn li:nth-child(2) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.business-box .business_inland1 .imgbox.subOn li:nth-child(3) { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
.business-box .business_inland1 .mapbox.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.business-box .business_inland1 .mapbox.subOn .map { animation:bgs4 0.8s 0.8s; animation-fill-mode:both; }
.business-box .business_inland1 .mapbox.subOn .info { animation:ani_2 0.8s 1.2s; animation-fill-mode:both; }

.business-box .project_service .service_box .box p,
.business-box .project_service .service_box .box li,
.business-box .project_service .txt .txt_1,
.business-box .project_service .txt .txt_2 { opacity:0; }
.business-box .project_service .service_box .box.subOn p { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.business-box .project_service .service_box .box.subOn:nth-child(2) p { animation:bgs4 0.5s 0.8s; animation-fill-mode:both; }
.business-box .project_service .service_box .box.subOn:nth-child(1) li:nth-child(1) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.business-box .project_service .service_box .box.subOn:nth-child(1) li:nth-child(2) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.business-box .project_service .service_box .box.subOn:nth-child(1) li:nth-child(3) { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.business-box .project_service .service_box .box.subOn:nth-child(1) li:nth-child(4) { animation:ani_3 0.8s 1.1s; animation-fill-mode:both; }
.business-box .project_service .service_box .box.subOn:nth-child(2) li:nth-child(1) { animation:ani_3 0.8s 1.3s; animation-fill-mode:both; }
.business-box .project_service .service_box .box.subOn:nth-child(2) li:nth-child(2) { animation:ani_3 0.8s 1.5s; animation-fill-mode:both; }
.business-box .project_service .service_box .box.subOn:nth-child(2) li:nth-child(3) { animation:ani_3 0.8s 1.7s; animation-fill-mode:both; }
.business-box .project_service.subOn .txt .txt_1 { animation:ani_5 0.8s 2.0s; animation-fill-mode:both; }
.business-box .project_service.subOn .txt .txt_2 { animation:ani_3 0.8s 2.2s; animation-fill-mode:both; }


.business-box .project_listbox .titbox h4 { opacity:0; display:block; }
.business-box .project_listbox .listbox li > div { opacity:0; }
.business-box .project_listbox .titbox.subOn h4 { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }
.business-box .project_listbox .listbox li.subOn .imgbox { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.business-box .project_listbox .listbox li.subOn .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.business-box .project_listbox .listbox li .imgbox:before { content:''; display:block; width:30%; height:100%; position:absolute; top:0; left:0; background-color:#fff; z-index:2; }
.business-box .project_listbox .listbox li .imgbox:after { content:''; display:block; width:70%; height:100%; position:absolute; top:0; right:0; background-color:#fff; z-index:2; }
.business-box .project_listbox .listbox li.subOn .imgbox { opacity:1; }
.business-box .project_listbox .listbox li.subOn .imgbox:before{ width:0; transition:width 1.3s .6s;}
.business-box .project_listbox .listbox li.subOn .imgbox:after{ width:0; transition:width  0.8s .6s;}

.business-box .wnd_process .p_box > p,
.business-box .wnd_process .p_box > .list1 > ul > li,
.business-box .wnd_process .p_box > .list2 > ul,
.business-box .wnd_process .p_box .txtbox { opacity:0; }
.business-box .wnd_process .p_box > p.subOn  { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.business-box .wnd_process .p_box > .list1.subOn > ul > li:nth-child(1) { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.business-box .wnd_process .p_box > .list1.subOn > ul > li:nth-child(2) { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.business-box .wnd_process .p_box > .list1.subOn > ul > li:nth-child(3) { animation:ani_1 0.8s 0.9s; animation-fill-mode:both; }
.business-box .wnd_process .p_box > .list2.subOn > ul { animation:ani_3 0.8s 1.0s; animation-fill-mode:both; }
.business-box .wnd_process .p_box .list2.subOn .txtbox  { animation:ani_3 0.8s 1.2s; animation-fill-mode:both; }
@media screen and (max-width:760px){
	.business-box .wnd_process .p_box > .list1.subOn > ul > li:nth-child(1) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
	.business-box .wnd_process .p_box > .list1.subOn > ul > li:nth-child(2) { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
	.business-box .wnd_process .p_box > .list1.subOn > ul > li:nth-child(3) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
}

.business-box .international_overview .overview_box .box p,
.business-box .international_overview .overview_box .box li { opacity:0; }

.business-box .international_overview .overview_box .box.subOn p { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.business-box .international_overview .overview_box .box.subOn:nth-child(2) p { animation:bgs4 0.5s 0.8s; animation-fill-mode:both; }
.business-box .international_overview .overview_box .box.subOn:nth-child(1) li:nth-child(1) { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(1) { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(2) { animation:ani_1 0.8s 0.9s; animation-fill-mode:both; }
.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(3) { animation:ani_1 0.8s 1.1s; animation-fill-mode:both; }
.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(4) { animation:ani_1 0.8s 1.3s; animation-fill-mode:both; }
.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(5) { animation:ani_1 0.8s 1.5s; animation-fill-mode:both; }
.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(6) { animation:ani_1 0.8s 1.7s; animation-fill-mode:both; }

@media screen and (max-width:760px){
	.business-box .international_overview .overview_box .box.subOn:nth-child(1) li:nth-child(1) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
	.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(1) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
	.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(2) { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
	.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(3) { animation:ani_3 0.8s 1.1s; animation-fill-mode:both; }
	.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(4) { animation:ani_3 0.8s 1.3s; animation-fill-mode:both; }
	.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(5) { animation:ani_3 0.8s 1.5s; animation-fill-mode:both; }
	.business-box .international_overview .overview_box .box.subOn:nth-child(2) li:nth-child(6) { animation:ani_3 0.8s 1.7s; animation-fill-mode:both; }
}

/* business common */
.business-relation { padding:50px 0; margin-bottom:-70px; background-color:#f3f7f8; }
.business-relation .titbox { text-align:center; }
.business-relation .titbox h4 { font-size:47px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.business-relation .listbox { padding-top:40px; }
.business-relation .listbox ul { margin:-10px 0 0 -10px; }
.business-relation .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.business-relation .listbox li { width:calc(25% - 10px); margin:10px 0 0 10px; float:left; }
.business-relation .listbox li .box { position:relative; padding:45px 25px 0 30px; width:100%; height:340px; background-color:#fff; border-radius:10px; overflow:hidden; }
.business-relation .listbox li .box dl { position:relative; z-index:2; }
.business-relation .listbox li .box dt { font-size:20px; color:#111; font-weight:600; letter-spacing:-0.02em; line-height:125%; transition:all 0.3s ease-in-out; }
.business-relation .listbox li .box dd { margin-top:15px; font-size:16.5px; color:#666; font-weight:300; letter-spacing:-0.02em; line-height:140%; transition:all 0.3s ease-in-out; }
.business-relation .listbox li .box .icon { display:block; width:75px; position:absolute; right:30px; bottom:32px; }
.business-relation .listbox li.on .box dt { color:#fff; }
.business-relation .listbox li.on .box dd { color:rgba(255,255,255,0.8); }
.business-relation .listbox li .box:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; } 
.business-relation .listbox li .box.box_ocean:before {background:url(/img/sub/bg_b_ocean.jpg) center center / cover; }
.business-relation .listbox li .box.box_air:before {background:url(/img/sub/bg_b_air.jpg) center center / cover; }
.business-relation .listbox li .box.box_inland:before {background:url(/img/sub/bg_b_inland.jpg) center center / cover; }
.business-relation .listbox li .box.box_customs:before {background:url(/img/sub/bg_b_customs.jpg) center center / cover; }
.business-relation .listbox li .box.box_project:before {background:url(/img/sub/bg_b_project.jpg) center center / cover; }
.business-relation .listbox li .box.box_international:before {background:url(/img/sub/bg_b_international.jpg) center center / cover; }
.business-relation .listbox li .box.box_system:before {background:url(/img/sub/bg_b_system.jpg) center center / cover; }
.business-relation .listbox li .box.box_consulting:before {background:url(/img/sub/bg_b_consulting.jpg) center center / cover; }
.business-relation .listbox li .box.box_amazon:before {background:url(/img/sub/bg_b_amazon.jpg) center center / cover; }
.business-relation .listbox li.on .box dt { color:#fff; }
.business-relation .listbox li.on .box dd { color:rgba(255,255,255,0.8); }
.business-relation .b_box { margin-top:20px; }
.business-relation .b_box ul { margin:-10px 0 0 -10px; }
.business-relation .b_box ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.business-relation .b_box li { width:calc(50% - 10px); margin:10px 0 0 10px; float:left; }
.business-relation .b_box li .box { position:relative; padding:0 0 0 50px; display:flex; align-items:center; width:100%; height:150px; background-color:#8bd1eb; border-radius:10px; overflow:hidden; }
.business-relation .b_box li .box dl { position:relative; padding-left:30px; }
.business-relation .b_box li .box dl:before {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-12px; width:23px; height:23px; }
.business-relation .b_box li .box dt { display:inline-block; vertical-align:middle; font-family:'Readex Pro', sans-serif; font-size:23px; color:#140c44; font-weight:700; letter-spacing:-0.02em; text-transform:uppercase; }
.business-relation .b_box li .box dd { display:inline-block; vertical-align:middle; margin-left:46px; font-size:23px; color:#1c1a50; font-weight:300; letter-spacing:-0.02em;}
.business-relation .b_box li:nth-child(1) .box { background-color:#dbdbdb; }
.business-relation .b_box li:nth-child(1) .box dd { color:#140c44; }
.business-relation .b_box li:nth-child(1) .box dl:before { background:url(/img/sub/icon_ocean_cont4_1.svg) center center no-repeat; }
.business-relation .b_box li:nth-child(2) .box dl:before { background:url(/img/sub/icon_ocean_cont4_2.svg) center center no-repeat; }
@media screen and (max-width:1280px){
	.business-relation { padding:50px 0; }
	.business-relation .titbox h4 { font-size:38px; }
	.business-relation .listbox { padding-top:30px; }
	.business-relation .listbox li .box { padding:40px 25px 0 25px; height:320px; }
	.business-relation .listbox li .box dt { font-size:18px; }
	.business-relation .listbox li .box dd { margin-top:12px; font-size:15px; }
	.business-relation .listbox li .box .icon {  width:70px; right:25px; bottom:30px; }
	.business-relation .b_box { margin-top:15px; }
	.business-relation .b_box li .box { padding:0 0 0 50px; height:130px; }
	.business-relation .b_box li .box dl { padding-left:30px; }
	.business-relation .b_box li .box dt { font-size:21px; }
	.business-relation .b_box li .box dd { margin-left:40px; font-size:20px; }
}
@media screen and (max-width:1024px){
	.business-relation .titbox h4 { font-size:28px; }
	.business-relation .listbox { padding-top:30px; }
	.business-relation .listbox li .box { padding:25px 15px 0 15px; height:240px; }
	.business-relation .listbox li .box dt { font-size:16px; }
	.business-relation .listbox li .box dd { margin-top:10px; font-size:14px; }
	.business-relation .listbox li .box .icon { width:60px; right:15px; bottom:20px; }
	.business-relation .b_box { margin-top:10px; }
	.business-relation .b_box li .box { padding:0 0 0 20px; height:130px; }
	.business-relation .b_box li .box dl { padding-left:30px; }
	.business-relation .b_box li .box dt { font-size:17px; }
	.business-relation .b_box li .box dd { margin-left:20px; font-size:16px; }
}
@media screen and (max-width:760px){
	.business-relation .titbox h4 { font-size:24px; }
	.business-relation .listbox li { width:calc(50% - 10px); }
	.business-relation .listbox li .box { padding:20px 10px 0 10px; height:200px; }
	.business-relation .b_box { margin-top:10px; }
	.business-relation .b_box li .box { padding:0 0 0 20px; height:100px; }
	.business-relation .b_box li .box dl:before { top:0; margin-top:-3px; }
	.business-relation .b_box li .box dl { padding-left:30px; }
	.business-relation .b_box li .box dt { font-size:16px; display:block; }
	.business-relation .b_box li .box dd { margin-left:-30px; margin-top:10px;  display:block; font-size:14px; }
}


/* animation */
.business-relation .listbox ul { overflow:hidden; }
.business-relation .titbox h4,
.business-relation .titbox p,
.business-relation .listbox li,
.business-relation .b_box li { opacity:0; }
.business-relation .titbox.subOn h4,
.business-relation .titbox.subOn p { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(1) { animation:ani_3 0.7s 0.8s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(2) { animation:ani_3 0.7s 1.0s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(3) { animation:ani_3 0.7s 1.2s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(4) { animation:ani_3 0.7s 1.4s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(5) { animation:ani_3 0.7s 1.6s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(6) { animation:ani_3 0.7s 1.8s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(7) { animation:ani_3 0.7s 2.0s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(8) { animation:ani_3 0.7s 2.2s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(9) { animation:ani_3 0.7s 2.4s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(10) { animation:ani_3 0.7s 2.6s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(11) { animation:ani_3 0.7s 2.8s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(12) { animation:ani_3 0.7s 3.0s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(13) { animation:ani_3 0.7s 3.2s; animation-fill-mode:both; }
.business-relation .listbox.subOn li:nth-child(14) { animation:ani_3 0.7s 3.4s; animation-fill-mode:both; }
.business-relation .b_box.subOn li:nth-child(1) { animation:ani_1 0.7s 0.8s; animation-fill-mode:both; }
.business-relation .b_box.subOn li:nth-child(2) { animation:ani_2 0.7s 0.8s; animation-fill-mode:both; }
.business-relation .listbox li .box:before { opacity:0; }
.business-relation .listbox li.on .box:before { animation:bgs4 0.5s 0.1s; animation-fill-mode:both;  }
.business-relation .listbox li.off .box:before { animation:bgs4_b 0.8s 0.1s; animation-fill-mode:both;  }


/* scm-consulting */
.scm-consulting .titbox { text-align:center; }
.scm-consulting .titbox h4 { font-family:'Readex Pro', 'Pretendard', sans-serif; font-size:35px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.scm-consulting .scm_cont1 { margin-top:50px; }
.scm-consulting .scm_cont1 .toptxt { text-align:center; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
.scm-consulting .scm_cont2 { margin-top:55px; padding:55px 0; background-color:#f8f8f8; }
.scm-consulting .scm_cont2 .listbox { margin-top:45px; }
.scm-consulting .scm_cont2 .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-consulting .scm_cont2 .listbox ul { margin:-15px 0 0 -15px; }
.scm-consulting .scm_cont2 .listbox li { float:left; width:calc(25% - 15px); margin:15px 0 0 15px; text-align:center; }
.scm-consulting .scm_cont2 .listbox li .imgbox { position:relative;}
.scm-consulting .scm_cont2 .listbox li .imgbox:after { content: ""; display:block; padding-bottom:74.7%; }
.scm-consulting .scm_cont2 .listbox li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:10px; }
.scm-consulting .scm_cont2 .listbox li dl { padding:30px 10px 0 10px; }
.scm-consulting .scm_cont2 .listbox li dt { font-size:22px; color:#111; font-weight:600; letter-spacing:-0.02em; }
.scm-consulting .scm_cont2 .listbox li dd { padding-top:12px; font-size:16px; color:#555; font-weight:300; letter-spacing:-0.02em; line-height:170%; }
.scm-consulting .scm_cont3 { margin-top:55px; }
.scm-consulting .scm_cont3 .stepbox { position:relative; margin:35px auto 0 auto; max-width:920px; padding:120px 0; height:735px; background:url(/img/sub/bg_consulting2.png) center 120px no-repeat; }
.scm-consulting .scm_cont3 .stepbox .tit { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:22px; color:#111; font-weight:600; letter-spacing:-0.02em; text-align:center }
.scm-consulting .scm_cont3 .stepbox .tit .icon { display:block; margin:0 auto; width:34px; margin-bottom:14px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li { position:absolute; text-align:center; }
.scm-consulting .scm_cont3 .stepbox  > ul > li dt { font-family:'Readex Pro', sans-serif; font-size:13px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; }
.scm-consulting .scm_cont3 .stepbox  > ul > li dt strong { position:absolute; color:#fff; font-size:17px; font-weight:500; letter-spacing:-0.02em; white-space:nowrap; }
.scm-consulting .scm_cont3 .stepbox  > ul > li dd { padding-top:15px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li dd li { margin-top:3px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li dd li:first-child { margin-top:0; }
.scm-consulting .scm_cont3 .stepbox  > ul > li dd li span { position:relative; display:inline-block;  padding-left:8px; font-size:17px; color:#666; font-weight:300; letter-spacing:-0.02em; line-height:150%; }
.scm-consulting .scm_cont3 .stepbox  > ul > li dd li span:before { content:""; display:block; position:absolute; left:0; top:12px; background-color:#00aeef; width:2px; height:2px; border-radius:5px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(1) { top:0; left:50%; transform:translateX(-50%); }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(2) { top:260px; right:0; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(3) { top:600px; right:100px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(4) { top:600px; left:156px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(5) { top:260px; left:20px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(1) dt strong { top:180px; left:50%; transform:translateX(-50%); }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(2) dt strong { top:54px; right:240px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(3) dt strong { top:-78px; right:210px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(4) dt strong { top:-78px; left:160px; }
.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(5) dt strong { top:54px; left:220px; }
.scm-consulting .dataTable { margin-top:80px; }
.scm-consulting .dataTable table,
.scm-consulting .dataTable th,
.scm-consulting .dataTable td { border:none; }
.scm-consulting .dataTable table { width:100%; border-top:2px solid #140c44; border-bottom:1px solid #dcdcdc; }
.scm-consulting .dataTable thead th { height:78px; text-align:center; border-left:1px solid #dcdcdc; font-size:19px; color:#111; font-weight:600; letter-spacing:-0.02em; }
.scm-consulting .dataTable thead th:first-child { border-left:none; }
.scm-consulting .dataTable tbody th { text-align:center; border-top:1px solid #dcdcdc; font-size:19px; color:#111; font-weight:600; letter-spacing:-0.02em; line-height:105%; }
.scm-consulting .dataTable tbody td { padding:25px 10px 25px 20px; vertical-align:top; text-align:left; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; color:rgba(17,17,17,0.8); font-weight:300; letter-spacing:-0.02em; }
.scm-consulting .dataTable tbody td .list li { position:relative; margin-top:14px; padding-left:7px; font-size:17px; color:rgba(17,17,17,0.8); font-weight:300; letter-spacing:-0.02em; line-height:130%; }
.scm-consulting .dataTable tbody td .list li:first-child { margin-top:0; }
.scm-consulting .dataTable tbody td .list li:before { content:""; display:block; position:absolute; left:0; top:9px; background-color:rgba(17,17,17,0.8); width:2px; height:2px; border-radius:5px; }
.scm-consulting .dataTable col.col1 { }
@media screen and (max-width:1280px){
	.scm-consulting .scm_cont2 .listbox li dd br { display:none; }
}
@media screen and (max-width:1024px){
	.scm-consulting .titbox h4 { font-size:24px; }
	.scm-consulting .scm_cont1 .toptxt { font-size:15px; }
	.scm-consulting .scm_cont2 .listbox li dl { padding:20px 10px 0 10px; }
	.scm-consulting .scm_cont2 .listbox li dt { font-size:18px; }
	.scm-consulting .scm_cont2 .listbox li dd { padding-top:10px; font-size:14px; }
	.scm-consulting .scm_cont3 .stepbox { max-width:820px; }
	.scm-consulting .scm_cont3 .stepbox .tit { font-size:20px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li dd { padding-top:12px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li dd li span { font-size:15px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li dd li span:before { left:0; top:10px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(2) { right:0; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(3) { right:60px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(4) { left:106px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(5) { left:0; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(2) dt strong { right:190px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(3) dt strong { right:200px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(4) dt strong { left:140px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(5) dt strong { left:188px; }
	.scm-consulting .dataTable thead th { height:60px; font-size:17px; }
	.scm-consulting .dataTable tbody th { font-size:17px; }
	.scm-consulting .dataTable tbody td { padding:20px 5px 25px 10px; }
	.scm-consulting .dataTable tbody td .list li { margin-top:10px; font-size:15px; }
}
@media screen and (max-width:960px){
	.scm-consulting .dataTable { overflow-x:auto; }
	.scm-consulting .dataTable table { width:1400px; }
}

@media screen and (max-width:860px){
	.scm-consulting .scm_cont2 .listbox ul { margin:0 0 0 -15px; }
	.scm-consulting .scm_cont2 .listbox li { width:calc(50% - 15px); margin:0 0 0 15px; }
	.scm-consulting .scm_cont2 .listbox li dl { min-height:160px; }
	.scm-consulting .scm_cont3 .stepbox { background:none; padding:0; height:auto; }
	.scm-consulting .scm_cont3 .stepbox .tit { position:relative; top:0; left:0; transform:translate(0); text-align:center; padding:12px 20px; margin:0 auto; background-color:#00aeef; border-radius:10px; color:#fff; font-size:16px; }
	.scm-consulting .scm_cont3 .stepbox .tit .icon { display:none; }
	.scm-consulting .scm_cont3 .stepbox  > ul { text-align:center; padding-top:10px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li { background-color:#fff; border-radius:10px; display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-right:3px; margin-top:10px; position:relative; top:0 !important; left:0 !important; right:unset !important; transform:translate(0) !important; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li:nth-child(2n) { margin-left:3px; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li .sbox {  display:flex; align-items:center; justify-content:center; width:100%; height:170px;  }
	.scm-consulting .scm_cont3 .stepbox  > ul > li dt strong { margin-top:10px; display:block; position:relative; color:#111; top:0 !important; left:0 !important; right:unset !important; transform:translate(0) !important; }
}
@media screen and (max-width:640px){
	.scm-consulting .scm_cont1 .toptxt br { display:none; }
	.scm-consulting .scm_cont2 .listbox ul { margin:0; }
	.scm-consulting .scm_cont2 .listbox li { width:100%; margin:30px 0 0 0; }
	.scm-consulting .scm_cont2 .listbox li:first-child { margin:0; }
	.scm-consulting .scm_cont2 .listbox li dl { min-height:auto; }
	.scm-consulting .scm_cont2 .listbox li .imgbox:after { padding-bottom:45.0%; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li { width:100%; margin:10px 0 0 0 !important; }
	.scm-consulting .scm_cont3 .stepbox  > ul > li .sbox { padding:20px 0; height:auto; display:block; }
	.scm-consulting .dataTable tbody td { padding:15px 5px 20px 10px; }
	.scm-consulting .dataTable tbody td .list li { margin-top:8px; }
}


/* animation */
.scm-consulting .titbox { overflow:hidden; }
.scm-consulting .titbox h4,
.scm-consulting .scm_cont1 .toptxt,
.scm-consulting .scm_cont1 .box,
.scm-consulting .scm_cont2 .listbox li .imgbox,
.scm-consulting .scm_cont2 .listbox li dl,
.scm-consulting .scm_cont3 .stepbox .tit,
.scm-consulting .scm_cont3 .stepbox  > ul > li,
.scm-consulting .scm_cont3 { opacity:0; }
.scm-consulting .subOn .titbox h4 { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.scm-consulting .scm_cont1.subOn .toptxt { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
.scm-consulting .scm_cont1.subOn .box { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(1) .imgbox { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(1) dl { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(2) .imgbox { animation:bgs4 0.5s 0.7s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(2) dl { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(3) .imgbox { animation:bgs4 0.5s 0.9s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(3) dl { animation:ani_3 0.8s 1.1s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(4) .imgbox { animation:bgs4 0.5s 1.1s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(4) dl { animation:ani_3 0.8s 1.3s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(5) .imgbox { animation:bgs4 0.5s 1.3s; animation-fill-mode:both; }
.scm-consulting .scm_cont2.subOn .listbox li:nth-child(5) dl { animation:ani_3 0.8s 1.5s; animation-fill-mode:both; }
.scm-consulting .scm_cont3.subOn { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(1) { animation:ani_5 0.8s 0.8s; animation-fill-mode:both; }
.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(2) { animation:ani_2 0.8s 1.0s; animation-fill-mode:both; }
.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(3) { animation:ani_2 0.8s 1.2s; animation-fill-mode:both; }
.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(4) { animation:ani_1 0.8s 1.4s; animation-fill-mode:both; }
.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(5) { animation:ani_1 0.8s 1.6s; animation-fill-mode:both; }
.scm-consulting .scm_cont3.subOn .stepbox .tit { animation:ani_5 0.8s 2.0s; animation-fill-mode:both; }
.scm-consulting .dataTable { opacity:0; }
.scm-consulting .dataTable.subOn { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.scm-consulting .scm_cont3.subOn .stepbox .tit { animation:ani_5 0.8s 0.6s; animation-fill-mode:both; }
	.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(1) { animation:ani_4 0.5s 0.8s; animation-fill-mode:both; }
	.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(2) { animation:ani_4 0.5s 1.0s; animation-fill-mode:both; }
	.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(3) { animation:ani_4 0.5s 1.2s; animation-fill-mode:both; }
	.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(4) { animation:ani_4 0.5s 1.4s; animation-fill-mode:both; }
	.scm-consulting .scm_cont3.subOn .stepbox  > ul > li:nth-child(5) { animation:ani_4 0.5s 1.6s; animation-fill-mode:both; }
}
/* scm-practices */
.scm-practices .titbox { text-align:center; }
.scm-practices .titbox h4 { font-family:'Readex Pro', 'Pretendard', sans-serif; font-size:35px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.scm-practices .titbox .txt_1 { padding-top:32px; text-align:center; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
.scm-practices .toptxt { text-align:center; margin-top:45px; padding-top:65px; background:url(/img/sub/icon_summary1.png) center top no-repeat; }
.scm-practices .toptxt dt { font-size:35px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.scm-practices .toptxt dd { padding-top:25px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:160%; }

.scm-practices .consolidation_box { padding:55px 0; }
.scm-practices .consolidation_box.cont1 { margin-top:50px; background-color:#f8f8f8; }
.scm-practices .consolidation_box.cont3 { background-color:#f8f8f8; }
.scm-practices .consolidation_box .buyer_box { margin-top:45px; }
.scm-practices .consolidation_box .buyer_box > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-practices .consolidation_box .buyer_box > ul { margin:0 0 0 -6px; }
.scm-practices .consolidation_box .buyer_box > ul > li { position:relative; float:left; margin:0 0 0 6px; }
.scm-practices .consolidation_box .buyer_box > ul > li:before {content:""; display:block; z-index:5; width:18px; height:18px; position:absolute; left:-12px; top:50%; margin-top:38px; transform:translateY(-50%); background:url(/img/sub/icon_arr_l_on.png) center center; }
.scm-practices .consolidation_box .buyer_box > ul > li:first-child:before { display:none; }
.scm-practices .consolidation_box .buyer_box > ul > li dl { width:100%; }
.scm-practices .consolidation_box .buyer_box > ul > li dl:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-practices .consolidation_box .buyer_box > ul > li dt { width:100%; height:58px; display:flex; align-items:center; justify-content:center; border-radius:10px; }
.scm-practices .consolidation_box .buyer_box > ul > li dt span { font-size:18px; color:#fff; font-weight:600; letter-spacing:-0.04em;}
.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(1) { width:calc(49% - 6px); }
.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(2) { width:calc(27% - 6px); }
.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(3) { width:calc(24% - 6px); }
.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(1) dt { background-color:#00aeef; }
.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(2) dt { background-color:#aaa; }
.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(3) dt { background-color:#140c44; }
.scm-practices .consolidation_box .buyer_box > ul > li dd { padding-top:45px; float:left; width:100%; }
.scm-practices .consolidation_box .buyer_box > ul > li dd.s1 { width:61%; }
.scm-practices .consolidation_box .buyer_box > ul > li dd.s2 { position:relative; width:calc(39% - 6px); margin-left:6px; z-index:2; }
.scm-practices .consolidation_box .buyer_box > ul > li dd.s2:before {content:""; display:block; z-index:5; width:18px; height:18px; position:absolute; left:-12px; top:50%; margin-top:10px; transform:translateY(-50%); background:url(/img/sub/icon_arr_l_on.png) center center; }
.scm-practices .consolidation_box .buyer_box > ul > li dd .box { position:relative; width:100%; height:263px; background-color:#fff; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:10px; }
.scm-practices .consolidation_box .buyer_box > ul > li dd .box > p { position:absolute; top:-15px; left:50%; transform:translateX(-50%); font-size:16px; color:#333; font-weight:400; letter-spacing:-0.04em; white-space:nowrap; padding:0 13px; height:31px; background-color:#d6d6d6; display:flex; align-items:center; justify-content:center; border-radius:30px; }
.scm-practices .consolidation_box .buyer_box > ul > li dd .txtbox { padding-top:15px; text-align:center; padding:15px 10px 0; }
.scm-practices .consolidation_box .buyer_box > ul > li dd .txtbox strong { display:inline-block; font-size:18px; color:#111; font-weight:600; letter-spacing:-0.04em; }
.scm-practices .consolidation_box .buyer_box > ul > li dd.s1 .txtbox strong:nth-child(1),
.scm-practices .consolidation_box .buyer_box > ul > li dd.s3 .txtbox strong:nth-child(1) { width:65%; }
.scm-practices .consolidation_box .buyer_box > ul > li dd.s1 .txtbox strong:nth-child(2),
.scm-practices .consolidation_box .buyer_box > ul > li dd.s3 .txtbox strong:nth-child(2) { width:calc(35% - 4px); }
.scm-practices .consolidation_box .buyer_box > ul > li dd .imgbox { padding:0 30px; }
.scm-practices .consolidation_box .buyer_box > ul > li dd .imgbox img { max-width:100%; }

.scm-practices .consolidation_box .seller_box { margin-top:45px; }
.scm-practices .consolidation_box .seller_box > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-practices .consolidation_box .seller_box > ul { margin:0 0 0 -6px; }
.scm-practices .consolidation_box .seller_box > ul > li { position:relative; float:left; margin:0 0 0 6px; }
.scm-practices .consolidation_box .seller_box > ul > li:before {content:""; display:block; z-index:5; width:18px; height:18px; position:absolute; left:-12px; top:50%; margin-top:18px; transform:translateY(-50%); background:url(/img/sub/icon_arr_l_on.png) center center; }
.scm-practices .consolidation_box .seller_box > ul > li:first-child:before { display:none; }
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(2):before {content:""; display:block; z-index:5; width:9px; height:10px; position:absolute; left:-10px; top:50%; margin-top:20px; transform:translateY(-50%); background:url(/img/sub/icon_arr_l.png) center center no-repeat; }
.scm-practices .consolidation_box .seller_box > ul > li dl { width:100%; }
.scm-practices .consolidation_box .seller_box > ul > li dt { width:100%; height:58px; display:flex; align-items:center; justify-content:center; border-radius:10px; }
.scm-practices .consolidation_box .seller_box > ul > li dt span { font-size:18px; color:#fff; font-weight:600; letter-spacing:-0.04em;}
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(1) { width:calc(30% - 6px); }
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(2) { width:calc(33% - 6px); }
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(3) { width:calc(37% - 6px); }
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(1) dt { background-color:#00aeef; }
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(2) dt { background-color:#aaa; }
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(3) dt { background-color:#140c44; }
.scm-practices .consolidation_box .seller_box > ul > li dd { padding-top:20px; float:left; width:100%; }
.scm-practices .consolidation_box .seller_box > ul > li dd .box { position:relative; width:100%; height:263px; background-color:#f3f7f8; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:10px; }
.scm-practices .consolidation_box .seller_box > ul > li dd.s1 .box { border-radius:10px 0 0 10px; }
.scm-practices .consolidation_box .seller_box > ul > li dd.s2 .box { margin-left:-6px; width:calc(100% + 6px); background-color:#f3f7f8; border-radius:0 10px 10px 0; }
.scm-practices .consolidation_box .seller_box > ul > li dd.s3 .box { background-color:#f8f8f8; }
.scm-practices .consolidation_box .seller_box > ul > li dd .txtbox { text-align:left; padding:15px 10px 0; }
.scm-practices .consolidation_box .seller_box > ul > li dd .txtbox strong { display:inline-block; font-size:18px; color:#111; font-weight:600; letter-spacing:-0.04em; }
.scm-practices .consolidation_box .seller_box > ul > li dd.s1 .txtbox { padding-left:50px; }
.scm-practices .consolidation_box .seller_box > ul > li dd.s2 .txtbox { text-align:center; }
.scm-practices .consolidation_box .seller_box > ul > li dd.s3 .txtbox { padding-left:120px; }
.scm-practices .consolidation_box .seller_box > ul > li dd .imgbox { padding:0 30px; }
.scm-practices .consolidation_box .seller_box > ul > li dd .imgbox img { max-width:100%; }

.scm-practices .consolidation_box .mcc_box { margin-top:45px; }
.scm-practices .consolidation_box .mcc_box > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-practices .consolidation_box .mcc_box > ul { margin:0 0 0 -6px; }
.scm-practices .consolidation_box .mcc_box > ul > li { position:relative; float:left; margin:0 0 0 6px; }
.scm-practices .consolidation_box .mcc_box > ul > li dl { width:100%; }
.scm-practices .consolidation_box .mcc_box > ul > li dt { width:100%; height:58px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:10px; }
.scm-practices .consolidation_box .mcc_box > ul > li dt span { font-size:18px; color:#fff; font-weight:600; letter-spacing:-0.04em;}
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(1) { width:calc(22% - 6px); }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(2) { width:calc(12% - 6px); }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3) { width:calc(26% - 6px); }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(4) { width:calc(16% - 6px); }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(5) { width:calc(24% - 6px); }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(1) dt { background-color:#00aeef; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(2) dt { background-color:#aaa; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3) dt { background-color:#00aeef; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(4) dt { background-color:#175fa8; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(5) dt { background-color:#140c44; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3):before {content:""; display:block; z-index:5; width:63px; height:233px; position:absolute; left:-18px; top:50%; margin-top:50px; transform:translateY(calc(-50% - 0.5px)); background:url(/img/sub/icon_mcc_arr_l.png) center center; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3):after {content:""; display:block; z-index:5; width:53px; height:171px; position:absolute; right:-15px; top:50%; margin-top:50px; transform:translateY(calc(-50% - 0.5px)); background:url(/img/sub/icon_mcc_arr_m.png) center center; }
.scm-practices .consolidation_box .mcc_box > ul > li dd { padding-top:13px; float:left; width:100%; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s3 { display:flex; align-items:center; justify-content:center; height:340px;}
.scm-practices .consolidation_box .mcc_box > ul > li dd .box { margin-top:5px; position:relative; width:100%; height:110px; background-color:#fff; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:10px; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s1 .box,
.scm-practices .consolidation_box .mcc_box > ul > li dd.s4 .box { border-radius:10px 0 0 10px; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s2 .box,
.scm-practices .consolidation_box .mcc_box > ul > li dd.s5 .box { margin-left:-6px; width:calc(100% + 6px); background-color:#fff; border-radius:0 10px 10px 0; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s4 .box,
.scm-practices .consolidation_box .mcc_box > ul > li dd.s5 .box { height:168px; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s3 .box { margin-top:18px; position:relative; width:100%; height:auto; background:none; border:9px solid #c2e8f6; border-radius:350px; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s3 .box:after {content:""; display:block; padding-bottom:100%; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s3 .box .imgbox { position:absolute; top:0; left:0; height:100%; width:100%; margin:0 auto; background-color:#fff; border:8px solid #9bdcf5; border-radius:350px; display:flex; align-items:center; justify-content:center; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s2 .box:before,
.scm-practices .consolidation_box .mcc_box > ul > li dd.s5 .box:before {content:""; display:block; z-index:5; width:9px; height:10px; position:absolute; left:-1px; top:50%; margin-top:2px; transform:translateY(-50%); background:url(/img/sub/icon_arr_l.png) center center no-repeat; }
.scm-practices .consolidation_box .mcc_box > ul > li dd .txtbox { padding-top:15px; text-align:center; padding:15px 10px 0; }
.scm-practices .consolidation_box .mcc_box > ul > li dd .txtbox strong { display:inline-block; font-size:18px; color:#111; font-weight:600; letter-spacing:-0.04em; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s1 .txtbox strong:nth-child(1){ width:75%; }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s1 .txtbox strong:nth-child(2) { width:calc(25% - 4px); }
.scm-practices .consolidation_box .mcc_box > ul > li dd.s3 .txtbox { position:absolute; bottom:-50px; left:0; margin-top:0; width:100%; }
.scm-practices .consolidation_box .mcc_box > ul > li dd .imgbox { padding:0 20px; }
.scm-practices .consolidation_box .mcc_box > ul > li dd .imgbox img { max-width:100%; }
@media screen and (max-width:1024px){
	.scm-practices .consolidation_box .buyer_box { margin-top:40px; }
	.scm-practices .consolidation_box .buyer_box > ul { margin:-50px 0 0 0; }
	.scm-practices .consolidation_box .buyer_box > ul > li { margin:50px 0 0 0; padding:0 0 0 50px; }
	.scm-practices .consolidation_box .buyer_box > ul > li:before { left:calc(50% + 15px); top:-40px; margin-top:0; transform:rotate(90deg) translate(calc(-50% + 15px), 0); }
	.scm-practices .consolidation_box .buyer_box > ul > li dt { position:absolute; left:0; top:0; width:40px; text-align:center; height:calc(100% - 31px); }
	.scm-practices .consolidation_box .buyer_box > ul > li dt span { font-size:16px; display:block; width:15px;}
	.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(1),
	.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(2),
	.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(3) { width:100%; }
	.scm-practices .consolidation_box .buyer_box > ul > li dd { padding-top:0; width:100%; }
	.scm-practices .consolidation_box .buyer_box > ul > li dd.s2:before { margin-top:-14px; }
	.scm-practices .consolidation_box .buyer_box > ul > li dd .box { height:210px; }
	.scm-practices .consolidation_box .buyer_box > ul > li dd .box > p { top:-14px; font-size:14px; height:28px; padding:0 13px; }
	.scm-practices .consolidation_box .buyer_box > ul > li dd .txtbox { text-align:center; padding:15px 10px 0; }
	.scm-practices .consolidation_box .buyer_box > ul > li dd .txtbox strong { font-size:16px; }
	.scm-practices .consolidation_box .buyer_box > ul > li dd .imgbox { padding:0 20px; }
	.scm-practices .consolidation_box .buyer_box > ul > li dd.s3 .txtbox { max-width:300px; margin:0 auto; }
	
	.scm-practices .consolidation_box .seller_box { margin-top:40px; }
	.scm-practices .consolidation_box .seller_box > ul { margin:-50px 0 0 0; }
	.scm-practices .consolidation_box .seller_box > ul > li { margin:50px 0 0 0; padding:0 0 0 50px; }
	.scm-practices .consolidation_box .seller_box > ul > li:before { left:calc(50% + 15px); top:-40px; margin-top:0; transform:rotate(90deg) translate(calc(-50% + 15px), 0); }
	.scm-practices .consolidation_box .seller_box > ul > li:nth-child(2):before { left:calc(50% + 15px); top:-40px; margin-top:0; transform:rotate(90deg) translate(calc(-50% + 15px), 0); width:18px; height:18px; background:url(/img/sub/icon_arr_l_on.png) center center no-repeat; }
	.scm-practices .consolidation_box .seller_box > ul > li dl { width:100%; }
	.scm-practices .consolidation_box .seller_box > ul > li dt { position:absolute; left:0; top:0; width:40px; text-align:center; height:calc(100% - 31px); }
	.scm-practices .consolidation_box .seller_box > ul > li dt span { font-size:16px; display:block; width:15px;}
	.scm-practices .consolidation_box .seller_box > ul > li:nth-child(1),
	.scm-practices .consolidation_box .seller_box > ul > li:nth-child(2),
	.scm-practices .consolidation_box .seller_box > ul > li:nth-child(3) { width:100%; }
	.scm-practices .consolidation_box .seller_box > ul > li dd { padding-top:0; width:100%; }
	.scm-practices .consolidation_box .seller_box > ul > li dd .box { height:180px; }
	.scm-practices .consolidation_box .seller_box > ul > li dd.s1 .box { border-radius:10px; }
	.scm-practices .consolidation_box .seller_box > ul > li dd.s2 .box { margin-left:0; width:100%; border-radius:10px; }
	.scm-practices .consolidation_box .seller_box > ul > li dd.s3 .box { height:220px; }
	.scm-practices .consolidation_box .seller_box > ul > li dd .txtbox { text-align:center; padding:15px 10px 0 !important; margin:0 auto; max-width:260px; }
	.scm-practices .consolidation_box .seller_box > ul > li dd .txtbox strong { font-size:16px; }
	.scm-practices .consolidation_box .seller_box > ul > li dd .imgbox { padding:0 20px; }

	.scm-practices .consolidation_box .mcc_box { margin-top:40px; }
	.scm-practices .consolidation_box .mcc_box > ul { margin:0 0 0 -6px; }
	.scm-practices .consolidation_box .mcc_box > ul > li { margin:0 0 0 6px; }
	.scm-practices .consolidation_box .mcc_box > ul > li dt { height:40px; }
	.scm-practices .consolidation_box .mcc_box > ul > li dt span { font-size:16px; }
	.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(1) { width:calc(60% - 6px); }
	.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(2) { width:calc(40% - 6px); }
	.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3) { width:calc(100% - 6px); }
	.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(4) { width:calc(45% - 6px); }
	.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(5) { width:calc(55% - 6px); }
	.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3):before { left:50%; top:-35px; margin:0 0 0 -8px; transform:rotate(90deg) translate(-50%, 0); width:18px; height:18px; background:url(/img/sub/icon_arr_l_on.png) center center no-repeat; }
	.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3):after { left:50%; right:unset; top:unset; bottom:-55px; margin:0 0 0 -8px; transform:rotate(90deg) translate(-50%, 0); width:18px; height:18px; background:url(/img/sub/icon_arr_l_on.png) center center no-repeat; }
	.scm-practices .consolidation_box .mcc_box > ul > li dd.s3 { height:auto; display:block; }
	.scm-practices .consolidation_box .mcc_box > ul > li dd.s3 .box { margin:0 auto; max-width:300px; border:5px solid #c2e8f6;}
	.scm-practices .consolidation_box .mcc_box > ul > li dd.s3 .box .imgbox { border:4px solid #9bdcf5; }
	.scm-practices .consolidation_box .mcc_box > ul > li dd .txtbox { text-align:center; padding:15px 10px 0; }
	.scm-practices .consolidation_box .mcc_box > ul > li dd .txtbox strong { font-size:16px; }
	.scm-practices .consolidation_box .mcc_box > ul > li dd.s3 .txtbox { position:relative; bottom:unset; left:unset; margin-top:0; width:100%; }
	.scm-practices .consolidation_box .mcc_box > ul > li dd .imgbox { padding:0 20px; }
	.scm-practices .consolidation_box .mcc_box > ul > li dd .imgbox img { max-width:100%; }
	.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3) { margin:70px 0 80px 6px; }
}




/* animation */
.scm-practices .consolidation_box .buyer_box > ul > li dt,
.scm-practices .consolidation_box .buyer_box > ul > li .box,
.scm-practices .consolidation_box .buyer_box > ul > li:before { opacity:0; }
.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(1).subOn dt { animation:ani_5 0.8s 0.6s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(2).subOn dt { animation:ani_5 0.8s 0.9s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li:nth-child(3).subOn dt { animation:ani_5 0.8s 1.2s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn dd.s1 .box { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn dd.s2 .box { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn dd.s3 .box { animation:ani_1 0.8s 1.3s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn dd.s4 .box { animation:ani_1 0.8s 1.6s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn dd.s1 .txtbox { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn dd.s2 .txtbox { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn dd.s3 .txtbox { animation:ani_1 0.8s 1.3s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn dd.s4 .txtbox { animation:ani_1 0.8s 1.6s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn dd.s2:before { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn:nth-child(2):before { animation:ani_5 0.8s 1.3s; animation-fill-mode:both; }
.scm-practices .consolidation_box .buyer_box > ul > li.subOn:nth-child(3):before { animation:ani_5 0.8s 1.6s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li dt,
.scm-practices .consolidation_box .seller_box > ul > li .box,
.scm-practices .consolidation_box .seller_box > ul > li:before { opacity:0; }
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(1).subOn dt { animation:ani_5 0.8s 0.6s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(2).subOn dt { animation:ani_5 0.8s 0.9s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li:nth-child(3).subOn dt { animation:ani_5 0.8s 1.2s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li.subOn dd.s1 .box { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li.subOn dd.s2 .box { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li.subOn dd.s3 .box { animation:ani_1 0.8s 1.3s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li.subOn dd.s1 .txtbox { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li.subOn dd.s2 .txtbox { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li.subOn dd.s3 .txtbox { animation:ani_1 0.8s 1.3s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li.subOn:nth-child(2):before { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
.scm-practices .consolidation_box .seller_box > ul > li.subOn:nth-child(3):before { animation:ani_5 0.8s 1.3s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li dt,
.scm-practices .consolidation_box .mcc_box > ul > li .box { opacity:0; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(1).subOn dt { animation:ani_5 0.8s 0.6s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(2).subOn dt { animation:ani_5 0.8s 0.9s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3).subOn dt { animation:ani_5 0.8s 1.2s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(4).subOn dt { animation:ani_5 0.8s 1.5s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(5).subOn dt { animation:ani_5 0.8s 1.8s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s1 .box { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s2 .box { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s3 .box { animation:ani_5 0.8s 1.3s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s4 .box { animation:ani_1 0.8s 1.6s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s5 .box { animation:ani_1 0.8s 1.9s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s1 .txtbox { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s2 .txtbox { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s3 .txtbox { animation:ani_5 0.8s 1.3s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s4 .txtbox { animation:ani_1 0.8s 1.6s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li.subOn dd.s5 .txtbox { animation:ani_1 0.8s 1.9s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3).subOn:before { animation:ani_5 0.8s 1.1s; animation-fill-mode:both; }
.scm-practices .consolidation_box .mcc_box > ul > li:nth-child(3).subOn:after { animation:ani_5 0.8s 1.6s; animation-fill-mode:both; }

.scm-practices .poM_cont1 { margin-top:50px; padding:55px 0; background-color:#f8f8f8; }
.scm-practices .poM_cont1 .servicebox { position:relative; margin:45px auto 0 auto; max-width:902px; height:650px; background:url(/img/sub/bg_poM1.png) center 205px no-repeat; }
.scm-practices .poM_cont1 .servicebox .tit { position:absolute; top:434px; left:0; width:100%; text-align:center; font-family:'Readex Pro', 'Pretendard', sans-serif; font-size:14px; color:rgba(255,255,255,0.7); font-weight:300; letter-spacing:-0.02em;}
.scm-practices .poM_cont1 .servicebox .tit strong { display:block; margin-bottom:15px; font-size:23px; color:rgba(255,255,255,1); font-weight:600; letter-spacing:-0.02em; }
.scm-practices .poM_cont1 .servicebox li { position:absolute; text-align:center; }
.scm-practices .poM_cont1 .servicebox li .circle { width:197px; height:197px; display:flex; align-items:center; justify-content:center; border:12px solid #dff0f7; background-color:#00aeef; border-radius:200px; }
.scm-practices .poM_cont1 .servicebox li .circle .icon { display:block; margin:0 auto; width:55px; }
.scm-practices .poM_cont1 .servicebox li .circle strong { display:block; margin-top:3px; font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.04em; line-height:140%; }
.scm-practices .poM_cont1 .servicebox li:nth-child(1) { left:50%; top:0; margin-left:-98px; }
.scm-practices .poM_cont1 .servicebox li:nth-child(2) { right:78px; top:132px; }
.scm-practices .poM_cont1 .servicebox li:nth-child(3) { right:0; bottom:45px; }
.scm-practices .poM_cont1 .servicebox li:nth-child(4) { left:0; bottom:45px; }
.scm-practices .poM_cont1 .servicebox li:nth-child(5) { left:78px; top:132px; }
.scm-practices .poM_cont1 .listbox { margin-top:75px; }
.scm-practices .poM_cont1 .listbox > ul { border-top:2px solid #140c44; }
.scm-practices .poM_cont1 .listbox > ul > li { border-bottom:1px solid #dadada; }
.scm-practices .poM_cont1 .listbox > ul > li .subjectBox { position:relative; padding:20px 60px 20px 140px; cursor:pointer; color:#999; font-size:14px; font-weight:500; letter-spacing:-0.02em; font-family:'Readex Pro', 'Pretendard', sans-serif; transition:all 0.3s ease-in-out; }
.scm-practices .poM_cont1 .listbox > ul > li .subjectBox strong { display:inline-block; vertical-align:middle; margin:0 20px 0 0; color:#666; font-size:19px; font-weight:500; letter-spacing:-0.02em; line-height:130%; transition:all 0.3s ease-in-out; }
.scm-practices .poM_cont1 .listbox > ul > li .subjectBox .icon { width:45px; position:absolute; left:40px; top:50%; transform:translateY(-50%); }
.scm-practices .poM_cont1 .listbox > ul > li .subjectBox .icon .cls-1 { fill:#a4a4a4; transition:all 0.3s ease-in-out; }
.scm-practices .poM_cont1 .listbox > ul > li.on .subjectBox .icon .cls-1 { fill:#00aeef; }
.scm-practices .poM_cont1 .listbox > ul > li.on .subjectBox strong { color:#111; font-weight:600; }
.scm-practices .poM_cont1 .listbox > ul > li .subjectBox:after {content:""; display:block; position:absolute; right:50px; top:50%; width:14px; height:8px; margin-top:-7px; background:url(/img/sub/icon_arr_down1.png) center center no-repeat; transition:all 0.3s ease-in-out; }
.scm-practices .poM_cont1 .listbox > ul > li.on .subjectBox:after { background:url(/img/sub/icon_arr_up1.png) center center no-repeat; transform:rotate(180deg);}
.scm-practices .poM_cont1 .listbox > ul > li .contentBox { position:relative; padding:20px 100px 40px 138px; border-top:1px solid #dadada; }
.scm-practices .poM_cont1 .listbox > ul > li .contentBox li { margin-top:15px; padding-left:7px; position:relative; font-size:16px; color:#666; font-weight:300; letter-spacing:-0.04em; line-height:140%; }
.scm-practices .poM_cont1 .listbox > ul > li .contentBox li:before { content:""; display:block; position:absolute; left:0; top:10px; background-color:#00aeef; width:2px; height:2px; border-radius:5px; }
.scm-practices .poM_cont1 .listbox > ul > li .contentBox li:first-child { margin-top:0; }

.scm-practices .essis_cont1 { margin-top:50px; padding:55px 0; background-color:#f8f8f8; }
.scm-practices .essis_cont1 .listbox { padding-top:25px; }
.scm-practices .essis_cont1 .listbox .box { margin-top:25px; }
.scm-practices .essis_cont1 .listbox .box > dl > dt { display:inline-block; vertical-align:top; }
.scm-practices .essis_cont1 .listbox .box > dl > dt span { font-size:18px; color:#140c44; font-weight:600; letter-spacing:-0.03em; width:189px; height:189px; display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:200px; }
.scm-practices .essis_cont1 .listbox .box:nth-child(2) > dl > dt span { color:#fff; background-color:#140c44; }
.scm-practices .essis_cont1 .listbox .box > dl > dd { width:calc(100% - 193px); display:inline-block; vertical-align:top; padding-left:40px; }
.scm-practices .essis_cont1 .listbox .box .esiss_list1 { position:relative; margin-top:72px; }
.scm-practices .essis_cont1 .listbox .box .esiss_list1:before { content:""; display:block; position:absolute; left:0; top:0; background-color:#dcdcdc; width:100%; height:1px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list1:after { content:""; display:block; position:absolute; left:50%; top:0; background-color:#00aeef; width:calc(50% - 13%); height:1px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list1 ul { position:relative; z-index:2; padding:0 3%;  }
.scm-practices .essis_cont1 .listbox .box .esiss_list1 ul:after { content:""; display:block; position:absolute; right:0; top:-3px; background-color:#dcdcdc; width:6px; height:6px; border-radius:10px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list1 ul:before { content:""; display:block; position:absolute; left:0; top:-3px; background-color:#dcdcdc; width:6px; height:6px; border-radius:10px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li { position:relative; text-align:center; display:inline-block; vertical-align:top; width:calc(20% - 4px); padding-top:25px; font-size:16px; color:#666; font-weight:300; letter-spacing:-0.03em; }
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li .txt_b { position:absolute; left:50%; top:150px; transform:translateX(-50%); font-size:16px; color:#00aeef; font-weight:500; letter-spacing:-0.03em; }
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li .txt_b:before { content:""; display:block; position:absolute; left:50%; transform:translateX(-50%);top:-75px; border-left:1px dashed #2db7ea; width:1px; height:60px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:nth-child(3),
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:nth-child(4),
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:nth-child(5) { color:#00aeef; font-weight:500; }
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:before { content:""; display:block; position:absolute; left:50%; top:-6px; transform:translateX(-50%); background-color:#dbdbdb; width:12px; height:12px; border-radius:10px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:after { content:""; display:block; position:absolute; left:50%; top:-3px; transform:translateX(-50%); background-color:#9c9c9c; width:6px; height:6px; border-radius:10px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:nth-child(3):before,
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:nth-child(4):before,
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:nth-child(5):before { background-color:#7cd3f3; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:nth-child(3):after,
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:nth-child(4):after,
.scm-practices .essis_cont1 .listbox .box .esiss_list1 li:nth-child(5):after { background-color:#00aeef; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list2 { position:relative; margin-top:43px; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 .box { position:relative; margin-right:-2px; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 .box .sbox { height:33px; background-color:#70d1f4; display:inline-block; vertical-align:top; width:20%; margin:0 -2px;  }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 .box .sbox:nth-child(1) { border-radius:10px 0 0 10px; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 .box .sbox:nth-child(2) { background-color:#56c8f1; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 .box .sbox:nth-child(3) { background-color:#48c3f0; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 .box .sbox:nth-child(4) { background-color:#2db7ea; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 .box .sbox:nth-child(5) { background-color:#00aeef; border-radius:0 10px 10px 0; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 ul { position:relative; padding:5px 0 30px 0; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 ul:before { content:""; display:block; position:absolute; left:0; bottom:0; background-color:#b3b1c2; width:calc(100% - 10px); height:1px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list2 li { position:relative; display:inline-block; vertical-align:top; width:20%; margin:0 -2px; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 li:before { content:""; display:block; position:absolute; left:1px; bottom:-30px; background-color:#b3b1c2; width:1px; height:18px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list2 li:after { content:""; display:block; position:absolute; left:0; bottom:-12px; background-color:#70d1f4; width:4px; height:4px; border-radius:5px; } 
.scm-practices .essis_cont1 .listbox .box .esiss_list2 li .txt { margin-left:-14px; font-size:16px; color:#111; font-weight:300; letter-spacing:-0.04em; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 li:first-child .txt { margin-left:0; }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 li:nth-child(6) { position:absolute; right:calc(-20% + 14px); }
.scm-practices .essis_cont1 .listbox .box .esiss_list2 li:nth-child(6):after { background-color:#140c44; }
.scm-practices .essis_cont1 .listbox .box .list { margin-top:25px; }
.scm-practices .essis_cont1 .listbox .box .list p { width:116px; display:inline-block; vertical-align:top; }
.scm-practices .essis_cont1 .listbox .box .list .txtbox { width:calc(100% - 120px); display:inline-block; vertical-align:top; }
.scm-practices .essis_cont1 .listbox .box .list .txtbox .stxt { display:flex; justify-content:space-between; }
.scm-practices .essis_cont1 .listbox .box .list .txtbox li { position:relative; vertical-align:top; margin-top:20px; padding-left:23px; font-size:15px; color:#666; font-weight:300; letter-spacing:-0.04em; line-height:120%; }
.scm-practices .essis_cont1 .listbox .box .list .txtbox li:first-child { margin-top:0; }
.scm-practices .essis_cont1 .listbox .box .list .txtbox li > span { position:absolute; left:0; top:-2px; padding:6px 0 0 7px; width:18px; height:18px; overflow:hidden; border-radius:50px; }
.scm-practices .essis_cont1 .listbox .box .list .txtbox li > span:before {content:""; display:block; position:absolute; left:0; top:0; width:18px; height:18px; background-color:#00aeef; border-radius:50px; }
.scm-practices .essis_cont1 .listbox .box .list .txtbox li > span strong { position:relative; z-index:2; font-size:15px; font-weight:600; color:rgba(255,255,255,0.9); }
.scm-practices .essis_cont2 { padding:50px 0; background:url(/img/sub/bg_essis_cont2.jpg) center / cover;  }
.scm-practices .essis_cont2 h4 { color:#fff; }
.scm-practices .essis_cont2 .listbox { padding-top:45px; }
.scm-practices .essis_cont2 .listbox ul { margin:-10px 0 0 -10px; }
.scm-practices .essis_cont2 .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-practices .essis_cont2 .listbox li { width:calc(33.333% - 10px); margin:10px 0 0 10px; float:left; }
.scm-practices .essis_cont2 .listbox li .box { padding:30px 25px 0 30px; width:100%; height:180px; background-color:#fff; border-radius:10px; }
.scm-practices .essis_cont2 .listbox li .box dl { margin-top:14px; }
.scm-practices .essis_cont2 .listbox li .box dt { font-family:'Readex Pro', 'Pretendard', sans-serif; font-size:15px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; }
.scm-practices .essis_cont2 .listbox li .box dd { padding-top:18px; font-size:20px; color:#111; font-weight:700; letter-spacing:-0.02em; line-height:120%; }

.scm-practices .solution_cont1 { margin-top:55px; padding:50px 0; background-color:#f8f8f8; }
.scm-practices .solution_cont1 .listbox > ul >li { margin-top:60px; }
.scm-practices .solution_cont1 .listbox > ul > li:first-child { margin-top:0; }
.scm-practices .solution_cont1 .listbox > ul > li:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-practices .solution_cont1 .listbox > ul > li > div { float:left; width:50%; }
.scm-practices .solution_cont1 .listbox > ul > li .imgbox { position:relative;}
.scm-practices .solution_cont1 .listbox > ul > li .imgbox img { border-radius:5px; width:100%; }
.scm-practices .solution_cont1 .listbox > ul > li .txtbox { padding:15px 0 0 50px; }
.scm-practices .solution_cont1 .listbox > ul > li .txtbox dt { font-size:22px; color:#00aeef; font-weight:600; letter-spacing:-0.02em; }
.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd { padding-top:23px; }
.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd p { font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd ul { margin-top:25px; padding:18px 15px 26px 15px; background-color:#f0f0f0; border-radius:5px; }
.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd ul li { position:relative; margin-top:10px; padding-left:7px; font-size:16px; color:#555; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd ul li:first-child { margin-top:0; }
.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd ul li:before {content:""; display:block; position:absolute; left:0; top:9px; width:2px; height:2px; background-color:#20b7ef; border-radius:50px; }
.scm-practices .solution_cont1 .listbox > ul > li:nth-child(2n) .imgbox { float:right; }
.scm-practices .solution_cont1 .listbox > ul > li:nth-child(2n) .txtbox { padding:15px 50px 0 0; }

@media screen and (max-width:1280px){
	.scm-practices .essis_cont1 .listbox .box > dl > dt span { width:160px; height:160px; }
	.scm-practices .essis_cont1 .listbox .box > dl > dd { width:calc(100% - 164px); }
	.scm-practices .essis_cont1 .listbox .box .esiss_list1 li .txt_b { top:120px; }
	.scm-practices .essis_cont1 .listbox .box .esiss_list1 li .txt_b:before { top:-65px; height:50px; }
	.scm-practices .essis_cont2 .listbox { padding-top:30px; }
	.scm-practices .essis_cont2 .listbox li .box { padding:30px 25px 0 25px; width:100%; }
	.scm-practices .essis_cont2 .listbox li .box dl { margin-top:10px; }
	.scm-practices .essis_cont2 .listbox li .box dt { font-size:14px; }
	.scm-practices .essis_cont2 .listbox li .box dd { font-size:22px; }
	.scm-practices .essis_cont2 .listbox li .box dd br { display:none; }
	
	.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd p br { display:none; }
}
@media screen and (max-width:1024px){
	.scm-practices .titbox h4 { font-size:24px; }
	.scm-practices .titbox .txt_1 { font-size:15px; }
	.scm-practices .titbox .txt_1 br { display:none; }
	.scm-practices .toptxt { margin-top:35px; padding-top:50px; }
	.scm-practices .toptxt dt { font-size:24px; }
	.scm-practices .toptxt dd { padding-top:15px; font-size:15px; }
	.scm-practices .toptxt dd br { display:none; }
	
	.scm-practices .poM_cont1 .servicebox li .circle { width:165px; height:165px; border:7px solid #dff0f7; }
	.scm-practices .poM_cont1 .servicebox li .circle .icon { width:48px; }
	.scm-practices .poM_cont1 .servicebox li .circle strong { margin-top:1px; font-size:14px; }
	.scm-practices .poM_cont1 .listbox > ul > li .subjectBox { padding:20px 50px 20px 65px; }
	.scm-practices .poM_cont1 .listbox > ul > li .subjectBox strong { font-size:16px; display:block; margin:0 0 4px 0; }
	.scm-practices .poM_cont1 .listbox > ul > li .subjectBox .icon { width:38px; left:10px; }
	.scm-practices .poM_cont1 .listbox > ul > li .subjectBox:after { right:15px; }
	.scm-practices .poM_cont1 .listbox > ul > li .contentBox { padding:20px 50px 20px 65px; }
	.scm-practices .poM_cont1 .listbox > ul > li .contentBox li { margin-top:10px; padding-left:7px; font-size:15px; }
	
	.scm-practices .essis_cont1 .listbox .box > dl > dt span { width:140px; height:140px; }
	.scm-practices .essis_cont1 .listbox .box > dl > dd { width:calc(100% - 144px); padding-left:20px; }
	.scm-practices .essis_cont1 .listbox .box .esiss_list1 { margin-top:65px; }
	.scm-practices .essis_cont1 .listbox .box .esiss_list1 li { padding-top:20px; font-size:14px; }
	.scm-practices .essis_cont1 .listbox .box .esiss_list1 li .txt_b { top:100px; }
	.scm-practices .essis_cont1 .listbox .box .esiss_list1 li .txt_b:before { top:-45px; height:35px; }  
	.scm-practices .essis_cont1 .listbox .box .esiss_list2 { margin-top:35px; }
	.scm-practices .essis_cont1 .listbox .box .esiss_list2 .box .sbox { height:28px; }
	.scm-practices .essis_cont1 .listbox .box .esiss_list2 ul { padding:5px 0 30px 0; } 
	.scm-practices .essis_cont1 .listbox .box .esiss_list2 li .txt { font-size:14px; }
	.scm-practices .essis_cont1 .listbox .box .list { margin-top:20px; }
	.scm-practices .essis_cont1 .listbox .box .list p { width:80px; }
	.scm-practices .essis_cont1 .listbox .box .list .txtbox { width:calc(100% - 84px); }
	.scm-practices .essis_cont1 .listbox .box .list .txtbox li { margin-top:18px; padding-left:23px; font-size:13px; }
	.scm-practices .essis_cont2 .listbox { padding-top:30px; }
	.scm-practices .essis_cont2 .listbox li .box { padding:25px 15px 0 15px; }
	.scm-practices .essis_cont2 .listbox li .box dt { font-size:13px; }
	.scm-practices .essis_cont2 .listbox li .box dd { padding-top:10px; font-size:20px; }
	
	.scm-practices .solution_cont1 .listbox > ul > li { margin-top:40px; }
	.scm-practices .solution_cont1 .listbox > ul > li .txtbox { padding:10px 0 0 30px; }
	.scm-practices .solution_cont1 .listbox > ul > li .txtbox dt { font-size:18px; }
	.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd { padding-top:15px; }
	.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd p { font-size:15px;}
	.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd ul { margin-top:20px; padding:15px 15px 20px 15px; }
	.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd ul li { margin-top:10px; font-size:14px; }
	.scm-practices .solution_cont1 .listbox > ul > li .txtbox dd ul li br { display:none; }
	.scm-practices .solution_cont1 .listbox > ul > li:nth-child(2n) .imgbox { float:right; }
	.scm-practices .solution_cont1 .listbox > ul > li:nth-child(2n) .txtbox { padding:15px 30px 0 0; }
}
@media screen and (max-width:960px){
	.scm-practices .poM_cont1 .servicebox { background:none; padding:0; height:auto; }
	.scm-practices .poM_cont1 .servicebox .tit { position:relative; top:0; left:0; transform:translate(0); text-align:center; padding:12px 20px; margin:0 auto; background-color:#d6d6d6; border-radius:10px; color:#111; font-size:16px; }
	.scm-practices .poM_cont1 .servicebox .tit strong { margin-bottom:6px; font-size:20px; color:#111; }
	.scm-practices .poM_cont1 .servicebox ul { text-align:center; margin:0 -5px; }
	.scm-practices .poM_cont1 .servicebox li { display:inline-block; vertical-align:top; margin:10px 4px 0 4px !important; position:relative; top:0 !important; left:0 !important; right:unset !important; transform:translate(0) !important; }
	.scm-practices .poM_cont1 .servicebox li dt strong { margin-top:10px; display:block; position:relative; color:#111; top:0 !important; left:0 !important; right:unset !important; transform:translate(0) !important; }
}
@media screen and (max-width:860px){
	.scm-practices .solution_cont1 .listbox > ul > li > div  { width:100%; }
	.scm-practices .solution_cont1 .listbox > ul > li .txtbox,
	.scm-practices .solution_cont1 .listbox > ul > li:nth-child(2n) .txtbox { padding:30px 0 0 0; }
}
@media screen and (max-width:760px){
	.scm-practices .essis_cont1 .listbox .box > dl > dt { display:none; }
	.scm-practices .essis_cont1 .listbox .box > dl > dt span { width:140px; height:140px; }
	.scm-practices .essis_cont1 .listbox .box > dl > dd { width:100%; padding:0; }
	.scm-practices .essis_cont1 .listbox .box .esiss_list1 { margin-top:65px; padding-bottom:50px; }
	.scm-practices .essis_cont1 .listbox .box .list { margin-top:20px; }
	.scm-practices .essis_cont1 .listbox .box .list p { width:100%; }
	.scm-practices .essis_cont1 .listbox .box .list .txtbox { width:100%; margin-top:20px; }
	.scm-practices .essis_cont1 .listbox .box .list .txtbox li { margin-top:18px; padding-left:23px; padding-right:10px; font-size:13px; }
	.scm-practices .essis_cont1 .listbox .box .list .txtbox .stxt ul:last-child { padding-right:0; }
	/*
	.scm-practices .essis_cont1 .listbox .box .list .txtbox .stxt { display:block; justify-content:space-between; }
	.scm-practices .essis_cont1 .listbox .box .list .txtbox .stxt ul {display:inline-block; vertical-align:top; width:calc(50% - 4px); margin-top:15px; }
	.scm-practices .essis_cont1 .listbox .box .list .txtbox .stxt ul:last-child { width:100%; margin-top:25px; }
	*/
	.scm-practices .essis_cont2 .listbox { padding-top:30px; }
	.scm-practices .essis_cont2 .listbox li .box { padding:25px 15px 0 15px; }
	.scm-practices .essis_cont2 .listbox li .box dt { font-size:13px; }
	.scm-practices .essis_cont2 .listbox li .box dd { padding-top:10px; font-size:20px; }
	.scm-practices .essis_cont2 .listbox li { width:calc(50% - 10px); }
	.scm-practices .essis_cont2 .listbox li .box { padding:20px 15px 0 15px; height:155px; }
	.scm-practices .essis_cont2 .listbox li .box dt { font-size:12px; }
	.scm-practices .essis_cont2 .listbox li .box dd { font-size:18px; }
}
@media screen and (max-width:640px){
	.scm-practices .essis_cont2 .listbox ul { margin-left:0; }
	.scm-practices .essis_cont2 .listbox li { float:none; clear:both; width:100%; height:110px; display:flex; align-items:center; margin-left:0; background-color:#fff; border-radius:10px; }
	.scm-practices .essis_cont2 .listbox li .box { padding:0 15px 0 15px; height:auto; }
	.scm-practices .essis_cont2 .listbox li .box dl { margin-top:0; }
}

/* animation */
.scm-practices .titbox h4,
.scm-practices .titbox .txt_1,
.scm-practices .toptxt dt,
.scm-practices .toptxt dd { opacity:0; }
.scm-practices .titbox.subOn h4 { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.scm-practices .titbox.subOn .txt_1 { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
.scm-practices .subOn .toptxt dt { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.scm-practices .subOn .toptxt dd { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }

.scm-practices .poM_cont1 .servicebox,
.scm-practices .poM_cont1 .servicebox li,
.scm-practices .poM_cont1 .servicebox .tit,
.scm-practices .poM_cont1 .listbox { opacity:0; }
.scm-practices .poM_cont1 .servicebox.subOn { animation:ani_5 0.5s 0.2s; animation-fill-mode:both; }
.scm-practices .poM_cont1 .servicebox.subOn li:nth-child(1) { animation:bgs4 0.8s 0.3s; animation-fill-mode:both; }
.scm-practices .poM_cont1 .servicebox.subOn li:nth-child(2),
.scm-practices .poM_cont1 .servicebox.subOn li:nth-child(5) { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.scm-practices .poM_cont1 .servicebox.subOn li:nth-child(3),
.scm-practices .poM_cont1 .servicebox.subOn li:nth-child(4) { animation:bgs4 0.8s 0.7s; animation-fill-mode:both; }
.scm-practices .poM_cont1 .servicebox.subOn .tit { animation:ani_5 0.8s 1.0s; animation-fill-mode:both; }
.scm-practices .poM_cont1 .listbox.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

.scm-practices .essis_cont1 .listbox .box > dl > dt,
.scm-practices .essis_cont1 .listbox .box > dl > dd,
.scm-practices .essis_cont2 .titbox h4,
.scm-practices .essis_cont2 .listbox li { opacity:0; }
.scm-practices .essis_cont2 .titbox.subOn h4 { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }
.scm-practices .essis_cont1 .listbox .box.subOn > dl > dt { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.scm-practices .essis_cont1 .listbox .box.subOn > dl > dd { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.scm-practices .essis_cont2 .listbox.subOn li:nth-child(1) { animation:bgs4 0.7s 0.8s; animation-fill-mode:both; }
.scm-practices .essis_cont2 .listbox.subOn li:nth-child(2) { animation:bgs4 0.7s 1.0s; animation-fill-mode:both; }
.scm-practices .essis_cont2 .listbox.subOn li:nth-child(3) { animation:bgs4 0.7s 1.2s; animation-fill-mode:both; }
.scm-practices .essis_cont2 .listbox.subOn li:nth-child(4) { animation:bgs4 0.7s 1.4s; animation-fill-mode:both; }
.scm-practices .essis_cont2 .listbox.subOn li:nth-child(5) { animation:bgs4 0.7s 1.6s; animation-fill-mode:both; }
.scm-practices .essis_cont2 .listbox.subOn li:nth-child(6) { animation:bgs4 0.7s 1.8s; animation-fill-mode:both; }

.scm-practices .solution_cont1 .listbox li > div { opacity:0; }
.scm-practices .solution_cont1 .listbox li.subOn .imgbox { animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.scm-practices .solution_cont1 .listbox li.subOn .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.scm-practices .solution_cont1 .listbox li.subOn:nth-child(2n)  .txtbox { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.scm-practices .solution_cont1 .listbox li .imgbox:before { content:''; display:block; width:30%; height:100%; position:absolute; top:0; left:0; background-color:#f8f8f8; z-index:2; }
.scm-practices .solution_cont1 .listbox .imgbox:after { content:''; display:block; width:70%; height:100%; position:absolute; top:0; right:0; background-color:#f8f8f8; z-index:2; }
.scm-practices .solution_cont1 .listbox li.subOn .imgbox { opacity:1; }
.scm-practices .solution_cont1 .listbox li.subOn .imgbox:before{ width:0; transition:width 1.3s .6s;}
.scm-practices .solution_cont1 .listbox li.subOn .imgbox:after{ width:0; transition:width  0.8s .6s;}
@media screen and (max-width:860px){
	.scm-practices .solution_cont1 .listbox li.subOn:nth-child(2n)  .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
}

/* scm-system */
.scm-system .system_cont1 { position:relative; margin-top:50px; background-color:#f3f7f8; overflow:hidden; }
.scm-system .system_cont1 .txt_b { position:absolute; left:0; bottom:-60px; width:100%; text-align:center; font-family:'Readex Pro', sans-serif; color:#fff; font-weight:700; font-size:190px; letter-spacing:0.02em; }
.scm-system .system_cont1 .txt_b span { font-family:'Readex Pro', sans-serif; font-weight:700; }
.scm-system .system_cont1 .s_box { position:relative; width:100%; height:100%; }
.scm-system .system_cont1 .s_box > div { height:552px;}
.scm-system .system_cont1 .s_box .txtbox .sbox { display:flex; align-items:center; width:100%; height:100%; }
.scm-system .system_cont1 .s_box .txtbox dt { position:relative; font-family:'Readex Pro', sans-serif; color:#111; font-weight:700; font-size:40px; letter-spacing:-0.02em; line-height:140%; }
.scm-system .system_cont1 .s_box .txtbox dt:before { content:''; display:block; width:9px; height:9px; position:absolute; top:-15px; left:-20px; background-color:#00aeef; z-index:2; border-radius:50%; }
.scm-system .system_cont1 .s_box .txtbox dt:after { content:''; display:block; width:9px; height:9px; position:absolute; top:-5px; left:-11px; background-color:#00aeef; z-index:2; border-radius:50%; }
.scm-system .system_cont1 .s_box .txtbox dd { padding-top:20px; color:#333; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:160%; }
.scm-system .system_cont1 .s_box .swiper-container {  position:absolute; right:0; top:0; width:680px; height:100%; }
.scm-system .system_cont1 .s_box .swiper-container .swiper-wrapper { position:relative; width:100%; height:100%; }
.scm-system .system_cont1 .s_box .swiper-container .swiper-slide { opacity:0; position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease-in-out;  }
.scm-system .system_cont1 .s_box .swiper-container .swiper-slide .imgbox { opacity:0; }
.scm-system .system_cont1 .s_box .swiper-container .swiper-slide .imgbox img { max-width:100%; }
.scm-system .system_cont1 .s_box .swiper-container .swiper-slide.swiper-slide-active { opacity:1; }
.scm-system .system_cont1 .s_box .swiper-container .swiper-pagination { position:absolute; left:unset; right:40px; bottom:30px; text-align:right; }
.scm-system .system_cont1 .s_box .swiper-container .swiper-pagination .swiper-pagination-bullet { width:8px !important; height:8px !important; background-color:#c4c4c4; opacity:1; margin:0 0 0 5px; outline:none; }
.scm-system .system_cont1 .s_box .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1; background-color:#00aeef; }
.scm-system .system_cont2 { position:relative; margin-top:60px; padding-bottom:70px; }
.scm-system .system_cont2 .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-system .system_cont2 .listbox ul { margin:0 0 0 -17px; }
.scm-system .system_cont2 .listbox li { float:left; margin:0 0 0 17px; width:calc(33.333% - 17px); text-align:center; }
.scm-system .system_cont2 .listbox li .imgbox img { width:100%; border-radius:10px; }
.scm-system .system_cont2 .listbox li dl { padding:30px 5px 0; }
.scm-system .system_cont2 .listbox li dt { color:#111; font-weight:600; font-size:22px; letter-spacing:0.02em; }
.scm-system .system_cont2 .listbox li dd { padding-top:12px; color:#555; font-weight:300; font-size:16px; letter-spacing:-0.02em; line-height:150%; }
.scm-system .system_cont3 { position:relative; padding-bottom:100px; }
.scm-system .system_cont3.up { padding-top:0; }
.scm-system .system_cont3 .system_mH { height:125px;}
.scm-system .system_cont3 .system_menu { position:absolute; left:0; top:0; width:100%; transition: all .5s ease; background-color:#efefef;}
.scm-system .system_cont3 .system_menu.on {position:fixed; top:0; left:0; z-index:2; width:100%; }
.scm-system .system_cont3 .system_menu.on.down { top:120px; }
.scm-system .system_cont3 .system_menu ul { background-color:#efefef; max-width:1400px; margin:0 auto; }
.scm-system .system_cont3 .system_menu ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-system .system_cont3 .system_menu li { float:left; width:12.5%; height:125px; border-left:1px solid #e2e2e2; transition:all 0.3s ease-in-out; display:block; }
.scm-system .system_cont3 .system_menu li:first-child { border-left:1px solid #efefef; }
.scm-system .system_cont3 .system_menu li a { display:block; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center; }
.scm-system .system_cont3 .system_menu li a:hover { border:2px solid #e2e2e2; border-width:3px 2px; }
.scm-system .system_cont3 .system_menu li:first-child a:hover { border-width:3px 2px 3px 3px; }
.scm-system .system_cont3 .system_menu li .icon { display:block; margin:0 auto; vertical-align:middle; width:56px; height:56px; border-radius:56px; transition:all 0.3s ease-in-out; }
.scm-system .system_cont3 .system_menu li .icon img { width:100%; height:100%; }
.scm-system .system_cont3 .system_menu li strong { display:block; vertical-align:middle; margin:0; font-family:'Readex Pro', sans-serif; color:#999; font-weight:500; font-size:16px; letter-spacing:-0.02em; line-height:140%;  transition:all 0.3s ease-in-out; }
.scm-system .system_cont3 .system_menu li.on { border-left:1px solid #c6a68d; background-color:#c6a68d; transition:all 0.3s ease-in-out; }
.scm-system .system_cont3 .system_menu li.on a:hover { border:2px solid #e2e2e2; border-width:0; }
.scm-system .system_cont3 .system_menu li.on .icon { background-color:#fff; }
.scm-system .system_cont3 .system_menu li.on strong { color:#fff; }
.scm-system .system_cont3 .system_menu li .cls-1 { transition:all 0.3s ease-in-out; }
.scm-system .system_cont3 .system_menu li.on .cls-1 { fill:#c6a68d; }
.scm-system .system_cont3 .system_box { padding:240px 0 0 0; }
.scm-system .system_cont3 .system_box:after { content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-system .system_cont3 .system_box > div > div { display:inline-block; vertical-align:middle; width:calc(50% - 2px); }
.scm-system .system_cont3 .system_box .txtbox { padding:0 0 0 70px;}
.scm-system .system_cont3 .system_box .txtbox dt { color:#111; font-weight:700; font-size:40px; letter-spacing:-0.02em; line-height:130%; }
.scm-system .system_cont3 .system_box .txtbox dd { padding-top:5px; }
.scm-system .system_cont3 .system_box .txtbox dd > p { padding-top:20px; color:#333; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:160%; }
.scm-system .system_cont3 .system_box .txtbox dd > p strong {  color:#111; font-weight:600; }
.scm-system .system_cont3 .system_box .txtbox dd .list { padding-top:25px; }
.scm-system .system_cont3 .system_box .txtbox dd .list li { position:relative; margin-top:15px; }
.scm-system .system_cont3 .system_box .txtbox dd .list li:first-child { margin-top:0; }
.scm-system .system_cont3 .system_box .txtbox dd .list li span { position:relative; padding-left:8px; color:#333; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:130%; display:inline-block; }
.scm-system .system_cont3 .system_box .txtbox dd .list li span:before { content:''; display:block; width:2px; height:2px; position:absolute; top:9px; left:0; background-color:#00aeef; z-index:2; border-radius:50%; }
.scm-system .system_cont3 .system_box .txtbox dd .btn { margin-top:70px; }
.scm-system .system_cont3 .system_box .txtbox dd .btn li { display:inline-block; margin-left:10px; }
.scm-system .system_cont3 .system_box .txtbox dd .btn li:first-child { margin-left:0; }
.scm-system .system_cont3 .system_box .txtbox dd .btn li a { width:170px; height:55px; display:flex; align-items:center; justify-content:center; border:1px solid #140c44; background-color:#fff; border-radius:5px; }
.scm-system .system_cont3 .system_box .txtbox dd .btn li a.link { background-color:#140c44; }
.scm-system .system_cont3 .system_box .txtbox dd .btn li a span { display:inline-block; font-family:'Readex Pro', sans-serif; color:#140c44; font-weight:500; font-size:15px; letter-spacing:-0.02em; }
.scm-system .system_cont3 .system_box .txtbox dd .btn li a.link span { color:#fff; }
.scm-system .system_cont3 .system_box .txtbox dd .btn li a.video span { padding:3px 28px 3px 0; background:url(/img/sub/icon_win.png) right center no-repeat; }
.scm-system .system_cont3 .system_box .txtbox dd .btn li a.icon span { padding:3px 28px 3px 0; background:url(/img/sub/icon_win_w.png) right center no-repeat; }
.scm-system .system_cont3 .system_box .imgbox .listbox { position:relative; max-width:605px; width:100%; height:546px; }
.scm-system .system_cont3 .system_box .imgbox .listbox > p { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:222px; height:222px; text-align:center; display:flex; align-items:center; justify-content:center; border:13px solid #e7e6ec; background-color:#140c44; border-radius:300px; }
.scm-system .system_cont3 .system_box .imgbox .listbox > p span {  font-family:'Readex Pro', sans-serif; color:#fff; font-weight:700; font-size:20px; letter-spacing:-0.02em; line-height:140%; }
.scm-system .system_cont3 .system_box .imgbox .listbox li { position:absolute;} 
.scm-system .system_cont3 .system_box .imgbox .listbox li .circle { width:182px; height:182px; text-align:center; display:flex; align-items:center; justify-content:center; border:13px solid #e5f7fd; background-color:#00aeef; border-radius:300px; }
.scm-system .system_cont3 .system_box .imgbox .listbox li .icon { display:block; width:65px; margin:0 auto; }
.scm-system .system_cont3 .system_box .imgbox .listbox li strong { display:block; padding-top:5px; color:#fff; font-weight:300; font-size:15px; letter-spacing:-0.02em; line-height:150%;}
.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(1) { top:0; right:105px; }
.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(2) { top:192px; right:0; }
.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(3) { bottom:0; right:105px; }
.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(4) { bottom:0; left:105px; }
.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(5) { top:192px; left:0; }
.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(6) { top:0; left:105px; }
.scm-system .system_cont3 .system_box .imgbox .img_list { position:relative; text-align:center; }
.scm-system .system_cont3 .system_box .imgbox .img_list .slick-slide {width:100%; }
.scm-system .system_cont3 .system_box .imgbox .img_list .slick-slide .sbox img { position:relative; max-width:100%; }
.scm-system .system_cont3 .system_box .imgbox .img_list .slick-dots { margin-top:25px; }
.scm-system .system_cont3 .system_box .imgbox .img_list .slick-dots li { display:inline-block; border:none; background:none; margin:0 3px;; }
.scm-system .system_cont3 .system_box .imgbox .img_list .slick-dots li button { width:8px; height:8px; outline:none; border:none; background:#c4c4c4; border-radius:10px; padding:0; text-indent:-9999em; overflow:hidden }
.scm-system .system_cont3 .system_box .imgbox .img_list .slick-dots li.slick-active button { background:#00aeef; }
.scm-system .system_cont3 .system_box .imgbox .img_list .icon { position:absolute; left:50%; top:150px; transform:translateX(-50%); margin-left:170px; }
.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box1 { margin:90px 0 0 0; display:block; transform:rotate(-45deg); }
.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box1:before {content:""; display:block; position:absolute; left:0; bottom:0; width:42px; height:42px; background:#badbf3; border-radius:42px; opacity:0; transition:all .5s 1.0s ease-in-out;}
.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box1:after {content:""; display:block; position:absolute; left:200px; bottom:0; width:42px; height:42px; background:#badbf3; border-radius:42px; opacity:0; transition:all .5s 1.6s ease-in-out;}
.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box2 { display:block; transform:rotate(-45deg); }
.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box2:after {content:""; display:block; position:absolute; left:0; bottom:0; width:42px; height:42px; background:#f3f7f8; border-radius:42px; opacity:0;transition:all .5s 0.8s ease-in-out; }
.scm-system .system_cont3 .system_box:nth-child(2n) .txtbox { padding:0 70px 0 0; }
.scm-system .system_cont3 .system_box:nth-child(2n) .imgbox { float:right; }
.scm-system .system_cont3 .system_box:nth-child(2n+1) .imgbox .img_list .icon { left:unset; right:50%; margin:0 170px 0 0; }
.scm-system .system_cont3 .system_box:nth-child(2n+1) .imgbox .img_list .icon .box1 { transform:rotate(-135deg); }
.scm-system .system_cont3 .system_box:nth-child(2n+1) .imgbox .img_list .icon .box1,
.scm-system .system_cont3 .system_box:nth-child(2n+1) .imgbox .img_list .icon .box2 { transform:rotate(-135deg); }
.scm-system .system_cont3 .system_box:nth-child(2n+1) .imgbox .img_list .icon .box1:before,
.scm-system .system_cont3 .system_box:nth-child(2n+1) .imgbox .img_list .icon .box1:after,
.scm-system .system_cont3 .system_box:nth-child(2n+1) .imgbox .img_list .icon .box2:after { top:0; bottom:unset; }
.scm-system .system_cont3 .system_box.subOn .imgbox .img_list .icon .box1:before { opacity:1; width:180px; }
.scm-system .system_cont3 .system_box.subOn .imgbox .img_list .icon .box2:after { opacity:1; width:230px; }
.scm-system .system_cont3 .system_box.subOn .imgbox .img_list .icon .box1:after { opacity:1; }
.scm-system .system_cont4 { height:300px; background:url(/img/sub/bg_system4.jpg) center center / cover; }
.scm-system .system_cont4 .sub_inner { width:100%; height:100%;  display:flex; align-items:center; justify-content:center; text-align:center; }
.scm-system .system_cont4 .sub_inner .txt_1 { font-family:'Readex Pro', sans-serif; color:#fff; font-weight:700; font-size:40px; letter-spacing:-0.02em; }
.scm-system .system_cont4 .sub_inner .txt_2 { padding-top:18px; font-family:'Readex Pro', sans-serif; color:rgba(255,255,255,0.5); font-weight:300; font-size:17px; letter-spacing:-0.02em; }
@media screen and (max-width:1600px){
	.scm-system .system_cont3 .system_mH { height:120px; }
	.scm-system .system_cont3 .system_menu li { height:120px; }
	.scm-system .system_cont3 .system_menu li a { text-align:center; }
	.scm-system .system_cont3 .system_menu li .icon { display:block; margin:0 auto 5px auto; width:50px; height:50px; }
	.scm-system .system_cont3 .system_menu li strong { display:block; margin-left:0; line-height:110%; }
}
@media screen and (max-width:1400px){
	.scm-system .system_cont1 .txt_b { bottom:-60px; font-size:170px; }
}
@media screen and (max-width:1280px){
	.scm-system .system_cont1 .txt_b { bottom:-45px; font-size:140px; }
	.scm-system .system_cont1 .s_box .swiper-container {  position:absolute; right:0; top:0; width:50%; height:100%; }
	.scm-system .system_cont2 .listbox li dd br { display:none; }
	.scm-system .system_cont3 .system_box .imgbox .listbox { height:460px; max-width:502px; margin:0 auto; }
	.scm-system .system_cont3 .system_box .imgbox .listbox > p { width:180px; height:180px; border:10px solid #e7e6ec; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li .circle { width:150px; height:150px; border:10px solid #e5f7fd; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li .icon { width:55px; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(1) { top:0; right:90px; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(2) { top:155px; right:0; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(3) { bottom:0; right:90px; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(4) { bottom:0; left:90px; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(5) { top:155px; left:0; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li:nth-child(6) { top:0; left:90px; }
	.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box1 { margin:60px 0 0 0; }
	.scm-system .system_cont3 .system_box .imgbox .img_list .icon { top:100px; margin-left:170px; }
	.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box1:before { width:25px; height:25px; }
	.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box1:after { left:115px; width:25px; height:25px;}
	.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box2:after { width:25px; height:25px; }
	.scm-system .system_cont3 .system_box.subOn .imgbox .img_list .icon .box1:before { width:110px; }
	.scm-system .system_cont3 .system_box.subOn .imgbox .img_list .icon .box2:after { width:140px; }
	.scm-system .system_cont3 .system_box .txtbox dd > p br { display:none }
}
@media screen and (max-width:1024px){
	.scm-system .system_cont1 { padding-bottom:60px; }
	.scm-system .system_cont1 .txt_b { bottom:-30px; font-size:100px; }
	.scm-system .system_cont1 .s_box { padding:30px 20px; }
	.scm-system .system_cont1 .s_box > div { height:auto; }
	.scm-system .system_cont1 .s_box .swiper-container {  position:relative; right:unset; top:unset; width:100%; height:100%; }
	.scm-system .system_cont1 .s_box .txtbox { padding-top:50px; }
	.scm-system .system_cont1 .s_box .txtbox .sbox { display:block; }
	.scm-system .system_cont1 .s_box .txtbox dt { font-size:24px; }
	.scm-system .system_cont1 .s_box .txtbox dt:before { width:5px; height:5px; top:-10px; left:-10px; }
	.scm-system .system_cont1 .s_box .txtbox dt:after { width:5px; height:5px; top:-4px; left:-5px; }
	.scm-system .system_cont1 .s_box .txtbox dd { padding-top:15px; font-size:15px; }
	.scm-system .system_cont1 .s_box .txtbox dd br { display:none; }
	.scm-system .system_cont2 { margin-top:50px; padding-bottom:60px; }
	.scm-system .system_cont2 .listbox ul { margin:0 0 0 -12px; }
	.scm-system .system_cont2 .listbox li { margin:0 0 0 12px; width:calc(33.333% - 12px); }
	.scm-system .system_cont2 .listbox li dl { padding:20px 5px 0; }
	.scm-system .system_cont2 .listbox li dt { font-size:18px; }
	.scm-system .system_cont2 .listbox li dd { padding-top:8px; font-size:14px; }
	.scm-system .system_cont3 { padding-bottom:80px; }
	.scm-system .system_cont3 .system_mH { height:160px; }
	.scm-system .system_cont3 .system_menu.on.down { top:70px; }
	.scm-system .system_cont3 .system_menu ul { overflow:hidden; }
	.scm-system .system_cont3 .system_menu li { width:25%; height:70px; margin-top:-1px; border-top:1px solid #e2e2e2; }
	.scm-system .system_cont3 .system_menu li:nth-child(5) { border-left:none }
	.scm-system .system_cont3 .system_menu li a { text-align:left; height:100%; display:flex; }
	.scm-system .system_cont3 .system_menu li a:hover { border-width:2px 1px; }
	.scm-system .system_cont3 .system_menu li:first-child a:hover  { border-width:2px 1px 2px 2px; }
	.scm-system .system_cont3 .system_menu li:nth-child(5) a:hover { border-width:1px 1px 2px 2px; }
	.scm-system .system_cont3 .system_menu li:nth-child(6) a:hover,
	.scm-system .system_cont3 .system_menu li:nth-child(7) a:hover,
	.scm-system .system_cont3 .system_menu li:nth-child(8) a:hover { border-width:1px 2px 2px 2px; }
	.scm-system .system_cont3 .system_menu li.on:nth-child(5) a:hover { border-width:0; }
	.scm-system .system_cont3 .system_menu li .icon { display:inline-block; vertical-align:middle; width:38px; height:38px; }
	.scm-system .system_cont3 .system_menu li strong { display:inline-block; vertical-align:middle; font-size:13px; }
	.scm-system .system_cont3 .system_box { padding:200px 0 0 0; }
	.scm-system .system_cont3 .system_box > div > div { display:block; vertical-align:top;  width:100%; }
	.scm-system .system_cont3 .system_box > div { max-width:640px; margin:0 auto; }
	.scm-system .system_cont3 .system_box > div .imgbox { max-width:502px; margin:0 auto; }
	.scm-system .system_cont3 .system_box .txtbox { text-align:center; padding:0 !important; margin-top:40px; }
	.scm-system .system_cont3 .system_box .txtbox dt { font-size:24px; }
	.scm-system .system_cont3 .system_box .txtbox dd { padding-top:5px; }
	.scm-system .system_cont3 .system_box .txtbox dd > p { padding-top:15px; font-size:15px; }
	.scm-system .system_cont3 .system_box .txtbox dd .list { padding-top:15px; }
	.scm-system .system_cont3 .system_box .txtbox dd .list li { margin-top:10px; }
	.scm-system .system_cont3 .system_box .txtbox dd .list li span { font-size:15px; }
	.scm-system .system_cont3 .system_box .txtbox dd .list li span:before { top:8px; }
	.scm-system .system_cont3 .system_box .txtbox dd .btn { margin-top:50px; }
	.scm-system .system_cont3 .system_box .txtbox dd .btn li { margin:0 5px; }
	.scm-system .system_cont3 .system_box .txtbox dd .btn li:first-child { margin:0 5px; }
	.scm-system .system_cont3 .system_box .txtbox dd .btn li a { width:150px; height:50px; }
	.scm-system .system_cont3 .system_box .txtbox dd .btn li a span { font-size:14px; }
	.scm-system .system_cont3 .system_box .txtbox dd .btn li a.video span { padding:3px 25px 3px 0; }
	.scm-system .system_cont3 .system_box:nth-child(2n) .imgbox { float:none; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li strong { padding-top:0; font-size:13px; } 
	.scm-system .system_cont3 .system_box .imgbox .listbox > p span { font-size:17px; }
	.scm-system .system_cont4 { height:180px; }
	.scm-system .system_cont4 .sub_inner .txt_1 { font-size:24px; }
	.scm-system .system_cont4 .sub_inner .txt_2 { padding-top:15px; font-size:15px; }
}
@media screen and (max-width:760px){
	.scm-system .system_cont1 { padding-bottom:40px; }
	.scm-system .system_cont1 .txt_b { bottom:-20px; font-size:70px; }
	.scm-system .system_cont2 .listbox ul { margin:0; }
	.scm-system .system_cont2 .listbox li { margin:20px 0 0 0; width:100%; }
	.scm-system .system_cont3 .system_box > div .imgbox { max-width:400px; margin:0 auto; }
	.scm-system .system_cont3 .system_box .imgbox .listbox { height:auto; max-width:auto; margin:0 auto; }
	.scm-system .system_cont3 .system_box .imgbox .listbox > p { position:relative; left:0; top:0; transform:translate(0); width:100%; height:60px; border:5px solid #e7e6ec; }
	.scm-system .system_cont3 .system_box .imgbox .listbox > p br { display:none }
	.scm-system .system_cont3 .system_box .imgbox .listbox ul { text-align:center; padding-top:10px;  }
	.scm-system .system_cont3 .system_box .imgbox .listbox li { margin-top:10px; display:inline-block; position:relative; left:unset !important; right:unset !important; top:unset !important; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li .circle {  width:110px; height:110px; border:5px solid #e5f7fd; }
	.scm-system .system_cont3 .system_box .imgbox .listbox li .icon { width:45px; }
	.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box1:before,
	.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box1:after,
	.scm-system .system_cont3 .system_box .imgbox .img_list .icon .box2:after { display:none }
	.scm-system .system_cont3 .system_box { padding:180px 0 0 0; }
	.scm-system .system_cont3 .system_mH { height:120px; }
	.scm-system .system_cont3 .system_menu li { height:60px; }
	.scm-system .system_cont3 .system_menu li a { text-align:center; }
	.scm-system .system_cont3 .system_menu li .icon { display:none; }
	.scm-system .system_cont3 .system_box .txtbox {  margin-top:20px; }
}
@media screen and (max-width:640px){
	.scm-system .system_cont1 { padding-bottom:20px; }
	.scm-system .system_cont1 .txt_b { bottom:-15px; font-size:45px; }
}



/* animation */
.scm-system .system_cont1 .s_box .swiper-container .swiper-slide.swiper-slide-active .imgbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.scm-system .system_cont1 .txt_b span { opacity:0; display:inline-block; transform:translateY(150px); transition:transform 1000ms cubic-bezier(0.425,0.005,0,1); }
.scm-system .system_cont1.subOn .txt_b span { opacity:1; transform:translateY(0); }
.scm-system .system_cont1.subOn .txt_b span:nth-child(1) { transition-delay:0.5s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(2) { transition-delay:0.6s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(3) { transition-delay:0.7s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(4) { transition-delay:0.8s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(5) { transition-delay:0.9s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(6) { transition-delay:1.0s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(7) { transition-delay:1.1s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(8) { transition-delay:1.2s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(9) { transition-delay:1.3s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(10) { transition-delay:1.4s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(11) { transition-delay:1.5s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(12) { transition-delay:1.6s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(13) { transition-delay:1.7s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(14) { transition-delay:1.8s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(15) { transition-delay:1.9s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(16) { transition-delay:2.0s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(17) { transition-delay:2.1s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(18) { transition-delay:2.2s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(19) { transition-delay:2.3s; }
.scm-system .system_cont1.subOn .txt_b span:nth-child(20) { transition-delay:2.4s; }

.scm-system .system_cont2 .listbox li .imgbox,
.scm-system .system_cont2 .listbox li dl { opacity:0; }
.scm-system .system_cont2.subOn .listbox li:nth-child(1) .imgbox { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.scm-system .system_cont2.subOn .listbox li:nth-child(2) .imgbox { animation:bgs4 0.8s 0.7s; animation-fill-mode:both; }
.scm-system .system_cont2.subOn .listbox li:nth-child(3) .imgbox { animation:bgs4 0.8s 0.9s; animation-fill-mode:both; }
.scm-system .system_cont2.subOn .listbox li:nth-child(1) dl { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.scm-system .system_cont2.subOn .listbox li:nth-child(2) dl { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }
.scm-system .system_cont2.subOn .listbox li:nth-child(3) dl { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }

.scm-system .system_cont3 .system_menu li,
.scm-system .system_cont3 .system_box .imgbox .listbox li,
.scm-system .system_cont3 .system_box .imgbox .listbox > p { opacity:0; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(1) { animation:ani_2 0.5s 0.1s; animation-fill-mode:both; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(2) { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(3) { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(4) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(5) { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(6) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(7) { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(8) { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(9) { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.scm-system .system_cont3.subOn .system_menu li:nth-child(10) { animation:ani_2 0.5s 0.10s; animation-fill-mode:both; }
.scm-system .system_cont3 .system_box.subOn .imgbox .listbox li:nth-child(1) { animation:bgs4 0.8s 1.0s; animation-fill-mode:both; }
.scm-system .system_cont3 .system_box.subOn .imgbox .listbox li:nth-child(2) { animation:bgs4 0.8s 1.2s; animation-fill-mode:both; }
.scm-system .system_cont3 .system_box.subOn .imgbox .listbox li:nth-child(3) { animation:bgs4 0.8s 1.4s; animation-fill-mode:both; }
.scm-system .system_cont3 .system_box.subOn .imgbox .listbox li:nth-child(4) { animation:bgs4 0.8s 1.6s; animation-fill-mode:both; }
.scm-system .system_cont3 .system_box.subOn .imgbox .listbox li:nth-child(5) { animation:bgs4 0.8s 1.8s; animation-fill-mode:both; }
.scm-system .system_cont3 .system_box.subOn .imgbox .listbox li:nth-child(6) { animation:bgs4 0.8s 2.0s; animation-fill-mode:both; }
.scm-system .system_cont3 .system_box.subOn .imgbox .listbox > p { animation:ani_5 2.0s 0.7s; animation-fill-mode:both; }
.scm-system .system_cont3 .system_box .txtbox,
.scm-system .system_cont3 .system_box .imgbox .img_list .slick-slide,
.scm-system .system_cont3 .system_box .imgbox .listbox { opacity:0; }
.scm-system .system_cont3 .system_box.subOn .txtbox { animation:ani_1 0.5s 0.6s; animation-fill-mode:both;  }
.scm-system .system_cont3 .system_box:nth-child(2n+1).subOn .txtbox { animation:ani_2 0.5s 0.6s; animation-fill-mode:both;  }
.scm-system .system_cont3 .system_box.subOn .imgbox .img_list .slick-slide.slick-active { animation:ani_2 0.5s 0.3s; animation-fill-mode:both;  }
.scm-system .system_cont3 .system_box:nth-child(2n+1).subOn .imgbox .img_list .slick-slide.slick-active { animation:ani_1 0.5s 0.3s; animation-fill-mode:both;  }
.scm-system .system_cont3 .system_box.subOn .imgbox .listbox { animation:ani_1 0.5s 0.3s; animation-fill-mode:both;  }

/* support-inquiry */
.support-inquiry .inquiry_box { margin-top:50px; }
.support-inquiry .inquiry_box .top_txt { text-align:center; }
.support-inquiry .inquiry_box .top_txt p { font-size:20px; color:#111; font-weight:300; letter-spacing:-0.02em; line-height:130%; }
.support-inquiry .inquiry_box .top_txt .txt { margin-top:20px; font-size:16px; color:#555; font-weight:300; letter-spacing:-0.02em; }
.support-inquiry .inquiry_box .ipbox { border-top:2px solid #140c44; margin-top:35px; }
.support-inquiry .inquiry_box .ipbox > ul { margin:0 0 0 -20px; }
.support-inquiry .inquiry_box .ipbox > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.support-inquiry .inquiry_box .ipbox > ul > li { margin:0 0 0 20px; float:left; width:calc(50% - 20px); padding:25px 0 5px 0; border-bottom:1px solid #dcdcdc; }
.support-inquiry .inquiry_box .ipbox > ul > li:first-child { padding:25px 0; }
.support-inquiry .inquiry_box .ipbox > ul > li:nth-child(2) { padding:14px 0; }
.support-inquiry .inquiry_box .ipbox > ul > li.w100 { width:calc(100% - 20px); }
.support-inquiry .inquiry_box .ipbox > ul > li.f_txt { padding:40px 0 5px 0; border-bottom:none; }
.support-inquiry .inquiry_box .ipbox > ul > li strong { display:inline-block; vertical-align:middle; padding:0 0 0 10px; width:164px; font-weight:600; font-size:18px; color:#222; }
.support-inquiry .inquiry_box .ipbox > ul > li.f_txt strong { padding:0 0 15px 10px;}
.support-inquiry .inquiry_box .ipbox > ul > li ul.list { display:inline-block; width:calc(100% - 174px); margin-left:-30px; margin-top:-10px; vertical-align:middle; }
.support-inquiry .inquiry_box .ipbox > ul > li ul.list li { display:inline-block; margin-left:30px; margin-top:10px; }
.support-inquiry .inquiry_box .ipbox > ul > li input { height:40px; line-height:40px; padding:0 0; font-size:16px; color:#444; font-weight:400; border:none; outline:none; background:none }
.support-inquiry .inquiry_box .ipbox > ul > li input.ip { width:calc(100% - 174px); }
.support-inquiry .inquiry_box .ipbox > ul > li input.ip2 { width:calc(55% - 80px - 14px); display:inline-block }
.support-inquiry .inquiry_box .ipbox > ul > li select { width:calc(50% - 174px); height:40px; line-height:40px; padding:0 0; font-size:16px; color:#444; font-weight:400; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.support-inquiry .inquiry_box .ipbox > ul > li select::-ms-expand { display: none; }
.support-inquiry .inquiry_box .ipbox > ul > li textarea { width:100%; height:250px; line-height:150%; padding:25px 20px; font-size:16px; color:#222; font-weight:400; border:1px solid #e6e6e6; outline:none; background:none }
.support-inquiry .inquiry_box .ipbox > ul > li ::-webkit-input-placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox > ul > li :-moz-input-placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox > ul > li ::-moz-input-placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox > ul > li :-ms-input-placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox > ul > li :input-placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox > ul > li ::-webkit-select-placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox > ul > li  :-moz-placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox > ul > li ::-moz-placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox > ul > li ::placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox > ul > li :-ms-select-placeholder { color:#9d9d9d; opacity:1; font-weight:300; }
.support-inquiry .inquiry_box .ipbox li input[type="checkbox"],
.support-inquiry .inquiry_box .ipbox li input[type="radio"]{opacity:0; height:auto; line-height:auto;}
.support-inquiry .inquiry_box .ipbox li input[type="checkbox"] + span,
.support-inquiry .inquiry_box .ipbox li input[type="radio"] + span { position:relative; padding:0 0 0 0; font-weight:300; font-size:15px; line-height:1.1 !important; display:inline-block; }
.support-inquiry .inquiry_box .ipbox li input[type="checkbox"] + span:after,
.support-inquiry .inquiry_box .ipbox li input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 -15px; width:10px; height:10px; vertical-align:middle; background-color:#e9e9e9; position:absolute; left:0; top:3px; }
.support-inquiry .inquiry_box .ipbox li input[type="checkbox"]:checked + span:after,
.support-inquiry .inquiry_box .ipbox li input[type="radio"]:checked + span:after { background-color:#00aeef; }
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .box { padding:25px 20px; font-size:16px; color:#222; font-weight:400; border:1px solid #e6e6e6; border-bottom:none; }
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .box p { font-size:14px; font-weight:300; color:#666; letter-spacing:-0.02em; line-height:130%; margin-top:15px; }
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .box p:nth-child(1) { margin-top:0; }
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .ch { padding:14px 22px; background-color:#fafafa; display:block; border:1px solid #e6e6e6; border-top:none; }
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .ch input[type="checkbox"] + span,
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .ch input[type="radio"] + span { position:relative; padding:0 0 0 20px; font-weight:300; font-size:14px; color:#666; }
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .ch input[type="checkbox"] + span:after,
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .ch input[type="radio"] + span:after { border:1px solid #9d9d9d; background-color:#e9e9e9; }
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .ch input[type="checkbox"]:checked + span:after,
.support-inquiry .inquiry_box .ipbox > ul > li .txtbox .ch input[type="radio"]:checked + span:after { border:1px solid #00aeef; background-color:#00aeef; }
.support-inquiry .inquiry_box .ipbox > ul > li #imgCaptcha { height:30px; margin-right:10px; display:inline-block }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip { display:inline-block; width:calc(100% - 174px); }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip input,
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip label{ display:inline-block; vertical-align:middle; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip label{ line-height:30px; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip .upload-name{ width:calc(100% - 90px); }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip label{ border-radius:3px; width:70px;font-size:12px; color:#555; font-weight:300; letter-spacing:-0.02em; text-align:center; outline:none; background:#e9e9e9; border:none; cursor:pointer; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip ::-webkit-input-placeholder { color:#666; opacity:1; font-weight:400; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip :-moz-input-placeholder { color:#666; opacity:1; font-weight:400; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip ::-moz-input-placeholder { color:#666; opacity:1; font-weight:400; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip :-ms-input-placeholder { color:#666; opacity:1; font-weight:400; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip ::-webkit-select-placeholder { color:#666; opacity:1; font-weight:400; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip  :-moz-placeholder { color:#666; opacity:1; font-weight:400; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip ::-moz-placeholder { color:#666; opacity:1; font-weight:400; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip :-ms-select-placeholder { color:#666; opacity:1; font-weight:400; }
.support-inquiry .inquiry_box .ipbox > ul > li .file_ip input[type="file"]{ display:none; }
.support-inquiry .inquiry_box .ipbox .btn { margin-top:50px; text-align:center; }
.support-inquiry .inquiry_box .ipbox .btn button { border:none; outline:none; background:none; }
.support-inquiry .inquiry_box .ipbox .btn button span { display:flex; justify-content:center; align-items:center; font-size:18px; font-weight:600; color:#fff; width:150px; height:50px; letter-spacing:-0.02em; background-color:#00aeef; border-radius:5px; }
@media screen and (max-width:1024px){
	.support-inquiry .inquiry_box .top_txt p { font-size:18px; }
	.support-inquiry .inquiry_box .top_txt .txt { margin-top:10px; font-size:15px; }
	.support-inquiry .inquiry_box .ipbox > ul > li strong { width:124px; font-size:16px; }
	.support-inquiry .inquiry_box .ipbox > ul > li input.ip { width:calc(100% - 134px); }
	.support-inquiry .inquiry_box .ipbox > ul > li select { width:calc(50% - 134px); }
	.support-inquiry .inquiry_box .ipbox > ul > li .file_ip { width:calc(100% - 134px); }
	.support-inquiry .inquiry_box .ipbox > ul > li input,
	.support-inquiry .inquiry_box .ipbox > ul > li select,
	.support-inquiry .inquiry_box .ipbox > ul > li textarea { font-size:15px; } 
}
@media screen and (max-width:760px){
	.support-inquiry .inquiry_box .ipbox > ul { margin:0; }
	.support-inquiry .inquiry_box .ipbox > ul > li { padding:8px 0; }
	.support-inquiry .inquiry_box .ipbox > ul > li:first-child { padding:15px 0; }
	.support-inquiry .inquiry_box .ipbox > ul > li.f_txt { padding:20px 0 2px 0; }
	.support-inquiry .inquiry_box .ipbox > ul > li,
	.support-inquiry .inquiry_box .ipbox > ul > li.w100 { width:100%; margin:0; }
	.support-inquiry .inquiry_box .ipbox > ul > li select { width:calc(100% - 134px); }
	.support-inquiry .inquiry_box .ipbox > ul > li textarea { height:180px; padding:15px 20px; }
	.support-inquiry .inquiry_box .ipbox > ul > li ul.list { margin-left:-10px; }
	.support-inquiry .inquiry_box .ipbox > ul > li ul.list li { width:calc(50% - 14px); margin-left:10px; }
}
@media screen and (max-width:640px){
	.support-inquiry .inquiry_box .ipbox > ul > li strong { width:136px; }
	.support-inquiry .inquiry_box .ipbox > ul > li select { width:calc(100% - 140px); }
	.support-inquiry .inquiry_box .ipbox > ul > li input.ip { width:calc(100% - 140px); }
	.support-inquiry .inquiry_box .ipbox > ul > li ul.list { width:calc(100% - 140px); }
}

/* animation */
.support-inquiry .inquiry_box .top_txt,
.support-inquiry .inquiry_box .ipbox { opacity:0; }
.support-inquiry .inquiry_box .top_txt.subOn  { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
.support-inquiry .inquiry_box .ipbox.subOn  { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

/* support-division */
.support-division .division_box { margin-top:50px; }
.support-division .division_box .top_txt { text-align:center; font-size:20px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:150%; }
.support-division .division_box .top_txt strong { font-weight:700; }
.support-division .division_box .listbox { margin-top:50px; }
.support-division .division_box .listbox ul { margin:-25px 0 0 -30px; }
.support-division .division_box .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.support-division .division_box .listbox li { float:left; width:calc(33.333% - 30px); margin:25px 0 0 30px; text-align:center; box-shadow:5px 5px 10px #f0f0f0, -5px -5px 10px #f7f7f7; border-radius:0 0 10px 10px; }
.support-division .division_box .listbox li .imgbox { position:relative;}
.support-division .division_box .listbox li .imgbox:after { content: ""; display:block; padding-bottom:54.4%; }
.support-division .division_box .listbox li .imgbox img { position:absolute; left:0; top:0; width:calc(100% - 10px); height:100%; object-fit:cover; -o-object-fit:cover; width:100%; border-radius:10px; }
.support-division .division_box .listbox li .txtbox { width:100%; height:130px; display:flex; align-items:center; justify-content:center;  }
.support-division .division_box .listbox li .txtbox dt { position:relative; font-size:25px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.support-division .division_box .listbox li .txtbox dt:before {content:""; display:block; position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:10px; height:2px; background-color:#00aeef; }
.support-division .division_box .listbox li .txtbox dd { padding-top:18px; font-size:15px; color:#666; font-weight:300; letter-spacing:-0.02em; text-transform:uppercase; }
@media screen and (max-width:1024px) {
	.support-division .division_box .top_txt { font-size:18px; }
	.support-division .division_box .top_txt br { display:none; }
	.support-division .division_box .listbox li .txtbox dt { font-size:20px; }
	.support-division .division_box .listbox li .txtbox dt:before { top:-15px; }
	.support-division .division_box .listbox li .txtbox dd { padding-top:15px; font-size:14px; }
}
@media screen and (max-width:960px) {
	.support-division .division_box .listbox ul { margin:-20px 0 0 -20px; }
	.support-division .division_box .listbox li { width:calc(50% - 20px); margin:20px 0 0 20px; }
}
@media screen and (max-width:550px) {
	.support-division .division_box .listbox ul { margin:-20px 0 0 0; }
	.support-division .division_box .listbox li { width:100%; margin:20px 0 0 0; }
}

/* animation */
.support-division .division_box .top_txt,
.support-division .division_box .listbox li { opacity:0; }
.support-division .division_box .top_txt.subOn  { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(2) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(3) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(4) { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(5) { animation:ani_3 0.8s 1.1s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(6) { animation:ani_3 0.8s 1.3s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(7) { animation:ani_3 0.8s 1.5s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(8) { animation:ani_3 0.8s 1.7s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(9) { animation:ani_3 0.8s 1.9s; animation-fill-mode:both; }
.support-division .division_box .listbox.subOn li:nth-child(10) { animation:ani_3 0.8s 2.1s; animation-fill-mode:both; }


/* support-promotion */
.support-promotion .promotion_box { margin-top:35px; }
.support-promotion .brochure_box { }
.support-promotion .brochure_box ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.support-promotion .brochure_box ul { margin:-24px 0 0 -12px; }
.support-promotion .brochure_box li { float:left; width:calc(50% - 12px); margin:24px 0 0 12px; }
.support-promotion .brochure_box li > p { color:#111; font-size:20px; font-weight:600; letter-spacing:-0.02em; }
.support-promotion .brochure_box li .imgbox { margin-top:10px; width:100%; height:294px; padding:0 15%; text-align:center; display:flex; align-items:center; justify-content:center; background-color:#f0f0f0; border-radius:10px; }
.support-promotion .brochure_box li .imgbox img { max-width:100%; }
.support-promotion .brochure_box li .imgbox.logo { height:170px; }
.support-promotion .brochure_box li .imgbox.logo img { width:313px; }
.support-promotion .brochure_box.service li .imgbox { position:relative; }
.support-promotion .brochure_box.service li .imgbox:after { content: ""; display:block; padding-bottom:54.4%; }
.support-promotion .brochure_box.service li .imgbox img { position:absolute; left:0; top:0; width:calc(100% - 10px); height:100%; object-fit:cover; -o-object-fit:cover; width:100%; border-radius:10px; }
.support-promotion .brochure_box li .download { position:relative; padding-right:105px; margin-top:10px; }
.support-promotion .brochure_box li .download input { display:inline-block; vertical-align:middle; color:#666; font-size:15px; font-weight:300; letter-spacing:-0.02em; width:100%; outline:none; border:1px solid #f0f0f0; height:36px; line-height:36px; padding:0 20px; border-radius:5px; }
.support-promotion .brochure_box li .download a { position:absolute; right:0; top:0; width:100px; height:36px; display:flex; align-items:center; justify-content:center; background-color:#140c44; border-radius:5px; }
.support-promotion .brochure_box li .download a span { display:inline-block; padding:3px 0 3px 25px; color:#fff; font-size:12px; font-weight:300; letter-spacing:-0.02em; background:url(/img/sub/icon_down_w.png) left center no-repeat; }
.support-promotion .brochure_box li .download a.link span { padding:3px 20px 3px 0; background:url(/img/sub/icon_win_w.png) right center no-repeat; }
@media screen and (max-width:1024px) {
	.support-promotion .brochure_box li > p { font-size:18px; }
	.support-promotion .brochure_box li .download input { font-size:14px; }
	.support-promotion .brochure_box li .download a span { font-size:11px; }
	.support-promotion .brochure_box li .imgbox { padding:0 10%; }
}
@media screen and (max-width:760px) {
	.support-promotion .brochure_box ul { margin:0; }
	.support-promotion .brochure_box li { width:100%; margin:30px 0 0 0; }
	.support-promotion .brochure_box li:first-child { margin:0; }
	.support-promotion .brochure_box li .imgbox.logo img { width:250px; max-width:100%; }
}

/* animation */
.support-promotion .brochure_box li { opacity:0; } 
.support-promotion .brochure_box li.subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.support-promotion .brochure_box li:nth-child(2n).subOn { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }

/* support-ir */
.support-ir .financial_box { margin-top:35px; }
.support-ir .financial_box p.stxt { color:#666; font-size:14px; font-weight:300; letter-spacing:-0.02em; }
.support-ir .financial_box .dataTable { margin-top:8px; }
.support-ir .financial_box .dataTable table,
.support-ir .financial_box .dataTable th,
.support-ir .financial_box .dataTable td { border:none; }
.support-ir .financial_box .dataTable table { width:100%; border-top:2px solid #140c44; border-bottom:1px solid #140c44; }
.support-ir .financial_box .dataTable thead th { height:70px; word-break:keep-all; text-align:center; color:#140c44; font-size:18px; font-weight:500; letter-spacing:-0.02em; border-bottom:2px solid #140c44; background-color:#f9f9f9; }
.support-ir .financial_box .dataTable tbody td { padding:23px 5px; text-align:center; color:#222; font-size:15px; font-weight:300; letter-spacing:-0.02em; line-height:120%; border-top:1px solid #dcdcdc; }
.support-ir .financial_box .dataTable tbody tr:first-child td { border-top:none; }
.support-ir .financial_box .dataTable tbody tr.tr-f td { font-size:19px; color:#222; font-weight:600; background:none }
.support-ir .financial_box .dataTable tbody tr.total td { color:#140c44; font-size:18px; font-weight:500; background-color:#f9f9f9; }
.support-ir .financial_box .dataTable tfoot td { padding:23px 5px; text-align:center; color:#140c44; font-size:18px; font-weight:500; background-color:#f9f9f9; border-top:2px solid #140c44;  border-bottom:2px solid #140c44; }
@media screen and (max-width:1024px) {
	.support-ir .financial_box .dataTable thead th { height:60px; font-size:16px; }
	.support-ir .financial_box .dataTable col.col1 { width:120px !important; }
	.support-ir .financial_box .dataTable tbody td { padding:20px 5px; font-size:14px; }
	.support-ir .financial_box .dataTable tbody tr.total td { font-size:16px; }
	.support-ir .financial_box .dataTable tfoot td { padding:20px 5px; font-size:16px; }
}
@media screen and (max-width:640px) {
	.support-ir .financial_box .dataTable col.col1 { width:70px !important; }
}

/* animation */
.support-ir .financial_box { opacity:0; }
.support-ir .financial_box.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

/* support-announcemen */
.support-announcemen .announcemen_box { margin-top:50px; }
.support-announcemen .announcemen_box dl { margin-top:50px; }
.support-announcemen .announcemen_box dl:first-child { margin-top:0; }
.support-announcemen .announcemen_box dl dt { font-size:30px; color:#00aeef; font-weight:600; letter-spacing:-0.02em; font-family:'Readex Pro', sans-serif; }
.support-announcemen .announcemen_box dl dd { margin-top:20px; border-top:2px solid #140c44; }
.support-announcemen .announcemen_box dl dd li { border-bottom:1px solid #dcdcdc; }
.support-announcemen .announcemen_box dl dd li .subjectBox {  position:relative; padding:28px 215px 28px 28px; cursor:pointer; }
.support-announcemen .announcemen_box dl dd li .subjectBox strong { color:#666; font-size:17px; font-weight:300; letter-spacing:-0.02em; line-height:130%; }
.support-announcemen .announcemen_box dl dd li.on .subjectBox strong { color:#140c44; font-weight:500; }
.support-announcemen .announcemen_box dl dd li .subjectBox:after {content:""; display:block; position:absolute; right:54px; top:50%; width:14px; height:9px; margin-top:-4.5px; background:url(/img/sub/icon_arr_down.png) center center no-repeat; transition:all 0.3s ease-in-out; }
.support-announcemen .announcemen_box dl dd li.on .subjectBox:after { background:url(/img/sub/icon_arr_up.png) center center no-repeat; }
.support-announcemen .announcemen_box dl dd li .subjectBox span { position:absolute; right:122px; top:50%; transform:translateY(-50%); color:#666; font-size:15px; font-weight:300; letter-spacing:-0.02em; }
.support-announcemen .announcemen_box dl dd li .contentBox { position:relative; padding:22px 160px 22px 28px; background-color:#f9f9f9; border-top:1px solid #dcdcdc; }
.support-announcemen .announcemen_box dl dd li .contentBox .btn { position:absolute; right:44px; top:50%; transform:translateY(-50%); width:100px; height:36px; display:flex; align-items:center; justify-content:center; background-color:#140c44; border-radius:5px; }
.support-announcemen .announcemen_box dl dd li .contentBox .btn span { display:inline-block; padding:3px 0 3px 25px; color:#fff; font-size:12px; font-weight:300; letter-spacing:-0.02em; background:url(/img/sub/icon_down_w.png) left center no-repeat; }
@media screen and (max-width:1024px) {
	.support-announcemen .announcemen_box dl { margin-top:40px; }
	.support-announcemen .announcemen_box dl dt { font-size:24px; }
	.support-announcemen .announcemen_box dl dd { margin-top:25px; }
	.support-announcemen .announcemen_box dl dd li .subjectBox { padding:22px 130px 22px 15px; }
	.support-announcemen .announcemen_box dl dd li .subjectBox strong { font-size:16px; }
	.support-announcemen .announcemen_box dl dd li .subjectBox:after { right:15px; }
	.support-announcemen .announcemen_box dl dd li .subjectBox span { right:40px; font-size:14px; }
	.support-announcemen .announcemen_box dl dd li .contentBox { padding:20px 130px 20px 15px;}
	.support-announcemen .announcemen_box dl dd li .contentBox .btn { right:15px; }
	.support-announcemen .announcemen_box dl dd li .contentBox .btn span { font-size:11px; }
}

/* animation */
.support-announcemen .announcemen_box dl { opacity:0; }
.support-announcemen .announcemen_box dl.subOn { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
	
	
/* recruit-interview */
.recruit-interview .interview_box { margin-top:50px; }
.recruit-interview .interview_box .search_box,
.ntb-area .ntb-search { position:relative; max-width:950px; margin:0 auto; padding:0; }
.recruit-interview .interview_box .search_box select,
.ntb-area .ntb-search select { display:inline-block; vertical-align:middle; width:210px; height:55px; line-height:55px; padding:0 25px; font-size:15px; color:#999; font-weight:400; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#f5f5f5 url(/img/sub/icon_select_down1.png) right center no-repeat; border-radius:5px; }
.recruit-interview .interview_box .search_box select::-ms-expand,
.ntb-area .ntb-search select::-ms-expand { display: none; }
.recruit-interview .interview_box .search_box .ipbtn,
.ntb-area .ntb-search .ipbtn { position:relative; display:inline-block; vertical-align:middle; width:calc(100% - 220px); margin-left:6px; }
.recruit-interview .interview_box .search_box .ipbtn input,
.ntb-area .ntb-search .ipbtn input { width:100%; height:55px; line-height:55px; padding:0 75px 0 25px; margin:0; right:0; font-size:15px; color:#999; font-weight:400; border:none; outline:none; background-color:#f5f5f5; border-radius:5px; }
.recruit-interview .interview_box .search_box .ipbtn .btn,
.ntb-area .ntb-search .ipbtn .btn { position:absolute; right:0; top:0; }
.recruit-interview .interview_box .search_box .ipbtn .btn button,
.ntb-area .ntb-search .ipbtn .btn input { padding:0; width:75px; height:55px; text-indent:-9999em; overflow:hidden; border:none; outline:none; background:url(/img/sub/btn_search.png) center center no-repeat; }
.recruit-interview .interview_box .listbox { margin-top:65px; }
.recruit-interview .interview_box .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.recruit-interview .interview_box .listbox ul { display:grid; gap:45px 30px; grid-template-columns:repeat(3, 1fr); }
.recruit-interview .interview_box .listbox li { }
.recruit-interview .interview_box .listbox li .imgbox { position:relative;}
.recruit-interview .interview_box .listbox li .imgbox:after { content: ""; display:block; padding-bottom:79.0%; }
.recruit-interview .interview_box .listbox li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; width:100%; border-radius:10px; }
.recruit-interview .interview_box .listbox li .txtbox { position:relative; padding:13px 90px 0 0; line-height:130%; }
.recruit-interview .interview_box .listbox li .txtbox strong { font-size:18px; color:#333; font-weight:400; letter-spacing:-0.02em; line-height:120%; max-height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.recruit-interview .interview_box .listbox li .txtbox span { position:absolute; right:2px; top:13px; font-family:'Readex Pro', sans-serif; font-size:16px; color:#999; font-weight:300; letter-spacing:-0.02em;}
.recruit-interview .interview_box .listbox .btn_more { margin-top:55px; }
.recruit-interview .interview_box .listbox .btn_more a { width:200px; height:55px; display:flex; align-items:center; justify-content:center; margin:0 auto; border:1px solid #140c44; border-radius:5px; background-color:#fff; }
.recruit-interview .interview_box .listbox .btn_more a span { font-size:15px; color:#140c44; font-weight:700; letter-spacing:-0.02em; padding:3px 22px 3px 0; display:inline-block; background:url(/img/sub/icon_plus.png) right center no-repeat; }
@media screen and (max-width:1024px) {
	.recruit-interview .interview_box .search_box select,
	.ntb-area .ntb-search select { height:45px; line-height:45px; padding:0 15px; }
	.recruit-interview .interview_box .search_box .ipbtn input,
	.ntb-area .ntb-search .ipbtn input { height:45px; line-height:45px; padding:0 75px 0 15px; }
	.recruit-interview .interview_box .search_box .ipbtn .btn button,
	.ntb-area .ntb-search .ipbtn .btn input { height:45px; }
	.recruit-interview .interview_box .listbox { margin-top:40px; }
	.recruit-interview .interview_box .listbox ul { gap:30px 20px; }
	.recruit-interview .interview_box .listbox li .txtbox strong { font-size:16px; max-height:44px; }
	.recruit-interview .interview_box .listbox li .txtbox span { font-size:14px; }
	.recruit-interview .interview_box .listbox .btn_more { margin-top:40px; }
	.recruit-interview .interview_box .listbox .btn_more a { height:45px; }
}
@media screen and (max-width:860px) {
	.recruit-interview .interview_box .search_box select,
	.ntb-area .ntb-search select { width:140px; }
	.recruit-interview .interview_box .search_box .ipbtn,
	.ntb-area .ntb-search .ipbtn { width:calc(100% - 150px); }
	.recruit-interview .interview_box .search_box .ipbtn input,
	.ntb-area .ntb-search .ipbtn input { padding:0 50px 0 15px; }
	.recruit-interview .interview_box .search_box .ipbtn .btn button,
	.ntb-area .ntb-search .ipbtn .btn input { width:50px; }
	.recruit-interview .interview_box .listbox ul { grid-template-columns:repeat(2, 1fr); }
	.recruit-interview .interview_box .listbox li .txtbox { min-height:55px; }
	.recruit-interview .interview_box .listbox .btn_more a { width:150px; }
}
@media screen and (max-width:550px) {
	.recruit-interview .interview_box .listbox ul { grid-template-columns:repeat(1, 1fr); gap:30px 0; }
	.recruit-interview .interview_box .listbox li .txtbox { min-height:auto; }
}
/* animation */
.recruit-interview .interview_box .search_box,
.recruit-interview .interview_box .listbox { opacity:0; } 
.recruit-interview .interview_box .search_box.subOn  { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
.recruit-interview .interview_box .listbox.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

.recruit-interview .interview_box .topbox { }
.recruit-interview .interview_box .topbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.recruit-interview .interview_box .topbox > div { float:left; width:50%; }
.recruit-interview .interview_box .topbox .txtbox { display:flex; align-items:center; padding-right:20px; }
.recruit-interview .interview_box .topbox .txtbox:before {content:""; display:block; padding-bottom:65.2%; }
.recruit-interview .interview_box .topbox .txtbox dt strong { margin-bottom:35px; display:block; font-family:'Readex Pro', sans-serif; font-size:13px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; }
.recruit-interview .interview_box .topbox .txtbox dt span { font-size:28px; color:#111; font-weight:700; letter-spacing:-0.02em; line-height:130%; }
.recruit-interview .interview_box .topbox .txtbox dd { padding-top:20px; font-size:16px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
.recruit-interview .interview_box .topbox .txtbox dd * { font-weight:revert; }
.recruit-interview .interview_box .topbox .imgbox { float:right; }
.recruit-interview .interview_box .topbox .imgbox img { width:100%; border-radius:15px; }
.recruit-interview .interview_box .view_box { margin-top:50px; padding:50px 0; background-color:#f9f9f9; }
.recruit-interview .interview_box .view_box dt { font-family:'Readex Pro', sans-serif; font-size:13px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; }
.recruit-interview .interview_box .view_box dd { padding-top:25px; font-size:16px; color:#666; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
.recruit-interview .interview_box .view_box dd * { font-weight:revert; }
.recruit-interview .btn_list { margin-top:55px; }
.recruit-interview .btn_list a { width:200px; height:55px; display:flex; align-items:center; justify-content:center; margin:0 auto; border:1px solid #140c44; border-radius:5px; background-color:#fff; }
.recruit-interview .btn_list a span { font-size:15px; color:#140c44; font-weight:700; letter-spacing:-0.02em; padding:3px 0 3px 0; }
@media screen and (max-width:1280px) {
	.recruit-interview .interview_box .topbox .txtbox dd br,
	.recruit-interview .interview_box .view_box dd br { display:none; }
}
@media screen and (max-width:1024px) {
	.recruit-interview .interview_box .topbox .txtbox dt strong { margin-bottom:25px; font-size:12px; }
	.recruit-interview .interview_box .topbox .txtbox dt span { font-size:22px; }
	.recruit-interview .interview_box .topbox .txtbox dd { font-size:15px; }
	.recruit-interview .interview_box .view_box dt { font-size:12px; }
	.recruit-interview .interview_box .view_box dd { padding-top:20px; font-size:15px; }
	.recruit-interview .btn_list { margin-top:40px; }
	.recruit-interview .btn_list a { height:45px; }
}
@media screen and (max-width:860px) {
	.recruit-interview .btn_list a { width:150px; }
}
@media screen and (max-width:760px) {
	.recruit-interview .interview_box .topbox > div { width:100%; }
	.recruit-interview .interview_box .topbox .txtbox { display:block; padding:40px 0 0;}
	.recruit-interview .interview_box .topbox .txtbox:before { display:none; }
	.recruit-interview .interview_box .topbox .txtbox dt strong { margin-bottom:15px; }
	.recruit-interview .interview_box .topbox .txtbox dt span { font-size:18px; }
	.recruit-interview .interview_box .view_box { margin-top:40px; padding:40px 0; }
}
/* animation */
.recruit-interview .interview_box .topbox > div,
.recruit-interview .interview_box .view_box dl { opacity:0; } 
.recruit-interview .interview_box .topbox.subOn .txtbox  { animation:ani_1 0.8s 0.8s; animation-fill-mode:both; }
.recruit-interview .interview_box .topbox.subOn .imgbox  { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.recruit-interview .interview_box .view_box dl.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

/* recruit-recruit */
.recruit-recruit .recruit_box { margin-top:50px; }

/* recruit-welfare */
.recruit-welfare .welfare_box { margin-top:60px; padding:60px 0; background-color:#f8f8f8; }
.recruit-welfare .welfare_box .toptxt { text-align:center; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; }
.recruit-welfare .welfare_box .toptxt span { display:block; margin-bottom:18px; font-size:35px; color:#333; font-weight:300; }
.recruit-welfare .welfare_box .toptxt span strong { font-weight:700; }
.recruit-welfare .welfare_box .listbox { margin-top:40px; }
.recruit-welfare .welfare_box .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.recruit-welfare .welfare_box .listbox ul { margin:-10px 0 0 -10px; }
.recruit-welfare .welfare_box .listbox li { float:left; width:calc(33.333% - 10px); margin:10px 0 0 10px; }
.recruit-welfare .welfare_box .listbox li .box { width:100%; height:248px; text-align:center; display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:10px; padding:0 10px; }
.recruit-welfare .welfare_box .listbox li .box .icon { margin:0 auto; display:block; width:70px; }
.recruit-welfare .welfare_box .listbox li .box dl { display:block; margin-top:25px; }
.recruit-welfare .welfare_box .listbox li .box dt { font-size:25px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.recruit-welfare .welfare_box .listbox li .box dd { padding-top:14px; font-size:17px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
@media screen and (max-width:1024px) {
	.recruit-welfare .welfare_box .toptxt { font-size:15px; }
	.recruit-welfare .welfare_box .toptxt span { margin-bottom:12px; font-size:24px; }
	.recruit-welfare .welfare_box .listbox li { width:calc(50% - 10px); }
	.recruit-welfare .welfare_box .listbox li .box dl { margin-top:20px; }
	.recruit-welfare .welfare_box .listbox li .box dt { font-size:20px; }
	.recruit-welfare .welfare_box .listbox li .box dd { padding-top:10px; font-size:15px; }
}
@media screen and (max-width:640px) {
	.recruit-welfare .welfare_box .toptxt span { margin-bottom:12px; font-size:20px; }
	.recruit-welfare .welfare_box .listbox ul { margin:-10px 0 0 0; }
	.recruit-welfare .welfare_box .listbox li { width:100%; margin:10px 0 0 0;}
	.recruit-welfare .welfare_box .listbox li .box { height:200px; }
	.recruit-welfare .welfare_box .listbox li .box dl { margin-top:10px; }
	.recruit-welfare .welfare_box .listbox li .box dt { font-size:18px; }
	.recruit-welfare .welfare_box .listbox li .box dd { padding-top:8px; font-size:15px; }
}

/* animation */
.recruit-welfare .welfare_box .toptxt,
.recruit-welfare .welfare_box .listbox li { opacity:0; } 
.recruit-welfare .welfare_box .toptxt.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.recruit-welfare .welfare_box .listbox li:nth-child(2n+1).subOn { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.recruit-welfare .welfare_box .listbox li:nth-child(2n).subOn { animation:bgs4 0.8s 0.8s; animation-fill-mode:both; }
@media screen and (max-width:640px) {
.recruit-welfare .welfare_box .listbox li:nth-child(2n).subOn { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
}




/* board */
.board_list { margin:80px 0 0 0; }
.board_list .top { display:table; width:100%; padding:18px 0; border-top:1px solid #333; background-color:#fff; }
.board_list .top .col { position:relative; color:#333; font-size:18px; font-weight:400; }
.board_list .col { display:table-cell; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.board_list .col_1 { width:100px; }
.board_list .col_2 { width:calc(100% - 470px); }
.board_list .col_3 { width:250px; }
.board_list .col_4 { width:120px; }
.board_list ul { border-bottom:1px solid #e6e6e6; }
.board_list ul li {  border-top:1px solid #e6e6e6; }
.board_list ul li .col { color:#444; font-size:15px; font-weight:400; vertical-align:middle; }
.board_list ul li .col_2 { text-align:left; word-break:break-all; color:#444; font-weight:400; }
.board_list ul li .col_2 span { display:block; overflow:hidden; text-overflow:ellipsis; width:100%; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.board_list ul li a { padding:18px 0; display:table; width:100%; }
@media screen and (max-width:1400px){
	.board_list .col_1 { width:100px; }
	.board_list .col_2 { width:calc(100% - 460px); }
	.board_list .col_3 { width:240px; }
	.board_list .col_4 { width:120px; }
}
@media screen and (max-width:1024px){
	.board_list { margin:65px 0 0 0; }
	.board_list .top { padding:15px 0; }
	.board_list .top .col { font-size:16px; }
	.board_list .col_1 { width:90px; }
	.board_list .col_2 { width:calc(100% - 370px); }
	.board_list .col_3 { width:180px; }
	.board_list .col_4 { width:100px; }
	.board_list ul li a { padding:15px 0; }
	.board_list ul li .col_2 { line-height:22px; }
}
@media screen and (max-width:860px){
	.board_list .col_1 { width:80px; }
	.board_list .col_2 { width:calc(100% - 310px); }
	.board_list .col_3 { width:150px; }
	.board_list .col_4 { width:80px; }
}
@media screen and (max-width:640px){
	.board_list { margin:45px 0 0 0; }
	.board_list .top { display:none; }
	.board_list .col { display:inline-block; text-align:left; position:relative;  margin:0 0 0 15px; padding:0 0 0 15px; width:auto !important; }
	.board_list .col:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#e0e0e0; }
	.board_list ul { border-top:1px solid #333; }
	.board_list li:first-child { border-top:none; }
	.board_list ul li a  { position:relative; display:block; padding:18px 0 18px 60px; }
	.board_list .col_1:before,
	.board_list .col_2:before,
	.board_list .col_3:before  { display:none; }
	.board_list .col_1,
	.board_list .col_2,
	.board_list .col_3 { margin:0; padding:0;  }
	.board_list .col_4 { margin:0 0 0 15px; padding:0 0 0 17px;  }
	.board_list .col_1 { position:absolute; left:0; top:50%; transform:translateY(-50%); width:60px !important; text-align:center; display:block;  }
	.board_list .col_2 { width:calc(100% - 60px) !important; margin:0 0 5px 0; display:block; }
}


/* view */
.board-view { margin:80px 0 0 0; }
.board-view .viewTop { text-align:center; padding:44px 0; border-top:1px solid #333;}
.board-view .viewTop .title { font-size:22px; line-height:160%; font-weight:500; color:#000; }
.board-view .viewTop .stxt { margin:16px 0 0 0; font-size:15px; font-weight:400; color:#888; }
.board-view .viewTop .date { padding-right:16px; }
.board-view .viewTop .hits { position:relative; padding-left:18px; }
.board-view .viewTop .hits:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#dbdbdb; }
.board-view .viewCont { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:0 40px; }
.board-view .viewCont .contBox { padding:0 0 50px 0; min-height:200px; color:#666; line-height:24px; font-size:16px; }
.board-view .viewCont .contBox img { max-width:100%; }
.board-view .file { padding:22px 0 17px 0; }
.board-view .file:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.board-view .file li { box-sizing:border-box; }
.board-view .file li a { position:relative; display:inline-block; background-color:#172e82; padding:10px 35px 10px 20px; margin:0 0 0 20px; font-size:14px; font-weight:300; vertical-align:middle; color:#fff; box-sizing:border-box; }
.board-view .file li a:after { content:""; display:block; position:absolute; left:-10px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#dbdbdb; }
.board-view .file li a:before{  content:""; display:block; position:absolute; top:50%; right:10px; width:15px; height:15px;; transform:translateY(calc(-50% + 0.5px)); background:url(/img/sub/icon_newwin_w.png) center center no-repeat; }
.board-view .file li span { position:relative; padding:3px 0 3px 22px; font-size:15px; color:#666; vertical-align:middle; }
.board-view .file li span:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:17px; height:17px; background:url(/img/sub/icon_file.png) left center no-repeat; }
@media screen and (max-width:1250px){
	.board-view .viewbottom .btn_list { top:-16px; width:70px; height:70px; }
}
@media screen and (max-width:1024px){
	.board-view .viewTop .title { font-size:30px; line-height:40px; }
	.board-view .viewTop .date { margin:15px 0 0 0; font-size:16px; }
	.board-view .viewCont { margin:40px 0 0 0; min-height:150px; padding:0 10px; }
	.board-view .file li { margin:5px 0 0 0; width:100%; }
}
@media screen and (max-width:640px){
	.board-view .viewTop .title { font-size:20px; line-height:26px; }
	.board-view .viewTop .date { margin:14px 0 0 0; font-size:14px; }
	.board-view .viewCont { margin:30px 0 0 0; min-height:100px; }
	.board-view .file li a { font-size:14px; }
}

.board-view .btnBox { margin:100px 0 0 0; }
.board-view .btnBox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.board-view .btnBox .btn_left { float:left; }
.board-view .btnBox .btn_right { float:right; }
.board-view .btnBox a { box-sizing:border-box; display:inline-block; }
.board-view .btnBox .btn_list { width:240px; text-align:center; padding:28px 0; color:#666; font-size:18px; border:1px solid #aaa; background-color:#fff; box-sizing:border-box; }
.board-view .btnBox .btn_center { text-align:center; }

.board-view .btn_prevnext {  }
.board-view .btn_prevnext li { border-bottom:1px solid #e6e6e6; position:relative; padding:19px 20px 19px 230px; box-sizing:border-box; color:#888; font-size:15px; }
.board-view .btn_prevnext li strong { position:absolute; left:0; top:0; padding:19px 0; box-sizing:border-box; color:#666; font-size:15px; text-align:center; width:200px;  background-color:#f8f8f8; }
.board-view .btn_prevnext li a { color:#888; font-size:15px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media screen and (max-width:1024px){
	.board-view .btnBox { margin:70px 0 0 0; }
	.board-view .btnBox .btn_list { font-size:15px; width:200px; padding:22px 0; }
}
@media screen and (max-width:640px){
	.board-view .btnBox { margin:50px 0 0 0; }
	.board-view .btnBox .btn_list { font-size:15px; width:100%; padding:20px 0; }
	.board-view .btn_prevnext li { padding:15px 20px 15px 95px; color:#ddd; font-size:14px; }
	.board-view .btn_prevnext li strong { padding:15px 0; font-size:14px; width:80px; }
	.board-view .btn_prevnext li a { color:#ddd; font-size:14px; }
}

.board-box .board-search { position:relative; margin:65px 0 0  0; text-align:center;  }
.board-box .board-search select { display:inline-block; vertical-align:middle; width:120px; padding:0 10px; border:none; border-bottom:1px solid #666; outline:none; line-height:60px; height:60px; font-size:18px; font-weight:400; color:#333; box-sizing:border-box; background-color:#fff; }
.board-box .board-search select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down1.png) right center no-repeat; }
.board-box .board-search select::-ms-expand { display:none; }
.board-box .board-search input[type="text"] { display:inline-block; text-align:left; vertical-align:middle; margin:0 0 0 4px; width:600px; padding:0 10px; line-height:60px; height:60px; border:none; border-bottom:1px solid #666; outline:none; font-size:18px; font-weight:400; color:#333; box-sizing:border-box; background-color:#fff; }
.board-box .board-search input[type="submit"] { position:relative; vertical-align:middle; width:150px; padding-right:25px; line-height:60px; height:60px; color:#fff; font-size:15px; font-weight:300; outline:none; border:none; background:#13235d; box-sizing:border-box; }
.board-box .board-search .btn_search { position:relative; margin:0 0 0 4px; }
.board-box .board-search .btn_search:after { content:""; display:block; position:absolute; right:37px; top:50%; transform:translateY(-50%); width:15px; height:14px; background:url(/img/sub/btn_search.png) center center no-repeat; }
.board-box .page { margin:75px auto 0 auto !important; text-align:center; padding:0 !important; } 
.board-box .page a { position:relative; font-size:15px !important; line-height:40px !important; font-family:'Poppins', 'Noto Sans KR', sans-serif !important; font-weight:400 !important; color:#222 !important; border:none !important; padding:0 10px !important; min-width:20px !important; margin:0 -5px !important; }
.board-box .page ul { display:inline-block; }
.board-box .page li { display:inline-block; vertical-align:middle; margin:0 2px !important;}
.board-box .page li.on a { font-weight:600 !important; color:#fff !important; background-color:#13235d !important; border:none !important; border-radius:50px; }
.board-box .page li:hover a,
.board-box .page li a:hover { border:none !important; background:none !important; }
.board-box .page li.on:hover a  { background-color:#13235d !important; }
.board-box .page .btn_pn { display:inline-block; vertical-align:middle; }
.board-box .page .btn_prev a { display:block; vertical-align:middle; height:40px; padding:0 !important; width:25px !important; margin-right:15px !important; overflow:hidden; border:none !important;  text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.board-box .page .btn_next a { display:block; vertical-align:middle; height:40px; padding:0 !important; width:25px !important; margin-left:15px !important; overflow:hidden; border:none !important; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.board-box .page .btn_first a { display:block; vertical-align:middle; height:40px; padding:0 !important; width:25px !important; margin-right:0 !important; overflow:hidden; border:none !important;  text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.board-box .page .btn_last a { display:block; vertical-align:middle; height:40px; padding:0 !important; width:25px !important;  margin-left:0 !important; overflow:hidden; border:none !important; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.board-box .page li span { color:#aaa; display:block;  margin-top:-10px; font-weight:800; }
.board-box ::-webkit-input-placeholder { color:#999; opacity:1; font-weight:300; }
.board-box :-moz-input-placeholder { color:#999; opacity:1; font-weight:300; }
.board-box ::-moz-input-placeholder { color:#999; opacity:1; font-weight:300; }
.board-box :-ms-input-placeholder { color:#999; opacity:1; font-weight:300; }
.board-box :input-placeholder { color:#999; opacity:1; font-weight:300; }
.board-box ::-webkit-select-placeholder { color:#999; opacity:1; font-weight:300; }
.board-box  :-moz-placeholder { color:#999; opacity:1; font-weight:300; }
.board-box ::-moz-placeholder { color:#999; opacity:1; font-weight:300; }
.board-box ::placeholder { color:#999; opacity:1; font-weight:300; }
.board-box :-ms-select-placeholder { color:#999; opacity:1; font-weight:300; }
@media screen and (max-width:1440px){
	.board-box { padding:0 20px; }
}
@media screen and (max-width:1024px){
	.board-box .board-search { margin:50px 0 0 0; }
	.board-box .board-search select { width:120px; padding:0 10px; line-height:55px; height:55px; font-size:16px; }
	.board-box .board-search input[type="text"] { width:300px; padding:0 10px; line-height:55px; height:55px; font-size:16px; }
	.board-box .board-search input[type="submit"] {width:120px; line-height:55px; height:55px; }
	.board-box .board-search .btn_search:after { right:27px; }
}
@media screen and (max-width:640px){
	.board-box .board-search { margin:40px 0 0  0; }
	.board-box .board-search select { width:110px; padding:0 5px; line-height:45px; height:45px; font-size:15px; }
	.board-box .board-search input[type="text"] { width:calc(100% - 226px); padding:0 5px; line-height:45px; height:45px; font-size:15px; }
	.board-box .board-search input[type="submit"] {width:100px; line-height:45px; height:45px; }
	.board-box .board-search .btn_search:after { right:17px; }
	.board-box .page { margin:30px auto 0 auto !important; }
	.board-box .page a { font-size:16px !important; line-height:35px !important; }
}

/* animation */
.board-box,
.ethical_declare { opacity:0; }
.media-mediacoverage.subOn .board-box,
.media-companynews.subOn .board-box,
.researchBox.subOn .board-box,
.ethical_declare.subOn,
.trackRecord .board-box { animation:ani_3 1.0s 0.3s; animation-fill-mode:both; }


.information-box .sub_inner { margin-top:50px; }
.information-box .sub_inner { opacity:0; }
.information-box .sub_inner.subOn { animation:ani_3 1.0s 1.0s; animation-fill-mode:both; }
.information-box .sub_inner img { max-width:100%; }
.information-box .subContTitle { padding:0 20px; }


/* ntb-area */
.ntb-area .gallery li { border-radius:10px; border:none; padding:8px 0 0 8px;  }
.ntb-area .gallery li a { border-radius:10px; border:none; box-shadow:3px 3px 7px #eaeaea, -3px -3px 7px #eaeaea; }
.ntb-area .gallery #newList li { border:none; }

.ntb-area .bbs-article { border-top:2px solid #140c44; }
.ntb-area .bbs-article li { border-bottom:1px solid #dcdcdc; }
.ntb-area .bbs-article .thum-img img { border-radius:10px; border:none; box-shadow:3px 3px 7px #eaeaea, -3px -3px 7px #eaeaea; }
.ntb-area .bbs-article li .cont { position:relative; height:100%; display: table-cell; }
.ntb-area .bbs-article li div { padding:15px 15px; }
.ntb-area .bbs-article li div p.tit { padding:5px 0 0;  height:auto; }
.ntb-area .bbs-article li div p.tit a { color:#666; font-size:17px; font-weight:500; letter-spacing:-0.02em; line-height:130%; }
.ntb-area .bbs-article li div p.con { padding-top:8px; color:#666; font-size:15px; font-weight:300; letter-spacing:-0.02em; line-height:140%; max-height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ntb-area .bbs-article li .date { position:absolute; left:15px; bottom:30px; color:#999; font-size:15px; font-weight:300; letter-spacing:-0.02em; }
.ntb-area .bbs-article li .date .sub_t { display:none; }
@media screen and (max-width:1024px){
	.ntb-area .bbs-article li div p.tit a { font-size:16px; }
	.ntb-area .bbs-article li .date { bottom:20px; font-size:13px; }
	.ntb-area .bbs-article li div p.con { padding-top:5px; font-size:14px; max-height:55px; }
}
@media screen and (max-width:760px){
	.ntb-area .bbs-article li div p.con { display:-webkit-box; -webkit-line-clamp:2; }
}
@media screen and (max-width:640px){
	.ntb-area .bbs-article li div { padding:15px 10px; }
	.ntb-area .bbs-article li div p.con { padding-top:3px; }
	.ntb-area .bbs-article li .date { left:10px; }
}
@media screen and (max-width:540px){
	.ntb-area .bbs-article li div p.tit { padding:0; }
	.ntb-area .bbs-article li div p.tit a { font-size:15px; max-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
	.ntb-area .bbs-article li .date { bottom:10px; font-size:13px; }
	.ntb-area .bbs-article li div p.con { font-size:14px; }
	.ntb-area .bbs-article li div { padding:18px 10px 20px 10px; }
}
.ntb-area .gallery,
.ntb-area .bbs-article { animation:ani_3 1.0s 1.0s; animation-fill-mode:both; }

.list_board .lst-head { border-bottom:1px solid #dcdcdc; border-top:2px solid #140c44; }
.list_board .ntb-list.lst-head li div { padding:1.1em 0; color:#666; font-size:17px; font-weight:500; letter-spacing:-0.02em; line-height:130%; }
.list_board .ntb-list.lst-body li .td { padding:0.5em 0; color:#999; font-size:16px; font-weight:300; letter-spacing:-0.02em; line-height:130%; }
.list_board .ntb-list.lst-body li .td a { color:#999; }
.list_board .ntb-list.lst-body li .td .AXButtonSmall { outline:none; box-shadow:none; font-size:13px; color:#666; font-weight:300; letter-spacing:-0.02em; width:75px; height:32px; border-radius:5px; }
.list_board .ntb-list.lst-body li .td .AXButtonSmall.Classic { color:#fff; background-color:#dbdbdb; }
.list_board .ntb-list.lst-body li .td .AXButtonSmall.Blue { color:#fff; background-color:#140c44; }
@media screen and (max-width:1024px){
	.list_board .ntb-list.lst-head li div { font-size:15px; }
	.list_board .ntb-list.lst-body li .td { font-size:14px; }
	.list_board .ntb-list.lst-body li .td .AXButtonSmall { font-size:12px; width:60px; height:28px; }
	
	.paging { margin-top:50px; }
}
@media screen and (max-width:640px){
	.list_board .lst-head { border-bottom:none; }
	.list_board .ntb-list.lst-body li { padding:20px 10px; }
	.list_board .ntb-list.lst-body li .td { padding:0; margin:0; }
	.list_board .ntb-list.lst-body li .inf { margin-top:10px; border:none; }
	.list_board .ntb-list.lst-body li .col_hit { margin:6px 20px 0 20px; border:none; }
	.list_board .ntb-list.lst-body li .td .AXButtonSmall { font-size:11px; width:50px; height:25px; border:none; }
	
	.paging { margin-top:30px; }
}

.ntb-tb-view th.view_tit { border-top:2px solid #140c44; border-bottom:1px solid #dcdcdc; padding:1.4em 0; color:#333; font-size:18px; font-weight:400; letter-spacing:-0.02em; line-height:130%; }
.ntb-tb-view th.view_tit .AXButtonSmall { vertical-align:middle; margin:0 10px; font-size:13px; color:#666; font-weight:300; letter-spacing:-0.02em; width:75px; height:32px; background-color:#140c44; border-radius:5px; }
.ntb-tb-view th.view_tit .AXButtonSmall.Classic { color:#fff; background-color:#dbdbdb; }
.ntb-tb-view th.view_tit .AXButtonSmall.Blue { color:#fff; background-color:#140c44; }
.ntb-tb-view th { border-right:1px solid #dcdcdc; color:#666; font-size:17px; font-weight:400; letter-spacing:-0.02em; line-height:130%; }
.ntb-tb-view td { border-bottom:1px solid #dcdcdc; color:#666; font-size:17px; font-weight:300; letter-spacing:-0.02em; line-height:130%; }
.recruit_box .ntb-tb-view col:first-child { width:150px !important; }
.ntb-tb-view .left { padding-left:40px;}

.ntb-tb-view-btn { margin:40px auto 60px auto; width:170px !important; }
.ntb-tb-view-btn input[type="button"],
.ntb-tb-view-btn input[type="button"]:hover,
.ntb-tb-view-btn input[type="button"]:active{ outline:none; box-shadow:none; border:1px solid #140c44; font-size:15px; color:#140c44; font-weight:700; letter-spacing:-0.02em; width:100%; height:55px; background-color:#fff; border-radius:5px; }

@media screen and (max-width:640px){
	.recruit_box .ntb-tb-view col:first-child { width:80px !important; }
	.ntb-tb-view .left { padding-left:20px;}
	.ntb-tb-view th,
	.ntb-tb-view td { font-size:15px; }
	.ntb-tb-view th.view_tit { font-size:16px; }
	.ntb-tb-view th.view_tit .AXButtonSmall {  font-size:11px; width:50px; height:25px; border:none; }
	.ntb-tb-view-btn { margin:30px auto 50px auto; width:140px !important; }
	.ntb-tb-view-btn input[type="button"],
	.ntb-tb-view-btn input[type="button"]:hover,
	.ntb-tb-view-btn input[type="button"]:active{ font-size:14px; height:45px; }
}

.recruit_box .sub_inner { animation:ani_3 1.0s 1.0s; animation-fill-mode:both; }