@charset "utf-8";
/* ======================================== Font ======================================== */
/* noto-sans-kr-100 - latin */
@font-face {
 font-family: 'NotoSansKR';
 font-weight: 300;
 src: url(./font/NotoSansKR-Light.eot);
 src: url(./font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
      url(./font/NotoSansKR-Light.woff2) format("woff2"),
      url(./font/NotoSansKR-Light.woff) format('woff');
}

@font-face {
 font-family: 'NotoSansKR';
 font-weight: 400;
 src: url(./font/NotoSansKR-Regular.eot);
 src: url(./font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
      url(./font/NotoSansKR-Regular.woff2) format('woff2'),
      url(./font/NotoSansKR-Regular.woff) format('woff');
}

@font-face {
 font-family: 'NotoSansKR';
 font-weight: 500;
 src: url(./font/NotoSansKR-Medium.eot);
 src: url(./font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
      url(./font/NotoSansKR-Medium.woff2) format('woff2'),
      url(./font/NotoSansKR-Medium.woff) format('woff');
}

@font-face {
 font-family: 'NotoSansKR';
 font-weight: 700;
 src: url(./font/NotoSansKR-Bold.eot);
 src: url(./font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
      url(./font/NotoSansKR-Bold.woff2) format('woff2'),
      url(./font/NotoSansKR-Bold.woff) format('woff');
}

@font-face {
 font-family: 'NotoSansKR';
 font-weight: 900;
 src: url(./font/NotoSansKR-Black.eot);
 src: url(./font/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
      url(./font/NotoSansKR-Black.woff2) format('woff2'),
      url(./font/NotoSansKR-Black.woff) format('woff');
}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('./font/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('./font/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('./font/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./font/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./font/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./font/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('./font/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('./font/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./font/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./font/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('./font/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('./font/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* ======================================== Reset ======================================== */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);box-sizing:border-box;color:#000;font-weight:400;word-break:break-all;letter-spacing:-1px;}
body{font-size:16px;font-family:'NotoSansKR', sans-serif;font-style:normal;}
html,body{width:100%;height:100%;}
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
th,strong,b,em,h1,h2,h2,h3,h4,h5,h6{font-weight:700;}
ul,ol,li{display:block;list-style:none;}
img,fieldset,button,input[type='submit'],input[type='reset']{border:0 none;}
input[type='submit'],input[type='button'],button{cursor:pointer;background:none;}
input[type='submit']{font-weight:700;font-size:16px;}
i,em,address{font-style:normal;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;width:100%;}

.inner{display:block; position:relative; margin:0 auto; width:1320px;padding:100px 20px 150px 20px;}
.inner:after{display:block;content:'';clear:both;}
caption,legend,.soundonly{position:absolute; overflow:hidden; clip:rect(0,0,0,0); border:0; width:1px; height:1px; padding:0; margin:-1px; text-indent:-10000px;}

.jjum_one{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;}
.jjum_two{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-boxorient:vertical;line-height:18px;height:36px;}
/* ======================================== Size ======================================== */
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px !important}.w2000{width:2000px !important;}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w95{width:95px}
.w5p{width:5%}.w8p{width:8%}.w10p{width:10%}.w12p{width:12%}.w15p{width:15%}.w18p{width:18%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}

#overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:2;}
#overlay.active{display:block;}
.main h2{font-size:60px;}


h1{position:absolute;top:60px;left:40px;z-index:4;transform:translateY(-50%);}
h1 a{display:block;width:219px;height:34px;text-indent:-99999px;background:url("../images/common/h1_logo_off.png") 50% 50% no-repeat;}
header{position:absolute;width:100%;display:flex;justify-content:end;align-items:center;padding:0 40px;z-index:3;background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.3));}
header>button{display:none;}
header nav>em{display:none;}
.m_btn_menu_close{display:none;}
header nav>ul{display:flex;}
header nav>ul>li{display:flex;justify-content:center;}
header nav>ul>li>button{display:none;}
header nav>ul>li>a{display:inline-flex;align-items:center;height:120px;font-family:Roboto;font-size:24px;font-weight:500;color:#fff;padding:0 30px;letter-spacing:0;}
header nav>ul>li>ul{display:none;position:absolute;top:120px;background:#fff;margin:20px 0;}
header nav>ul>li>ul>li{padding:8px 0;}
header nav>ul>li>ul a{font-size:18px;color:#555;}

header.active{background:#fff;}
h1.active{z-index:4;}
h1.active a{background:url("../images/common/h1_logo_on.png") 50% 50% no-repeat;}
header.active nav>ul>li>ul{display:block;}
header.active nav>ul:before{display:block;content:'';position:absolute;top:120px;left:0;right:0;border-top:solid 1px #e7e7ec;height:210px;padding:0 40px;background:#fff;} 
header.active nav>ul>li>a{color:#000;}
header.active nav>ul>li>a:hover{color:#fff;background:#e00f2c;}

.main_visual{display:flex;justify-content:flex-start;align-items:center;height:978px;background-size:cover !important;}
.type-1{background:url("../images/common/main_visual_1.png") 50% 50% no-repeat;}
.type-2{background:url("../images/common/main_visual_2.png") 50% 50% no-repeat;}
.type-3{background:url("../images/common/main_visual_3.png") 50% 50% no-repeat;}
.type-4{background:url("../images/common/main_visual_4.png") 50% 50% no-repeat;}
.type-5{background:url("../images/common/main_visual_5.png") 50% 50% no-repeat;}

.main_visual .txt strong{display:flex;font-size:70px;color:#fff;margin-bottom:2%;animation:2.5s moves;line-height:80px;}
.main_visual .txt span{display:flex;font-size:20px;color:#c4deff;animation:5s moves;}
.main_visual .txt span br:nth-child(2){display:none;}

@keyframes moves {
  0% {opacity:0;transform: translate3d(0, 50%, 0);}
  100% {opacity:1;transform: translateZ(0);}
}


.main section>div>.item1 h2{position:relative;display:inline-flex;}
.main section>div>.item1 h2:before{display:block;content:'';position:absolute;top:0;left:-22px;width:24px;height:4px;background:#d71f46;transform:rotate(45deg);}

.section1{background:url("../images/common/main_bg1.png") 0 0 no-repeat;}
.section1>.inner{display:flex;align-items:center;justify-content:space-between;}
.section1>div>.item1{display:flex;justify-content:center;flex-direction:column;}
.section1>div>.item1 span{color:#555;font-size:24px;}
.section1>div>.item2{width:60%;}
.section1>div>.item2>div{display:flex;border-bottom:solid 1px #e7e7ec;padding:20px;}
.section1>div>.item2>div em{width:20%;font-family:Roboto;font-size:32px;}
.section1>div>.item2>div>div{width:80%;}
.section1>div>.item2>div>div>div{display:flex;margin:9px 0;}
.section1>div>.item2>div>div>div strong{width:40%;color:#afafaf;font-size:14px;font-weight:400;}
.section1>div>.item2>div>div>div span{width:60%;font-size:18px;}

.section2{background:url("../images/common/main_bg2.png") 100% 50% no-repeat;background-size:cover;}
.section2>.inner{display:flex;align-items:center;justify-content:center;flex-direction:column;height:1024px;}
.section2>div>.item1{display:flex;justify-content:space-between;align-items:end;width:100%;margin-bottom:50px;}
.section2>div>.item1 h2{color:#fff;}
.section2>div>.item1 span{color:#fff;font-size:24px;}
.section2>div>.item2{position:relative;display:flex;width:100%;}
.section2>div>.item2:before{display:flex;content:'';position:absolute;top:0;bottom:0;left:-92px;right:-92px;background:#fff;border-radius:30px;z-index:0;}
.section2>div>.item2 ul{display:flex;flex-wrap:wrap;z-index:1;padding:40px 0;}
.section2>div>.item2 ul li{width:25%;display:flex;align-items:center;justify-content:center;margin:40px 0;}
.section2>div>.item2 ul li a{display:flex;justify-content:center;}

.section3{background:url("../images/common/main_bg3.png") 100% 50% no-repeat;}
.section3>.inner{display:flex;flex-direction:column;height:1014px;padding-top:120px;}
.section3>div>.item1{display:flex;justify-content:space-between;align-items:end;margin:0 30% 90px 0;}
.section3>div>.item1 span{font-size:24px;}
.section3>div>.item2{display:flex;margin:0 30% 0 -1.5%;}
.section3>div>.item2 ul{display:flex;flex-wrap:wrap;z-index:1;}
.section3>div>.item2 ul li{width:33.33%;margin:1.5% 0;padding:0 1.5%;}
.section3>div>.item2 ul li a{display:flex;height:90px;justify-content:center;align-items:center;background:#fff;border-radius:10px;box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;}

.section4{border-top:solid 1px #e7e7ec;}
.section4>.inner{display:flex;padding:100px 0;}
.section4>.inner>div{position:relative;display:inline-flex;flex-direction:column;width:50%;padding:0 0 100px 20px;}
.section4>.inner>div:nth-child(2){border-left:solid 1px #e7e7ec;padding-left:120px;}
.section4>.inner>div em{color:#222;font-size:34px;line-height:40px;}
.section4>.inner>div span{margin-top:10px;color:#888;font-size:14px;}
.section4>.inner>div a{position:absolute;bottom:0; display:flex;align-items:center;justify-content:center;border-radius:25px;border:solid 1px #d71f46;color:#d71f46;width:156px;height:53px;font-weight:500;}
.section4>.inner>div a i{display:inline-flex;width:18px;height:14px;margin-left:10px;background:url("../images/common/icon_arrow.png") 50% 50% no-repeat;}

footer{background:#000;}
footer>.inner{display:flex;padding:50px 0;}
footer>.inner>div{width:20%;}
footer>.inner>div span{display:flex;width:183px;height:29px;text-indent:-99999px;background:url("../images/common/f_logo.png") 50% 50% no-repeat;}
footer>.inner>ul{width:80%;display:flex;flex-wrap:wrap;margin-top:-10px;}
footer>.inner>ul li{display:flex;margin:10px 0;justify-content:space-between;width:100%;}
footer>.inner>ul li>div{width:50%;display:flex;justify-content:space-between;}
footer>.inner>ul li>div div{margin:0 0px}

footer>.inner>ul li address{display:flex;}
footer>.inner>ul li em{display:inline-flex;width:60px;color:#fff;}
footer>.inner>ul li span{color:#888;font-family: 'Roboto','NotoSansKR'; letter-spacing: 0;}
footer>.inner>ul li .copy{font-size:15px;display:block;width:50%;}

/* *************************** 서브 ******************************** */

/*
.sub_visual{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;height:628px;background-size:cover !important;
	transform:scale(1, 1);animation:2s submove;overflow:hidden;
}
@keyframes submove {
  0% {transform:scale(1.2, 1.2);}
  50% { transform:scale(1, 1);}
  100% { transform:scale(1, 1);}

}
*/

.sub_visual{position:relative;height:628px;overflow:hidden;}
.sub_visual>div{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;background-size:cover !important;
	transform:scale(1, 1);animation:2s submove;
}
@keyframes submove {
  0% {transform:scale(1.2, 1.2);}
  50% { transform:scale(1, 1);}
  100% { transform:scale(1, 1);}

}


.sub_visual.s-type-1>div{background:url("../images/common/sub_visual_1.png") 50% 50% no-repeat;}
.sub_visual.s-type-2>div{background:url("../images/common/sub_visual_2.png") 50% 50% no-repeat;}
.sub_visual.s-type-3>div{background:url("../images/common/sub_visual_3.png") 50% 50% no-repeat;}
.sub_visual.s-type-4>div{background:url("../images/common/sub_visual_4.png") 50% 50% no-repeat;}
.sub_visual.s-type-5>div{background:url("../images/common/sub_visual_5.png") 50% 50% no-repeat;}
.sub_visual.s-type-6>div{background:url("../images/common/sub_visual_6.png") 50% 50% no-repeat;}
.sub_visual.s-type-7>div{background:url("../images/common/sub_visual_7.png") 50% 50% no-repeat;}
.sub_visual.s-type-8>div{background:url("../images/common/sub_visual_8_2.png") 50% 50% no-repeat;}
.sub_visual.s-type-9>div{background:url("../images/common/sub_visual_9.png") 50% 50% no-repeat;}


.sub_visual h2{color:#fff;font-size:74px;animation:2.5s moves;}
.sub_visual span{color:#d71f46;font-size:24px;font-weight:500;animation:2.5s moves;margin-top:-70px;}

.welfare>em{display:flex;flex-wrap:wrap;color:#000;font-size:45px;line-height:55px;word-break:keep-all;}
.welfare ul{display:flex;flex-wrap:wrap;margin:100px -12px 0 -12px;}
.welfare ul li{width:33.33%;}
.welfare ul li>div{display:flex;flex-direction:column;justify-content:space-between;height:260px;border:solid 1px #e7e7ec;margin:15px 12px;padding:25px;}
.welfare ul li>div>div{display:flex;flex-direction:column;}
.welfare ul li strong{color:#afafaf;font-size:14px;font-weight:400;margin-bottom:10px;}
.welfare ul li em{color:#222;font-size:22px;font-weight:400;}
.welfare ul li span{color:#888;font-size:16px;}
.welfare ul li>div>span{display:inline-flex;height:55px;background-size:auto 100% !important;}
.welfare ul li>div>span.icon1{background:url("../images/common/icon_welfare_1.png") 100% 50% no-repeat;}
.welfare ul li>div>span.icon2{background:url("../images/common/icon_welfare_2.png") 100% 50% no-repeat;}
.welfare ul li>div>span.icon3{background:url("../images/common/icon_welfare_3.png") 100% 50% no-repeat;}
.welfare ul li>div>span.icon4{background:url("../images/common/icon_welfare_4.png") 100% 50% no-repeat;}
.welfare ul li>div>span.icon5{background:url("../images/common/icon_welfare_5.png") 100% 50% no-repeat;}
.welfare ul li>div>span.icon6{background:url("../images/common/icon_welfare_6.png") 100% 50% no-repeat;}
.welfare ul li>div>span.icon7{background:url("../images/common/icon_welfare_7.png") 100% 50% no-repeat;}
.welfare ul li>div>span.icon8{background:url("../images/common/icon_welfare_8.png") 100% 50% no-repeat;}
.welfare ul li>div>span.icon9{background:url("../images/common/icon_welfare_9.png") 100% 50% no-repeat;}

.b-performance{background:url("../images/common/sub_bg2.png") 0 0 no-repeat;}
.impor{display:flex;align-items:start;justify-content:space-between;}
.impor>.item1{display:flex;flex-direction:column;}
.impor>.item1 h3{font-size:60px;}
.impor>.item1 span{color:#555;font-size:20px;}
.impor>.item2{width:60%;}
.impor>.item2>div{display:flex;border-bottom:solid 1px #e7e7ec;padding:20px;}
.impor>.item2>div em{width:20%;font-family:Roboto;font-size:30px;}
.impor>.item2>div>div{width:80%;}
.impor>.item2>div>div>div{display:flex;margin:9px 0;}
.impor>.item2>div>div>div strong{width:40%;color:#7f4d5c;font-size:14px;font-weight:400;}
.impor>.item2>div>div>div span{width:60%;font-size:18px;color:#222;}

.history_bg{background:url("../images/common/sub_bg3.png") 50% 100% no-repeat;}
.history{display:flex;height:930px;}
.history>.item1{width:50%;padding-left:20px;}
.history>.item1 h3{color:#e00f2c;font-family:Roboto;font-size:32px;margin-bottom:30px;}
.history>.item1 span{color:#222;font-size:74px;font-weight:700;line-height:80px;}
.history>.item2{width:50%;padding:50px 0;}
.history>.item2>div{display:flex;}
.history>.item2>div>div.sub_item1{position:relative;width:15%;}
.history>.item2>div>div.sub_item1:before{display:flex;content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background:#ccc;}
.history>.item2>div:first-child>div.sub_item1:before{top:15px;}
/* .history>.item2>div:last-child>div.sub_item1:before{bottom:20px;} */
.history>.item2>div>div>em{position:relative;display:flex;font-family:Roboto;font-size:32px;}
.history>.item2>div>div>em:before{display:flex;content:'';position:absolute;top:50%;right:-4px;width:8px;height:8px;background:#be0732;border-radius:50%;transform:translateY(-50%);}
.history>.item2>div>div>em:after{display:flex;content:'';position:absolute;top:50%;right:-2px;width:4px;height:4px;background:#fff;border-radius:50%;transform:translateY(-50%);}
.history .sub_item2>div{display:flex;align-items:center;margin:5px 0;}
.history .sub_item2>div strong{width:20%;display:flex;justify-content:center;font-family:Roboto;font-size:16px;font-weight:500;color:#afafaf;}
.history .sub_item2>div span{width:80%;font-size:16px;}
.history>.item2>div>div.sub_item2{position:relative;width:85%;padding-bottom:40px;}

.location{display:flex;flex-direction:column;}
/*.location .sub_item1{height:597px;background:url("../images/common/map_bg.png") 50% 50% no-repeat;}*/
.location .sub_item1 img{width:100%;}
.location>.item1{margin-bottom:40px;}
.location>.item1 h3{color:#222;font-size:45px;}
.location>.item2{display:flex;flex-direction:column;}
.location>.item2 .sub_item1{margin-bottom:40px;}
.location>.item2 .sub_item2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.location>.item2 .sub_item2>div{display:flex;align-items:center;margin:5px 0;}
.location>.item2 .sub_item2>div i{width:40px;height:40px;margin-right:10px;}
.location>.item2 .loc i{background:url("../images/common/icon_location.png") 50% 50% no-repeat;}
.location>.item2 .subway i{background:url("../images/common/icon_subway.png") 50% 50% no-repeat;}
.location>.item2 .sub_item2>div span{font-size:18px;color:#222;}

.talent{display:flex;flex-direction:column;}
.talent>em{display:flex;color:#000;font-size:45px;line-height:55px;}
.talent ul{display:flex;margin:30px -10px 0 -10px;}
.talent ul li{width:25%;padding:0 10px;}
.talent ul li>div{display:flex;flex-direction:column;align-items:center;background:#f6f6f6;padding:60px 20px 0 20px;border-radius:10px;height:423px;}
.talent ul li>div i{display:flex;width:100%;height:69px;margin-bottom:60px;}
.talent ul li>div .icon1{background:url("../images/common/icon_talented_1.png") 50% 50% no-repeat;}
.talent ul li>div .icon2{background:url("../images/common/icon_talented_2.png") 50% 50% no-repeat;}
.talent ul li>div .icon3{background:url("../images/common/icon_talented_3.png") 50% 50% no-repeat;}
.talent ul li>div .icon4{background:url("../images/common/icon_talented_4.png") 50% 50% no-repeat;}
.talent ul li>div strong{color:#d71f46;font-size:26px;margin-bottom:15px;}
.talent ul li>div span{display:inline-flex;justify-content:center;text-align:center;color:#222;font-size:18px;}

.certificate{display:flex;flex-wrap:wrap;margin:0 -10px;}
.certificate li{width:33.33%;padding:0 10px;}
.certificate li div{display:flex;justify-content:center;}
.certificate li div img{max-width:100%;}
.certificate li:nth-child(n+4){margin-top:80px;}

.job_application{margin-bottom:50px;}
.job_application>b{display:flex;color:#000;font-size:45px;line-height:55px;}
.recruitment{display:flex;flex-direction:column;}
.recruitment>div{display:flex;align-items:center;margin:40px 0;justify-content:space-between;}

.recruitment>div>.sub_item1>em{display:flex;align-items:center;justify-content:center;color:#fff;background:#d71f46;width:211px;height:182px;font-size:32px;border-radius:10px;}
.recruitment>div>.sub_item2{width:80%;}
.recruitment>div.item1>.sub_item2 ul{display:flex;justify-content:space-between;}
.recruitment>div.item1>.sub_item2 ul li{display:flex;background:#fff8f8;border-radius:10px;width:calc(20% - 10px);align-items:center;flex-direction:column;}
.recruitment>div.item1>.sub_item2 ul li i{display:flex;width:100%;height:74px;background:url("../images/common/icon_join.png") 50% 80% no-repeat;}
.recruitment>div.item1>.sub_item2 ul li em{display:flex;height:108px;padding-top:30px;font-size:18px;color:#222;}
.recruitment>div.item2>.sub_item2 span:nth-child(1){display:flex;font-size:28px;margin-bottom:15px;align-items:center;}
.recruitment>div.item2>.sub_item2 span:nth-child(1) i{width:21px;height:13px;margin:0 10px;background:url("../images/common/icon_letter.png") 50% 50% no-repeat;}
.recruitment>div.item2>.sub_item2 span:nth-child(2){color:#888;font-size:16px;}

.personal_information{padding:50px 30px;background:#f6f6f6;}
.personal_information>strong{color:#222;}
.personal_information>ul{}
.personal_information>ul li{font-size:14px;color:#555;line-height:26px;}
.personal_information>ul>li{margin:15px 0;}
.personal_information>ul li i{margin-right:5px;}
.personal_information>ul li span{display:inline-flex;width:96%;}

.sub_visual.s-type-8 + #contents>.inner{background:url("../images/common/achieve_bg.png") 100% 0 no-repeat;}
.company_intro{display:flex;justify-content:center;}
.company_intro img{max-width:100%;}


.partner>b{display:flex;color:#000;font-size:45px;line-height:55px;}
.partner ul{display:flex;flex-wrap:wrap;margin:0 -10px;}
.partner ul li{width:20%;margin:25px 0;padding:0 10px;}
.partner ul li a{display:flex;justify-content:center;align-items:center;height:84px;border-radius:5px;border:solid 1px #e7e7ec;}