@charset "utf-8";
.subVisual { position:relative; width:100%; height:360px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover !important; overflow:hidden; }
.subVisual.subv1 { background:url(/img/sub/bg_subVisual1.jpg); }
.subVisual.subv2 { background:url(/img/sub/bg_subVisual2.jpg); }
.subVisual.subv3 { background:url(/img/sub/bg_subVisual3.jpg); }
.subVisual.subv4 { background:url(/img/sub/bg_subVisual4.jpg); }
.subVisual.subv5 { background:url(/img/sub/bg_subVisual5.jpg); }
.subVisual.subv10 { background:url(/img/sub/bg_subVisual4.jpg); }
@media screen and (max-width:1280px){
	.subVisual { height:310px; }
}
@media screen and (max-width:1024px){
	.subVisual { height:260px; }
}
@media screen and (max-width:760px){
	.subVisual { height:220px; }
}
/*
@media screen and (max-width:1280px){
	.subVisual { height:380px; }
}
@media screen and (max-width:1024px){
	.subVisual { height:320px; }
}
@media screen and (max-width:760px){
	.subVisual { height:250px; }
}
*/

.inner { position:relative; max-width:1400px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }

/* title */
.contTitle { position:absolute; left:50%; top:50%; text-align:left; max-width:1400px; width:100%; margin:0 auto; box-sizing:border-box; transform:translate(-50%, -50%); overflow:hidden; }
.contTitle .subTitle { position:relative; font-size:62px; color:#fff; font-weight:200; letter-spacing:-0.02em; text-transform:uppercase; }
.contTitle .subTitle span { font-weight:200; }
.subVisual.subv2 .contTitle .subTitle span:nth-child(6) { display:block; }
@media screen and (max-width:1440px){
	.contTitle { margin-top:20px; }
	.contTitle .subTitle { padding:0 40px; }
}
@media screen and (max-width:1280px){
	.contTitle .subTitle { font-size:55px; }
}
@media screen and (max-width:1024px){
	.contTitle .subTitle { font-size:45px; padding:0 20px; text-align:center; }
	.subVisual.subv2 .contTitle .subTitle span:nth-child(6) { display:inline-block; }
}
@media screen and (max-width:760px){
	.contTitle .subTitle { font-size:40px; }
}
@media screen and (max-width:640px){
	.contTitle .subTitle { font-size:35px; }
}
#contents { padding:175px 0; }
@media screen and (max-width:1440px){
	#contents { padding:150px 0; }
}
@media screen and (max-width:1024px){
	#contents { padding:140px 0; }
}
@media screen and (max-width:640px){
	#contents { padding:130px 0; }
	.contTitle .subTitle span { min-width:15px; }
}

/* tabmenu */
.tabmenu {}
.tabmenu ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.tabmenu li { float:left; }
.tabmenu.m2 li { width:50%; }
.tabmenu.m3 li { width:33.333%; }
.tabmenu.m4 li { width:25%; }
.tabmenu.m5 li { width:20%; }

.subTabmenu { margin:95px 0 0 0; }
.subTabmenu li { opacity:0; text-align:center; display:table; margin-left:-1px; }
.subTabmenu li a { display:table-cell; width:100%; height:60px; vertical-align:middle; border:1px solid #aaa; color:#222; font-weight:400; font-size:18px; transition:all 0.3s ease-in-out; }
.subTabmenu li.on a { border:1px solid #172e82; background-color:#172e82; color:#fff; }
.subtabCont { margin:60px 0 0 0; }
.subtabCont .tcont { opacity:0; visibility:hidden; height:0; transition:all 0.3s ease-in-out; overflow:hidden; }
.subtabCont .tcont.active { opacity:1; visibility:visible; height:auto; }
@media screen and (max-width:1440px){
}
@media screen and (max-width:1280px){
	.subTabmenu { margin:70px 0 0 0; }
	.subTabmenu li a { height:56px; font-size:17px; }
}
@media screen and (max-width:1024px){
	.subTabmenu { margin:50px 0 0 0; }
	.subTabmenu li a { height:50px; font-size:16px; }
	.subtabCont { margin:50px 0 0 0; }
}
@media screen and (max-width:640px){
	.subTabmenu { margin:40px 0 0 0; }
	.subTabmenu li a { height:45px; font-size:15px; }
	.subtabCont { margin:30px 0 0 0; }
}
.subTabmenuCont { margin-top:75px; }
.subTabmenuCont ul { margin:0; text-align:center;}
.subTabmenuCont li { text-align:center; margin:0 -2px; display:inline-block; vertical-align:top; }
.subTabmenuCont li a { display:flex; align-items:center; justify-content:center; width:100%; height:66px; vertical-align:middle; border:1px solid #13235d; color:#13235d; font-weight:400; font-size:18px; letter-spacing:-0.02em; transition:all 0.3s ease-in-out; box-sizing:border-box;}
.subTabmenuCont li.on a { color:#fff; border:1px solid #13235d; background-color:#13235d }
.subTabmenuCont.m2 li { width:300px; } 
.subTabmenuCont.m3 li { width:300px; } 
.subTabmenuCont.m4 li { width:calc(25% - 80px); } 
.subTabmenuCont.m5 li { width:calc(20% - 50px); } 
.subTabmenuCont.m6 li { width:calc(16.66% - 50px); } 
@media screen and (max-width:1440px){
	.subTabmenuCont { padding:0 20px; }
	.subTabmenuCont ul { margin:0 0 0 -20px; }
	.subTabmenuCont li { margin:0 0 0 20px; }
	.subTabmenuCont.m3 li { width:calc(33.33% - 24px); }
	.subTabmenuCont.m4 li { width:calc(25% - 24px); } 
	.subTabmenuCont.m5 ul,
	.subTabmenuCont.m6 ul { margin:0 0 0 -15px; }
	.subTabmenuCont.m5 li { margin:0 0 0 15px; width:calc(20% - 19px); } 
	.subTabmenuCont.m6 li { margin:0 0 0 15px; width:calc(16.66% - 19px); } 
}
@media screen and (max-width:1024px){
	.subTabmenuCont { margin-top:50px; }
	.subTabmenuCont ul { margin:0 0 0 -15px; }
	.subTabmenuCont li { margin:0 0 0 15px; }
	.subTabmenuCont li a { height:55px; font-size:17px; }
	.subTabmenuCont.m3 li { width:calc(33.33% - 19px); } 
	.subTabmenuCont.m4 li { width:calc(25% - 19px); } 
	.subTabmenuCont.m5 ul,
	.subTabmenuCont.m6 ul { margin:0 0 0 -15px; }
	.subTabmenuCont.m5 li,
	.subTabmenuCont.m6 li { margin:15px 0 0 15px; width:calc(33% - 19px); } 
}
@media screen and (max-width:760px){
	.subTabmenuCont.m2 li { width:calc(50% - 19px); } 
}
@media screen and (max-width:640px){
	.subTabmenuCont { margin-top:40px; }
	.subTabmenuCont li a { height:50px; font-size:16px; }
	.subTabmenuCont ul,
	.subTabmenuCont.m5 ul,
	.subTabmenuCont.m6 ul { margin:0 0 0 -10px !important; }
	.subTabmenuCont li,
	.subTabmenuCont.m5 li,
	.subTabmenuCont.m6 li { margin:10px 0 0 10px !important; width:calc(50% - 14px) !important; } 
}

.submenubox { position:relative; z-index:3; margin-top:-55px; display:block; float:right; z-index:33; box-sizing:border-box; padding:0; min-width:1180px; height:55px; background-color:#172e82; }
.submenubox * { box-sizing:border-box; }
.submenubox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.submenubox .home { display:inline-block; float:left; vertical-align:middle; width:55px; height:55px; text-indent:-9999em; overflow:hidden; background:#15286d url(/img/sub/icon_home.png) center center no-repeat;}
.submenubox .sub_depth { position:relative; float:left; vertical-align:middle; width:250px; display:inline-block; padding:0 0 0 30px; z-index:2; border-right:1px solid rgba(255,255,255,0.1);}
.submenubox .sub_depth.sub_depth2 { width:300px; }
.submenubox .sub_depth p { position:relative; cursor:pointer; color:rgba(255,255,255,0.8); font-weight:300; font-size:17px; }
.submenubox .sub_depth p span { display:flex; align-items:center; width:100%; height:55px; font-weight:300; }
.submenubox .sub_depth p:after {content:""; display:block; width:10px; height:10px; position:absolute; right:25px; top:50%; transform:translateY(-50%); background:url(/img/sub/icon_down_s.png) left center no-repeat; transition:all .3s ease-in-out; }
.submenubox .sub_depth p.ov:after { background:url(/img/sub/icon_up_s.png) left center no-repeat; }
.submenubox .sub_depth > ul { position:absolute; top:55px; left:0; width:100%; padding:0; background:#f0f2f8; }
.submenubox .sub_depth .subDepth { position:absolute; top:55px; left:0; width:100%; padding:0; background:#f0f2f8; }
.submenubox .sub_depth .subDepth ul { position:relative; top:0; left:0; width:100%; padding:0; background:#f0f2f8; }
.submenubox .sub_depth li { position:relative; margin:0; padding:0; text-align:left;}
.submenubox .sub_depth li br { display:none; }
.submenubox .sub_depth li:first-child { padding:0; }
.submenubox .sub_depth li a { padding:0 20px; display:flex; align-items:center; height:55px; width:100%; color:#555; font-weight:300; font-size:17px; transition:all 0.3s; }
.submenubox .sub_depth li a:hover,
.submenubox .sub_depth li.on a { color:#fff; background-color:#172e82;}
.submenubox .sub_depth > ul,
.submenubox .sub_depth .subDepth{ z-index:-22; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; }
.submenubox .sub_depth > ul.on,
.submenubox .sub_depth .subDepth.on{ z-index:2; opacity:1; visibility:visible;}
/*.submenubox .sub_depth li a { animation:ani_5 0.3s; animation-fill-mode:forwards;  }*/
@media screen and (max-width:1200px){
	.submenubox  { min-width:auto; width:100%;  }
}
@media screen and (max-width:1024px){
	.submenubox { height:50px; margin-top:-30px; }
	.submenubox .home { width:50px; height:50px; }
	.submenubox .sub_depth { width:220px; padding:0 0 0 20px; }
	.submenubox .sub_depth.sub_depth2 { width:260px; }
	.submenubox .sub_depth p { font-size:16px; }
	.submenubox .sub_depth p span { height:50px; }
	.submenubox .sub_depth p:after { right:20px; }
	.submenubox .sub_depth > ul,
	.submenubox .sub_depth .subDepth { top:50px; }
	.submenubox .sub_depth li a { padding:0 20px; height:50px; font-size:16px; }
	.submenubox .sub_depth.sub_depth1 ul { padding-top:50px; }
	.submenubox .sub_depth.sub_depth1 li:nth-child(5) { position:absolute; top:0; left:0; width:100%; }
}
@media screen and (max-width:640px){
	.submenubox { height:45px; }
	.submenubox .home { width:45px; height:45px; }
	.submenubox .sub_depth { width:calc(50% - 45px); padding:0 0 0 10px; }
	.submenubox .sub_depth.sub_depth2 { width:50%; border-right:none; }
	.submenubox .sub_depth p { font-size:15px; }
	.submenubox .sub_depth p span { height:45px; }
	.submenubox .sub_depth p:after { right:10px; }
	.submenubox .sub_depth > ul,
	.submenubox .sub_depth .subDepth { top:45px; }
	.submenubox .sub_depth li a { padding:0 10px; height:45px; font-size:15px; }
	.submenubox .sub_depth.sub_depth1 ul { padding-top:45px; }
}


/* top text common */
.topCont h4 { opacity:0; color:#13529c; font-size:24px; font-weight:600; text-transform:uppercase; }
.topCont p { opacity:0; margin:0 0 0 0; color:#222; font-size:55px; font-weight:300; letter-spacing:-0.03em; line-height:120%; }
.topCont p.tit { margin:0; }
.topCont p strong { font-weight:500; }
.topCont .txtbox { opacity:0; padding:14px 0 0 0; }
.topCont .txtbox .txt { margin:40px 0 0 0; color:#444; font-size:22px; line-height:36px; font-weight:300; letter-spacing:-0.03em; }
.topCont.op h4,
.topCont.op p,
.topCont.op .txtbox { opacity:1; }
@media screen and (max-width:1440px){
	.topCont{ padding:0 20px; }
}
@media screen and (max-width:1280px){
	.topCont h4 { font-size:22px; }
	.topCont p { margin:0 0 0 0; font-size:44px; }
	.topCont .txtbox { padding:12px 0 0 0; }
	.topCont .txtbox .txt { margin:35px 0 0 0; font-size:20px; line-height:32px; }
	.topCont .txtbox .txt br { display:none; }
	.topCont .txtbox .txt span.m_br { display:block; }
}
@media screen and (max-width:1024px){
	.topCont h4 { font-size:20px; }
	.topCont p { margin:0 0 0 0; font-size:38px; }
	.topCont .txtbox { padding:12px 0 0 0; }
	.topCont .txtbox .txt { margin:30px 0 0 0; font-size:18px; line-height:30px; }
}
@media screen and (max-width:760px){
	.topCont h4 { font-size:18px; }
	.topCont p { margin:0 0 0 0; font-size:30px; }
	.topCont p br { display:none; }
	.topCont .txtbox { padding:12px 0 0 0; }
	.topCont .txtbox .txt { margin:25px 0 0 0; font-size:17px; line-height:28px; }
}
@media screen and (max-width:640px){
	.topCont h4 { font-size:16px; }
	.topCont p { margin:0 0 0 0; font-size:24px; line-height:26px; }
	.topCont p span.m_br { display:block; }
	.topCont .txtbox { padding:10px 0 0 0; }
	.topCont .txtbox .txt { margin:20px 0 0 0; font-size:16px; line-height:24px; }
}



/* animation */
.topCont.subOn h4 { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.topCont.subOn p { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.topCont.subOn .txtbox { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }


/* service-box */
.service-box { overflow:hidden; margin-bottom:-175px; }
.service-box .serviceTop { }
.service-box .serviceTop:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.service-box .serviceTop h4.title { float:left; width:520px; width:500px\0;  color:#222; font-size:65px; font-weight:500; letter-spacing:-0.025em; line-height:120%;}
.service-box .serviceTop .txtbox { float:left; width:calc(100% - 520px); width:calc(100% - 500px)\0;}
.service-box .serviceTop .txtbox .txt { margin:35px 0 0 0; color:#333; font-size:18px; font-weight:300; letter-spacing:-0.045em; line-height:180%; }
.service-box .serviceTop .txtbox .txt:nth-child(1) { margin:0; }
.service-box .serviceTop .txtbox .txt .stxt { color:#666; font-size:15px; font-weight:300; }
.service-box .vi_imgbox { position:relative; overflow:hidden; height:450px; max-width:1400px; width:100%; margin:90px auto 0 auto; z-index:1; }
.service-box .vi_imgbox:after {content:""; display:block; padding-bottom:32.2%; }
.service-box .vi_imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
.service-box .serviceCont { margin:120px 0 0 0; padding:120px 0; background-color:#f9f9f9;}
.service-box .serviceCont .box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.service-box .serviceCont .box > div { float:left; }
.service-box .serviceCont .box .l-box { width:520px; }
.service-box .serviceCont .box .l-box p { opacity:0; color:#222; font-size:30px; font-weight:300; letter-spacing:-0.045em; line-height:160%; }
.service-box .serviceCont .box .l-box p strong { font-weight:500; }
.service-box .serviceCont .box .l-box .s-imgbox { opacity:0; margin-top:65px; }
.service-box .serviceCont .box .listbox { width:calc(100% - 520px); }
.service-box .serviceCont .box .listbox > ul > li { position:relative; opacity:0; position:relative; margin:45px 0 0 0; padding:0 0 0 100px; }
.service-box .serviceCont .box .listbox > ul > li:first-child { margin:0; }
.service-box .serviceCont .box .listbox > ul > li .icon { position:absolute; left:0; top:0; }
.service-box .serviceCont .box .listbox > ul > li dl { padding:15px 0 0 0; min-height:100px; }
.service-box .serviceCont .box .listbox > ul > li dt { color:#333; font-size:22px; font-weight:500; letter-spacing:-0.02em; margin:0 0 0 30px; }
.service-box .serviceCont .box .listbox > ul > li dd { padding:5px 0 0 0; }
.service-box .serviceCont .box .listbox > ul > li dd:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.service-box .serviceCont .box .listbox > ul > li dd ul { float:left; width:50%; box-sizing:border-box; }
.service-box .serviceCont .box .listbox > ul > li dd li { position:relative; padding:0 0 0 12px; font-size:16px; font-weight:300; color:#444; letter-spacing:-0.02em; line-height:160%; margin:8px 0 0 30px; box-sizing:border-box; }
.service-box .serviceCont .box .listbox > ul > li dd li:before { content:''; display:block; width:6px; height:1px; position:absolute; top:12px; left:0; background-color:#777; }
.service-box .serviceCont .box .listbox > ul > li dd .list_b { padding:50px 0 0 0; }
.service-box .serviceCont .box .listbox > ul > li dd .list_b:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.service-box .serviceCont .box .listbox > ul > li dd .list_b li { font-size:15px; padding:0; }
.service-box .serviceCont .box .listbox > ul > li dd .list_b li:before { display:none; }
.service-box .serviceCont .box .listbox > ul > li dd .list_b li strong { color:#555; font-weight:400; }
.service-box .serviceCont.topM .box .listbox > ul > li:nth-child(2) { margin:18% 0 0 0; }
.service-box .expertCont { padding:140px 0 80px 0; min-height:520px; box-sizing:border-box; }
.service-box .expertCont:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.service-box .expertCont > div { float:left; }
.service-box .expertCont .l-box { position:relative; width:520px; }
.service-box .expertCont .l-box:before { content:''; display:block; opacity:0; position:absolute; top:118px; left:0; z-index:-1; width:429px; height:266px; background:url(/img/sub/bg_expert.gif) left bottom no-repeat; transition:all 0.3s ease-in-out; }
.service-box .expertCont.active .l-box:before { opacity:1; }
.service-box .expertCont .l-box p { opacity:0; color:#222; font-size:30px; font-weight:300; letter-spacing:-0.045em; line-height:160%; overflow:hidden; }
.service-box .expertCont .l-box p strong { font-weight:500; }
.service-box .expertCont .infobox { position:relative; width:calc(100% - 520px); margin:18px 0 0 0; }
.service-box .expertCont .infobox:before { content:''; display:block; width:0; height:2px; position:absolute; top:0; left:0; background-color:#2d308a; transition:all 0.5s .3s ease-in-out; }
.service-box .expertCont .infobox > a.btn { opacity:0; position:absolute; right:0; top:-34px; z-index:2; background-color:#2d308a;  width:69px; height:69px; display:block; }
.service-box .expertCont .infobox > a.btn:before { content:''; display:block; width:16px; height:2px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff; }
.service-box .expertCont .infobox > a.btn:after { content:''; display:block; width:2px; height:16px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff; transition:all .3s ease-in-out; }
.service-box .expertCont .infobox > a.btn.on:after { height:2px; }
.service-box .expertCont .infobox .listbox { display:none }
.service-box .expertCont .infobox .listbox > ul { }
.service-box .expertCont .infobox .listbox > ul > li { opacity:0; padding:38px 25px; border-bottom:1px solid #ccc; }
.service-box .expertCont .infobox .listbox > ul > li dl { }
.service-box .expertCont .infobox .listbox > ul > li dl:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.service-box .expertCont .infobox .listbox > ul > li dt { float:left; width:440px; color:#333; font-size:18px; font-weight:400; letter-spacing:-0.02em; }
.service-box .expertCont .infobox .listbox > ul > li dt strong { color:#172e82; font-size:28px; font-weight:700; letter-spacing:0.2em;}
.service-box .expertCont .infobox .listbox > ul > li dt span { margin:12px 0 0 0; display:block; color:#555; font-size:16px; font-weight:400; }
.service-box .expertCont .infobox .listbox > ul > li dd { float:left; width:calc(100% - 440px); }
.service-box .expertCont .infobox .listbox > ul > li dd span { margin:15px 0 0 0; display:block; color:#333; font-size:16px; font-weight:300; }
.service-box .expertCont .infobox .listbox > ul > li dd span:first-child { margin:0; }
.service-box .expertCont .infobox .listbox > ul > li dd strong { color:#222; font-weight:500; margin:0 15px 0 0; }
@media screen and (max-width:1440px){
	.service-box .serviceTop { padding:0 20px; }
	.service-box .serviceCont { padding:150px 20px 150px 20px; }
	.service-box .serviceTop h4.title { width:450px; }
	.service-box .serviceTop .txtbox { width:calc(100% - 450px); }
	.service-box .serviceTop .txtbox br { display:none; }
	.service-box .serviceTop .txtbox .m_br { display:block; }
	.service-box .vi_imgbox { height:400px; margin:70px auto 0 auto; }
	.service-box .serviceCont .box .l-box { width:450px; }
	.service-box .serviceCont .box .l-box p br { display:none; }
	.service-box .serviceCont .box .listbox { width:calc(100% - 450px); }
	.service-box .expertCont { padding:140px 20px 80px 20px; }
	.service-box .expertCont .l-box { width:450px; }
	.service-box .expertCont .infobox { width:calc(100% - 450px); }
	.service-box .expertCont .infobox .listbox > ul > li dt { width:380px; }
	.service-box .expertCont .infobox .listbox > ul > li dd { width:calc(100% - 380px); }
}
@media screen and (max-width:1280px){
	.service-box .serviceCont { margin:110px 0 0 0; padding:110px 20px; }
	.service-box .serviceTop h4.title { font-size:55px; width:380px; }
	.service-box .serviceTop .txtbox { width:calc(100% - 380px); }
	.service-box .serviceTop .txtbox .txt { margin:30px 0 0 0; font-size:17px; }
	.service-box .vi_imgbox { height:350px; margin:60px auto 0 auto;  }
	.service-box .serviceCont .box .l-box { width:380px; }
	.service-box .serviceCont .box .l-box p br { display:block; }
	.service-box .serviceCont .box .listbox { width:calc(100% - 380px); }
	.service-box .serviceCont .box .l-box p { font-size:24px; }
	.service-box .serviceCont .box .l-box .s-imgbox { margin-top:60px; }
	.service-box .serviceCont .box .l-box .s-imgbox img { width:320px; }
	.service-box .serviceCont .box .listbox > ul > li { margin:40px 0 0 0; padding:0 0 0 80px; }
	.service-box .serviceCont .box .listbox > ul > li .icon img { width:80px; }
	.service-box .serviceCont .box .listbox > ul > li dl { padding:10px 0 0 0; min-height:80px; }
	.service-box .serviceCont .box .listbox > ul > li dt { font-size:18px; margin:0 0 0 20px; }
	.service-box .serviceCont .box .listbox > ul > li dd { padding:5px 0 0 0; }
	.service-box .serviceCont .box .listbox > ul > li dd li { padding:0 0 0 12px; font-size:15px; margin:6px 0 0 20px; }
	.service-box .serviceCont .box .listbox > ul > li dd li:before { top:11px; }
	.service-box .serviceCont .box .listbox > ul > li dd li br { display:none; }
	.service-box .serviceCont .box .listbox > ul > li dd .list_b { padding:45px 0 0 0; }
	.service-box .serviceCont .box .listbox > ul > li dd .list_b li { font-size:14px; }
	.service-box .expertCont { padding:110px 20px 60px 20px; min-height:450px; }
	.service-box .expertCont .l-box { width:380px; }
	.service-box .expertCont .infobox { width:calc(100% - 380px); }
	.service-box .expertCont .l-box p { font-size:24px; }
	.service-box .expertCont .l-box:before { background-size:320px auto; top:70px; }
	.service-box .expertCont .infobox > a.btn { top:-29px; width:59px; height:59px; }
	.service-box .expertCont .infobox .listbox > ul > li { padding:32px 20px; }
	.service-box .expertCont .infobox .listbox > ul > li dt { width:250px; font-size:17px; }
	.service-box .expertCont .infobox .listbox > ul > li dt strong { font-size:24px; }
	.service-box .expertCont .infobox .listbox > ul > li dt span { margin:10px 0 0 0; font-size:15px; }
	.service-box .expertCont .infobox .listbox > ul > li dd { width:calc(100% - 250px); }
	.service-box .expertCont .infobox .listbox > ul > li dd span { margin:12px 0 0 0; font-size:15px; }
	.service-box .expertCont .infobox .listbox > ul > li dd strong { margin:0 12px 0 0; }
}
@media screen and (max-width:1024px){
	.service-box {  margin-bottom:-140px; }
	.service-box .serviceCont { margin:90px 0 0 0; padding:90px 20px; }
	.service-box .serviceTop h4.title { font-size:45px; width:100%; }
	.service-box .serviceTop h4.title br { display:none; }
	.service-box .serviceTop .txtbox { width:100%; margin:25px 0 0 0; }
	.service-box .serviceTop .txtbox .txt { margin:25px 0 0 0; font-size:16px; }
	.service-box .serviceTop .txtbox .txt .stxt { font-size:14px; }
	.service-box .vi_imgbox { height:300px; margin:60px auto 0 auto;  }
	.service-box .serviceCont .box .l-box { width:100%; }
	.service-box .serviceCont .box .listbox { width:100%; }
	.service-box .serviceCont .box .l-box p { font-size:24px; }
	.service-box .serviceCont .box .l-box .s-imgbox { margin-top:0; position:absolute; top:-60px; right:0; }
	.service-box .serviceCont .box .l-box .s-imgbox img { width:220px; }
	.service-box .serviceCont .box .listbox > ul > li { margin:30px 0 0 0; }
	.service-box .serviceCont .box .listbox > ul > li:first-child { margin:30px 0 0 0; }
	.service-box .serviceCont.topM .box .listbox > ul > li:nth-child(2) { margin:30px 0 0 0; }
	.service-box .expertCont { padding:110px 20px 60px 20px; min-height:400px; }
	.service-box .expertCont .l-box { width:100%; }
	.service-box .expertCont .infobox { width:100%; }
	.service-box .expertCont .l-box p { font-size:24px; }
	.service-box .expertCont .l-box p br { display:none; }
	.service-box .expertCont .l-box:before { background:url(/img/sub/bg_expert.gif) right bottom no-repeat; top:50px; left:auto; right:0; background-size:260px auto; }
}
@media screen and (max-width:760px){
	.service-box .serviceTop .txtbox .txt { font-size:15px; }
}
@media screen and (max-width:640px){
	.service-box {  margin-bottom:-130px; }
	.service-box .serviceCont { margin:60px 0 0 0; padding:60px 20px;  }
	.service-box .serviceTop h4.title { font-size:35px; width:100%; }
	.service-box .serviceTop .txtbox { width:100%; margin:25px 0 0 0; }
	.service-box .serviceTop .txtbox .txt { margin:20px 0 0 0; font-size:14px; }
	.service-box .serviceTop .txtbox .txt .stxt { font-size:13px; }
	.service-box .vi_imgbox { height:250px; margin:50px auto 0 auto;  }
	.service-box .serviceCont .box .l-box p { font-size:20px; }
	.service-box .serviceCont .box .l-box .s-imgbox { top:-40px; }
	.service-box .serviceCont .box .l-box .s-imgbox img { width:180px; }
	.service-box .serviceCont .box .listbox > ul > li { margin:35px 0 0 0; }
	.service-box .serviceCont .box .listbox > ul > li dt { font-size:16px; }
	.service-box .serviceCont .box .listbox > ul > li dd { padding:0 0 0 0; }
	.service-box .serviceCont .box .listbox > ul > li dd ul { width:100%; }
	.service-box .serviceCont .box .listbox > ul > li dd li { margin:6px 0 0 20px; font-size:14px; line-height:140%; }
	.service-box .serviceCont .box .listbox > ul > li dd li:before { top:8px; }
	.service-box .serviceCont .box .listbox > ul > li dd .list_b { padding:35px 0 0 0; }
	.service-box .serviceCont .box .listbox > ul > li dd .list_b li { font-size:13px; }
	.service-box .serviceCont.topM .box .listbox > ul > li:nth-child(2) { margin:35px 0 0 0; }
	.service-box .expertCont { padding:80px 20px 40px 20px; min-height:340px; }
	.service-box .expertCont .l-box p { font-size:20px; }
	.service-box .expertCont .l-box p br { display:block; }
	.service-box .expertCont .l-box:before { top:30px; background-size:260px auto; }
	.service-box .expertCont .infobox > a.btn { top:-23px; width:50px; height:50px; }
	.service-box .expertCont .infobox .listbox > ul > li { padding:25px 20px; }
	.service-box .expertCont .infobox .listbox > ul > li dt { width:100%; font-size:16px; }
	.service-box .expertCont .infobox .listbox > ul > li dt strong { font-size:20px; }
	.service-box .expertCont .infobox .listbox > ul > li dt span { margin:10px 0 0 0; font-size:14px; }
	.service-box .expertCont .infobox .listbox > ul > li dd { width:100%; margin:20px 0 0 0; }
	.service-box .expertCont .infobox .listbox > ul > li dd span { margin:10px 0 0 0; font-size:14px; }
	.service-box .expertCont .infobox .listbox > ul > li dd strong { margin:0 12px 0 0; }
}
@media screen and (max-width:550px){
	.service-box .serviceCont .box .l-box .s-imgbox { display:none; }
}

/* animation */
.service-box .serviceTop.subOn h4.title { animation:ani_1 1.0s 0.3s; animation-fill-mode:both;  }
.service-box .serviceTop.subOn .txtbox { animation:ani_2 1.0s 0.3s; animation-fill-mode:both;  }
.service-box .vi_imgbox:after { content:''; display:block; width:100%; height:calc(100% - 150px); position:absolute; top:0; right:0; padding-bottom:1px; background-color:#fff; z-index:2; }
.service-box .vi_imgbox:before { content:''; display:block; width:100%; height:150px; position:absolute; bottom:0; right:0; padding-bottom:1px; background-color:#f9f9f9; z-index:1; }
.service-box .vi_imgbox.subOn:after{ width:0; transition:width 0.7s 0.7s; }
.service-box .vi_imgbox.subOn:before{ width:0; transition:width 0.7s 0.7s; }
.service-box .serviceCont.subOn .box .l-box p { animation:ani_3 1.0s 0.3s; animation-fill-mode:both;  }
.service-box .serviceCont.subOn .box .l-box .s-imgbox { animation:ani_3 1.0s 0.6s; animation-fill-mode:both;  }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(1) { animation:ani_2 1.0s 0.3s; animation-fill-mode:both; }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(2) { animation:ani_2 1.0s 0.6s; animation-fill-mode:both; }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(3) { animation:ani_2 1.0s 0.9s; animation-fill-mode:both; }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(4) { animation:ani_2 1.0s 1.2s; animation-fill-mode:both; }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(5) { animation:ani_2 1.0s 1.5s; animation-fill-mode:both; }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(6) { animation:ani_2 1.0s 1.8s; animation-fill-mode:both; }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(7) { animation:ani_2 1.0s 2.1s; animation-fill-mode:both; }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(8) { animation:ani_2 1.0s 2.4s; animation-fill-mode:both; }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(9) { animation:ani_2 1.0s 2.7s; animation-fill-mode:both; }
.service-box .serviceCont.subOn .box .listbox > ul > li:nth-child(10) { animation:ani_2 1.0s 3.0s; animation-fill-mode:both; }
.service-box .expertCont.subOn .l-box p { animation:ani_1 1.0s 0.3s; animation-fill-mode:both; }
.service-box .expertCont.subOn .infobox:before { width:100%; }
.service-box .expertCont.subOn .infobox > a.btn { animation:ani_2 1.0s 1.0s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(1)  { animation:ani_3 1.0s 0.3s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(2)  { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(3)  { animation:ani_3 1.0s 0.9s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(4)  { animation:ani_3 1.0s 1.2s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(5)  { animation:ani_3 1.0s 1.5s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(6)  { animation:ani_3 1.0s 1.8s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(7)  { animation:ani_3 1.0s 2.1s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(8)  { animation:ani_3 1.0s 2.4s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(9)  { animation:ani_3 1.0s 2.7s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(10)  { animation:ani_3 1.0s 3.0s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(11)  { animation:ani_3 1.0s 3.3s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(12)  { animation:ani_3 1.0s 3.6s; animation-fill-mode:both; }
.service-box .expertCont .listbox.over li:nth-child(13)  { animation:ani_3 1.0s 3.9s; animation-fill-mode:both; }

.partners_box { padding-bottom:150px; }
.partners_box .tcont * { box-sizing:border-box; }
.partners_box .tcont ul { margin:0 0 0 -27px; }
.partners_box .tcont ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.partners_box .tcont ul li { float:left; border:1px solid #ccc; width:calc(25% - 27px); margin:27px 0 0 27px; height:370px; padding:50px 25px 0 40px; } 
.partners_box .tcont ul li .icon { height:75px; display:block; }
.partners_box .tcont ul li dt { color:#333; font-size:22px; font-weight:500; letter-spacing:-0.03em; }
.partners_box .tcont ul li dd { margin-top:40px; color:#666; font-size:15px; font-weight:300; letter-spacing:-0.03em; line-height:150%; }
@media screen and (max-width:1440px){
	.partners_box { padding:0 20px 150px 20px; }
	.partners_box .tcont ul { margin:0 0 0 -20px; }
	.partners_box .tcont ul li { width:calc(25% - 20px); margin:20px 0 0 20px; height:370px; padding:40px 20px 0 20px; } 
}
@media screen and (max-width:1280px){
	.partners_box .tcont ul { margin:0 0 0 -20px; }
	.partners_box .tcont ul li { width:calc(33.33% - 20px); height:300px; padding:30px 20px 0 20px; } 
}
@media screen and (max-width:1024px){
	.partners_box { padding:0 20px 120px 20px; }
	.partners_box .tcont { max-width:860px; margin:0 auto; }
	.partners_box .tcont ul { margin:0 0 0 -20px; }
	.partners_box .tcont ul li { width:calc(50% - 20px); height:300px; } 
	.partners_box .tcont ul li dt { font-size:20px;} 
	.partners_box .tcont ul li dd { margin-top:25px; font-size:14px;} 
}
@media screen and (max-width:640px){
	.partners_box { padding:0 20px 100px 20px; }
	.partners_box .tcont ul { margin:0; }
	.partners_box .tcont ul li { width:100%; height:260px; margin:20px 0 0 0; } 
}


.service-trend {}
.service-trend:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.service-trend .txtbox { position:relative; }
.service-trend .txtbox:after { content:""; display:block; position:absolute; right:85px; top:0; z-index:-1; width:487px; height:381px; background:url(/img/sub/bg_service_trend.jpg) right center no-repeat;}
.service-trend .txtbox dt { font-size:65px; font-weight:300; color:#222; letter-spacing:-0.03em; }
.service-trend .txtbox dt strong { font-weight:500; }
.service-trend .txtbox dd { padding-top:62px; font-size:18px; font-weight:300; color:#333; line-height:180%; }
.service-trend .txtbox .btn { margin-top:95px; }
.service-trend .txtbox .btn a { display:flex; align-items:center; justify-content:center; width:182px; height:60px; background-color:#13235d; font-size:18px; font-weight:300; color:#fff; }
@media screen and (max-width:1440px){
	.service-trend { padding:0 20px; }
	.service-trend .txtbox:after { right:0; }
}
@media screen and (max-width:1280px){
	.service-trend .txtbox:after { background-size:350px auto; }
}
@media screen and (max-width:1024px){
	.service-trend .txtbox:after { background-size:280px auto; }
	.service-trend .txtbox dt { font-size:42px; }
	.service-trend .txtbox dd { padding-top:40px; font-size:16px; }
	.service-trend .txtbox .btn { margin-top:60px; }
	.service-trend .txtbox .btn a { width:170px; height:50px; font-size:16px;}
}
@media screen and (max-width:860px){
	.service-trend .txtbox:after { display:none; }
	.service-trend .txtbox dd br {  display:none; }
}
@media screen and (max-width:640px){
	.service-trend .txtbox dt { font-size:32px; }
	.service-trend .txtbox dd { padding-top:30px; font-size:15px; }
	.service-trend .txtbox .btn { margin-top:45px; }
	.service-trend .txtbox .btn a { width:170px; height:50px; font-size:16px; margin:0 auto}
}


/* trackRecord */
.trackRecord { }
.trackRecord .recordTop { position:relative; text-align:center; }
.trackRecord .toltalbox { margin:20px 0 0 0; text-align:center; box-sizing:border-box; padding:90px 0 0 0; min-height:358px; background:url(/img/sub/bg_trackRecord1.jpg) center bottom no-repeat; background-size:cover; }
.trackRecord .toltalbox .txt { opacity:0; color:#333; font-size:18px; font-weight:300; letter-spacing:-0.03em; } 
.trackRecord .toltalbox .txt strong { font-size:30px; font-weight:500; } 
.trackRecord .toltalbox .num { opacity:0; margin:25px 0 0 0; color:#333; font-size:60px; font-weight:600; font-family:'Poppins', sans-serif; } 
.trackRecord .toltalbox .num > span { opacity:0; color:#13235d; font-size:110px; font-weight:600; text-align:right; display:inline-block; overflow:hidden; vertical-align:bottom; margin-bottom:-15px; } 
.trackRecord .chartBox { position:relative; text-align:center; box-sizing:border-box; padding:0 0 0 0; background:url(/img/sub/bg_trackRecord2.jpg) center bottom no-repeat; background-size:cover; }
.trackRecord .chartBox .title { position:absolute; top:-50px; left:50%; transform:translateX(-50%); padding:12px 95px 38px 95px; background-color:#2f363d; border-radius:50px; }
.trackRecord .chartBox .title span { color:#fff; font-size:25px; font-weight:500; line-height:160%; letter-spacing:-0.03em; white-space:nowrap; }
.trackRecord .chartBox .contbox { margin:0 auto; max-width:1600px; position:relative; overflow:hidden; min-height:480px; }
.trackRecord .chartBox .box { display:inline-block; vertical-align:bottom; width:23%; margin-top:-120px; box-sizing:border-box; padding-right:5%; }
.trackRecord .chartBox .box .txtbox { position:relative; z-index:1; display:inline-block; vertical-align:bottom; font-size:30px; font-weight:400; color:rgba(255,255,255,0.8); text-align:right; margin:0 5px -20px -150px;}
.trackRecord .chartBox .box .txtbox span.sbox { position:relative; display:inline-block; font-size:30px; font-weight:400; color:#bbb; }
.trackRecord .chartBox .box .txtbox span.sbox strong { font-size:24px; font-weight:400; color:#bbb; display:inline-block; text-align:right;}
.trackRecord .chartBox .box .txtbox span.stxt { display:block; color:#fff; width:200px; font-size:30px; padding:8px 0 0 0; }
.trackRecord .chartBox .box .txtbox span.stxt span { font-size:50px; font-weight:600; display:inline-block; width:100px; letter-spacing:-0.03em; }
.trackRecord .chartBox .box .txtbox span.stxt sup { font-size:16px; }
.trackRecord .chartBox .box .chart { position:relative; display:inline-block; vertical-align:bottom; height:450px; }
.trackRecord .chartBox .box .chart .wrap { position:absolute; bottom:0; width:100px; }
.trackRecord .chartBox .box .chart .wrap:before { content:""; display:block; position:absolute; right:0; bottom:-82px; z-index:2; width:100px; height:102px; background:url(/img/sub/bg_tr_chart.png) center bottom no-repeat; }
.trackRecord .chartBox .box .chart .square { position:absolute; bottom:0; width:58px; height:100%; background-color:rgba(255, 255, 255, 0.1); transform-style:preserve-3d; }
.trackRecord .chartBox .box .chart .square:nth-child(1) { transform:rotateX(45deg) rotateY(30deg); left:0; transform-origin:bottom left; background:rgb(98,136,169); background:-moz-linear-gradient(top,  rgba(98,136,169,1) 0%, rgba(155,170,181,1) 100%); background:-webkit-linear-gradient(top,  rgba(98,136,169,1) 0%,rgba(155,170,181,1) 100%); background:linear-gradient(to bottom,  rgba(98,136,169,1) 0%,rgba(155,170,181,1) 100%); }
.trackRecord .chartBox .box .chart .square:nth-child(2) { transform:rotateX(-45deg) rotateY(30deg); right:0; transform-origin:bottom right; background:rgb(55,113,167); background:-moz-linear-gradient(top,  rgba(55,113,167,1) 0%, rgba(128,151,172,1) 100%); background:-webkit-linear-gradient(top,  rgba(55,113,167,1) 0%,rgba(128,151,172,1) 100%); background:linear-gradient(to bottom,  rgba(55,113,167,1) 0%,rgba(128,151,172,1) 100%); }
.trackRecord .chartBox .box .chart .square:nth-child(2):before { content:""; display:block; position:absolute; height:71px; width:70px; height:90px\0; width:88px\0; top:0; top:-55px\0; left:-6px; left:-68px\0; transform-origin:top; transform:rotateX(-71deg) rotateY(-10deg) rotateZ(16deg); -ms-transform:rotateX(-62deg) rotateY(-25deg) rotateZ(-40deg); background:rgb(188,217,243); background:-moz-linear-gradient(left,  rgba(188,217,243,1) 0%, rgba(202,228,249,1) 100%); background:-webkit-linear-gradient(left,  rgba(188,217,243,1) 0%,rgba(202,228,249,1) 100%); background:linear-gradient(to right,  rgba(188,217,243,1) 0%,rgba(202,228,249,1) 100%); }
.trackRecord .chartBox .stxt_b {  position:absolute; bottom:30px; right:10%; font-size:18px; font-weight:400; color:#777; letter-spacing:-0.03em; }
.trackRecord .listTxt { position:relative; text-align:center; padding:140px 0 0 0 }
.trackRecord .listbox { margin-top:30px;  }
.trackRecord .listbox .trackRecord_list { position:relative; }
.trackRecord .listbox .trackRecord_list > ul { opacity:0; margin:0 0 0 -25px; padding-bottom:40px }
.trackRecord .listbox .trackRecord_list > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.trackRecord .listbox .trackRecord_list > ul > li { position:relative; float:left; width:calc(20% - 25px); margin:25px 0 0 25px; overflow:hidden; cursor:pointer; }
.trackRecord .listbox .trackRecord_list.sales_list > ul > li { width:calc(25% - 25px); }
.trackRecord .listbox .trackRecord_list > ul > li .imgbox { position:relative; overflow:hidden; }
.trackRecord .listbox .trackRecord_list > ul > li .imgbox:after {content:""; display:block; padding-bottom:130%; }
.trackRecord .listbox .trackRecord_list > ul > li .imgbox:before { content:""; display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background: -moz-linear-gradient(top,  rgba(198,198,198,0.05) 0%, rgba(100,100,100,0.4) 100%); background: -webkit-linear-gradient(top,  rgba(198,198,198,0.05) 0%,rgba(100,100,100,0.4) 100%); background: linear-gradient(to bottom,  rgba(198,198,198,0.05) 0%,rgba(100,100,100,0.4) 100%); }
.trackRecord .listbox .trackRecord_list > ul > li .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
.trackRecord .listbox .trackRecord_list > ul > li .over_bg { position:absolute; left:0; bottom:-100%;  z-index:2;  width:100%; height:100%; background-color:rgba(19,35,93, 0.9); transition:all .3s ease-in-out; }
.trackRecord .listbox .trackRecord_list > ul > li:hover .over_bg { bottom:0;}
.trackRecord .listbox .trackRecord_list > ul > li .progress { position:absolute; left:30px; top:40px; z-index:2; width:100px; text-align:center; padding:12px 0; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.03em; background-color:#848690; transition:all .3s ease-in-out; }
.trackRecord .listbox .trackRecord_list > ul > li .progress.recruit { background-color:#13235d; }
.trackRecord .listbox .trackRecord_list > ul > li:hover .progress { background-color:#fff; color:#333; }
.trackRecord .listbox .trackRecord_list > ul > li .txtbox { opacity:0; position:absolute; left:0; bottom:0; z-index:2; width:100%; padding:20px; box-sizing:border-box; transition:all .4s ease-in-out; }
.trackRecord .listbox .trackRecord_list > ul > li .txtbox .tit { color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.03em; }
.trackRecord .listbox .trackRecord_list > ul > li .txtbox .address { margin:20px 0 0 0; color:rgba(255,255,255,0.8); font-size:16px; font-weight:300; letter-spacing:-0.03em; }
.trackRecord .listbox .trackRecord_list > ul > li .txtbox ul { border-top:1px solid rgba(255,255,255,0.8); padding:7px 0 0 0; margin:20px 0 0 0; }
.trackRecord .listbox .trackRecord_list > ul > li:hover .txtbox { opacity:1; }
.trackRecord .listbox .trackRecord_list > ul > li .txtbox li { position:relative; text-align:right; margin:13px 0 0 0; padding:4px 0 4px 45px; color:rgba(255,255,255,0.6); font-size:14px; font-weight:300; letter-spacing:-0.03em; line-height:130%;}
.trackRecord .listbox .trackRecord_list > ul > li .txtbox li span { position:absolute; left:0; top:0; font-weight:300; padding:4px 0 4px 28px; text-align:left; min-height:20px;}
.trackRecord .listbox .trackRecord_list > ul > li .txtbox li:nth-child(1) span { background:url(/img/sub/icon_trackRecord1.png) left center no-repeat; }
.trackRecord .listbox .trackRecord_list > ul > li .txtbox li:nth-child(2) span { background:url(/img/sub/icon_trackRecord3.png) left center no-repeat; }
.trackRecord .listbox .trackRecord_list > ul > li .txtbox li:nth-child(3) span { background:url(/img/sub/icon_trackRecord2.png) left center no-repeat; }
.trackRecord .listbox .trackRecord_list > ul > li .txtbox li:nth-child(4) span { background:url(/img/sub/icon_trackRecord4.png) left center no-repeat; }
.trackRecord .listbox .trackRecord_list.sales_list > ul > li .txtbox li.call { padding-left:28px; text-align:left; min-height:20px; } 
.trackRecord .listbox .trackRecord_list.sales_list > ul > li .txtbox li.call span { background:url(/img/sub/icon_trackRecord5.png) left center no-repeat; }
.trackRecord .listbox .btn_more { margin:80px 0 0 0; text-align:center;  }
.trackRecord .listbox .btn_more a { position:relative; display:inline-block; width:200px; padding:25px 0; border:1px solid #aaa; box-sizing:border-box; border-radius:50px; background-color:#fff; overflow:hidden; }
.trackRecord .listbox .btn_more a span { position:relative; display:inline-block; padding:2px 30px 2px 0; color:#666; font-size:18px; line-height:16px; font-weight:400; transition:all .3s ease-in-out; }
.trackRecord .listbox .btn_more a span:before { content:""; display:block; position:absolute; right:0; top:50%; width:13px; height:1px; background-color:#666; transition:all .3s ease-in-out; }
.trackRecord .listbox .btn_more a span:after { content:""; display:block; position:absolute; right:6px; top:50%; transform:translateY(-50%); width:1px; height:13px; background-color:#666; transition:all .3s ease-in-out; }
.trackRecord .listbox .btn_more a:before { content:""; display:block; position:absolute; left:0; top:0; width:0; height:20px; padding:25px 0; border:rgba(19,35,93, 1); background-color:rgba(19,35,93, 1); border-radius:50px; transition:all .3s ease-in-out; }
.trackRecord .listbox .btn_more a:hover:before { width:100%; }
.trackRecord .listbox .btn_more a:hover span { color:#fff; }
.trackRecord .listbox .btn_more a:hover span:before,
.trackRecord .listbox .btn_more a:hover span:after { background-color:#fff;  }
.trackRecord .listbox .prevnext .btn { position:absolute; top:50%; transform:translateY(-50%); margin-top:-8px; width:70px; height:80px; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; text-indent:-9999em; transition:all .3s ease-in-out;}
.trackRecord .listbox .prevnext .btn.btn_prev { left:-120px; background:url(/img/sub/btn_prev_t.png) center center no-repeat; background-color:#fff; }
.trackRecord .listbox .prevnext .btn.btn_next { right:-120px; background:url(/img/sub/btn_next_t.png) center center no-repeat; background-color:#fff; }
.trackRecord .listbox .prevnext .btn.btn_prev:hover { background:url(/img/sub/btn_prev_t_on.png) center center no-repeat; background-color:#13235d; border:1px solid #13235d;}
.trackRecord .listbox .prevnext .btn.btn_next:hover { background:url(/img/sub/btn_next_t_on.png) center center no-repeat; background-color:#13235d; border:1px solid #13235d;}
@media screen and (max-width:1640px){
	.trackRecord .listbox .prevnext .btn { width:60px; height:70px; }
	.trackRecord .listbox .prevnext .btn.btn_prev { left:-20px; }
	.trackRecord .listbox .prevnext .btn.btn_next { right:-20px; }
}
@media screen and (max-width:1440px){
	.trackRecord .listbox { padding:0 20px; }
	.trackRecord .chartBox .box { width:23%; margin:-110px 0 -15px -20px -150px;}
	.trackRecord .chartBox .box .txtbox,
	.trackRecord .chartBox .box .txtbox span.sbox { font-size:24px; }
	.trackRecord .chartBox .box .txtbox span.sbox strong { font-size:20px; }
	.trackRecord .chartBox .box .txtbox span.stxt { font-size:24px; padding:10px 0 0 0; }
	.trackRecord .chartBox .box .txtbox span.stxt span { font-size:40px;  }
	.trackRecord .chartBox .box .txtbox span.stxt sup { font-size:14px; }
	.trackRecord .chartBox .stxt_b { font-size:17px; }
	.trackRecord .listbox .prevnext .btn.btn_prev { left:0; }
	.trackRecord .listbox .prevnext .btn.btn_next { right:0; }
}
@media screen and (max-width:1280px){
	.trackRecord .toltalbox { margin:20px 0 0 0; padding:70px 0 0 0; min-height:328px; }
	.trackRecord .toltalbox .txt { font-size:17px; } 
	.trackRecord .toltalbox .txt strong { font-size:26px; } 
	.trackRecord .toltalbox .num { margin:22px 0 0 0; font-size:50px; } 
	.trackRecord .toltalbox .num > span { font-size:90px; margin-bottom:-15px; } 
	.trackRecord .chartBox .title { top:-45px; padding:12px 90px 32px 90px; }
	.trackRecord .chartBox .contbox { min-height:450px; }
	.trackRecord .chartBox .title span { font-size:22px; }
	.trackRecord .chartBox .box .txtbox,
	.trackRecord .chartBox .box .txtbox span.sbox { font-size:20px; }
	.trackRecord .chartBox .box .txtbox span.sbox strong { font-size:18px; }
	.trackRecord .chartBox .box .txtbox span.stxt { font-size:20px; padding:8px 0 0 0; }
	.trackRecord .chartBox .box .txtbox span.stxt span { font-size:36px;  }
	.trackRecord .chartBox .box .txtbox span.stxt sup { font-size:12px; }
	.trackRecord .chartBox .box .chart { height:400px; }
	.trackRecord .chartBox .box .chart .wrap { position:absolute; bottom:0; width:100px; }
	.trackRecord .chartBox .box .chart .wrap:before { bottom:-82px; width:100px; height:102px; }
	.trackRecord .chartBox .box .chart .square { width:58px; }
	.trackRecord .chartBox .box .chart .square:nth-child(1) { transform:rotateX(45deg) rotateY(30deg); }
	.trackRecord .chartBox .box .chart .square:nth-child(2) { transform:rotateX(-45deg) rotateY(30deg); }
	.trackRecord .chartBox .box .chart .square:nth-child(2):before { height:71px; width:70px; height:90px\0; width:88px\0; top:0; top:-55px\0; left:-6px; left:-68px\0; transform:rotateX(-71deg) rotateY(-10deg) rotateZ(16deg); -ms-transform:rotateX(-62deg) rotateY(-25deg) rotateZ(-40deg); }
	.trackRecord .listTxt { padding:120px 0 0 0 }
	.trackRecord .listbox { margin-top:30px; }
	.trackRecord .listbox .trackRecord_list > ul { margin:0 0 0 -15px; }
	.trackRecord .listbox .trackRecord_list > ul > li { width:calc(33.33% - 15px); margin:15px 0 0 15px; }
	.trackRecord .listbox .trackRecord_list.sales_list > ul > li { width:calc(33.33% - 25px); }
	.trackRecord .listbox .trackRecord_list > ul > li .progress { left:30px; top:35px; width:100px; padding:12px 0; font-size:15px; }
	.trackRecord .listbox .trackRecord_list > ul > li .imgbox:after { padding-bottom:120%; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox { padding:20px; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox .tit { font-size:20px; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox .address { margin:16px 0 0 0; font-size:14px; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox ul { padding:2px 0 0 0; margin:15px 0 0 0; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox li { margin:12px 0 0 0; padding:2px 0 2px 165px; font-size:14px; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox li span { padding:2px 0 2px 28px; }
	.trackRecord .listbox .btn_more { margin:70px 0 0 0; }
	.trackRecord .listbox .btn_more a { width:200px; padding:25px 0; }
	.trackRecord .listbox .btn_more a span { padding:2px 30px 2px 0; font-size:17px; line-height:15px; }
	.trackRecord .listbox .btn_more a span:before { width:13px; }
	.trackRecord .listbox .btn_more a span:after { right:6px; height:13px; }
	.trackRecord .listbox .btn_more a:before { height:19px; padding:25px 0; }
}
@media screen and (max-width:1024px){
	.trackRecord .toltalbox .txt { font-size:16px; } 
	.trackRecord .toltalbox .txt strong { font-size:22px; } 
	.trackRecord .toltalbox .num { margin:20px 0 0 0; font-size:45px; } 
	.trackRecord .toltalbox .num > span { font-size:85px; margin-bottom:-12px; } 
	.trackRecord .chartBox .title { top:-42px; padding:12px 80px 30px 80px; }
	.trackRecord .chartBox .title span { font-size:20px; }
	.trackRecord .chartBox .contbox { min-height:400px; }
	/*
	.trackRecord .chartBox .box { margin-top:-70px; width:24%; }
	.trackRecord .chartBox .box .txtbox { font-size:17px; margin:0 -20px -12px 0;}
	.trackRecord .chartBox .box .txtbox span.sbox { font-size:26px; }
	.trackRecord .chartBox .box .txtbox span.sbox strong { font-size:55px; width:60px; }
	*/
	.trackRecord .chartBox .box { margin-top:-70px;  padding-right:10%; }
	.trackRecord .chartBox .box .txtbox { margin:0 0 -380px -70px;}
	.trackRecord .chartBox .box .txtbox,
	.trackRecord .chartBox .box .txtbox span.sbox { font-size:18px; }
	.trackRecord .chartBox .box .txtbox span.sbox strong { font-size:16px; }
	.trackRecord .chartBox .box .txtbox span.stxt { font-size:18px; padding:5px 0 0 0; }
	.trackRecord .chartBox .box .txtbox span.stxt span { font-size:32px;  }
	.trackRecord .chartBox .box .txtbox span.stxt sup { font-size:10px; }
	.trackRecord .chartBox .box .chart { height:300px; margin-top:-5px; }
	.trackRecord .chartBox .box .chart .wrap { position:absolute; bottom:0; width:79px; }
	.trackRecord .chartBox .box .chart .wrap:before { bottom:-65px; width:79px; background-size:79px auto; }
	.trackRecord .chartBox .box .chart .square { width:46px; }
	.trackRecord .chartBox .box .chart .square:nth-child(2):before { height:56px; width:55px; height:76px\0; width:69px\0; top:0; top:-46px\0; left:-4px; left:-56px\0; }
	.trackRecord .chartBox .stxt_b { font-size:16px; }
	.trackRecord .listTxt { padding:100px 0 0 0 }
	.trackRecord .listbox { margin-top:15px; }
	.trackRecord .listbox .trackRecord_list > ul > li { width:calc(50% - 15px); }
	.trackRecord .listbox .trackRecord_list.sales_list > ul > li { width:calc(50% - 25px); }
	.trackRecord .listbox .btn_more a { padding:22px 0; }
	.trackRecord .listbox .btn_more a:before { height:19px; padding:22px 0; }
	.trackRecord .listbox .prevnext { display:none; }
}

@media screen and (max-width:760px){
	/*
	.trackRecord .chartBox .box { margin-top:-70px; padding-right:10%; width:28%; }
	.trackRecord .chartBox .box .txtbox { font-size:17px; margin:0 -20px -12px 0;}
	.trackRecord .chartBox .box .txtbox span { font-size:26px; }
	.trackRecord .chartBox .box .txtbox span strong { font-size:55px; width:60px; }
	.trackRecord .chartBox .box .chart { height:300px; }
	.trackRecord .chartBox .box .chart .wrap { position:absolute; bottom:0; width:79px; }
	.trackRecord .chartBox .box .chart .wrap:before { bottom:-65px; width:79px; background-size:79px auto; }
	.trackRecord .chartBox .box .chart .square { width:46px; }
	.trackRecord .chartBox .box .chart .square:nth-child(2):before { height:56px; width:55px; height:76px\0; width:69px\0; top:0; top:-46px\0; left:-4px; left:-56px\0; }
	*/
	.trackRecord .chartBox .title { top:-30px; padding:10px 50px 20px 50px; }
	.trackRecord .chartBox .title span { font-size:16px; }
	.trackRecord .chartBox .contbox { min-height:750px; }
	.trackRecord .chartBox .box { margin-top:-70px; width:45%; padding-right:20%; }
	.trackRecord .chartBox .box .txtbox { margin:0 -85px -100px -70px;}
	.trackRecord .chartBox .box .txtbox,
	.trackRecord .chartBox .box .txtbox span.sbox { font-size:18px; }
	.trackRecord .chartBox .box .txtbox span.sbox strong { font-size:16px; }
	.trackRecord .chartBox .box .txtbox span.stxt { font-size:18px; padding:5px 0 0 0; }
	.trackRecord .chartBox .box .txtbox span.stxt span { font-size:32px;  }
	.trackRecord .chartBox .box .txtbox span.stxt sup { font-size:10px; }
	.trackRecord .chartBox .box .chart { height:300px; margin-top:60px; }
	.trackRecord .chartBox .box .chart .wrap { position:absolute; bottom:0; width:79px; }
	.trackRecord .chartBox .box .chart .wrap:before { bottom:-65px; width:79px; background-size:79px auto; }
	.trackRecord .chartBox .box .chart .square { width:46px; }
	.trackRecord .chartBox .box .chart .square:nth-child(2):before { height:56px; width:55px; height:76px\0; width:69px\0; top:0; top:-46px\0; left:-4px; left:-56px\0; }
	.trackRecord .chartBox .stxt_b { font-size:14px; }
}

@media screen and (max-width:640px){
	.trackRecord .toltalbox { padding:50px 0 0 0; min-height:258px; }
	.trackRecord .toltalbox .txt { font-size:15px; } 
	.trackRecord .toltalbox .txt strong { font-size:20px; } 
	.trackRecord .toltalbox .num { margin:15px 0 0 0; font-size:34px; } 
	.trackRecord .toltalbox .num > span { font-size:65px; margin-bottom:-12px; }  
	.trackRecord .listbox { margin-top:30px; }
	.trackRecord .listbox .trackRecord_list > ul { margin:0; }
	.trackRecord .listbox .trackRecord_list > ul > li { width:100%; margin:15px 0 0 0; }
	.trackRecord .listbox .trackRecord_list.sales_list > ul > li { width:100%; }
	.trackRecord .listbox .trackRecord_list > ul > li .progress { left:25px; top:30px; padding:10px 0; font-size:14px; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox { padding:30px; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox .tit { font-size:20px; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox .address { margin:12px 0 0 0; font-size:14px; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox li { margin:10px 0 0 0; padding:4px 0 4px 165px; font-size:14px; }
	.trackRecord .listbox .trackRecord_list > ul > li .txtbox li span { padding:4px 0 4px 28px; }
}
@media screen and (max-width:500px){
	.trackRecord .chartBox .box .txtbox span.stxt { right:55%; }
}

/* animation */
.trackRecord .toltalbox.subOn .txt { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.trackRecord .toltalbox.subOn .num { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.trackRecord .toltalbox.subOn .num > span { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.trackRecord .toltalbox .num span span { opacity:0; display:inline-block; font-weight:600; transform:translateY(170px); transition:transform 0.6s cubic-bezier(0.425,0.005,0,1); }
.trackRecord .toltalbox.subOn .num span span { opacity:1; transform:translateY(0);  }
.trackRecord .toltalbox.subOn .num span span:nth-child(10) { transition-delay:1.05s }
.trackRecord .toltalbox.subOn .num span span:nth-child(9) { transition-delay:1.10s; }
.trackRecord .toltalbox.subOn .num span span:nth-child(8) { transition-delay:1.15s; }
.trackRecord .toltalbox.subOn .num span span:nth-child(7) { transition-delay:1.20s; }
.trackRecord .toltalbox.subOn .num span span:nth-child(6) { transition-delay:1.25s; }
.trackRecord .toltalbox.subOn .num span span:nth-child(5) { transition-delay:1.30s; }
.trackRecord .toltalbox.subOn .num span span:nth-child(4) { transition-delay:1.35s; }
.trackRecord .toltalbox.subOn .num span span:nth-child(3) { transition-delay:1.40s; }
.trackRecord .toltalbox.subOn .num span span:nth-child(2) { transition-delay:1.45s; }
.trackRecord .toltalbox.subOn .num span span:nth-child(1) { transition-delay:1.50s; }
.trackRecord .chartBox.subOn .title span { animation:ani_5 1.0s 0.3s; animation-fill-mode:both; }
.trackRecord .chartBox .box .chart .square { animation:ani_h0 0.1s 0.1s; animation-fill-mode:both; }
.trackRecord .chartBox.on .box .chart .square { animation:ani_h 2.0s 0.1s; animation-fill-mode:both; }
.trackRecord .listbox.subOn ul { animation:ani_3 1.0s 0.7s; animation-fill-mode:both; }

/* researchBox */
.researchBox { }
.researchBox .listbox { margin-top:30px; }
.researchBox .listbox > ul { margin:0 0 0 -62px; }
.researchBox .listbox > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.researchBox .listbox > ul > li { position:relative; float:left; width:calc(25% - 62px); margin:60px 0 0 62px; }
.researchBox .listbox > ul > li:before { visibility:hidden; opacity:0; content:""; display:block; position:absolute; right:-30px; bottom:-30px; width:80px; height:80px; background-color:#fff; box-shadow:5px 5px 6px #f1f1f1, -3px -3px 6px #f1f1f1; transition:all .3s ease-in-out; }
.researchBox .listbox > ul > li:hover:before { opacity:1; visibility:visible; }
.researchBox .listbox > ul > li .sbox { position:relative; overflow:hidden; height:100%; width:100%; }
.researchBox .listbox > ul > li .imgbox { position:relative; overflow:hidden; }
.researchBox .listbox > ul > li .imgbox:after {content:""; display:block; padding-bottom:133.8%; }
.researchBox .listbox > ul > li .imgbox:before { content:""; display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background: -moz-linear-gradient(top,  rgba(198,198,198,0.05) 0%, rgba(100,100,100,0.4) 100%); background: -webkit-linear-gradient(top,  rgba(198,198,198,0.05) 0%,rgba(100,100,100,0.4) 100%); background: linear-gradient(to bottom,  rgba(198,198,198,0.05) 0%,rgba(100,100,100,0.4) 100%); }
.researchBox .listbox > ul > li .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
.researchBox .listbox > ul > li .over_bg { position:absolute; left:0; bottom:-100%;  z-index:2;  width:100%; height:100%; background-color:rgba(19,35,93, 0.9); transition:all .3s ease-in-out; }
.researchBox .listbox > ul > li:hover .over_bg { bottom:0;}
.researchBox .listbox > ul > li .progress { position:absolute; left:30px; top:40px; z-index:2; width:100px; text-align:center; padding:12px 0; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.03em; background-color:#848690; transition:all .3s ease-in-out; }
.researchBox .listbox > ul > li .progress.recruit { background-color:#13235d; }
.researchBox .listbox > ul > li:hover .progress { background-color:#fff; color:#333; }
.researchBox .listbox > ul > li .txtbox { position:absolute; left:0; bottom:0; z-index:2; width:100%; padding:25px 30px; box-sizing:border-box; transition:all .3s ease-in-out; }
.researchBox .listbox > ul > li .txtbox .txt { color:#fff; font-size:18px; font-weight:500; line-height:160%; letter-spacing:-0.03em; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.researchBox .listbox > ul > li .txtbox .date { margin:20px 0 0 0; color:rgba(255,255,255,0.8); font-size:16px; font-weight:300; letter-spacing:-0.03em; }
.researchBox .listbox > ul > li:hover .txtbox { bottom:15px; }
.researchBox .listbox > ul > li .icon { position:absolute; left:30px; top:30px;  z-index:2;}
.researchBox .listbox > ul > li .btn_more { opacity:0; visibility:hidden; position:absolute; right:-60px; bottom:-60px; z-index:3; transition:all .3s ease-in-out; }
.researchBox .listbox > ul > li .btn_more a { position:relative; display:block; width:80px; height:80px; overflow:hidden; text-indent:-9999em; background-color:#fff; }
.researchBox .listbox > ul > li .btn_more a:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); width:1px; height:25px; background:#13235d;}
.researchBox .listbox > ul > li .btn_more a:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); width:25px; height:1px; background:#13235d;}
.researchBox .listbox > ul > li:hover .btn_more { opacity:1; visibility:visible; right:-30px; bottom:-30px; }
.researchBox .listbox li .btn_more { opacity:0; visibility:hidden; position:absolute; right:-60px; bottom:-60px; z-index:3; transition:all .3s ease-in-out; }
.researchBox .listbox li .btn_more span { position:relative; display:block; width:80px; height:80px; overflow:hidden; text-indent:-9999em; background-color:#fff; }
.researchBox .listbox li .btn_more span:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); width:1px; height:25px; background:#13235d;}
.researchBox .listbox li .btn_more span:after { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); width:25px; height:1px; background:#13235d;}
.researchBox .listbox li:hover .btn_more { opacity:1; visibility:visible; right:-30px; bottom:-30px; }
@media screen and (max-width:1440px){
	.researchBox .listbox > ul { margin:0 0 0 -40px; }
	.researchBox .listbox > ul > li { width:calc(25% - 40px); margin:40px 0 0 40px; }
	.researchBox .listbox > ul > li:before { left:50%; right:auto; bottom:-30px; width:60px; height:60px; transform:translateX(-50%); }
	.researchBox .listbox > ul > li .txtbox { padding:15px 20px 30px 20px; }
	.researchBox .listbox > ul > li .txtbox .txt {font-size:16px; height:45px; }
	.researchBox .listbox > ul > li .txtbox .date { margin:15px 0 0 0; font-size:14px; }
	.researchBox .listbox > ul > li:hover .txtbox { bottom:12px; }
	.researchBox .listbox > ul > li .icon { left:20px; top:20px; }
	.researchBox .listbox > ul > li .btn_more { left:50%; right:auto; bottom:-40px; transform:translateX(-50%);  }
	.researchBox .listbox > ul > li .btn_more a { width:60px; height:60px; }
	.researchBox .listbox > ul > li:hover .btn_more { right:auto; bottom:-30px; }
	.researchBox .listbox li .btn_more { left:50%; right:auto; bottom:-40px; transform:translateX(-50%);  }
	.researchBox .listbox li .btn_more span { width:60px; height:60px; }
	.researchBox .listbox li:hover .btn_more { right:auto; bottom:-30px; }
}
@media screen and (max-width:1280px){
	.researchBox .listbox > ul > li { width:calc(33.33% - 40px); }
}
@media screen and (max-width:1024px){
	.researchBox .listbox { margin-top:20px; }
	.researchBox .listbox > ul { margin:0 0 0 -30px; }
	.researchBox .listbox > ul > li { width:calc(33.33% - 30px); margin:30px 0 0 30px; }
	.researchBox .listbox > ul > li:before { width:50px; height:50px; bottom:-25px; }
	.researchBox .listbox > ul > li .btn_more a { width:50px; height:50px; }
	.researchBox .listbox > ul > li .btn_more a:before { height:20px; }
	.researchBox .listbox > ul > li .btn_more a:after { width:20px; }
	.researchBox .listbox > ul > li .btn_more { bottom:-30px; }
	.researchBox .listbox > ul > li:hover .btn_more { bottom:-25px; }
	.researchBox .listbox li .btn_more span { width:50px; height:50px; }
	.researchBox .listbox li .btn_more span:before { height:20px; }
	.researchBox .listbox li .btn_more span:after { width:20px; }
	.researchBox .listbox li .btn_more { bottom:-30px; }
	.researchBox .listbox li:hover .btn_more { bottom:-25px; }
}
@media screen and (max-width:760px){
	.researchBox .listbox > ul { margin:0 0 0 -20px; }
	.researchBox .listbox > ul > li { width:calc(50% - 20px); margin:30px 0 0 20px; }
}
@media screen and (max-width:640px){
	.researchBox .listbox { margin-top:10px; }
	.researchBox .listbox > ul { margin:0 0 0 -15px; }
	.researchBox .listbox > ul > li { width:calc(50% - 15px); margin:30px 0 0 15px; }
	.researchBox .listbox > ul > li .txtbox { padding:10px 15px 25px 15px; }
	.researchBox .listbox > ul > li .txtbox .txt {font-size:14px; height:40px; }
	.researchBox .listbox > ul > li .txtbox .date { margin:12px 0 0 0; font-size:12px; }
}

/* media-newsclipping */
.mediaTop { position:relative; text-align:center; }
.media-newsclipping { overflow:hidden; }
.media-newsclipping table,
.media-newsclipping th,
.media-newsclipping td { border:none; }
.media-newsclipping table { border-top:1px solid #333; width:100%; }
.media-newsclipping tbody th { text-align:left; padding-left:20px; height:60px; font-size:18px; font-weight:400; color:#333; letter-spacing:-0.025em; border-bottom:1px solid #e6e6e6; }
.media-newsclipping tbody th span { }
.media-newsclipping tbody td { text-align:left; padding:10px; font-size:16px; font-weight:400; color:#333; letter-spacing:-0.025em; border-bottom:1px solid #e6e6e6; }
.media-newsclipping tbody td input[type="text"],
.media-newsclipping tbody td input[type="password"] { display:inline-block; text-align:left; vertical-align:middle; padding:0 15px; line-height:50px; height:50px; border:1px solid #ccc; outline:none; font-size:15px; font-weight:300; color:#333; box-sizing:border-box; background-color:#fff; border-radius:0; }
.media-newsclipping tbody td input.ip01 { width:100%; }
.media-newsclipping tbody td input.ip02 { width:calc(33.33% - 20px); }
.media-newsclipping tbody td input.ip03 { width:120px;  }
.media-newsclipping tbody td input[type="file"] { display:block; text-align:left; vertical-align:middle; width:100%; margin:5px 0; padding:0; line-height:50px; height:50px; border:1px solid #ccc; outline:none; font-size:15px; font-weight:300; color:#333; box-sizing:border-box; background-color:#fff; border-radius:0; }
.media-newsclipping tbody td textarea { text-align:left; width:100%; padding:30px 15px; line-height:28px; height:225px; border:1px solid #d7d7d7; outline:none; font-size:15px; font-weight:300; color:#999; box-sizing:border-box; background-color:#fbfbfb; border-radius:0; }
.media-newsclipping tbody td textarea.ta01 { padding:15px; }
.media-newsclipping tbody td select { display:inline-block; text-align:left; vertical-align:middle; width:180px; padding:0 15px; line-height:50px; height:50px; border:1px solid #ccc; outline:none; font-size:15px; font-weight:400; color:#333; box-sizing:border-box; background-color:#fff; border-radius:0; }
.media-newsclipping tbody td select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
.media-newsclipping tbody td select::-ms-expand { display:none; }
.media-newsclipping tbody td select.sel01 { margin:0 0 0 10px; width:calc(33.33% - 14px); }
.media-newsclipping tbody td select.sel02 { width:50%; max-width:320px; }
.media-newsclipping tbody td .bar { display:inline-block; width:36px; margin:0 -2px; text-align:center; font-size:15px; font-weight:300; color:#999; }
.media-newsclipping .privacyBox { margin:65px 0 0 0; } 
.media-newsclipping .privacyBox .tit { margin:15px 0 0 0; }
/*
.media-newsclipping .privacyBox .tit label { display:inline-block; margin:0 0 0 8px; font-size:18px; font-weight:400; color:#222; }
.media-newsclipping .privacyBox .tit label input { margin:-5px 6px 0 0; }
*/
.media-newsclipping .privacyBox .tit input[type="checkbox"]{display:none}
.media-newsclipping .privacyBox .tit input[type="checkbox"] + label { position:relative; padding:0 0 0 25px; font-size:18px; font-weight:400; color:#222;}
.media-newsclipping .privacyBox .tit input[type="checkbox"] + label:after { content:''; display:block; margin:0; width:17px; height:17px; vertical-align:middle; background:url(/img/sub/btn_ch1_off.png) center center no-repeat; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50.4%); -ms-transform:translateY(-50.4%); transform:translateY(-50.4%); }
.media-newsclipping .privacyBox .tit input[type="checkbox"]:checked + label:after { background:url(/img/sub/btn_ch1_on.png) center center no-repeat; }
.media-newsclipping .privacyBox .txtbox { margin:20px 0 0 0; padding:30px 25px; font-size:15px; font-weight:300; color:#666; border-top:1px solid #333; border-bottom:1px solid #e6e6e6; height:210px; overflow:auto; box-sizing:border-box; }
.media-newsclipping .privacyBox .txtbox .policy-txt { margin:20px 0 0 0; }
.media-newsclipping .privacyBox .txtbox * { font-size:15px; font-weight:300; color:#666; line-height:180%; }
.media-newsclipping .privacyBox .txtbox p { margin:0 0 10px 0; font-size:15px; font-weight:300; color:#444; }
.media-newsclipping .privacyBox .txtbox h3.title { display:none; }
.media-newsclipping .btn_confirm { text-align:center; margin:90px 0 0 0; }
.media-newsclipping .btn_confirm button { cursor:pointer; display:inline-block; width:180px; padding:18px 0; text-align:center; color:#fff; font-weight:400; font-size:18px; border:none; outline:none; background-color:#172e82; }
.media-newsclipping .btn_confirm button.btn_reset { color:#666; border:1px solid #aaa; background:none;  }


/* ethical_declare */
.ethical_declare { margin-top:50px; }
.ethical_declare .chk-basic:nth-child(1) { margin-right:40px; }
.ethical_declare .chk-basic input[type="radio"]{display:none}
.ethical_declare .chk-basic input[type="radio"] + span { position:relative; padding:0 0 0 25px; font-size:18px; font-weight:400; color:#222;}
.ethical_declare .chk-basic input[type="radio"] + span:after { content:''; display:block; margin:0; width:17px; height:17px; vertical-align:middle; background:url(/img/sub/btn_ch1_off.png) center center no-repeat; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50.4%); -ms-transform:translateY(-50.4%); transform:translateY(-50.4%); }
.ethical_declare .chk-basic input[type="radio"]:checked + span:after { background:url(/img/sub/btn_ch1_on.png) center center no-repeat; }
.ethical_declare .inputLen { color:#666; margin-top:5px; }
.ethical_declare .inputLen .strLen { color:#e7382a; }
@media screen and (max-width:640px){
	.ethical_declare .btn_confirm button { width:48%; padding:18px 0; font-size:18px; }
}

/* UI Input File */
.ui-input-file {display:inline-block; position:relative; padding-right:104px; box-sizing:border-box; width:calc(100% - 54px); }
.ui-input-file:after { content:"첨부파일"; display:inline-block; position:absolute; top:0px; right:0px; width:100px; text-align:center; height:50px; line-height:50px; border:none; background-color:#172e82; font-size:16px; color:#fff; box-sizing:border-box; }
.ui-input-file input[type=file] {position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; opacity:0;}
.ui-input-file .input_filePath {width:100%;}

/* Input File List */
.input-fileList {position:relative; }
.input-fileList li {margin-top:5px;}
.input-fileList li:first-child {margin-top:0px;}
.input-fileList .btn_addFile,
.input-fileList .btn_delFile { vertical-align:middle; width:50px; height:50px; line-height:50px; border:1px solid #172e82; min-width:auto; padding:0px; color:#172e82; text-align:center; background-color:#fff;}
.input-fileList .fa-plus,
.input-fileList .fa-minus { position:relative; text-indent:-9999em; overflow:hidden; display:block; }
.input-fileList .fa-minus:before,
.input-fileList .fa-plus:before { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); margin:0 0 0 -5px\0; width:11px; height:1px; background-color:#172e82; }
.input-fileList .fa-plus:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); margin:-5px 0 0 0\0; width:1px; height:11px; background-color:#172e82; }

@media screen and (max-width:1440px){
	.media-newsclipping { padding:0 20px; }
}
@media screen and (max-width:1024px){
	.media-newsclipping .col1 { width:100px !important; }
	.media-newsclipping tbody th { padding-left:15px; font-size:17px; height:56px; }
	.media-newsclipping tbody td { padding:8px; font-size:15px; }
	.media-newsclipping tbody td input[type="text"],
	.media-newsclipping tbody td input[type="password"] { padding:0 10px; line-height:46px; height:46px; font-size:15px; }
	.media-newsclipping tbody td input[type="file"] {  line-height:50px; height:46px; font-size:15px; }
	.media-newsclipping tbody td select { padding:0 10px; line-height:46px; height:46px;font-size:15px; }
	.media-newsclipping tbody td select.sel01 { margin:0 0 0 10px; width:calc(33.33% - 14px); }
	.media-newsclipping tbody td .bar { display:inline-block; width:36px; margin:0 -2px; text-align:center; font-size:15px; font-weight:300; color:#999; }
	.media-newsclipping .privacyBox { margin:50px 0 0 0; } 
	.media-newsclipping .privacyBox .tit { margin:12px 0 0 0; }	
	.media-newsclipping .privacyBox .tit input[type="checkbox"] + label { font-size:17px; }
	.media-newsclipping .privacyBox .tit label input { margin:-5px 6px 0 0; }
	.media-newsclipping .privacyBox .txtbox { margin:20px 0 0 0; padding:30px 25px; font-size:15px; font-weight:300; color:#666; border-top:1px solid #333; border-bottom:1px solid #e6e6e6; height:210px; overflow:auto; box-sizing:border-box; }
	.media-newsclipping .privacyBox .txtbox .policy-txt { margin:20px 0 0 0; }
	.media-newsclipping .privacyBox .txtbox * { font-size:15px; font-weight:300; color:#666; line-height:180%; }
	.media-newsclipping .privacyBox .txtbox p { margin:10px 0 0 0; font-size:15px; font-weight:300; color:#666; }
	.media-newsclipping .privacyBox .txtbox h3.title { display:none; }
	.media-newsclipping .btn_confirm { margin:80px 0 0 0; }
	.media-newsclipping .btn_confirm button { width:180px; padding:18px 0; font-size:18px; }
	.ui-input-file:after,
	.input-fileList .btn_addFile,
	.input-fileList .btn_delFile { line-height:46px; height:46px;}
	.ui-input-file { padding-right:84px; width:calc(100% - 50px); }
	.ui-input-file:after { width:80px; font-size:14px; }
	.input-fileList .btn_addFile,
	.input-fileList .btn_delFile { width:46px; }
}
@media screen and (max-width:640px){
	.media-newsclipping .col1 { width:80px !important; }
	.media-newsclipping tbody th { padding-left:10px; font-size:15px; }
	.media-newsclipping tbody td { padding:8px; font-size:15px; }
	.media-newsclipping tbody td select.sel01 { margin:5px 0 0 0; width:100%; }
	.media-newsclipping tbody td select.sel02 { width:100%; }
	.media-newsclipping tbody td input.ip03 { width:80px;  }
	.media-newsclipping tbody td input.ip02 { width:calc(50% - 14px); }
	.media-newsclipping tbody td .bar { display:inline-block; width:24px; margin:0 -2px; text-align:center; font-size:14px; font-weight:300; color:#999; }
	.media-newsclipping tbody td input[type="text"],
	.media-newsclipping tbody td input[type="password"],
	.media-newsclipping tbody td input[type="file"],
	.media-newsclipping tbody td select { font-size:14px; }
	.media-newsclipping .privacyBox { margin:50px 0 0 0; } 
	.media-newsclipping .privacyBox .tit { margin:12px 0 0 0; }
	.media-newsclipping .privacyBox .txtbox { margin:20px 0 0 0; padding:30px 25px; font-size:15px; font-weight:300; color:#666; border-top:1px solid #333; border-bottom:1px solid #e6e6e6; height:210px; overflow:auto; box-sizing:border-box; }
	.media-newsclipping .privacyBox .txtbox .policy-txt { margin:20px 0 0 0; }
	.media-newsclipping .privacyBox .txtbox * { font-size:15px; font-weight:300; color:#666; line-height:180%; }
	.media-newsclipping .privacyBox .txtbox p { margin:10px 0 0 0; font-size:15px; font-weight:300; color:#666; }
	.media-newsclipping .privacyBox .txtbox h3.title { display:none; }
	.media-newsclipping .btn_confirm { margin:50px 0 0 0; }
	.media-newsclipping .btn_confirm button { width:100%; padding:18px 0; font-size:18px; }
}
@media screen and (max-width:420px){
	.media-newsclipping tbody td input.ip03 { width:76px;  }
}
/* animation */
.media-newsclipping .newsclippingCont.subOn .subTabmenu li:nth-child(1) { animation:ani_1 1.0s 0.3s; animation-fill-mode:both;  }
.media-newsclipping .newsclippingCont.subOn .subTabmenu li:nth-child(2) { animation:ani_2 1.0s 0.3s; animation-fill-mode:both;  }
.media-newsclipping .newsclippingCont .tcont { opacity:0; }
.media-newsclipping .newsclippingCont.subOn .tcont.active { animation:ani_3 1.0s 0.3s; animation-fill-mode:both;  }

/* media-digitalcontent */
.media-digitalcontent {}
.media-digitalcontent .listbox { margin:80px 0 0 0;}
.media-digitalcontent .listbox li { position:relative; overflow:hidden; margin:65px 0 0 0; }
.media-digitalcontent .listbox li:first-child { margin:0; }
.media-digitalcontent .listbox li .movbox { position:relative; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.media-digitalcontent .listbox li .movbox:after {content:""; display:block; padding-bottom:46.5%; /*padding-bottom:56.25%;*/ }
.media-digitalcontent .listbox li .movbox .imgbox { position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.media-digitalcontent .listbox li .movbox iframe { display:none; width:100%; height:100%; margin:0; position:absolute; left:0; top:0;  object-fit:cover; -o-object-fit:cover; }
.media-digitalcontent .listbox li .movbox .icon { position:absolute; top:50%; left:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); display:table; }
.media-digitalcontent .listbox li .movbox .icon span { display:table-cell; text-align:center; vertical-align:middle; cursor:pointer; }
.media-digitalcontent .listbox li .movbox .icon span img { margin:0 0 0 4px; }
.media-digitalcontent .listbox li .infobox { padding:22px 0 0 0; }
.media-digitalcontent .listbox li .infobox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.media-digitalcontent .listbox li .infobox > div { float:left; box-sizing:border-box; }
.media-digitalcontent .listbox li .infobox .title { width:calc(100% - 130px); font-size:23px; font-weight:400; color:#333; letter-spacing:-0.03em; }
.media-digitalcontent .listbox li .infobox .date { float:right; text-align:right; padding:0 0 0 22px; font-size:17px; color:#333; font-weight:300; background:url(/img/sub/icon_cal.png) left center no-repeat;}
@media screen and (max-width:1440px){
	.media-digitalcontent .listbox { padding:0 20px; }
}
@media screen and (max-width:1024px){
	.media-digitalcontent .listbox { padding:0 20px; }
	.media-digitalcontent .listbox li .infobox { padding:18px 0 0 0; }
	.media-digitalcontent .listbox li .infobox .title { width:calc(100% - 110px); font-size:20px; }
	.media-digitalcontent .listbox li .infobox .date { padding:0 0 0 20px; font-size:16px; }
}
@media screen and (max-width:640px){
	.media-digitalcontent .listbox { padding:0 20px; }
	.media-digitalcontent .listbox li .infobox { padding:15px 0 0 0; }
	.media-digitalcontent .listbox li .infobox .title { width:calc(100% - 110px); font-size:16px; }
	.media-digitalcontent .listbox li .infobox .date { padding:0 0 0 20px; font-size:14px; }
}
/* animation */
.media-digitalcontent .listbox { opacity:0; }
.media-digitalcontent .listbox.subOn  { animation:ani_3 1.0s 0.6s; animation-fill-mode:both;  }

/* media-brochure */
.media-brochure { overflow:hidden; }
.media-brochure .brochureCont { margin:75px 0 10% 0; }
.media-brochure .brochureCont .inner { z-index:2; }
.media-brochure .brochureCont .bh_box { position:absolute; right:0; bottom:0; margin-bottom:-10%; width:540px; height:480px; background-color:#172e82; }
.media-brochure .brochureCont .bh_box dl { padding:90px 80px; }
.media-brochure .brochureCont .bh_box dt { color:#fff; font-weight:600; font-size:40px; text-transform:uppercase; }
.media-brochure .brochureCont .bh_box dd { margin:25px 0 0 0; color:#fff; font-weight:300; font-size:16px; line-height:160%; letter-spacing:-0.03em; max-height:120px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.media-brochure .brochureCont .bh_box .btn_down { position:absolute; left:80px; bottom:90px; }
.media-brochure .brochureCont .bh_box .btn_down a { display:block; border:1px solid #fff; width:180px; text-align:center; padding:18px 0; transition:all .3s ease-in-out;}
.media-brochure .brochureCont .bh_box .btn_down a span { display:inline-block; padding:2px 20px 2px 0; color:#fff; font-weight:400; font-size:18px; background:url(/img/sub/btn_b_down.png) right center no-repeat;}
.media-brochure .brochureCont .bh_box .btn_down a:hover { background-color:#fff; }
.media-brochure .brochureCont .bh_box .btn_down a:hover span { color:#172e82; background:url(/img/sub/btn_b_down_ov.png) right center no-repeat; }
.media-brochure .brochureCont .imgbox { position:relative; overflow:hidden; max-height:550px; width:68%; z-index:1; }
.media-brochure .brochureCont .imgbox:after {content:""; display:block; padding-bottom:50%; }
.media-brochure .brochureCont .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
@media screen and (max-width:1280px){
	.media-brochure .brochureCont .bh_box {  width:450px; height:380px; }
	.media-brochure .brochureCont .bh_box dl { padding:50px 40px; }
	.media-brochure .brochureCont .bh_box dt { font-size:30px; }
	.media-brochure .brochureCont .bh_box dd { margin:20px 0 0 0; font-size:15px; max-height:120px; }
	.media-brochure .brochureCont .bh_box .btn_down { left:40px; bottom:50px; }
	.media-brochure .brochureCont .bh_box .btn_down a { width:180px; padding:15px 0; }
	.media-brochure .brochureCont .bh_box .btn_down a span { padding:2px 20px 2px 0; font-size:17px; }
}
@media screen and (max-width:1024px){
	.media-brochure .brochureCont .bh_box { width:100%; position:relative; bottom:0; height:auto; margin-bottom:0; margin-top:-60px; }
	.media-brochure .brochureCont .bh_box dl { padding:30px 20px 110px 20px; }
	.media-brochure .brochureCont .bh_box dt { font-size:26px; }
	.media-brochure .brochureCont .bh_box dd { margin:18px 0 0 0; font-size:14px; max-height:120px; }
	.media-brochure .brochureCont .bh_box .btn_down { left:20px; bottom:30px; }
	.media-brochure .brochureCont .bh_box .btn_down a { width:160px; padding:13px 0; }
	.media-brochure .brochureCont .bh_box .btn_down a span { padding:2px 20px 2px 0; font-size:15px; }
	.media-brochure .brochureCont .imgbox {  width:100%; }
}
@media screen and (max-width:640px){
	.media-brochure .brochureCont { margin:50px 0 0 0; }
	.media-brochure .brochureCont .bh_box { margin-bottom:0; margin-top:0; }
	.media-brochure .brochureCont .bh_box dt { font-size:24px; }
}


/* animation */
.media-brochure .brochureCont .bh_box,
.media-brochure .brochureCont .bh_box dt,
.media-brochure .brochureCont .bh_box dd ,
.media-brochure .brochureCont .bh_box .btn_down { opacity:0; }
.media-brochure.subOn .brochureCont .bh_box { animation:ani_2 1.0s 0.6s; animation-fill-mode:both; }
.media-brochure.subOn .brochureCont .bh_box dt { animation:ani_1 1.0s 1.2s; animation-fill-mode:both; }
.media-brochure.subOn .brochureCont .bh_box dd { animation:ani_1 1.0s 1.5s; animation-fill-mode:both; }
.media-brochure.subOn .brochureCont .bh_box .btn_down { animation:ani_3 1.0s 1.9s; animation-fill-mode:both; }
.media-brochure .brochureCont .imgbox:before { content:''; display:block; width:100%; height:100%; position:absolute; bottom:0; right:0; padding-bottom:1px; background-color:#fff; z-index:2; }
.media-brochure.subOn .brochureCont .imgbox:before{ width:0; transition:width 0.7s 0.7s; }

/* company-greeting */
.company-greeting { position:relative; background-color:#f5f8fd; margin:-175px 0; padding:175px 0 0 0; }
.company-greeting:before { opacity:0; content:""; display:block; position:absolute; left:-5%; bottom:0; width:100%; height:100%; background:url(/img/sub/bg_greeting1.png) left bottom no-repeat; }
.company-greeting .txtbox { position:relative; z-index:1; padding:0 0 225px 0; margin-left:42%; width:calc(100% - 42%); box-sizing:border-box; }
.company-greeting .txtbox .topCont p { line-height:130%; font-size:40px; }
.company-greeting .txtbox .txt_greeting { padding:30px 0 0 0; }
.company-greeting .txtbox .txt_greeting p { opacity:0;  margin:20px 0 0 0; color:#444; font-size:18px; font-weight:300; letter-spacing:-0.03em; line-height:165%; box-sizing:border-box; }
.company-greeting .txtbox .txt_greeting p strong { color:#000; font-weight:500; }
@media screen and (max-width:1720px){
	.company-greeting:before { left:-10%; }
	.company-greeting .txtbox .txt_greeting p br { display:none; }
	.company-greeting .txtbox .txt_greeting p strong { display:block; }
}
@media screen and (max-width:1440px){
	.company-greeting { margin:-150px 0; padding:150px 20px 0 0;  }
	.company-greeting:before { left:-15%; bottom:0; background-size:60% auto; }
	.company-greeting .txtbox .topCont { padding:0; }
	.company-greeting .txtbox .topCont p { font-size:38px; }
	.company-greeting .txtbox {  padding:0 0 150px 0; margin-left:50%; width:calc(100% - 50%); }
	.company-greeting .txtbox .txt_greeting { padding:40px 0 0 0; }
	.company-greeting .txtbox .txt_greeting p { margin:25px 0 0 0; font-size:17px; }
}
@media screen and (max-width:1280px){
	.company-greeting:before { left:-15%; bottom:0; background-size:70% auto; }
	.company-greeting .txtbox .topCont p { font-size:34px; }
}
@media screen and (max-width:1024px){
	.company-greeting { margin:-140px 0; padding:140px 20px 0 20px; overflow:hidden; }
	.company-greeting:before { left:auto; right:-5%; background:url(/img/sub/bg_greeting1_m.png) right bottom no-repeat; background-size:42% auto; }
	.company-greeting .txtbox .topCont { padding:0; }
	.company-greeting .txtbox .topCont p { font-size:30px; }
	.company-greeting .txtbox {  padding:0 0 150px 0; margin-left:0; width:100%; }
	.company-greeting .txtbox .txt_greeting { padding:40px 0 0 0; }
	.company-greeting .txtbox .txt_greeting p { margin:20px 0 0 0; font-size:16px; padding:0 50% 0 0; }
}
@media screen and (max-width:960px){
	.company-greeting .txtbox .txt_greeting p:nth-of-type(1) { padding:0; }
}
@media screen and (max-width:860px){
	.company-greeting .txtbox .txt_greeting p:nth-of-type(2) { padding:0; }
}
@media screen and (max-width:700px){
	.company-greeting .txtbox .txt_greeting p:nth-of-type(3) { padding:0; }
}
@media screen and (max-width:640px){
	.company-greeting { margin:-130px 0; padding:130px 20px 0 20px; }
	.company-greeting .txtbox {  padding:0 0 130px 0; }
	.company-greeting .txtbox .topCont p { font-size:24px; }
}
@media screen and (max-width:480px){
	.company-greeting .txtbox .txt_greeting p:nth-of-type(4) { padding:0; }
}

/* animation */
.company-greeting .txtbox .txt_greeting.subOn p:nth-of-type(1) { animation:ani_3 1.0s 0.3s; animation-fill-mode:both;  }
.company-greeting .txtbox .txt_greeting.subOn p:nth-of-type(2) { animation:ani_3 1.0s 0.7s; animation-fill-mode:both;  }
.company-greeting .txtbox .txt_greeting.subOn p:nth-of-type(3) { animation:ani_3 1.0s 1.1s; animation-fill-mode:both;  }
.company-greeting .txtbox .txt_greeting.subOn p:nth-of-type(4) { animation:ani_3 1.0s 1.5s; animation-fill-mode:both;  }
.company-greeting .txtbox .txt_greeting.subOn p:nth-of-type(5) { animation:ani_3 1.0s 1.9s; animation-fill-mode:both;  }
.company-greeting .txtbox .txt_greeting.subOn p:nth-of-type(6) { animation:ani_3 1.0s 2.3s; animation-fill-mode:both;  }
.company-greeting.subOn:before{ animation:ani_1 1.0s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.company-greeting.subOn:before{ animation:ani_2 1.0s 0.5s; animation-fill-mode:both; }
}

/* company-about */
.company-about {}
.company-about .aboutTop { position:relative; text-align:center; }
.company-about .aboutTop .imgbox { position:relative; margin:150px auto 0 auto; max-width:1350px; overflow:hidden; }
.company-about .aboutTop .imgbox:after {content:""; display:block; padding-bottom:23.8%; }
.company-about .aboutTop .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
.company-about .listbox { overflow:hidden; }
.company-about .listbox .box { margin:150px auto 0 auto; max-width:1400px; width:100%; }
.company-about .listbox .box:nth-child(1) { max-width:100%; }
.company-about .listbox .box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-about .listbox .box > div { float:left; width:50%; box-sizing:border-box; }
.company-about .listbox .box:nth-child(2n+1) .imgbox { float:right; }
.company-about .listbox .box .imgbox { position:relative; max-height:500px; overflow:hidden; }
.company-about .listbox .box .imgbox:after {content:""; display:block; padding-bottom:72%; }
.company-about .listbox .box:nth-child(1) .imgbox:after { padding-bottom:55.0%; }
.company-about .listbox .box .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; transform:scale(1.2); }
.company-about .listbox .box .txtbox { padding:95px 0 0 80px; }
.company-about .listbox .box:nth-child(2n+1) .txtbox { padding:95px 80px 0 0; text-align:right; }
.company-about .listbox .box .txtbox dt { opacity:0; color:#222; font-size:45px; font-weight:300; letter-spacing:-0.02em; }
.company-about .listbox .box .txtbox dt strong { font-weight:500; }
.company-about .listbox .box .txtbox dt span { display:block; margin:22px 0 0 0; color:#13529c; font-size:36px; font-weight:500; text-transform:uppercase; }
.company-about .listbox .box .txtbox dd { opacity:0; padding:80px 0 0 0; }
.company-about .listbox .box .txtbox dd li { margin:20px 0 0 0; color:#666; font-size:18px; font-weight:300; letter-spacing:-0.02em; }
.company-about .listbox .box .txtbox dd li:first-child { margin:0; }
@media screen and (max-width:1280px){
	.company-about .aboutTop .imgbox { margin:100px auto 0 auto; }
	.company-about .listbox .box { margin:120px auto 0 auto; }
	.company-about .listbox .box:nth-child(1) .imgbox:after { padding-bottom:72.0%; }
	.company-about .listbox .box .txtbox { padding:75px 0 0 60px; }
	.company-about .listbox .box:nth-child(2n+1) .txtbox { padding:75px 60px 0 0; }
	.company-about .listbox .box .txtbox dt { font-size:32px; }
	.company-about .listbox .box .txtbox dt span { margin:20px 0 0 0; font-size:26px; }
	.company-about .listbox .box .txtbox dd { padding:70px 0 0 0; }
	.company-about .listbox .box .txtbox dd li { margin:18px 0 0 0; font-size:17px; }
}
@media screen and (max-width:1024px){
	.company-about .aboutTop .imgbox { margin:80px auto 0 auto; }
	.company-about .listbox .box { margin:100px auto 0 auto; }
	.company-about .listbox .box .txtbox { padding:60px 0 0 40px; }
	.company-about .listbox .box:nth-child(2n+1) .txtbox { padding:60px 40px 0 0; }
	.company-about .listbox .box .txtbox dt { font-size:26px; }
	.company-about .listbox .box .txtbox dt span { margin:15px 0 0 0; font-size:18px; }
	.company-about .listbox .box .txtbox dd { padding:50px 0 0 0; }
	.company-about .listbox .box .txtbox dd li { margin:15px 0 0 0; font-size:16px; }
}
@media screen and (max-width:860px){
	.company-about .listbox .box .imgbox:after,
	.company-about .listbox .box:nth-child(1) .imgbox:after { padding-bottom:40.0%; }
	.company-about .listbox .box > div { width:100%; }
	.company-about .listbox .box .txtbox { padding:40px 0 0 20px; }
	.company-about .listbox .box:nth-child(2n+1) .txtbox { padding:40px 20px 0 0; }
}
@media screen and (max-width:640px){
	.company-about .listbox .box .txtbox dt { font-size:20px; }
	.company-about .listbox .box .txtbox dt span { margin:10px 0 0 0; font-size:16px; }
	.company-about .listbox .box .txtbox dd { padding:40px 0 0 0; }
	.company-about .listbox .box .txtbox dd li { margin:12px 0 0 0; font-size:14px; }
}

/* animation */
.company-about .aboutTop .imgbox:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; right:0; padding-bottom:1px; background-color:#fff; z-index:2;}
.company-about .aboutTop .imgbox.subOn:before{ height:0; transition:height 0.5s 0.3s; }
.company-about .listbox .box.subOn .txtbox dt { animation:ani_2 1.0s 0.3s; animation-fill-mode:both; }
.company-about .listbox .box.subOn:nth-child(2n+1) .txtbox dt { animation:ani_1 1.0s 0.3s; animation-fill-mode:both; }
.company-about .listbox .box.subOn .imgbox img {  animation:bg_over 2s 0.3s; animation-fill-mode:both; }
.company-about .listbox .box.subOn .txtbox dd { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }

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

/* company-history */
.company-history {}
.company-history .historyTop { text-align:center; }
.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:#e0e0e0; }
.company-history .listbox .historyCont { padding:120px 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:80px 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; padding:0 0 0 118px; float:left; }
.company-history .listbox .historyCont .list:after {content:""; display:block; position:absolute; left:0; top:0; z-index:2; margin:0 0 0 -2px; width:5px; height:5px; background-color:#ccc; transition:all .3s ease-in-out; }
.company-history .listbox .historyCont.on .list:after { background-color:#172e82; }
.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:#fff; border:1px solid #6877ae; transition:all .3s ease-in-out; }
.company-history .listbox .historyCont.on .list:before { margin:-8px 0 0 -10px; width:19px; height:19px; }
.company-history .listbox .historyCont .list dl { margin-top:-20px; }
.company-history .listbox .historyCont .list dt { color:#172e82; font-size:40px; font-weight:600; }
.company-history .listbox .historyCont .list dt span { color:#172e82; font-weight:600; }
.company-history .listbox .historyCont .list dd { padding:10px 0 0 0; }
.company-history .listbox .historyCont .list dd li { position:relative; padding:0 0 0 13px; margin:20px 0 0 0; font-size:20px; line-height:28px; color:#444; font-weight:300; letter-spacing:-0.02em; }
.company-history .listbox .historyCont .list dd li:before {content:""; display:block; position:absolute; left:0; top:13px; width:3px; height:3px; background-color:#8a8a8a; }
.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 { padding:0 118px 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).on .list:before { left:auto; right:0; margin:-8px -11px 0 0; }
.company-history .listbox .historyCont:nth-child(2n) .list dd li { padding:0 13px 0 0; }
.company-history .listbox .historyCont:nth-child(2n) .list dd li:before { left:auto; right:0; }
@media screen and (max-width:1280px){
	.company-history .listbox .historyCont .imgbox { margin:0 90px 0 0; width:calc(50% - 90px); }
	.company-history .listbox .historyCont .imgbox img { width:100%; max-width:500px; }
	.company-history .listbox .historyCont .list { padding:0 0 0 90px; }
	.company-history .listbox .historyCont .list dl { margin-top:-10px; }
	.company-history .listbox .historyCont .list dt { font-size:30px; }
	.company-history .listbox .historyCont .list dd { padding:8px 0 0 0; }
	.company-history .listbox .historyCont .list dd li { padding:0 0 0 10px; margin:18px 0 0 0; font-size:18px; line-height:24px; }
	.company-history .listbox .historyCont .list dd li:before { top:11px; }
	.company-history .listbox .historyCont:nth-child(2n) .imgbox { margin:0 0 0 90px; }
	.company-history .listbox .historyCont:nth-child(2n) .list { padding:0 90px 0 0;}
}
@media screen and (max-width:1024px){
	.company-history .listbox .historyCont .imgbox { margin:0 60px 0 0; width:calc(50% - 60px); }
	.company-history .listbox .historyCont .list { padding:0 0 0 60px; }
	.company-history .listbox .historyCont .list dl { margin-top:-10px; }
	.company-history .listbox .historyCont .list dt { font-size:26px; }
	.company-history .listbox .historyCont .list dd { padding:8px 0 0 0; }
	.company-history .listbox .historyCont .list dd li { padding:0 0 0 10px; margin:15px 0 0 0; font-size:16px; line-height:22px; }
	.company-history .listbox .historyCont .list dd li:before { top:9px; width:2px; height:2px; }
	.company-history .listbox .historyCont:nth-child(2n) .imgbox { margin:0 0 0 60px; }
	.company-history .listbox .historyCont:nth-child(2n) .list { padding:0 60px 0 0;}
}
@media screen and (max-width:860px){
	.company-history .listbox:after { left:20px; top:60px; height:calc(100% - 65px); }
	.company-history .listbox .historyCont { padding:100px 0 0 0; position:relative; }
	.company-history .listbox .historyCont:nth-child(1) { padding:60px 0 0 0; }
	.company-history .listbox .historyCont.l_list { padding:20px 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 { width:100%; margin-top:50px; padding:0 0 0 50px; }
	.company-history .listbox .historyCont .list:after { left:20px; width:3px; height:3px; margin:1px 0 0 -1px; }
	.company-history .listbox .historyCont .list:before { left:0; margin:0 0 0 20px; }
	.company-history .listbox .historyCont.on .list:before { left:0; width:15px; height:15px; margin:-6px 0 0 12px; }
	.company-history .listbox .historyCont:nth-child(2n) .imgbox { margin:0; }
	.company-history .listbox .historyCont:nth-child(2n) .list { margin-top:50px; padding:0 0 0 50px; text-align:left; }
	.company-history .listbox .historyCont:nth-child(2n) .list:after { left:20px; right:0; margin:1px 0 0 -1px; }
	.company-history .listbox .historyCont:nth-child(2n).on .list:before { left:0; right:0; margin:-6px 0 0 12px; }
	.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; }
}
@media screen and (max-width:640px){
	.company-history .listbox .historyCont .imgbox:after { padding-bottom:40%; }
	.company-history .listbox .historyCont .list dl { margin-top:-8px; }
	.company-history .listbox .historyCont .list dt { font-size:24px; }
	.company-history .listbox .historyCont .list dd { padding:8px 0 0 0; }
	.company-history .listbox .historyCont .list dd li { padding:0 0 0 10px; margin:15px 0 0 0; font-size:15px; line-height:20px; }
	.company-history .listbox .historyCont .list dd li:before { top:9px; }
}

/* animation */
.company-history .listbox .historyCont.on .list dt span:nth-child(1) { animation:letter-glow 0.5s 0.1s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(2) { animation:letter-glow 0.5s 0.2s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(3) { animation:letter-glow 0.5s 0.3s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(4) { animation:letter-glow 0.5s 0.4s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(5) { animation:letter-glow 0.5s 0.5s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(6) { animation:letter-glow 0.5s 0.6s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(7) { animation:letter-glow 0.5s 0.7s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(8) { animation:letter-glow 0.5s 0.8s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(9) { animation:letter-glow 0.5s 0.9s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(10) { animation:letter-glow 0.5s 1.0s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(12) { animation:letter-glow 0.5s 1.1s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(13) { animation:letter-glow 0.5s 1.2s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(14) { animation:letter-glow 0.5s 1.3s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(15) { animation:letter-glow 0.5s 1.4s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(16) { animation:letter-glow 0.5s 1.5s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(17) { animation:letter-glow 0.5s 1.6s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(18) { animation:letter-glow 0.5s 1.7s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(19) { animation:letter-glow 0.5s 1.8s; animation-fill-mode:both; }
.company-history .listbox .historyCont.on .list dt span:nth-child(20) { animation:letter-glow 0.5s 1.9s; animation-fill-mode:both; }

.company-history .listbox .historyCont.on .list dd{ animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-history .listbox .historyCont:nth-child(2n).on .list dd{ animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }

.company-history .listbox .historyCont.on .imgbox:before { width:0; transition:width 1.0s 0.8s; }

@-webkit-keyframes letter-glow {
  0% { color:#333; }
  100% { color:#172e82; }
}
@keyframes letter-glow {
  0% { color:#f5f5f5; }
  100% { color:#172e82; }
}

/* company-partners */
.company-partners { margin:80px 0 -175px 0; padding:130px 0; background-color:#f9f9f9; }
.company-partners .partnersTop { position:relative; text-align:center; }
.company-partners .partnersTop p { position:relative; z-index:5; }
.company-partners .partnersTop .txtbox { position:relative; z-index:5; }
.company-partners .partnersTop .imgbox { position:relative; z-index:1; margin:-60px auto 0 auto; max-width:987px; overflow:hidden; }
.company-partners .partnersTop .imgbox:after {content:""; display:block; padding-bottom:43%; }
.company-partners .partnersTop .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
.company-partners .listbox { position:relative; margin:-225px auto 0 auto; max-width:1400px; }
.company-partners .listbox > ul { margin:-30px 0 0 -27px; }
.company-partners .listbox > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-partners .listbox > ul > li { opacity:0; cursor:pointer; position:relative; z-index:1; float:left; width:calc(25% - 27px); margin:30px 0 0 27px; height:450px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box; overflow:hidden; }
.company-partners .listbox > ul > li .sbox { padding:50px 20px 0 40px; }
.company-partners .listbox > ul > li .sbox dt .logo { display:block; min-height:70px; }
.company-partners .listbox > ul > li .sbox dt .tit { margin:16px 0 0 0; display:block; font-size:22px; line-height:30px; color:#333; font-weight:500; letter-spacing:-0.02em; min-height:60px; }
.company-partners .listbox > ul > li .sbox dd { margin:10px 0 0 0; font-size:15px; line-height:26px; color:#444; font-weight:300; letter-spacing:-0.02em;}
.company-partners .listbox > ul > li .txtOver { opacity:0; visibility:hidden; transition:all .3s ease-in-out; }
.company-partners .listbox > ul > li:hover .txtOver { opacity:1; visibility:visible; }
.company-partners .listbox > ul > li .txtOver { width:100%; height:100%; position:absolute; top:0px; left:0px; transition:all 0.5s; background:url(/img/sub/bg_company_p.jpg); clip-path:circle(0% at 50% 50%); }
.company-partners .listbox > ul > li:hover .txtOver { z-index:3; clip-path:circle(100% at 50% 50%); transition:all 0.8s; }
.company-partners .listbox > ul > li .txtOver dl { padding:50px 0 30px 40px; }
.company-partners .listbox > ul > li .txtOver dt { font-size:32px; line-height:36px; color:#fff; font-weight:500; letter-spacing:-0.03em; }
.company-partners .listbox > ul > li .txtOver dd { margin:35px 0 0 0; }
.company-partners .listbox > ul > li .txtOver dd p { font-size:18px; color:#fff; font-weight:500; text-transform:uppercase; }
.company-partners .listbox > ul > li .txtOver dd ul { padding:4px 0 0 0; }
.company-partners .listbox > ul > li .txtOver dd li { position:relative; padding:0 0 0 10px; margin:13px 0 0 0; font-size:15px; color:rgba(255,255,255,0.8); font-weight:300; letter-spacing:-0.02em;}
.company-partners .listbox > ul > li .txtOver dd li:after {content:""; display:block; position:absolute; top:6px; left:0px; width:3px; height:3px; background-color:rgba(255,255,255,0.7); border-radius:100%; }
@media screen and (max-width:1440px){
	.company-partners { margin:80px 0 -150px 0; }
	.company-partners .listbox { padding:0 20px; }
	.company-partners .listbox > ul { margin:-30px 0 0 -25px; }
	.company-partners .listbox > ul > li { width:calc(33.33% - 25px); margin:30px 0 0 25px; }
}
@media screen and (max-width:1280px){
	.company-partners .partnersTop .imgbox { margin:-40px auto 0 auto; }
	.company-partners .listbox { margin:-210px auto 0 auto;}
	.company-partners .listbox > ul { margin:-25px 0 0 -20px; }
	.company-partners .listbox > ul > li { width:calc(33.33% - 20px); margin:25px 0 0 20px; height:400px; }
	.company-partners .listbox > ul > li .sbox { padding:35px 20px 0 30px; }
	.company-partners .listbox > ul > li .sbox dt .tit { margin:12px 0 0 0; font-size:20px; line-height:28px; min-height:45px; }
	.company-partners .listbox > ul > li .sbox dd { margin:10px 0 0 0; font-size:15px; line-height:26px; }
	.company-partners .listbox > ul > li .txtOver dl { padding:30px 0 20px 20px; }
	.company-partners .listbox > ul > li .txtOver dt { font-size:28px; line-height:32px; }
	.company-partners .listbox > ul > li .txtOver dd { margin:20px 0 0 0; }
	.company-partners .listbox > ul > li .txtOver dd p { font-size:17px; }
	.company-partners .listbox > ul > li .txtOver dd ul { padding:2px 0 0 0; }
	.company-partners .listbox > ul > li .txtOver dd li { margin:12px 0 0 0; font-size:15px; }
	.company-partners .listbox > ul > li .txtOver dd li:after { top:6px; }
}
@media screen and (max-width:1024px){
	.company-partners { margin:70px 0 -140px 0; padding:90px 0; }
	.company-partners .partnersTop .imgbox { margin:-30px auto 0 auto; }
	.company-partners .listbox { margin:-200px auto 0 auto;}
}
@media screen and (max-width:960px){
	.company-partners .partnersTop .imgbox { margin:-50px auto 0 auto; }
	.company-partners .listbox { margin:-200px auto 0 auto;}
	.company-partners .listbox > ul { margin:-25px 0 0 -20px; }
	.company-partners .listbox > ul > li { width:calc(50% - 20px); margin:25px 0 0 20px; height:400px; }
}
@media screen and (max-width:640px){
	.company-partners { margin:70px 0 -130px 0; padding:70px 0; }
	.company-partners .partnersTop .imgbox { margin:-40px auto 0 auto; }
	.company-partners .listbox { margin:-120px auto 0 auto;}
	.company-partners .listbox > ul { margin:-15px 0 0 -10px; }
	.company-partners .listbox > ul > li { width:calc(50% - 10px); margin:15px 0 0 10px; height:340px; }
	.company-partners .listbox > ul > li .sbox { padding:20px 20px 0 20px; }
	.company-partners .listbox > ul > li .sbox dt .logo { min-height:45px; }
	.company-partners .listbox > ul > li .sbox dt .logo img { max-height:38px; }
	.company-partners .listbox > ul > li:nth-child(2) .sbox dt .logo img { max-height:24px; }
	.company-partners .listbox > ul > li:nth-child(7) .sbox dt .logo img { max-height:24px; }
	.company-partners .listbox > ul > li .sbox dt .tit { margin:10px 0 0 0; font-size:18px; line-height:22px; }
	.company-partners .listbox > ul > li .sbox dd { margin:15px 0 0 0; font-size:14px; line-height:24px; }
	.company-partners .listbox > ul > li .txtOver dl { padding:20px 0 20px 20px; }
	.company-partners .listbox > ul > li .txtOver dt { font-size:20px; line-height:28px; }
	.company-partners .listbox > ul > li .txtOver dd { margin:15px 0 0 0; }
	.company-partners .listbox > ul > li .txtOver dd p { font-size:15px; }
	.company-partners .listbox > ul > li .txtOver dd ul { padding:2px 0 0 0; }
	.company-partners .listbox > ul > li .txtOver dd li { margin:10px 0 0 0; font-size:14px; }
	.company-partners .listbox > ul > li .txtOver dd li:after { top:6px; }
}
@media screen and (max-width:500px){
	.company-partners .listbox { margin:-80px auto 0 auto;}
	.company-partners .listbox > ul { margin:-10px 0 0 -5px; }
	.company-partners .listbox > ul > li { width:calc(50% - 5px); margin:10px 0 0 5px; height:320px; }
	.company-partners .listbox > ul > li .sbox { padding:10px 10px 0 10px; }
	.company-partners .listbox > ul > li .sbox dt .logo img { max-height:32px; }
	.company-partners .listbox > ul > li:nth-child(2) .sbox dt .logo img { max-height:20px; }
	.company-partners .listbox > ul > li:nth-child(7) .sbox dt .logo img { max-height:20px; }
	.company-partners .listbox > ul > li .sbox dt .tit { margin:10px 0 0 0; font-size:16px; line-height:22px; }
	.company-partners .listbox > ul > li .sbox dd { margin:10px 0 0 0; font-size:14px; line-height:20px; }
	.company-partners .listbox > ul > li .txtOver dl { padding:10px 0 10px 10px; }
	.company-partners .listbox > ul > li .txtOver dt { font-size:20px; line-height:28px; }
	.company-partners .listbox > ul > li .txtOver dd { margin:15px 0 0 0; }
	.company-partners .listbox > ul > li .txtOver dd p { font-size:15px; }
	.company-partners .listbox > ul > li .txtOver dd ul { padding:2px 0 0 0; }
	.company-partners .listbox > ul > li .txtOver dd li { margin:10px 0 0 0; padding:0 0 0 8px; font-size:13px; }
	.company-partners .listbox > ul > li .txtOver dd li:after { top:5px; width:2px; height:2px; }
}
/* animation */
.company-partners .partnersTop .imgbox:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; right:0; z-index:-1; padding-bottom:1px; background-color:#f9f9f9; z-index:2;}
.company-partners .partnersTop .imgbox.subOn:before{ height:0; transition:height 0.5s 0.3s; }
.company-partners .listbox.subOn > ul > li:nth-child(1) { animation:ani_3 0.5s 0.1s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(2) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(3) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(4) { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(5) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(6) { animation:ani_3 0.5s 1.1s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(7) { animation:ani_3 0.5s 1.3s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(8) { animation:ani_3 0.5s 1.5s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(9) { animation:ani_3 0.5s 1.7s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(10) { animation:ani_3 0.5s 1.9s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(11) { animation:ani_3 0.5s 2.1s; animation-fill-mode:both; }
.company-partners .listbox.subOn > ul > li:nth-child(12) { animation:ani_3 0.5s 2.3s; animation-fill-mode:both; }


/* company-value */
.company-value {}
.company-value .valueTop { position:relative; text-align:center; }
.company-value .listbox { position:relative; margin:40px 0 0 0; }
.company-value .listbox .txtbox { max-width:580px; width:100%; height:730px; margin:0 auto; display:table; background:url(/img/sub/bg_value_top_n.png) center 48px no-repeat; }
.company-value .listbox .txtbox .sbox { opacity:0; display:table-cell; text-align:center; color:#2c308b; font-size:15px; font-weight:500; letter-spacing:-0.02em; width:100%; height:100%; vertical-align:middle; }
.company-value .listbox .txtbox strong { color:#222; font-size:40px; display:block; margin:0 0 85px 0; font-weight:500; }
.company-value .listbox .txtbox span {  font-weight:600; }
.company-value .listbox ul { margin:0; }
.company-value .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-value .listbox ul li { opacity:0; position:absolute; display:block; z-index:2; }
.company-value .listbox ul li .icon { float:left; display:inline-block; z-index:3; padding:5px; }
.company-value .listbox ul li .icon span { display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; border-radius:100%; width:110px; height:110px; box-shadow:5px 5px 6px #e7e7f9, -3px -3px 6px #e7e7f9; border-radius:100%; background-color:#fff; }
.company-value .listbox ul li .sbox { display:inline-block; padding:25px 20px 0 20px; }
.company-value .listbox ul li .sbox dt { font-size:17px; line-height:120%; color:#222; font-weight:300; letter-spacing:-0.02em;}
.company-value .listbox ul li .sbox dd { margin:8px 0 0 0; font-size:20px; line-height:120%; color:#222; font-weight:500; letter-spacing:-0.02em; }
.company-value .listbox ul li .sbox dd .btn_biz { padding:5px 20px 0 0; }
.company-value .listbox ul li .sbox dd .btn_biz span { position:relative; display:inline-block; padding:0 20px 0 0; font-size:18px; font-weight:700; color:#172e82; }
.company-value .listbox ul li .sbox dd .btn_biz span:before{  content:""; display:block; position:absolute; top:50%; right:0; width:15px; height:15px;; transform:translateY(calc(-50% + 0.5px)); background:url(/img/sub/icon_newwin.png) center center no-repeat; }
/* 22.05.13
.company-value .listbox ul li:nth-child(1) { top:20px; text-align:right; right:50%; margin-right:33px; }
.company-value .listbox ul li:nth-child(2) { top:20px; text-align:left; left:50%; margin-left:33px; }
.company-value .listbox ul li:nth-child(3) { top:125px; text-align:left; left:50%; margin-left:164px; }
.company-value .listbox ul li:nth-child(4) { top:290px; text-align:left; left:50%; margin-left:190px; }
.company-value .listbox ul li:nth-child(5) { top:440px; text-align:left; left:50%; margin-left:105px; }
.company-value .listbox ul li:nth-child(6) { top:504px; text-align:right; right:50%; margin-right:-65px; }
.company-value .listbox ul li:nth-child(7) { top:440px; text-align:right; right:50%; margin-right:105px; }
.company-value .listbox ul li:nth-child(8) { top:290px; text-align:right; right:50%; margin-right:190px; }
.company-value .listbox ul li:nth-child(9) { top:125px; text-align:right; right:50%; margin-right:164px; }
*/
.company-value .listbox ul li:nth-child(1) { top:0; text-align:right; right:50%; margin-right:35px; }
.company-value .listbox ul li:nth-child(2) { top:0; text-align:left; left:50%; margin-left:35px; }
.company-value .listbox ul li:nth-child(3) { top:148px; text-align:left; left:50%; margin-left:180px; }
.company-value .listbox ul li:nth-child(3) { top:148px; text-align:left; left:50%; margin-left:180px; }
.company-value .listbox ul li:nth-child(4) { top:325px; text-align:left; left:50%; margin-left:180px; }
.company-value .listbox ul li:nth-child(5) { top:504px; text-align:left; left:50%; margin-left:35px; }
.company-value .listbox ul li:nth-child(6) { top:504px; text-align:right; right:50%; margin-right:35px; }
.company-value .listbox ul li:nth-child(7) { top:325px; text-align:right; right:50%; margin-right:180px; }
.company-value .listbox ul li:nth-child(8) { top:148px; text-align:right; right:50%; margin-right:180px; }

.company-value .listbox ul li:nth-child(1) .icon,
.company-value .listbox ul li:nth-child(6) .icon,
.company-value .listbox ul li:nth-child(7) .icon,
.company-value .listbox ul li:nth-child(8) .icon,
.company-value .listbox ul li:nth-child(9) .icon { float:right; }
/* 22.05.13
.company-value .listbox ul li:nth-child(6) .icon { float:none; }
.company-value .listbox ul li:nth-child(6) .sbox  { text-align:center; float:none; display:block; position:absolute; top:120px; left:50%; transform:translateX(-50%); width:300px; }
*/
.company-value .btn_platform { text-align:center; margin:80px 0 0 0; }
.company-value .btn_platform a { position:relative; margin:0 auto; display:flex; align-items:center;  width:320px; height:70px; box-sizing:border-box; border:1px solid #172e82; }
.company-value .btn_platform a:before{  content:""; display:block; position:absolute; top:50%; right:30px; width:15px; height:15px;; transform:translateY(-50%); background:url(/img/sub/icon_newwin.png) center center no-repeat; }
.company-value .btn_platform a span { position:relative; display:inline-block; padding:0 0 0 30px; font-size:18px; font-weight:400; color:#172e82; }
.company-value .platformCont { margin:120px 0 10% 0; padding:120px 0 160px 0; background:url(/img/sub/bg_value_platform.jpg) center bottom no-repeat; background-size:cover; }
.company-value .platformCont .txtTop { text-align:center; }
.company-value .platformCont .txtTop h4 { font-weight:600 !important; color:#13529c; }
.company-value .platformCont .platformBox { position:relative; margin:0 auto; max-width:1400px; overflow:hidden; }
.company-value .platformCont .platformBox .bg_arr { opacity:0; position:absolute; top:130px; left:50%; transform:translateX(-50%); width:503px; height:468px; background:url(/img/sub/icon_arr_p.png) center bottom no-repeat;}
.company-value .platformCont .platformBox .tit { opacity:0; margin:70px 0 0 0; text-align:center; font-size:42px; color:#172e82; font-weight:700; letter-spacing:-0.02em;  }
.company-value .platformCont .platformBox .p_box { position:relative; z-index:2; margin:200px 0 0 0; }
.company-value .platformCont .platformBox .p_box:before{  content:""; display:block; position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; background:#fff url(/img/sub/icon_plus.png) center center no-repeat; border-radius:100%; box-shadow:3px 3px 5px #d3dbe3; }
.company-value .platformCont .platformBox .p_box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-value .platformCont .platformBox .p_box > div { float:left; width:calc(50% - 52px); box-sizing:border-box; }
.company-value .platformCont .platformBox .p_box .l_box { margin:0 52px 0 0; }
.company-value .platformCont .platformBox .p_box .r_box { margin:0 0 0 52px; }
.company-value .platformCont .platformBox .p_box .box { opacity:0; position:relative; text-align:center; box-sizing:border-box; padding:55px 25px 20px 25px; background-color:#fff; }
.company-value .platformCont .platformBox .p_box .box p { display:table; position:absolute; top:-37px; left:50%; width:320px; height:75px; transform:translateX(-50%); }
.company-value .platformCont .platformBox .p_box .box p span { display:table-cell; font-size:28px; color:#222; font-weight:700; text-align:center; vertical-align:middle; width:100%; height:100%; background-color:#fff; border-radius:50px; box-shadow:3px 3px 6px #e7e9eb; } 
.company-value .platformCont .platformBox .p_box .box ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-value .platformCont .platformBox .p_box .box li { position:relative; float:left; width:50%; height:200px; box-sizing:border-box; padding:30px 0 0 0; }
.company-value .platformCont .platformBox .p_box .box li .icon { display:block; }
.company-value .platformCont .platformBox .p_box .box li .icon span  { margin:12px 0 0 0; display:block; font-size:15px; color:#777; font-weight:400; letter-spacing:-0.02em; }
.company-value .platformCont .platformBox .p_box .box li .txt { margin:13px 0 0 0; }
.company-value .platformCont .platformBox .p_box .box li .txt strong { display:block; font-size:20px; line-height:30px; color:#333; font-weight:500; letter-spacing:-0.02em; }
.company-value .platformCont .platformBox .p_box .box li .txt span { margin:2px 0 0 0; display:block; font-size:15px; color:#555; font-weight:300; letter-spacing:-0.02em; }
.company-value .platformCont .platformBox .p_box .box li:nth-child(2):after,
.company-value .platformCont .platformBox .p_box .box li:nth-child(4):after{  content:""; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:url(/img/sub/bg_line_p1.png) left top repeat-y; }
.company-value .platformCont .platformBox .p_box .box li:nth-child(1):before,
.company-value .platformCont .platformBox .p_box .box li:nth-child(2):before{  content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:url(/img/sub/bg_line_p1.png) left top repeat-x; }
 
@media screen and (max-width:1440px){
	.company-value .listbox { padding:0 20px; }
	.company-value .platformCont{ margin:100px 0 0 0; padding:100px 20px 140px 20px; }
}
@media screen and (max-width:1280px){
	.company-value .listbox ul li .sbox dd { margin:12px 0 0 0; }
	.company-value .listbox ul li .m_br { display:block; }
	.company-value .platformCont .platformBox .bg_arr { top:120px; width:350px; height:326px; background-size:350px auto;}
	.company-value .platformCont .platformBox .tit { margin:60px 0 0 0; font-size:38px; }
	.company-value .platformCont .platformBox .p_box { margin:170px 0 0 0; }
	.company-value .platformCont .platformBox .p_box > div { width:calc(50% - 48px); }
	.company-value .platformCont .platformBox .p_box .l_box { margin:0 48px 0 0; }
	.company-value .platformCont .platformBox .p_box .r_box { margin:0 0 0 48px; }
	.company-value .platformCont .platformBox .p_box .box { padding:50px 20px 20px 20px; }
	.company-value .platformCont .platformBox .p_box .box p { top:-30px; width:280px; height:60px; }
	.company-value .platformCont .platformBox .p_box .box p span { font-size:24px; } 
	.company-value .platformCont .platformBox .p_box .box li { height:200px; padding:30px 0 0 0; }
	.company-value .platformCont .platformBox .p_box .box li .icon span  { margin:12px 0 0 0; font-size:15px; }
	.company-value .platformCont .platformBox .p_box .box li .txt { margin:13px 0 0 0; }
	.company-value .platformCont .platformBox .p_box .box li .txt strong { font-size:18px; line-height:26px; }
	.company-value .platformCont .platformBox .p_box .box li .txt span { font-size:15px;  }
	.company-value .platformCont .platformBox .p_box .box li .txt .m_br { display:block; }
}
@media screen and (max-width:1024px){
	.company-value .platformCont{ margin:80px 0 0 0; padding:80px 20px 120px 20px; }
	.company-value .listbox .txtbox strong { font-size:28px; margin: 0 0 35px 0; }
	.company-value .listbox ul li .sbox dt { font-size:15px; }
	.company-value .listbox ul li .sbox dd { margin:8px 0 0 0; font-size:17px; }
	.company-value .btn_platform { margin:70px 0 0 0; }
	.company-value .btn_platform a { width:300px; height:65px; }
	.company-value .btn_platform a:before{ right:20px; }
	.company-value .btn_platform a span { padding:0 0 0 20px; font-size:17px; }
	.company-value .platformCont .platformBox .bg_arr { top:100px; width:220px; height:205px; background-size:220px auto;}
	.company-value .platformCont .platformBox .tit { margin:40px 0 0 0; font-size:26px; }
	.company-value .platformCont .platformBox .p_box { margin:140px 0 0 0; }
	.company-value .platformCont .platformBox .p_box:before{ width:46px; height:46px; margin:-23px 0 0 -23px; background-size:18px auto !important;  }
	.company-value .platformCont .platformBox .p_box > div { width:calc(50% - 30px); }
	.company-value .platformCont .platformBox .p_box .l_box { margin:0 30px 0 0; }
	.company-value .platformCont .platformBox .p_box .r_box { margin:0 0 0 30px; }
	.company-value .platformCont .platformBox .p_box .box { padding:35px 15px 15px 15px; }
	.company-value .platformCont .platformBox .p_box .box p { top:-20px; width:200px; height:40px; }
	.company-value .platformCont .platformBox .p_box .box p span { font-size:18px; } 
	.company-value .platformCont .platformBox .p_box .box li { height:170px; padding:15px 5px 0 5px; }
	.company-value .platformCont .platformBox .p_box .box li .icon span  { margin:10px 0 0 0; font-size:14px; }
	.company-value .platformCont .platformBox .p_box .box li .txt { margin:10px 0 0 0; }
	.company-value .platformCont .platformBox .p_box .box li .txt strong { font-size:15px; line-height:24px; }
	.company-value .platformCont .platformBox .p_box .box li .txt span { font-size:13px;  }
}
@media screen and (max-width:920px){
	.company-value .listbox { }
	.company-value .listbox .txtbox { height:auto; background:none; }
	.company-value .listbox ul li { position:relative; width:50%; float:left; }
	.company-value .listbox ul li .icon { float:left;}
	.company-value .listbox ul li .icon span { width:90px; height:90px; }
	.company-value .listbox ul li .icon img { width:40%; }
	.company-value .listbox ul li:nth-child(1),
	.company-value .listbox ul li:nth-child(2),
	.company-value .listbox ul li:nth-child(3),
	.company-value .listbox ul li:nth-child(3),
	.company-value .listbox ul li:nth-child(4),
	.company-value .listbox ul li:nth-child(5),
	.company-value .listbox ul li:nth-child(6),
	.company-value .listbox ul li:nth-child(7),
	.company-value .listbox ul li:nth-child(8),
	.company-value .listbox ul li:nth-child(9) { top:auto; bottom:auto; text-align:left; left:0; right:auto; margin:30px 0 0 0; }
	.company-value .listbox ul li:nth-child(1) .icon,
	.company-value .listbox ul li:nth-child(6) .icon,
	.company-value .listbox ul li:nth-child(7) .icon,
	.company-value .listbox ul li:nth-child(8) .icon,
	.company-value .listbox ul li:nth-child(9) .icon { float:left; }
	.company-value .listbox ul li:nth-child(6) .sbox  { text-align:left; float:none; display:inline-block; position:relative; top:auto; left:auto; transform:translateX(0); width:auto; }
	.company-value .listbox ul li .sbox { display:inline-block; padding:20px 0 0 15px; }
}
@media screen and (max-width:760px){
	.company-value .listbox ul li .icon span { width:80px; height:80px; }
	.company-value .listbox ul li .icon img { width:35%; }
	.company-value .listbox ul li { width:100%; margin:10px 0 0 10% !important; }
	.company-value .listbox ul li .m_br { display:none; }
	.company-value .platformCont .platformBox .p_box:before { margin:-32px 0 0 -23px; }
	.company-value .platformCont .platformBox .p_box > div { width:100%; }
	.company-value .platformCont .platformBox .p_box .l_box { margin:0 0 0 0; }
	.company-value .platformCont .platformBox .p_box .r_box { margin:100px 0 0 0; }
}
@media screen and (max-width:640px){
	.company-value .listbox ul li .m_br { display:block; }
	.company-value .btn_platform { margin:60px 0 0 0; }
	.company-value .btn_platform a { width:250px; height:60px; }
	.company-value .btn_platform a:before{ right:20px; }
	.company-value .btn_platform a span { padding:0 0 0 20px; font-size:16px; }
	.company-value .platformCont{ margin:60px 0 -130px 0; padding:60px 20px 90px 20px; }
}

/* animation */
.company-value .listbox.subOn .txtbox .sbox { animation:ani_5 0.5s 1.8s; animation-fill-mode:both; }
.company-value .listbox.subOn ul li:nth-child(1) { animation:ani_1 0.5s 0.1s; animation-fill-mode:both; }
.company-value .listbox.subOn ul li:nth-child(2) { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.company-value .listbox.subOn ul li:nth-child(3) { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-value .listbox.subOn ul li:nth-child(4) { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.company-value .listbox.subOn ul li:nth-child(5) { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.company-value .listbox.subOn ul li:nth-child(6) { animation:ani_1 0.5s 1.1s; animation-fill-mode:both; }
.company-value .listbox.subOn ul li:nth-child(7) { animation:ani_1 0.5s 1.3s; animation-fill-mode:both; }
.company-value .listbox.subOn ul li:nth-child(8) { animation:ani_1 0.5s 1.5s; animation-fill-mode:both; }
.company-value .listbox.subOn ul li:nth-child(9) { animation:ani_1 0.5s 1.7s; animation-fill-mode:both; }

.company-value .platformCont .platformBox.subOn .p_box .l_box { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.company-value .platformCont .platformBox.subOn .p_box .r_box { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-value .platformCont .platformBox.subOn .bg_arr { animation:img_top 0.5s 0.9s; animation-fill-mode:both; }
.company-value .platformCont .platformBox.subOn .tit { animation:ani_5 1.0s 1.2s; animation-fill-mode:both; }
@media screen and (max-width:1280px){
	.company-value .listbox.subOn ul li:nth-child(4) { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
	.company-value .listbox.subOn ul li:nth-child(5) { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
	.company-value .listbox.subOn ul li:nth-child(6) { animation:ani_2 0.5s 1.1s; animation-fill-mode:both; }
	.company-value .listbox.subOn ul li:nth-child(7) { animation:ani_2 0.5s 1.3s; animation-fill-mode:both; }
	.company-value .listbox.subOn ul li:nth-child(8) { animation:ani_2 0.5s 1.5s; animation-fill-mode:both; }
	.company-value .listbox.subOn ul li:nth-child(9) { animation:ani_2 0.5s 1.5s; animation-fill-mode:both; }
}
@media screen and (max-width:880px){
	.company-value .listbox.subOn .txtbox .sbox { animation:ani_5 0.3s 0.1s; animation-fill-mode:both; }
}

@keyframes img_top {
	0% { transform:translate(-50%, 100px); opacity:0;}
	100% { transform:translate(-50%, 0); opacity:1;}
}

.platformCont_pop { position:fixed; left:0; top:0; z-index:-111; width:100%; height:100%; opacity:0; visibility:hidden; transition:all .3s ease-in-out; }
.platformCont_pop.on { opacity:1; visibility:visible; z-index:999; }
.platformCont_pop .btn_close{ position:absolute; top:40px; right:60px; }
.platformCont_pop .btn_close a { display:block; overflow:hidden; text-indent:-9999em; width:26px; height:26px; }
.platformCont_pop .btn_close a:before { content:""; display:block; width:30px; height:3px; transform: translateY(3.5px) rotate(-45deg); background-color:#333; position:absolute; left:0; top:7px; transition:all 0.3s ease-in-out; }
.platformCont_pop .btn_close a:after { content:""; display:block; width:30px; height:3px; transform: translateY(-3.5px) rotate(45deg); background-color:#333; position:absolute; left:0; top:14px; transition:all 0.3s ease-in-out; }
.platformCont_pop .bg { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.platformCont_pop .bodyCont { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:3; max-width:1600px; width:100%; box-sizing:border-box; background:url(/img/sub/bg_value_platform_n.jpg) center bottom no-repeat; background-size:cover; }
.platformCont_pop .bodyCont .scrollbar-inner { height:760px; overflow:auto; }
.platformCont_pop .bodyCont .p_box { padding:60px 0 20px 0; box-sizing:border-box;}
.platformCont_pop .pop_txtTop { text-align:center; }
.platformCont_pop .pop_txtTop p { font-weight:600; color:#222770; font-size:48px; letter-spacing:-0.03em; line-height:130%;}
.platformCont_pop .pop_txtTop .txtbox { margin:20px 0 0 0; font-weight:300; color:#141414; font-size:26px; line-height:140%; letter-spacing:-0.03em;}
.platformCont_pop .pop_txtTop .txtbox span { font-weight:500; color:#222770; }
.platformCont_pop .platformBox { position:relative; margin:145px auto 0 auto; padding:0 72px 35px 72px; max-width:830px; background-color:rgba(255,255,255,0.5); border-radius:100px; box-sizing:border-box; }
.platformCont_pop .platformBox .title { position:absolute; left:50%; top:-83px; transform:translateX( -50%);margin:0 auto 0 auto; padding-top:24px; width:450px; text-align:center; }
.platformCont_pop .platformBox .title:before { content:""; display:block; position:absolute; top:0; left:0; z-index:-1;width:100%; height:83px;  background-color:rgba(255,255,255,0.5); border-radius:120px 120px 0 0; }
.platformCont_pop .platformBox ul { padding:87px 0 0 0; }
.platformCont_pop .platformBox li { margin:20px 0 0 0; padding:0 0 0 180px; display:flex; align-items:center; height:138px; text-align:left; border:8px solid #191f6c; border-radius:100px;  background-color:#fff; box-sizing:border-box; }
.platformCont_pop .platformBox li:nth-child(1) { margin:0; background:#fff url(/img/sub/bg_platform_p1.png) -9px center no-repeat; }
.platformCont_pop .platformBox li:nth-child(2) { background:#fff url(/img/sub/bg_platform_p2.png) -9px center no-repeat; }
.platformCont_pop .platformBox li:nth-child(3) { background:#fff url(/img/sub/bg_platform_p3.png) -9px center no-repeat; }
.platformCont_pop .platformBox li dt { font-weight:700; color:#232770; font-size:28px; letter-spacing:-0.03em }
.platformCont_pop .platformBox li dd { margin:10px 0 0 0; font-weight:500; color:#313131; font-size:24px; letter-spacing:-0.03em; line-height:120%; }
.platformCont_pop .platformBox li dd span { font-size:21px; font-weight:500; }
.platformCont_pop .platformBox li dd strong { color:#e6382b;}
@media screen and (max-width:1640px){
	.platformCont_pop .bodyCont { margin:0 20px; width:calc(100% - 40px); left:0; transform:translate(0, -50%);}
	.platformCont_pop .bodyCont .p_box { padding:50px 20px 20px 20px; box-sizing:border-box;}
}
@media screen and (max-width:1280px){
	.platformCont_pop .platformBox .p_box { margin:80px 0 0 0; }
}
@media screen and (max-width:1024px){
	.platformCont_pop .bodyCont .scrollbar-inner { height:600px; overflow:auto; }
	.platformCont_pop .bodyCont .p_box { padding:50px 20px 20px 20px; box-sizing:border-box;}
	.platformCont_pop .btn_close{ top:30px; right:50px;}
	.platformCont_pop .btn_close a:before,
	.platformCont_pop .btn_close a:after { width:30px; height:2px; }
	
	.platformCont_pop .pop_txtTop p { font-size:32px; }
	.platformCont_pop .pop_txtTop .txtbox { margin:15px 0 0 0; font-size:22px; }
	.platformCont_pop .platformBox { margin:100px auto 0 auto; padding:0 30px 35px 30px; max-width:600px;  border-radius:70px; }
	.platformCont_pop .platformBox .title { top:-53px; padding-top:18px; width:320px; }
	.platformCont_pop .platformBox .title:before {  height:53px; border-radius:90px 90px 0 0; }
	.platformCont_pop .platformBox .title img { width:200px; }
	.platformCont_pop .platformBox ul { padding:65px 0 0 0; }
	.platformCont_pop .platformBox li { margin:20px 0 0 0; padding:0 0 0 145px; height:120px; border:6px solid #191f6c; border-radius:100px; background-size:auto 120px !important; }
	.platformCont_pop .platformBox li:nth-child(1) { background:#fff url(/img/sub/bg_platform_p1.png) -7px center no-repeat; }
	.platformCont_pop .platformBox li:nth-child(2) { background:#fff url(/img/sub/bg_platform_p2.png) -7px center no-repeat; }
	.platformCont_pop .platformBox li:nth-child(3) { background:#fff url(/img/sub/bg_platform_p3.png) -7px center no-repeat; }
	.platformCont_pop .platformBox li dt { font-size:22px; }
	.platformCont_pop .platformBox li dd { margin:10px 0 0 0; font-size:18px;}
	.platformCont_pop .platformBox li dd span { font-size:15px; }
}
@media screen and (max-width:760px){ 
}
@media screen and (max-width:640px){
	.platformCont_pop .bodyCont .scrollbar-inner { height:500px; overflow:auto; }
	.platformCont_pop .bodyCont .p_box { padding:50px 20px 20px 20px; box-sizing:border-box;}
	.platformCont_pop .btn_close{ top:20px; right:40px;}
	.platformCont_pop .btn_close a:before,
	.platformCont_pop .btn_close a:after { width:25px; height:1px; }
	
	.platformCont_pop .pop_txtTop p { font-size:22px; }
	.platformCont_pop .pop_txtTop .txtbox { margin:10px 0 0 0; font-size:16px; }
	.platformCont_pop .pop_txtTop .txtbox br { display:none; }
	.platformCont_pop .platformBox { margin:70px auto 0 auto; padding:0 15px 35px 15px; max-width:400px;  border-radius:40px; }
	.platformCont_pop .platformBox .title { top:-45px; padding-top:18px; width:250px; }
	.platformCont_pop .platformBox .title:before {  height:45px; border-radius:60px 60px 0 0; }
	.platformCont_pop .platformBox .title img { width:150px; }
	.platformCont_pop .platformBox ul { padding:50px 0 0 0; }
	.platformCont_pop .platformBox li { margin:20px 0 0 0; padding:0 0 0 155px; height:130px; border:4px solid #191f6c; border-radius:100px; background-size:auto 130px !important; }
	.platformCont_pop .platformBox li:nth-child(1) { background:#fff url(/img/sub/bg_platform_p1.png) -5px center no-repeat; }
	.platformCont_pop .platformBox li:nth-child(2) { background:#fff url(/img/sub/bg_platform_p2.png) -5px center no-repeat; }
	.platformCont_pop .platformBox li:nth-child(3) { background:#fff url(/img/sub/bg_platform_p3.png) -5px center no-repeat; }
	.platformCont_pop .platformBox li dt { font-size:18px; }
	.platformCont_pop .platformBox li dd { margin:10px 0 0 0; font-size:16px;}
	.platformCont_pop .platformBox li dd span { font-size:13px; }
}

/* company-ethical */
.company-ethical { overflow:hidden; }
.company-ethical .ethicalTop { position:relative; text-align:center; }
.company-ethical .imgbox { position:relative; overflow:hidden; height:450px; max-width:1400px; width:100%; margin:90px auto 0 auto; z-index:1; }
.company-ethical .imgbox:after {content:""; display:block; padding-bottom:50%; }
.company-ethical .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
.company-ethical .txtarea { padding:130px 0 0 0; }
.company-ethical .txtarea.bg { margin-top:100px; padding:100px 0 150px 0; background-color:#f9f9f9; }
.company-ethical .txtarea .txtbox { margin:0 auto; max-width:1400px; width:100%; box-sizing:border-box; }
.company-ethical .txtarea .txtbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-ethical .txtarea .txtbox > div { float:left; width:62%; box-sizing:border-box; }
.company-ethical .txtarea .txtbox > div:nth-child(1) {width:38%; }
.company-ethical .txtarea .txtbox h4 { font-size:50px; color:#333; font-weight:700; letter-spacing:-0.02em; }
.company-ethical .txtarea .txtbox p  { font-size:20px; color:#333; font-weight:300; letter-spacing:-0.02em; line-height:160%; }
.company-ethical .txtarea .txtbox .box > ul { padding:25px 0 0 0; }
.company-ethical .txtarea .txtbox .box > ul > li { position:relative; margin:35px 0 0 0; padding:0 0 0 14px; font-size:18px; color:#222; font-weight:400; letter-spacing:-0.02em; line-height:160%; }
.company-ethical .txtarea .txtbox .box > ul > li > span { font-size:16px; color:#444; font-weight:300; margin:10px 0 0 0; display:block; }
.company-ethical .txtarea .txtbox .box > ul > li:before { content:''; display:block; width:4px; height:4px; position:absolute; top:11px; left:0; border-radius:50%; background-color:#333; }
.company-ethical .txtarea .txtbox .box > ul > li > ul > li { margin:10px 0 0 0; padding:0 0 0 20px; font-size:16px; color:#666; font-weight:400; letter-spacing:-0.02em; background:url(/img/sub/icon_chbox.png) left 7px no-repeat; }
.company-ethical .txtarea .txtbox .box > ul > li > ul > li:first-child { margin:15px 0 0 0; }
.company-ethical .txtarea .txtbox .btn_down { position:relative; margin:65px 0 0 0; width:260px; height:70px; display:table; overflow:hidden; }
.company-ethical .txtarea .txtbox .btn_down a { position:relative;  display:table-cell;  width:100%; height:100%; vertical-align:middle; border:3px solid #aaa; text-align:center; font-size:18px; color:#666; font-weight:700; box-sizing:border-box; }
.company-ethical .txtarea .txtbox .btn_down a:hover { color:#172e82 }
.company-ethical .txtarea .txtbox .btn_down span { padding:2px 0 2px 32px; display:inline-block; background:url(/img/sub/icon_e_down.png) left center no-repeat; }
.company-ethical .txtarea .txtbox .icon1 { margin:125px 0 0 0; }
.company-ethical .txtarea .txtbox .btn_down:before,
.company-ethical .txtarea .txtbox .btn_down:after { content:""; display:block; position:absolute; top:50%; z-index:2; width:3px; height:0; background-color:#172e82; transform:translateY(calc(-50% - 0.5px)); transition:all 0.3s ease-in-out; }
.company-ethical .txtarea .txtbox .btn_down:before { left:0; }
.company-ethical .txtarea .txtbox .btn_down:after { right:0; }
.company-ethical .txtarea .txtbox .btn_down:hover:before,
.company-ethical .txtarea .txtbox .btn_down:hover:after { height:100%; }
.company-ethical .txtarea .txtbox .btn_down a:before,
.company-ethical .txtarea .txtbox .btn_down a:after { content:""; display:block; position:absolute; left:50%; z-index:2; width:0; height:3px; background-color:#172e82; transform:translateX(-50%); transition:all 0.3s ease-in-out; }
.company-ethical .txtarea .txtbox .btn_down a:before { top:-3px; }
.company-ethical .txtarea .txtbox .btn_down a:after { bottom:-3px; }
.company-ethical .txtarea .txtbox .btn_down:hover a:before,
.company-ethical .txtarea .txtbox .btn_down:hover a:after { width:100%; }
@media screen and (max-width:1440px){
	.company-ethical .imgbox { height:400px; }
	.company-ethical .txtarea { padding:110px 0 0 0; }
	.company-ethical .txtarea .txtbox { padding:0 20px; }
	.company-ethical .txtarea.bg { margin-top:100px; padding:100px 0 130px 0; }
}
@media screen and (max-width:1280px){
	.company-ethical .imgbox { margin:70px 0 0 0; }
	.company-ethical .txtarea .txtbox > div { width:70%; }
	.company-ethical .txtarea .txtbox > div:nth-child(1) {width:30%; }
	.company-ethical .txtarea .txtbox h4 { font-size:42px;  }
	.company-ethical .txtarea .txtbox p  { font-size:18px; }
	.company-ethical .txtarea .txtbox .box > ul { padding:20px 0 0 0; }
	.company-ethical .txtarea .txtbox .box > ul > li { margin:30px 0 0 0; padding:0 0 0 14px; font-size:17px;}
	.company-ethical .txtarea .txtbox .box > ul > li > span { font-size:15px; margin:8px 0 0 0; }
	.company-ethical .txtarea .txtbox .box > ul > li:before { width:4px; height:4px; top:11px; left:0; }
	.company-ethical .txtarea .txtbox .box > ul > li > ul > li { margin:10px 0 0 0; padding:0 0 0 20px; font-size:16px; }
	.company-ethical .txtarea .txtbox .box > ul > li > ul > li:first-child { margin:15px 0 0 0; }
	.company-ethical .txtarea .txtbox .btn_down { margin:55px 0 0 0; width:220px; height:60px; }
	.company-ethical .txtarea .txtbox .btn_down a { font-size:16px; }
	.company-ethical .txtarea .txtbox .icon1 { margin:105px 0 0 0; padding:0 80px 0 0; }
	.company-ethical .txtarea .txtbox .icon1 img { max-width:100%; }
}
@media screen and (max-width:1024px){
	.company-ethical .imgbox { margin:60px 0 0 0; }
	.company-ethical .imgbox { height:320px; }
	.company-ethical .txtarea { padding:150px 0 0 0; }
	.company-ethical .txtarea.bg { margin-top:80px; padding:80px 0 130px 0; }
	.company-ethical .txtarea .txtbox > div { width:100%; margin:40px 0 0 0; }
	.company-ethical .txtarea .txtbox > div:nth-child(1) {width:100%; margin:0; }
	.company-ethical .txtarea .txtbox h4 { font-size:35px;  }
	.company-ethical .txtarea .txtbox p  { font-size:16px; }
	.company-ethical .txtarea .txtbox p br { display:none; }
	.company-ethical .txtarea .txtbox p .m_br { display:block; }
	.company-ethical .txtarea .txtbox .box > ul { padding:15px 0 0 0; }
	.company-ethical .txtarea .txtbox .box > ul > li { margin:25px 0 0 0; padding:0 0 0 12px; font-size:16px;}
	.company-ethical .txtarea .txtbox .box > ul > li > span { font-size:14px; margin:8px 0 0 0; }
	.company-ethical .txtarea .txtbox .box > ul > li:before { width:3px; height:3px; top:11px; left:0; }
	.company-ethical .txtarea .txtbox .box > ul > li > ul > li { margin:8px 0 0 0; padding:0 0 0 20px; font-size:16px; }
	.company-ethical .txtarea .txtbox .box > ul > li > ul > li:first-child { margin:10px 0 0 0; }
	.company-ethical .txtarea .txtbox .btn_down { margin:0 0 0 0; width:200px; height:55px; position:absolute; right:0; top:-8px; }
	.company-ethical .txtarea .txtbox .btn_down a { font-size:15px; }
	.company-ethical .txtarea .txtbox .icon1 { margin:0 0 0 0; padding:0 0 0 0; position:absolute; right:0; top:400px; text-align:right; }
	.company-ethical .txtarea .txtbox .icon1 img { width:80% }
}
@media screen and (max-width:640px){
	.company-ethical .imgbox { margin:50px 0 0 0; }
	.company-ethical .imgbox { height:220px; }
	.company-ethical .txtarea { padding:50px 0 0 0; }
	.company-ethical .txtarea.bg { margin-top:70px; padding:70px 0 90px 0; }
	.company-ethical .txtarea .txtbox > div { width:100%; margin:40px 0 0 0; }
	.company-ethical .txtarea .txtbox > div:nth-child(1) {width:100%; margin:0; }
	.company-ethical .txtarea .txtbox h4 { font-size:28px;  }
	.company-ethical .txtarea .txtbox p  { font-size:15px; }
	.company-ethical .txtarea .txtbox .box > ul { padding:10px 0 0 0; }
	.company-ethical .txtarea .txtbox .box > ul > li { margin:22px 0 0 0; font-size:16px;}
	.company-ethical .txtarea .txtbox .box > ul > li > span { font-size:14px; margin:6px 0 0 0; }
	.company-ethical .txtarea .txtbox .box > ul > li > ul > li { margin:6px 0 0 0; padding:0 0 0 20px; font-size:15px; }
	.company-ethical .txtarea .txtbox .box > ul > li > ul > li:first-child { margin:8px 0 0 0; }
	.company-ethical .txtarea .txtbox .btn_down { width:180px; height:45px; top:-10px; }
	.company-ethical .txtarea .txtbox .btn_down a { font-size:15px; }
	.company-ethical .txtarea .txtbox .icon1 { display:none }
	.company-ethical .txtarea .txtbox .icon1 img { width:60% }
}

	
/* animation */
.company-ethical .imgbox:after { content:''; display:block; width:100%; height:calc(100% - 150px); position:absolute; top:0; right:0; padding-bottom:1px; background-color:#fff; z-index:2; }
.company-ethical .imgbox:before { content:''; display:block; width:100%; height:150px; position:absolute; bottom:0; right:0; padding-bottom:1px; background-color:#f9f9f9; z-index:1; }
.company-ethical .imgbox.subOn:after{ width:0; transition:width 0.7s 0.7s; }
.company-ethical .imgbox.subOn:before{ width:0; transition:width 0.7s 0.7s; }
.company-ethical .txtarea .txtbox > div { opacity:0; }
.company-ethical .txtarea.subOn .txtbox > div:nth-child(1) { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.company-ethical .txtarea.subOn .txtbox > div:nth-child(2) { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }


/* company-esg */
.company-esg {}
.company-esg .esgTop { position:relative; text-align:center; }
.company-esg .esgTop .imgbox { position:relative; margin:45px auto 0 auto; max-width:1400px; overflow:hidden; }
.company-esg .esgTop .imgbox:after {content:""; display:block; padding-bottom:23.8%; }
.company-esg .esgTop .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; }
.company-esg .listbox { overflow:hidden; }
.company-esg .listbox .box { margin:150px auto 0 auto; max-width:1400px; width:100%; }
.company-esg .listbox .box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-esg .listbox .box:nth-child(1) { margin:0 auto; }
.company-esg .listbox .box > div { float:left; width:50%; box-sizing:border-box; }
.company-esg .listbox .box:nth-child(2n+1) .imgbox { float:right; }
.company-esg .listbox .box .imgbox { position:relative; max-height:500px; overflow:hidden; }
.company-esg .listbox .box .imgbox:after {content:""; display:block; padding-bottom:72%; }
.company-esg .listbox .box .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; object-fit:cover; -o-object-fit:cover; transform:scale(1.2); }
.company-esg .listbox .box .txtbox { padding:95px 0 0 80px; }
.company-esg .listbox .box:nth-child(2n+1) .txtbox { padding:95px 80px 0 0; text-align:right; }
.company-esg .listbox .box .txtbox dt { opacity:0; color:#222; font-size:45px; font-weight:300; letter-spacing:-0.02em; }
.company-esg .listbox .box .txtbox dt strong { font-weight:500; }
.company-esg .listbox .box .txtbox dt span { display:block; margin:22px 0 0 0; color:#13529c; font-size:36px; font-weight:500; text-transform:uppercase; }
.company-esg .listbox .box .txtbox dd { opacity:0; padding:80px 0 0 0; }
.company-esg .listbox .box .txtbox dd li { margin:20px 0 0 0; color:#444; font-size:18px; font-weight:300; letter-spacing:-0.02em; }
.company-esg .listbox .box .txtbox dd li:first-child { margin:0; }
@media screen and (max-width:1280px){
	.company-esg .esgTop .imgbox { margin:40px auto 0 auto; }
	.company-esg .listbox .box { margin:120px auto 0 auto; }
	.company-esg .listbox .box .txtbox { padding:75px 0 0 60px; }
	.company-esg .listbox .box:nth-child(2n+1) .txtbox { padding:75px 60px 0 0; }
	.company-esg .listbox .box .txtbox dt { font-size:32px; }
	.company-esg .listbox .box .txtbox dt span { margin:20px 0 0 0; font-size:26px; }
	.company-esg .listbox .box .txtbox dd { padding:70px 0 0 0; }
	.company-esg .listbox .box .txtbox dd li { margin:18px 0 0 0; font-size:17px; }
}
@media screen and (max-width:1024px){
	.company-esg .esgTop .imgbox { margin:35px auto 0 auto; }
	.company-esg .listbox .box { margin:100px auto 0 auto; }
	.company-esg .listbox .box .txtbox { padding:60px 0 0 40px; }
	.company-esg .listbox .box:nth-child(2n+1) .txtbox { padding:60px 40px 0 0; }
	.company-esg .listbox .box .txtbox dt { font-size:26px; }
	.company-esg .listbox .box .txtbox dt span { margin:15px 0 0 0; font-size:18px; }
	.company-esg .listbox .box .txtbox dd { padding:50px 0 0 0; }
	.company-esg .listbox .box .txtbox dd li { margin:15px 0 0 0; font-size:16px; }
}
@media screen and (max-width:860px){
	.company-esg .listbox .box .imgbox:after,
	.company-esg .listbox .box:nth-child(1) .imgbox:after { padding-bottom:40.0%; }
	.company-esg .listbox .box > div { width:100%; }
	.company-esg .listbox .box .txtbox { padding:40px 0 0 20px; }
	.company-esg .listbox .box:nth-child(2n+1) .txtbox { padding:40px 20px 0 20px; text-align:left; }
}
@media screen and (max-width:640px){
	.company-esg .listbox .box .txtbox dt { font-size:20px; }
	.company-esg .listbox .box .txtbox dt span { margin:10px 0 0 0; font-size:16px; }
	.company-esg .listbox .box .txtbox dd { padding:40px 0 0 0; }
	.company-esg .listbox .box .txtbox dd li { margin:12px 0 0 0; font-size:14px; }
}

/* animation */
.company-esg .esgTop .imgbox:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; right:0; padding-bottom:1px; background-color:#fff; z-index:2;}
.company-esg .esgTop .imgbox.subOn:before{ height:0; transition:height 0.5s 0.3s; }
.company-esg .listbox .box.subOn .txtbox dt { animation:ani_2 1.0s 0.3s; animation-fill-mode:both; }
.company-esg .listbox .box.subOn:nth-child(2n+1) .txtbox dt { animation:ani_1 1.0s 0.3s; animation-fill-mode:both; }
.company-esg .listbox .box.subOn .imgbox img {  animation:bg_over 2s 0.3s; animation-fill-mode:both; }
.company-esg .listbox .box.subOn .txtbox dd { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }

/* company-contactUs */
.company-contactUs {}
.company-contactUs .contactUsTop { position:relative; text-align:center; }
.company-contactUs .mapbox { margin:80px 0 0 0; opacity:0; }
.company-contactUs .mapbox,
.company-contactUs .mapbox > div,
.company-contactUs .wrap_map { width:100% !important; }
.company-contactUs .infobox > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-contactUs .infobox > ul > li { opacity:0; position:relative; float:left; margin:0 0 0 20px; width:calc(50% - 20px); padding:40px 0; border-bottom:1px solid #e0e0e0; box-sizing:border-box; }
.company-contactUs .infobox > ul > li:nth-child(1) { width:100%; margin:0 !important; }
.company-contactUs .infobox > ul > li:nth-child(2) { margin:0 20px 0 0; }
.company-contactUs .infobox > ul > li .icon { display:inline-block; vertical-align:middle; }
.company-contactUs .infobox > ul > li .txtbox { display:inline-block; vertical-align:middle; width:calc(100% - 129px);}
.company-contactUs .infobox > ul > li .txtbox .list_1 li { margin:0 0 0 50px; display:inline-block; color:#222; font-size:16px; font-weight:300; letter-spacing:-0.02em; }
.company-contactUs .infobox > ul > li .txtbox .list_1 li a { color:#222; font-weight:300; }
.company-contactUs .infobox > ul > li .txtbox .list_1 li strong { color:#172e82; font-size:22px; font-weight:500; margin:0 12px 0 0; }
.company-contactUs .infobox > ul > li .txtbox p { margin:0 0 0 50px; color:#172e82; font-size:22px; font-weight:500; }
.company-contactUs .infobox > ul > li .txtbox .list_2 { margin:0 0 0 50px; padding:18px 0 0 0;}
.company-contactUs .infobox > ul > li .txtbox .list_2 li { position:relative; margin:10px 0 0 0; padding:0 0 0 8px; color:#333; font-size:16px; font-weight:300; letter-spacing:-0.02em; line-height:140% }
.company-contactUs .infobox > ul > li .txtbox .list_2 li:after { content:""; display:block; position:absolute; top:9px; left:0; width:2px; height:2px; background-color:#333; border-radius:50%; }
.company-contactUs .infobox > ul > li:nth-child(2) .txtbox,
.company-contactUs .infobox > ul > li:nth-child(3) .txtbox { display:inline-block; vertical-align:top; padding:15px 0 0 0; }
.company-contactUs .infobox > ul > li.last_box { width:100%; margin-left:0;}
@media screen and (max-width:1440px){
	.company-contactUs .infobox { padding:0 20px; }
}
@media screen and (max-width:1280px){
	.company-contactUs .infobox > ul > li { float:left; margin:0 0 0 10px; width:calc(50% - 10px); }
	.company-contactUs .infobox > ul > li:nth-child(2) { margin:0 10px 0 0; }
	.company-contactUs .infobox > ul > li .txtbox .list_1 li:nth-child(1) { margin:0 0 10px 35px; display:block; }
	.company-contactUs .infobox > ul > li .txtbox .list_1 li,
	.company-contactUs .infobox > ul > li .txtbox p,
	.company-contactUs .infobox > ul > li .txtbox .list_2 { margin:0 0 0 35px; }
}
@media screen and (max-width:1024px){
	.company-contactUs .infobox > ul > li { float:left; margin:0; width:100%; padding:30px 0; }
	.company-contactUs .infobox > ul > li:nth-child(2) { margin:0; }
	.company-contactUs .infobox > ul > li .icon img { width:100px; }
	.company-contactUs .infobox > ul > li .txtbox { width:calc(100% - 104px);}
	.company-contactUs .infobox > ul > li .txtbox .list_1 li { margin:0 0 0 20px; font-size:15px; }
	.company-contactUs .infobox > ul > li .txtbox .list_1 li strong { font-size:20px; margin:0 10px 0 0; }
	.company-contactUs .infobox > ul > li .txtbox .list_1 li:nth-child(1) { margin:0 0 10px 20px; }
	.company-contactUs .infobox > ul > li .txtbox p { margin:0 0 0 20px; font-size:20px; }
	.company-contactUs .infobox > ul > li .txtbox .list_2 { margin:0 0 0 20px; padding:10px 0 0 0;}
	.company-contactUs .infobox > ul > li .txtbox .list_2 li { margin:7px 0 0 0; font-size:15px; }
	.company-contactUs .infobox > ul > li .txtbox .list_2 li:after { top:8px; }
	.company-contactUs .infobox > ul > li:nth-child(2) .txtbox,
	.company-contactUs .infobox > ul > li:nth-child(3) .txtbox { padding:12px 0 0 0; }
	.company-contactUs .mapbox { margin:60px 0 0 0; }
	.company-contactUs .mapbox,
	.company-contactUs .mapbox > div,
	.company-contactUs .wrap_map  { height:400px !important; }
}
@media screen and (max-width:640px){
	.company-contactUs .infobox > ul > li .icon img { width:80px; }
	.company-contactUs .infobox > ul > li .txtbox { width:calc(100% - 84px);}
	.company-contactUs .infobox > ul > li .txtbox .list_1 li { margin:5px 0 0 15px; font-size:14px; }
	.company-contactUs .infobox > ul > li .txtbox .list_1 li strong { font-size:18px; }
	.company-contactUs .infobox > ul > li .txtbox .list_1 li:nth-child(1) { margin:0 0 5px 15px; }
	.company-contactUs .infobox > ul > li .txtbox p { margin:0 0 0 15px; font-size:18px; }
	.company-contactUs .infobox > ul > li .txtbox .list_2 { margin:0 0 0 15px; padding:5px 0 0 0;}
	.company-contactUs .infobox > ul > li .txtbox .list_2 li { margin:5px 0 0 0; font-size:14px; }
	.company-contactUs .infobox > ul > li .txtbox .list_2 li:after { top:7px; }
	.company-contactUs .infobox > ul > li:nth-child(2) .txtbox,
	.company-contactUs .infobox > ul > li:nth-child(3) .txtbox { padding:7px 0 0 0; }
	.company-contactUs .mapbox { margin:40px 0 0 0; }
	.company-contactUs .mapbox,
	.company-contactUs .mapbox > div,
	.company-contactUs .wrap_map  { height:300px !important; }
}
/* animation */
.company-contactUs .mapbox.subOn { animation:ani_3 1.0s 0.3s; animation-fill-mode:both; }
.company-contactUs .infobox > ul > li.subOn:nth-child(1) { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }
.company-contactUs .infobox > ul > li.subOn:nth-child(2) { animation:ani_1 1.0s 0.7s; animation-fill-mode:both; }
.company-contactUs .infobox > ul > li.subOn:nth-child(3) { animation:ani_2 1.0s 0.7s; animation-fill-mode:both; }
.company-contactUs .infobox > ul > li.subOn:nth-child(4) { animation:ani_1 1.0s 0.6s; animation-fill-mode:both; }

/* company-ci */
.company-ci {}
.company-ci .ciTop { position:relative; text-align:center; }
.company-ci .listbox .box { margin:75px 0 0 0; }
.company-ci .listbox .box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-ci .listbox .box h4.tit { opacity:0; float:left; width:250px; color:#222; font-size:25px; font-weight:500; letter-spacing:-0.02em; }
.company-ci .listbox .box .infobox { position:relative; float:left; width:calc(100% - 250px); }
.company-ci .listbox .box .infobox .txtbox { opacity:0; margin:-0.5% 0 0 0; color:#444; font-size:18px; font-weight:300; letter-spacing:-0.04em; line-height:180%; }
.company-ci .listbox .box .infobox .imgbox ul { margin:0 0 0 -30px; }
.company-ci .listbox .box .infobox .imgbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-ci .listbox .box .infobox .imgbox li { opacity:0; float:left; margin:30px 0 0 30px; width:calc(50% - 30px); }
.company-ci .listbox .box .infobox .imgbox li img { width:100%; }
.company-ci .listbox .box .infobox .imgbox li.w100 { width:calc(100% - 30px); }
.company-ci .listbox .box .infobox .btn_down { opacity:0; margin-top:-5%; display:inline-block; width:180px; padding:20px 0; text-align:center; background-color:#172e82; }
.company-ci .listbox .box .infobox .btn_down span { display:inline-block; padding:2px 20px 2px 0; color:#fff; font-weight:400; font-size:18px; line-height:16px; background:url(/img/sub/icon_down.png) right center no-repeat;}
.company-ci .listbox .box.op h4.tit,
.company-ci .listbox .box.op .infobox .txtbox { opacity:1 !important; }
@media screen and (max-width:1440px){
	.company-ci .listbox { padding:0 20px; }
	.company-ci .listbox .box h4.tit { width:200px; }
	.company-ci .listbox .box .infobox { width:calc(100% - 200px); }
	.company-ci .listbox .box .infobox .txtbox br { display:none; }
}
@media screen and (max-width:1280px){
	.company-ci .listbox .box .infobox .txtbox { font-size:17px; }
}
@media screen and (max-width:1024px){
	.company-ci .listbox .box h4.tit { width:100%; font-size:22px; }
	.company-ci .listbox .box .infobox { width:100%; margin-top:30px; }
	.company-ci .listbox .box .infobox .txtbox  { font-size:16px; }
	.company-ci .listbox .box .infobox .txtbox br { display:none; }
	.company-ci .listbox .box .infobox .imgbox ul { margin:0 0 0 -20px; }
	.company-ci .listbox .box .infobox .imgbox li { margin:20px 0 0 20px; width:calc(50% - 20px); }
	.company-ci .listbox .box .infobox .btn_down { margin-top:0px; padding:18px 0; position:absolute; left:120px; top:-70px; }
	.company-ci .listbox .box .infobox .btn_down span { font-size:16px; }
}
@media screen and (max-width:760px){
	.company-ci .listbox .box .infobox .txtbox { font-size:15px; }
}
@media screen and (max-width:640px){
	.company-ci .listbox .box h4.tit { font-size:20px; }
	.company-ci .listbox .box .infobox .txtbox { font-size:14px; }
	.company-ci .listbox .box .infobox { margin-top:25px; }
	.company-ci .listbox .box .infobox .txtbox  { font-size:15px; }
	.company-ci .listbox .box .infobox .imgbox ul { margin:0; }
	.company-ci .listbox .box .infobox .imgbox li { margin:15px 0 0 0; width:100%; }
	.company-ci .listbox .box .infobox .imgbox li.w100 { width:100%; }
	.company-ci .listbox .box .infobox .btn_down { margin-top:0px; padding:16px 0; width:160px; left:120px; top:-60px; }
	.company-ci .listbox .box .infobox .btn_down span { font-size:15px; }
}


/* animation */
.company-ci .listbox .box.subOn h4.tit { animation:ani_1 1.0s 0.3s; animation-fill-mode:both; }
.company-ci .listbox .box.subOn .infobox .txtbox { animation:ani_3 1.0s 0.4s; animation-fill-mode:both; }
.company-ci .listbox .box.subOn li:nth-child(1),
.company-ci .listbox .box .imgbox.subOn li:nth-child(1) { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }
.company-ci .listbox .box.subOn li:nth-child(2),
.company-ci .listbox .box .imgbox.subOn li:nth-child(2) { animation:ani_3 1.0s 0.6s; animation-fill-mode:both; }
.company-ci .listbox .box.subOn li:nth-child(3),
.company-ci .listbox .box .imgbox.subOn li:nth-child(3) { animation:ani_3 1.0s 0.9s; animation-fill-mode:both; }
.company-ci .listbox .box.subOn li:nth-child(4),
.company-ci .listbox .box .imgbox.subOn li:nth-child(4) { animation:ani_3 1.0s 0.9s; animation-fill-mode:both; }
.company-ci .listbox .box.subOn li:nth-child(5),
.company-ci .listbox .box .imgbox.subOn li:nth-child(5) { animation:ani_3 1.0s 1.2s; animation-fill-mode:both; }
.company-ci .listbox .box.subOn li:nth-child(6),
.company-ci .listbox .box .imgbox.subOn li:nth-child(6) { animation:ani_3 1.0s 1.2s; animation-fill-mode:both; }
.company-ci .listbox .box.subOn li:nth-child(7),
.company-ci .listbox .box .imgbox.subOn li:nth-child(7) { animation:ani_3 1.0s 1.5s; animation-fill-mode:both; }
.company-ci .listbox .box.subOn li:nth-child(8),
.company-ci .listbox .box .imgbox.subOn li:nth-child(8) { animation:ani_3 1.0s 1.5s; animation-fill-mode:both; }
.company-ci .listbox .box .infobox .btn_down { animation:ani_3 1.0s 0.3s; 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 .viewCont .contBox * { font-family: 'Poppins', 'Noto Sans KR', sans-serif  !important; }
.board-view .viewCont .contBox table { table-layout:auto !important; }
.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; }
}

.recruit-cont .topCont { text-align:center; }


/* � ���� */
.recruit-cont { }
.recruit-cont.board-box { padding:0; }
.recruit-cont .search-box { background-color:#f4f6fb; padding:27px 50px 27px 40px;  }
.recruit-cont .search-box .sbox { display:inline-block; }
.recruit-cont .search-box .sbox.sbox_1 { width:290px; }
.recruit-cont .search-box .sbox.sbox_2 { width:290px; padding:0 0 0 76px; }
.recruit-cont .search-box .sbox.sbox_3 { margin:0 0 0 46px; width:calc(100% - 710px); }
.recruit-cont .search-box label { display:inline-block; width:86px; vertical-align:middle; font-size:18px; font-weight:400; color:#333; letter-spacing:-0.015em; }
.recruit-cont .search-box select { display:inline-block; vertical-align:middle; width:200px; padding:0 20px; border:none; outline:none; line-height:46px; height:46px; font-size:16px; font-weight:300; color:#333; box-sizing:border-box; background-color:#fff; }
.recruit-cont .search-box input[type="text"] { display:inline-block; text-align:left; vertical-align:middle; width:calc(100% - 130px); padding:0 20px; line-height:46px; height:46px; border:none; outline:none; font-size:16px; font-weight:300; color:#333; box-sizing:border-box; background-color:#fff; }
.recruit-cont .search-box input[type="submit"] { margin-left:-4px; position:relative; vertical-align:middle; width:130px; line-height:46px; height:46px; color:#fff; font-size:16px; font-weight:300; letter-spacing:-0.015em; outline:none; border:none; background:#232730; box-sizing:border-box; }
.recruit-cont ::input-placeholder { color:#ccc; opacity:1; font-weight:300; }
.recruit-cont :input-placeholder { color:#ccc; opacity:1; font-weight:300; }
.recruit-cont ::select-placeholder { color:#ccc; opacity:1; font-weight:300; }
.recruit-cont ::placeholder { color:#ccc; opacity:1; font-weight:300; }

.recruit-cont .tab { margin:75px 0 0 0; }
.recruit-cont .tab li { display:inline-block; margin:0 0 0 8px; vertical-align:middle; }
.recruit-cont .tab li:first-child { margin:0; }
.recruit-cont .tab li a { display:block; width:180px; padding:18px 0; font-size:19px; font-weight:300; color:#777; letter-spacing:-0.015em; text-align:center; background-color:#f4f4f4; border-radius:50px; }
.recruit-cont .tab li.active a { background-color:#172e82; color:#fff; font-weight:400; }

.recruit-cont .list { margin:40px 0 0 0; }
.recruit-cont .list .top { display:table; width:100%; padding:24px 0; border-top:2px solid #aaa; background-color:#fff; }
.recruit-cont .list .top .col { position:relative; color:#333; font-size:17px; font-weight:500; }
.recruit-cont .list .top .col:before { content:''; display:block; width:1px; height:14px; position:absolute; top:2px; left:0;  background-color:#aaa;}
.recruit-cont .list .top .col.col_1:before { display:none; }
.recruit-cont .list .col { display:table-cell; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.recruit-cont .list .col_1 { width:110px; }
.recruit-cont .list .col_2 { width:270px; }
.recruit-cont .list .col_3 { width:*; }
.recruit-cont .list .col_4 { width:200px; }
.recruit-cont .list .col_5 { width:290px; }
.recruit-cont .list .col_6 { width:130px; }
.recruit-cont .list ul { border-top:1px solid #aaa; }
.recruit-cont .list ul li {  border-bottom:1px solid #ccc; }
.recruit-cont .list ul li .col { color:#333; font-size:15px; font-weight:400; letter-spacing:-0.025em; vertical-align:middle; }
.recruit-cont .list ul li .col_3 span { display:block; font-weight:400; text-align:left; padding:0 20px; overflow:hidden; text-overflow:ellipsis; width:100%; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.recruit-cont .list ul li a { padding:10px 0; display:table; width:100%; }
.recruit-cont .list ul li .txt_p { display:inline-block; width:80px; text-align:center; font-size:14px; font-weight:400; color:#666; letter-spacing:-0.025em; padding:10px 0; border:1px solid #666; border-radius:5px; }
.recruit-cont .list ul li .appointed { color:#172e82; border:1px solid #172e82; }
.recruit-cont .list ul li .ongoing { color:#fff; border:1px solid #172e82; background-color:#172e82; }

.recruit-cont .view { margin:0; }
.recruit-cont .view .title { text-align:center; font-size:38px; font-weight:500; color:#333; letter-spacing:-0.015em; }
.recruit-cont .view .infobox { margin:55px 0 0 0; }
.recruit-cont .view .infobox .box { display:table; width:100%; }
.recruit-cont .view .infobox .col { display:table-cell; width:25%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.recruit-cont .view .infobox .col strong { position:relative; display:flex; align-items:center; justify-content:center; text-align:center; width:100%; height:65px; border-top:2px solid #aaa; background-color:#fff; position:relative; color:#333; font-size:17px; font-weight:500;  border-bottom:1px solid #aaa;}
.recruit-cont .view .infobox .col strong:before { content:''; display:block; width:1px; height:14px; position:absolute; top:50%; transform:translateY(-50%);  left:0;  background-color:#aaa;}
.recruit-cont .view .infobox .col.col_1 strong:before { display:none; }
.recruit-cont .view .infobox .col span { display:flex; align-items:center; justify-content:center; height:65px; font-size:15px; font-weight:300; color:#666; letter-spacing:-0.015em;  border-bottom:1px solid #aaa; }
.recruit-cont .view .viewCont { margin:40px 0 0 0; min-height:200px; padding:20px 20px 100px 20px; border-bottom:1px solid #aaa; }
.recruit-cont .view .viewCont * { font-family: 'Poppins', 'Noto Sans KR', sans-serif  !important; }
.recruit-cont .view .viewCont table { table-layout:auto !important; }
.recruit-cont .view .file { padding:20px; border-bottom:1px solid #aaa; font-size:14px; }

@media screen and (max-width:1540px){
	.recruit-cont .search-box { padding:27px 40px;  }
	.recruit-cont .search-box .sbox.sbox_1 { width:240px; }
	.recruit-cont .search-box .sbox.sbox_2 { width:240px; padding:0 0 0 56px; }
	.recruit-cont .search-box .sbox.sbox_3 { margin:0 0 0 26px; width:calc(100% - 570px); }
	.recruit-cont .search-box label { width:86px; }
	.recruit-cont .search-box select { width:150px; }
	.recruit-cont .search-box input[type="text"] { width:calc(100% - 120px); }
	.recruit-cont .search-box input[type="submit"] { width:120px; }
	
	.recruit-cont .list .col_1 { width:90px; }
	.recruit-cont .list .col_2 { width:240px; }
	.recruit-cont .list .col_4 { width:150px; }
	.recruit-cont .list .col_5 { width:220px; }
	.recruit-cont .list .col_6 { width:120px; }
}
@media screen and (max-width:1280px){
	.recruit-cont .search-box { padding:27px 30px; }
	.recruit-cont .search-box .sbox.sbox_1 { width:220px; }
	.recruit-cont .search-box .sbox.sbox_2 { width:220px; padding:0 0 0 26px; }
	.recruit-cont .search-box .sbox.sbox_3 { margin:0 0 0 16px; width:calc(100% - 490px); }
	.recruit-cont .search-box label { width:76px; font-size:16px; }
	.recruit-cont .search-box select { width:140px; padding:0 15px; line-height:46px; height:46px; font-size:16px; }
	.recruit-cont .search-box input[type="text"] { width:calc(100% - 100px); padding:0 15px; line-height:46px; height:46px; font-size:16px; }
	.recruit-cont .search-box input[type="submit"] { width:100px; line-height:46px; height:46px; font-size:16px; }
	
	.recruit-cont .list .top { padding:20px 0; }
	.recruit-cont .list .top .col { font-size:16px; }
	.recruit-cont .list ul li .col { font-size:15px; }
	.recruit-cont .list ul li a { padding:8px 0; }
	.recruit-cont .list .col_1 { width:80px; }
	.recruit-cont .list .col_2 { width:180px; }
	.recruit-cont .list .col_4 { width:120px; }
	.recruit-cont .list .col_5 { width:180px; }
	.recruit-cont .list .col_6 { width:110px; }
	
	.recruit-cont .view .title { font-size:30px; }
	.recruit-cont .view .infobox { margin:45px 0 0 0; }
	.recruit-cont .view .infobox .col strong { height:60px; font-size:16px; }
	.recruit-cont .view .infobox .col span { font-size:15px; }
	.recruit-cont .view .viewCont { margin:40px 0 0 0; }
}
@media screen and (max-width:1024px){
	.recruit-cont .search-box { padding:27px 30px;  }
	.recruit-cont .search-box .sbox.sbox_1 { width:230px; }
	.recruit-cont .search-box .sbox.sbox_2 { width:230px; padding:0 0 0 26px; }
	.recruit-cont .search-box .sbox.sbox_3 { margin:10px 0 0 0; width:100%; }
	.recruit-cont .search-box label { width:76px; font-size:16px; }
	.recruit-cont .search-box select { width:150px; padding:0 15px; line-height:40px; height:40px; font-size:16px; }
	.recruit-cont .search-box input[type="text"] { width:calc(100% - 100px); padding:0 15px; line-height:40px; height:40px; font-size:16px; }
	.recruit-cont .search-box input[type="submit"] { width:100px; line-height:40px; height:40px; font-size:16px; }
	
	.recruit-cont .list { margin:30px 0 0 0; }
	.recruit-cont .list .top { display:none; }
	.recruit-cont .list .col { display:inline-block; text-align:left; position:relative;  margin:0 0 0 15px; padding:0 0 0 15px; width:auto !important; }
	.recruit-cont .list .col.col_5:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#e0e0e0; }
	.recruit-cont .list ul { border-top:2px solid #aaa; }
	.recruit-cont .list li:first-child { border-top:none; }
	.recruit-cont .list ul li .col { font-size:14px; }
	.recruit-cont .list ul li a  { position:relative; display:block; padding:18px 58px 18px 50px; }
	.recruit-cont .list .col_1,
	.recruit-cont .list .col_2,
	.recruit-cont .list .col_3,
	.recruit-cont .list .col_4,
	.recruit-cont .list .col_6 { margin:0; padding:0; }
	.recruit-cont .list .col_5 { margin:0 0 0 6px; padding:0 0 0 10px; }
	.recruit-cont .list .col_1 { position:absolute; left:0; top:50%; transform:translateY(-50%); width:50px !important; text-align:center; }
	.recruit-cont .list .col_3 { display:block; margin:7px 0; }
	.recruit-cont .list .col_6 { position:absolute; right:0; top:50%; transform:translateY(-50%); text-align:center; display:block;  }
	.recruit-cont .list ul li .txt_p { width:55px; font-size:13px; padding:10px 0; }
	
	.recruit-cont .view { margin:40px 0 0 0; }
	.recruit-cont .view .title { font-size:26px; }
	.recruit-cont .view .infobox { margin:30px 0 0 0; border-top:2px solid #aaa; }
	.recruit-cont .view .infobox .col { width:100%; display:flex; }
	.recruit-cont .view .infobox .col strong:before { left:auto; right:20px; }
	.recruit-cont .view .infobox .col.col_1 strong:before { display:block; }
	.recruit-cont .view .infobox .col strong { height:50px; width:120px; padding-left:10px; font-size:16px; justify-content:start; border:none; border-bottom:1px solid #aaa; }
	.recruit-cont .view .infobox .col span { width:calc(100% - 120px); height:50px; font-size:15px; justify-content:start;  border-bottom:1px solid #aaa;}
	.recruit-cont .view .viewCont { margin:40px 0 0 0; }
}
@media screen and (max-width:760px){
	.recruit-cont .tab { margin:50px 0 0 0; }
	.recruit-cont .tab li { margin:0 0 0 6px; width:calc(33.33% - 8px); }
	.recruit-cont .tab li a { width:100%; padding:15px 0; font-size:17px; }
}
@media screen and (max-width:640px){
	.recruit-cont .search-box { padding:20px 20px;  }
	.recruit-cont .search-box .sbox.sbox_1 { width:100%; }
	.recruit-cont .search-box .sbox.sbox_2 { width:100%; padding:0; margin:10px 0 0 0; }
	.recruit-cont .search-box .sbox.sbox_3 { margin:10px 0 0 0; width:100%; }
	.recruit-cont .search-box select { width:calc(100% - 80px); }
	.recruit-cont .search-box input[type="text"] { width:calc(100% - 100px); padding:0 15px; line-height:40px; height:40px; font-size:16px; }
	.recruit-cont .search-box input[type="submit"] { width:100px; line-height:40px; height:40px; font-size:16px; }
	
	.recruit-cont .list { margin:20px 0 0 0; }
}

/* .board-writer */
.board-writer { overflow:hidden; }
.board-writer .imgbox_top { position:relative; }
.board-writer .imgbox_top .imgbox { position:relative;  }
.board-writer .imgbox_top .imgbox:after {content:""; display:block; padding-bottom:19.5%; }
.board-writer .imgbox_top .imgbox img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; z-index:1;  object-fit:cover; -o-object-fit:cover; }
.board-writer .imgbox_top .txtbox { position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; }
.board-writer .imgbox_top .txtbox .txt_1 { display:flex; align-items:center; height:100%; padding-left:5%; }
.board-writer .imgbox_top .txtbox .txt_1 > div { color:#fff; font-size:40px; font-weight:100; line-height:150%; }
.board-writer .imgbox_top .txtbox .txt_1 > div strong { font-weight:500; }
.board-writer .imgbox_top .txtbox .txt_2 { position:absolute; right:2%; bottom:8%; color:#fff; font-size:16px; font-weight:300; line-height:130%; }
.board-writer .txtbox_top { margin:50px 0;  position:relative; padding:0 0 0 250px; width:100%; height:220px; display:table; background-color:#f9f9f9; }
.board-writer .txtbox_top .icon { position:absolute; left:0; top:0; width:250px; height:100%; display:block; }
.board-writer .txtbox_top .icon span { display:flex; align-items:center;  justify-content:center; height:100%; }
.board-writer .txtbox_top dl { width:100%; height:100%; display:table-cell; vertical-align:middle;  }
.board-writer .txtbox_top dt { color:#333; font-size:20px; font-weight:700; line-height:140%; padding-right:10px; }
.board-writer .txtbox_top dd { margin:17px 0 0 0; color:#666; font-size:17px; font-weight:300; line-height:130%; padding-right:20px; }
.board-writer table,
.board-writer th,
.board-writer td { border:none; }
.board-writer table { margin:20px 0 0 0; border-top:2px solid #aaa; width:100%; }
.board-writer tbody th { text-align:center; padding:0; height:100px; font-size:17px; font-weight:400; color:#333; letter-spacing:-0.015em; border-bottom:1px solid #ddd; background-color:#f9f9f9; }
.board-writer.writer_1 tbody th { text-align:left; padding-left:25px; background-color:#fff; }
.board-writer.writer_1 tbody th.th_top { vertical-align:top; padding-top:30px; }
.board-writer tbody th span { }
.board-writer tbody td { text-align:left; padding:10px 10px 10px 25px; font-size:16px; font-weight:300; color:#666; letter-spacing:-0.025em; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.board-writer tbody td input[type="text"],
.board-writer tbody td input[type="password"] { display:inline-block; text-align:left; vertical-align:middle; padding:0 15px; line-height:50px; height:50px; border:1px solid #ccc; outline:none; font-size:15px; font-weight:300; color:#666; box-sizing:border-box; background-color:#fff; border-radius:0; }
.board-writer tbody td input.ip01 { width:200px; }
.board-writer tbody td input.ip02 { width:calc(33.33% - 20px); }
.board-writer tbody td input.ip03 { width:100%; }
.board-writer tbody td input[type="file"] { display:block; text-align:left; vertical-align:middle; width:100%; margin:5px 0; padding:0; line-height:50px; height:50px; border:1px solid #ccc; outline:none; font-size:15px; font-weight:300; color:#666; box-sizing:border-box; background-color:#fff; border-radius:0; }
.board-writer tbody td textarea { text-align:left; width:100%; padding:30px 15px; line-height:28px; height:225px; border:1px solid #d7d7d7; outline:none; font-size:15px; font-weight:300; color:#999; box-sizing:border-box; background-color:#fbfbfb; border-radius:0; }
.board-writer tbody td textarea.ta01 { padding:15px; background-color:#fff; }
.board-writer tbody td select { display:inline-block; text-align:left; vertical-align:middle; width:180px; padding:0 15px; line-height:50px; height:50px; border:1px solid #ccc; outline:none; font-size:15px; font-weight:400; color:#999; box-sizing:border-box; background-color:#fff; border-radius:0; }
.board-writer tbody td select.sel01 { margin:0 0 0 10px; width:calc(33.33% - 14px); background-color:#f9f9f9; }
.board-writer tbody td select.sel02 { width:100%; max-width:500px; background-color:#f9f9f9; }
.board-writer.writer_1 tbody td select { background-color:#fff; }
.board-writer tbody td .bar { display:inline-block; width:36px; margin:0 -2px; text-align:center; font-size:15px; font-weight:300; color:#666; }
.board-writer tbody td .stxt { display:inline-block; color:#aaa; font-size:16px; font-weight:300; letter-spacing:-0.025em; margin:0 0 0 17px; line-height:140%; }
.board-writer tbody td .stxt.stxt_2 { display:block; margin:10px 0 0 0; }
.board-writer .privacyBox { margin:65px 0 0 0; } 
.board-writer .privacyBox .tit { margin:15px 0 0 0; }
.board-writer .privacyBox .tit input[type="checkbox"]{display:none}
.board-writer .privacyBox .tit input[type="checkbox"] + label { position:relative; padding:0 0 0 25px; font-size:17px; font-weight:400; color:#222;}
.board-writer .privacyBox .tit input[type="checkbox"] + label:after { content:''; display:block; margin:0; width:17px; height:17px; vertical-align:middle; background:url(/img/sub/btn_ch1_off.png) center center no-repeat; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50.4%); -ms-transform:translateY(-50.4%); transform:translateY(-50.4%); }
.board-writer .privacyBox .tit input[type="checkbox"]:checked + label:after { background:url(/img/sub/btn_ch1_on.png) center center no-repeat; }
.board-writer .privacyBox .txtbox { margin:20px 0 0 0; padding:30px 25px; font-size:15px; font-weight:300; color:#666; border-top:1px solid #aaa; border-bottom:1px solid #e6e6e6; height:210px; overflow:auto; box-sizing:border-box; }
.board-writer .privacyBox .txtbox .policy-txt { margin:20px 0 0 0; }
.board-writer .privacyBox .txtbox * { font-size:15px; font-weight:300; color:#666; line-height:180%; }
.board-writer .privacyBox .txtbox p { margin:0 0 10px 0; font-size:15px; font-weight:300; color:#666; }
.board-writer .privacyBox .txtbox h3.title { display:none; }

.board-writer .file_ip input,
.board-writer .file_ip label{ display:inline-block; vertical-align:middle; height:50px; line-height:50px; }
.board-writer .file_ip .upload-name{  width:calc(100% - 104px); vertical-align:middle; padding:0 5px; box-sizing:border-box; outline:none; background:none; font-size:15px; color:#666; font-weight:400; border:1px solid #c7c9cc; outline:none; background:#f6f7f7; border-radius:0; box-sizing:border-box; }
.board-writer .file_ip label{ border-radius:0; width:100px;font-size:12px; color:#666; font-weight:400; letter-spacing:-0.04em; text-align:center; outline:none; background:none; box-sizing:border-box; border:1px solid #c7c9cc; cursor:pointer; }
.board-writer .file_ip ::-webkit-input-placeholder { color:#666; opacity:1; font-weight:400; }
.board-writer .file_ip :-moz-input-placeholder { color:#666; opacity:1; font-weight:400; }
.board-writer .file_ip ::-moz-input-placeholder { color:#666; opacity:1; font-weight:400; }
.board-writer .file_ip :-ms-input-placeholder { color:#666; opacity:1; font-weight:400; }
.board-writer .file_ip ::-webkit-select-placeholder { color:#666; opacity:1; font-weight:400; }
.board-writer .file_ip  :-moz-placeholder { color:#666; opacity:1; font-weight:400; }
.board-writer .file_ip ::-moz-placeholder { color:#666; opacity:1; font-weight:400; }
.board-writer .file_ip :-ms-select-placeholder { color:#666; opacity:1; font-weight:400; }
.board-writer .file_ip input[type="file"]{ display:none; }

@media screen and (max-width:1540px){
	.board-writer { padding:0 20px;  }
}

@media screen and (max-width:1280px){
	.board-writer .imgbox_top .txtbox .txt_1 > div { font-size:30px; }
}
@media screen and (max-width:1024px){
	.board-writer .col1 { width:100px !important; }
	.board-writer table { margin:50px 0 0 0; }
	.board-writer tbody th { height:80px; font-size:16px; }
	.board-writer.writer_1 tbody th { padding-left:15px; }
	.board-writer.writer_1 tbody th.th_top { padding-top:25px; }
	.board-writer tbody td { padding:10px 0 10px 15px; font-size:15px; }
	.board-writer tbody td input[type="text"],
	.board-writer tbody td input[type="password"] { padding:0 10px; line-height:46px; height:46px; font-size:15px; }
	.board-writer tbody td input[type="file"] {  line-height:50px; height:46px; font-size:15px; }
	.board-writer tbody td select { padding:0 10px; line-height:46px; height:46px;font-size:15px; }
	.board-writer tbody td select.sel01 { margin:0 0 0 10px; width:calc(33.33% - 14px); }
	.board-writer tbody td .stxt {font-size:15px; }
	
	.board-writer .imgbox_top .imgbox:after {content:""; display:block; padding-bottom:180px; }
	.board-writer .imgbox_top .txtbox .txt_1 > div { font-size:20px; }
	.board-writer .imgbox_top .txtbox .txt_2 {font-size:14px; }
	.board-writer .txtbox_top { padding:0 0 0 180px; height:200px; }
	.board-writer .txtbox_top .icon { width:180px; }
	.board-writer .txtbox_top .icon img { width:110px; }
	.board-writer .txtbox_top dt { font-size:18px;  }
	.board-writer .txtbox_top dd { margin:15px 0 0 0; font-size:15px; }
	
	.board-writer .privacyBox { margin:50px 0 0 0; } 
	.board-writer .privacyBox .tit { margin:12px 0 0 0; }	
	.board-writer .privacyBox .tit input[type="checkbox"] + label { font-size:16px; }
	.board-writer .privacyBox .txtbox { margin:15px 0 0 0; padding:25px 20px; }
	.board-writer .privacyBox .txtbox * { font-size:14px; }
	.board-writer .privacyBox .txtbox p { font-size:14px; }
}
@media screen and (max-width:640px){
	.board-writer.col1 { width:80px !important; }
	.board-writer table { margin:40px 0 0 0; }
	.board-writer tbody th { height:60px; font-size:15px; }
	.board-writer.writer_1 tbody th { padding-left:10px; }
	.board-writer.writer_1 tbody th.th_top { padding-top:20px; }
	.board-writer tbody td { padding:8px 0 8px 10px; font-size:15px; }
	.board-writer tbody td select.sel01 { margin:5px 0 0 0; width:100%; }
	.board-writer tbody td select.sel02 { width:100%; }
	.board-writer tbody td input.ip01 { width:100%;  }
	.board-writer tbody td input.ip02 { width:calc(50% - 14px); }
	.board-writer tbody td .bar { width:24px; font-size:14px; }
	.board-writer tbody td input[type="text"],
	.board-writer tbody td input[type="password"],
	.board-writer tbody td input[type="file"],
	.board-writer tbody td select { font-size:14px; }
	.board-writer tbody td .stxt {font-size:14px; display:block; margin:10px 0 0 0; }
	
	.board-writer .imgbox_top .txtbox .txt_1 { padding-left:0; text-align:center; width:100%; }
	.board-writer .imgbox_top .txtbox .txt_1 > div { font-size:18px; width:100%; margin-top:-30px; }
	.board-writer .imgbox_top .txtbox .txt_2 {font-size:12px; left:0; bottom:4%; right:0; width:100%; text-align:center; }
	.board-writer .imgbox_top .txtbox .txt_2 .m_br { display:block; }
	.board-writer .txtbox_top { padding:0 0 0 140px; height:160px; }
	.board-writer .txtbox_top .icon { width:140px; }
	.board-writer .txtbox_top .icon img { width:70px; }
	.board-writer .txtbox_top dt { font-size:16px;  }
	.board-writer .txtbox_top dd { margin:12px 0 0 0; font-size:13px; }
	
	.board-writer .privacyBox .txtbox { margin:10px 0 0 0; padding:20px 15px; height:180px; }
	.board-writer .privacyBox .txtbox * { font-size:13px; }
	.board-writer .privacyBox .txtbox p { font-size:13px; }
}
@media screen and (max-width:480px){
	.board-writer .txtbox_top { padding:0 0 0 110px; height:120px; }
	.board-writer .txtbox_top .icon { width:110px; }
	.board-writer .txtbox_top .icon img { width:70px; }
	.board-writer .txtbox_top dt { font-size:15px;  }
	.board-writer .txtbox_top dd { margin:12px 0 0 0; font-size:12px; }
}

/* animation */
.board-writer .imgbox_top .imgbox:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; right:0; padding-bottom:1px; background-color:#fff; z-index:2; }
.board-writer .imgbox_top.c_subOn .imgbox:before{ width:0; transition:width 0.7s 0.7s; }


.btnBox { margin:60px 0 0 0; }
.btnBox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.btnBox .btn_left { float:left; }
.btnBox .btn_right { float:right; }
.btnBox .btn_right a { margin-left:30px; }
.btnBox a { display:inline-block; text-align:center; }
.btnBox a span.fc-g { background-color:#ddd; border:1px solid #ddd; color:#232730; }
.btnBox a span.fc-b { background-color:#22428f; border:1px solid #22428f; color:#fff; }
.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; }
.btnBox .btn_center { text-align:center; }
.btnBox .btn_center a { margin:0 18px; }
.btnBox button { width:280px; height:70px; border:1px solid #232730; color:#232730; font-size:16px; font-weight:400; letter-spacing:-0.015em; background-color:#fff; }
.btnBox a span { width:222px; height:70px; display:flex; align-items:center; justify-content:center; border:1px solid #232730; color:#232730; font-size:16px; font-weight:400; letter-spacing:-0.015em; }

@media screen and (max-width:1024px){
	.btnBox { margin:50px 0 0 0; }
	.btnBox a span { width:180px; height:60px; }
	.btnBox button { width:240px; height:60px; }
	.btnBox .btn_list { font-size:15px; width:200px; padding:22px 0; }
	.btnBox .btn_right a { margin-left:2px; }
}
@media screen and (max-width:640px){
	.btnBox { margin:40px 0 0 0; }
	.btnBox .btn_center a { margin:0 4px; }
	.btnBox a span { width:120px; height:50px; }
	.btnBox button { width:200px; height:60px; }
	.btnBox .btn_list { font-size:15px; width:100%; padding:20px 0; }
}
@media screen and (max-width:480px){
	.btnBox a span { width:100px; }
}

.db_register { }
.db_register .listbox { padding-top:40px; }
.db_register .listbox ul { margin:0 0 0 -40px; }
.db_register .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.db_register .listbox ul li { position:relative; float:left; width:calc(25% - 40px); margin:40px 0 0 40px; }
.db_register .listbox ul li:before {content:""; display:block; padding-bottom:100%; }
.db_register .listbox ul li:after { content:''; display:block; width:19px; height:8px; position:absolute; top:50%; transform:translateY(-50%); left:-28px; background:url(/img/sub/img_db_register_arr.png) center center no-repeat; }
.db_register .listbox ul li:first-child:after { display:none; }
.db_register .listbox ul li .circle { position:absolute; top:0; left:0; text-align:center; display:flex; justify-content:center; align-items:center; width:100%; height:100%; border:1px solid #e2e2e2; border-radius:50%; }
.db_register .listbox ul li .circle .icon { display:block; }
.db_register .listbox ul li .circle .num { display:block; margin-top:20px; font-size:50px; font-weight:700; color:rgba(23,46,130,0.05); }
.db_register .listbox ul li .circle .txt { display:block; margin-top:-25px; color:#333; font-weight:400; line-height:140%; letter-spacing:-0.03em; font-size:16px; }
.db_register .btn { text-align:center; margin-top:60px; }
.db_register .btn a { display:flex; justify-content:center; align-items:center; width:250px; height:65px; margin:0 auto; background-color:#172e82; }
.db_register .btn a span { color:#fff; font-weight:400;letter-spacing:-0.03em; font-size:18px; display:inline-block; padding-right:18px; background:url(/img/sub/img_db_register_plus.png) right center no-repeat;}
.db_register .btn > span:first-child a span { color:#172e82; font-weight:400;letter-spacing:-0.03em; font-size:18px; display:inline-block; padding-right:0; }
.db_register .btn > span:first-child a {  background-color:#fff; border:1px solid #172e82;}
.db_register .btn > span { display:inline-block; margin:0 2px; }
@media screen and (max-width:1280px){
	.db_register { padding:0 15px; }
	.db_register .listbox { padding-top:30px; }
	.db_register .listbox ul { margin:0 0 0 -30px; }
	.db_register .listbox ul li { width:calc(25% - 30px); margin:30px 0 0 30px; }
	.db_register .listbox ul li:after { left:-25px; }
	.db_register .listbox ul li .circle .num { margin-top:15px; }
	.db_register .listbox ul li .circle .txt { margin-top:-25px; font-size:14px; }
	.db_register .btn { margin-top:40px; }
	.db_register .btn a { width:200px; height:60px; }
	.db_register .btn a span { font-size:18px; }
}
@media screen and (max-width:1024px){
	.db_register .listbox { max-width:600px; margin:0 auto; }
	.db_register .listbox ul { margin:0 0 0 -40px; }
	.db_register .listbox ul li { width:calc(50% - 40px); margin:40px 0 0 40px; }
	.db_register .listbox ul li:after { left:-28px; }
	.db_register .listbox ul li:nth-child(3):after { display:none; }
}
@media screen and (max-width:640px){
	.db_register .listbox ul li .circle .num { margin-top:7px; font-size:40px;}
	.db_register .listbox ul li .circle .txt { margin-top:-20px; font-size:14px; }
}

.db_register .listbox li,
.db_register .btn { opacity: 0;}
.db_register.subOn .listbox li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.db_register.subOn .listbox li:nth-child(2) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.db_register.subOn .listbox li:nth-child(3) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.db_register.subOn .listbox li:nth-child(4) { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }
.db_register.subOn .btn { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }

#section2 { margin:-150px 0 150px 0; }


/* 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,
.recruit-cont .board-box  { animation:ani_3 1.0s 0.3s; animation-fill-mode:both; }