/* ###################### COMMON ###################### */
.container {width:1100px;}
.section {padding:81px 0;}
.gradient.green {background: linear-gradient(218.18deg, #1B928B 0.93%, #51AA55 82.93%);}

.flex {display: -webkit-flex; display: -ms-flex; display: flex;}
.flex.between {justify-content: space-between;}

/* ###################### INDEX ###################### */
.slide-wrap {width:100%; }
.slides {width:100%;  }
.main .slick-slide {background-position: center; background-repeat:no-repeat; background-size: auto 490px ; transition:1s; height:490px;}
.main .slick-slide .container { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; height:490px;}
.main .slick-slide h2 {font-size: 45px; margin-bottom: 27px;font-family: 'S-CoreDream-4Regular';}
.main .slick-slide p {font-size: 22px; line-height: 40px; }
.main .slick-slide.white h2, .main .slick-slide.white p { color:#fff;}
.main .slick-slide.slick-active { animation: slideWave 6s forwards;}
.main .slick-slide.sd1 {background-image: url("../img/bn1-bg.png");}
.main .slick-slide.sd2 {background-image: url("../img/bn2-bg.png");}
.main .slick-slide img {position: absolute; left:25%; bottom:-16px;}

.main .slick-slide.slick-active h2 {animation:showBottom 1s forwards;}
.main .slick-slide.slick-active p {animation:showBottom 1s forwards; animation-delay: 0.3s;}

.slick-dots {position: absolute; bottom:20px; left: 50%; transform: translateX(-50%); display: -webkit-flex; display: -ms-flex; display: flex;}
.slick-dots button {margin: 0 5px; width:100px; height:2px; text-indent: -999em; background:#fff; padding:0;}
.slick-dots .slick-active button {background: #3F66B0 ;}

.sd1 .slide-svg {stroke-dasharray:600; stroke-dashoffset:600;}
.sd2 .slide-svg {stroke-dasharray:1200; stroke-dashoffset:1200;}
.sd3 .slide-svg {stroke-dasharray:1000; stroke-dashoffset:1000;}

.sd1.slick-active .slide-svg {animation:slideSvgDash 4s forwards; animation-delay: 1s;}
.sd2.slick-active .slide-svg {animation:slideSvgDash 4s forwards; animation-delay: 0.3s;}
.sd3.slick-active .slide-svg {animation:slideSvgDash 4s forwards; animation-delay: 0}

.sec-tit {font-size: 2em; font-family: 'S-CoreDream-4Regular'; letter-spacing: -0.1em; text-align: center; margin-bottom: 54px;}
.busi_img {position: relative; display: inline-block; overflow: hidden; margin-bottom: 20px;}
.busi_img:after {content:""; position: absolute; overflow:hidden; top:0; right:0; left:0; bottom:0; transition:0.3s; opacity: 0; background: rgba(0,0,0,0.3);}
.busi_img:before {content:""; position: absolute; overflow:hidden; transition:0.3s; opacity: 0; background: url("../img/ver2/icon_favi.png") no-repeat; z-index: 2;    width: 14px; height: 36px; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.busi_img img {transition: 0.4s;}

.busi h4 {font-size: 22px; margin-bottom: 15px;}
.busi p {line-height: 1.5em; color:#666666;}

.busi_img:hover + h4 {color:#000; }
.busi_img:hover:after, .busi_img:hover:before {opacity: 1; }
.busi_img:hover img {transform: scale(1.2); }

.sec-reserve {display: -webkit-flex; display: -ms-flex; display: flex; min-width:1100px;}
.sec-reserve > div {width:50%; height:490px; position:relative; text-align: center; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; transition: 0.5s;}
.sec-reserve > div h4 {color:#fff; font-size: 40px; font-family: 'S-CoreDream-4Regular'; margin-bottom: 20px;}
.sec-reserve > div p {color:#fff; font-size: 20px; line-height: 35px; margin-bottom: 20px;}
.sec-reserve > div a {color:#fff; border:1px solid #fff; width:200px; line-height: 45px; display: inline-block;}
.sec-reserve > div a:hover {background: rgba(255,255,255,0.1);}
.sec-reserve > div:before {content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -2;}
.sec-reserve > div.left:before {background: url("../img/ver2/main_bg1.jpg") no-repeat center/cover;}
.sec-reserve > div.right:before {background: url("../img/ver2/main_bg2.jpg") no-repeat center/cover;}
.sec-reserve > div:after {content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;}
.sec-reserve > div.left:after {background: rgba(69, 69, 69, 0.95);}
.sec-reserve > div.right:after {background: linear-gradient(239.36deg, rgba(52, 64, 139, 0.95) 27.49%, rgba(62, 99, 173, 0.95) 65.27%);}
.sec-reserve > .left {padding-left:20em;}
.sec-reserve > .right {padding-right:20em;}

.sec-reserve .left:hover {width:55%;}
.sec-reserve .left:hover + .right {width:45%;}
.sec-reserve .right:hover {width:60%;}
.sec-reserve .right:hover + .left {width:40%;}

.sec-contact {position:relative; height:550px; min-width:1100px;}
.sec-contact:before {content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url("../img/ver2/main_bg3.png") no-repeat center/cover; z-index: -2;}
.sec-contact:after {content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(45, 45, 45, 0.5); z-index: -1;}
.sec-contact ul {display: -webkit-flex; display: -ms-flex; display: flex; height:100%; align-items: center;height:100%;}
.sec-contact ul li {width:100%; text-align: center; height:100%; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; }
.sec-contact ul li:nth-child(3) { border-right:1px solid #727272;  border-left:1px solid #727272;}
.sec-contact ul li .ico {background: rgba(255,255,255,0.5); width:100px; height:100px; border-radius: 50%; margin:0 auto 30px; }
.sec-contact ul li img {width:50px; padding-top: 25%;}
.sec-contact h5 {font-weight: 900; color:rgba(255,255,255,0.7); text-transform: uppercase; font-size: 30px; margin-bottom: 30px;}
.sec-contact a {color:#fff; cursor: pointer; display: inline-block; padding:5px 20px;}
/* .sec-contact ul li.hover:hover {background: rgba(255,255,255,0.1);} */
.sec-contact ul li:hover .ico {background:linear-gradient(200deg, #323883 1%, #3F66B0 83%); animation:upAndDown 1s infinite;}
.sec-contact ul li:hover h5 {color:#fff;}

@keyframes upAndDown {
    0% {transform:translateY(-10px)}
    70% {transform:translateY(0)}
    100% {transform:translateY(-10px)}
}


/* ################# section 1 ################# */
.sec1 .container.sm {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-around;}
.sec1 .box {width:300px; height:300px; padding:50px 30px; box-sizing: border-box;}
.sec1 .box1:before {background: url("../img/main_bg9.png") no-repeat center/cover; }
.sec1 .box1:after {background:rgba(57,82,156,0.90);}
.sec1 .box2:before {background: url("../img/main_bg10.png") no-repeat center/cover;}
.sec1 .box2:after {background:rgba(51,61,136,0.90);}
.sec1 .box3:before {background: url("../img/main_bg8.png") no-repeat center bottom/ cover; }
.sec1 .box3:after {background:rgba(87,95,175,0.90);}
.sec1 .box > * {color:#fff;}
.sec1 .box h4 {font-size: 30px; margin-bottom: 27px; line-height: 35px; font-weight: bold;}
.sec1 .box p {font-size: 17px; line-height: 30px; margin-bottom: 54px;}
.sec1 .box a {font-size: 16px; text-transform: capitalize;}

/* ################# section 2 ################# */
.sec2 .bg_typo.service {color: rgba(220,222,233,0.5)}
.sec2:after {content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -3; background:url("../img/main_bg4.png") no-repeat center/cover; }
.sec2 .container {position: relative;}
.sec2 ul {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin:54px auto 0; }
.sec2 ul li {opacity: 0;}
.sec2 ul li a {display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: space-around; background: rgba(255,255,255,0.4); border:1px solid #e4e4e4; width:160px; height:170px; align-items: center; transition: 0.2s; padding:23px 0; box-sizing: border-box;}
.sec2 ul li span {color:#666;}
.sec2 ul li:hover a {border:1px solid #3f51b5; }
.sec2 ul li.show {animation: showLeft 1s forwards;}

.sec2 ul li.show:nth-child(1) {animation-delay:0.6s;}
.sec2 ul li.show:nth-child(2) {animation-delay:0.9s;}
.sec2 ul li.show:nth-child(3) {animation-delay:1.2s;}
.sec2 ul li.show:nth-child(4) {animation-delay:1.5s;}
.sec2 ul li.show:nth-child(5) {animation-delay:1.8s;}
.sec2 ul li.show:nth-child(6) {animation-delay:2.1s;}

/* ################# section 3 ################# */
.sec3:before {content:""; background:#F6F6F6;}
.sec3 > div .container {margin:54px auto 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center;}
.sec3 .box {width:50%; text-align: center; padding:40px 0; box-sizing: border-box; display: -webkit-flex;flex-direction: column; display: -ms-flex; display: flex; cursor: pointer; transition: 0.3s;}
.sec3 .box > * { color:#fff; font-size: 22px; font-weight: bold;}
.sec3 .box h4 {transform: translateY(10px); transition: 0.3s;}
.sec3 .box a {opacity: 0; transition: 0.3s; transform: translateY(50px); }
.sec3 .box1:before {background:url("../img/main_bg5.png") no-repeat center/cover;}
.sec3 .box2:before {background:url("../img/main_bg6.png") no-repeat center/cover;}
.sec3 .box:after {background:rgba(83,83,102,0.8); transition: 0.3s;}
.sec3 .box:hover:after {background: rgba(0,0,0,0.5);}
.sec3 .box:hover h4 {transform: translateY(-50px); opacity: 0;}
.sec3 .box:hover a {transform: translateY(-10px); opacity: 1;}
/* ################# section 4 ################# */
.sec4:before {background:url("../img/main_bg7.png") no-repeat center/cover; }
.sec4:after {background:rgba(26,54,126,0.85);}
.sec4 .container{display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between;; align-items: flex-end;transform: translateY(-100px); opacity: 0; }
.sec4 .container.show {animation:showBottom 1s forwards; }
.bg_typo.notice {opacity: 0.3; text-align: left; margin-top: 54px;;}
.news li a {color: #E6EAF4; line-height: 38px; list-style: auto;}
.news .stt {display: inline-block; padding:7px 10px; color:#ebebeb; border:1px solid #6D7894; border-radius: 50px; font-size: 13px; margin-right: 20px;}


/* ###################### SUB INTRO ###################### */
.tb-list {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-around; align-items: center; width:500px; margin:81px auto 0; }
.tb-list li {display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; }
.tb-list .tt {color:#666; margin-bottom: 50px; display: inline-block;position: relative;}
.tb-list .tt:after {content:""; position: absolute; bottom:-20px; left:50%; transform: translateX(-50%); width:40px; height:2px; background: #3f51b5;}
.tb-list .ct {font-size: 22px;color:#666;}

.icon-list {display: -webkit-flex; display: -ms-flex;display: flex; justify-content: space-around; padding-top:54px;}
.icon-list li {display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column;}
.icon-list li span.img {display: inline-block; width:162px; height:162px; line-height: 162px; border-radius: 50%;  }
.icon-list li span img {vertical-align: middle;}
.icon-list li span.name {font-size: 16px; margin-top: 20px;}
.basic-list {padding-top:54px; display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-around;}
.basic-list li {border:1px solid #ccc; line-height: 78px; width:23%; margin-bottom: 20px; font-size: 19px;}

.greeting-bg {background: url("../img/greeting_bg.png") no-repeat center/cover; width:1200px; margin:0 auto; height:300px; box-sizing: border-box; padding-top:54px;}
.ceo .sub-tt {color:#fff; }
.ceo .ceo-greeting { width:1000px; background: #fff; box-shadow: 4px 4px 15px rgba(0,0,0,0.15), -4px -4px 15px rgba(0,0,0,0.15); padding:50px; box-sizing: border-box;  text-align: left; line-height: 27px; margin: -94px auto 0;}
.ceo .sign {line-height: 35px; text-align: right;}
.ceo .sign .pen {background:url("../img/sign.png") no-repeat center;  width:200px; height:50px; display: inline-block; vertical-align: bottom;}

.vision {background: url("../img/vision.png") no-repeat center center; height:500px; text-indent:-9999em; padding:54px 0; }


.history {position: relative; text-align: center; display: -webkit-flex; display: -ms-flex;
display: flex; flex-wrap:wrap; }
.history:after {content:""; position: absolute; top:45px; left:50%; transform:translateX(-50%); height:100%; width:1px; background: #ccc; display: block; z-index: -1;}
.year-mark {width:100%; margin:40px 0;}
.year-mark span {width:100px; height:100px; border-radius: 50%; line-height: 100px; color:#fff; margin:0 auto; display: block;}
.history-sec {width:100%; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end;}
.history-sec.left {padding-right:40px; box-sizing: border-box; justify-content: flex-start;}
.history-sec.left li {flex-direction: row-reverse; text-align: right;}
.history-sec.left li .year {text-align: right;}
.history-sec ul {text-align: left; width:47%;}
.history-sec ul li {line-height: 27px; padding: 22px 0; display: -webkit-flex; display: -ms-flex; display: flex; }
.history-sec ul li .year {width:100px; font-weight: bold; color:#3f51b5; text-indent: 10px; font-size: 22px;}

.ct-box {position: relative; width: 100%; overflow: hidden;}
.ct-wrap {position: absolute; width:100%; height:100%; }
.ct-wrap > .ct {  position: absolute; top: 0; width: 100%;}

.ethical ul {margin: 54px 0;;}
.ethical ul li {display: -webkit-flex; display: -ms-flex; display: flex; border-bottom : 1px solid #e4e4e4; align-items: center; justify-content: space-between; margin-bottom: 54px; padding-bottom: 54px; opacity: 0;}
.eth-img {width:225px; height:150px; text-align: center; line-height: 150px;}
.eth-img img {vertical-align: middle;}
.eth-box {text-align: left; width:84%;}
.eth-box h4 {margin-bottom: 27px; font-size: 20px; }
.eth-box p {line-height: 27px;}

.ethical ul li.show {animation: showLeftFast 1s forwards linear; animation-delay:2s;}
.ethical ul li.show.eth1 {animation-delay:0.3s;}
.ethical ul li.show.eth2 {animation-delay:0.6s;}
.ethical ul li.show.eth3 {animation-delay:0.9s;}
.ethical ul li.show.eth4 {animation-delay:1.2s;}
.ethical ul li.show.eth5 {animation-delay:1.5s;}

.table.lg td { padding:15px;}
.table.lg span { display: block; line-height: 27px;}
.table.lg span.tt {font-weight: bold; font-size: 20px;}

.effect .img {display: inline-block; border-radius: 50%; width:120px; height:120px; margin-right: 40px; line-height: 120px;}
.effect .img img {vertical-align: middle;}
.effect .list-desc h4 {font-weight: bold; font-size: 17px; margin-bottom: 20px; text-align: left;}
.effect .list-desc li {list-style-type: square; text-align: left; padding:7px 0; line-height: 24px; color:#707070;}
.effect .list-desc ul {padding-left:20px;}
.effect .list {display: -webkit-flex; display: -ms-flex; display: flex; width:50%;}
.effect .list-layout { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; height: 550px; width:1200px; margin:0 auto; }
.effect .list-layout.short {height:400px;}
.list-layout.mgt {margin-top: 81px;}
.effect .pd50  {box-sizing: border-box;}

.effect .sec {width:1200px; margin: 0 auto; }
.effect .sec ul {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-around; align-items:flex-end;}
.effect .sec ul li {width:200px; height:170px; text-align: center; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: space-between;}
.effect .sec ul li p {line-height: 27px;}

#map {width:1100px; height:500px;margin-bottom: 54px;}
.map-contents {margin: 0 40px}
.map-contents > div {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; padding-bottom: 54px; margin-bottom: 54px; border-bottom:1px solid #ccc;}
.map-tt {font-weight: bold; font-size: 27px; text-align: left; margin-bottom: 27px;}
.map-desc {text-align: left; margin-bottom: 15px; font-size: 20px; color:#666;}
.map-contents ul {margin-left: 13px;}
.map-contents li {font-size: 20px; color:#666; line-height: 27px; margin-bottom: 10px;}
.map-contents li span {display: inline-block; margin-right: 20px; }
.map-contents li span.subway {border-radius: 50%; width:30px; height:30px; text-align: center; line-height: 30px; color:#fff; font-weight: bold;}
.map-contents li span.subway.purple {background: #914ADD;}
.map-contents li span.subway.green {background: #3CB44A;}
.map-contents li span.bus {border-radius: 5px; color:#fff; width:50px;  text-align: center; font-size: 14px;}
.map-contents li span.bus.purple {background: #7182F5; }
.map-contents li span.bus.green {background: #5FB73C;}
.map-contents li span.bus.blue {background: #00AEAB;}

.cafeplan .plan-wrap {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-around; align-items: baseline;margin: 108px 0;}
.cafeplan .plan {width:300px;}
.cafeplan .plan-wrap h4 {font-size: 25px; line-height: 35px; margin-bottom: 27px; margin-top: 27px;}
.cafeplan .plan-wrap p {line-height: 27px; }

.network-wrap:before {background: url("../img/bokji_bg.png") no-repeat center/cover}
/* .network-wrap:after {background: rgba(44,44,44,0.5);} */
.cafeplan #sub-main {padding-bottom: 0;}
.cafeplan .cafe2 .box:before {background: url("../img/bokji_bg.png") no-repeat center/cover}
.cafeplan .cafe2 .cir {display: inline-block; width:70px; height:70px; border-radius: 50%; color:#fff; font-size: 22px; line-height: 70px;}
.cafeplan .cafe2 .cir:before { content: ""; position: absolute; top: 110%; width: 50px; height: 50px; border-left: 1px dashed #9a9a9a; left: 35px;}
.cafeplan .cafe2 ul {width:1200px; margin: 0 auto; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; position: relative;}
.cafeplan .cafe2 ul:after {content:""; position: absolute; top: 85px; width: 86%; height: 2px; border-bottom: 1px dashed #ccc; z-index: -1; left: 50%; transform: translateX(-50%);}
.cafeplan .cafe2 li {width:140px; height:150px;display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.cafeplan .cafe2 span:last-child {position: relative;}

.cafeplan .cafe2 li:nth-child(1) .cir {background: linear-gradient(212.3deg, rgb(191 203 225) 27.08%, rgb(208 210 225) 75.52%);}
.cafeplan .cafe2 li:nth-child(2) .cir {background: linear-gradient(212.3deg, rgb(184 190 213) 27.08%, rgb(196 198 210) 75.52%);}
.cafeplan .cafe2 li:nth-child(3) .cir {background: linear-gradient(212.3deg, rgb(169 172 202) 27.08%, rgb(174 190 219) 75.52%);}
.cafeplan .cafe2 li:nth-child(4) .cir {background: linear-gradient(212.3deg, rgb(148 152 190) 27.08%, rgb(153 173 210) 75.52%);}
.cafeplan .cafe2 li:nth-child(5) .cir {background: linear-gradient(212.3deg, rgb(127 132 177) 27.08%, rgb(134 157 202) 75.52%);}
.cafeplan .cafe2 li:nth-child(6) .cir {background: linear-gradient(212.3deg, rgb(90 97 157) 27.08%, rgb(100 131 191) 75.52%);}
.cafeplan .img-desc {background:url("../img/cafeteriaplan.png") no-repeat center; height:600px;}
.network-wrap {height:700px;}
.network-wrap .img-desc {background:url("../img/network_service_bg1.png") no-repeat center; }
.service-tab {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap:wrap; justify-content: space-around; width:900px;}
.service-tab button {border: 1px solid #ccc; line-height: 54px; width: 32%; margin-bottom: 12px; font-size: 19px;}
.service-tab button.active {color:#5779BA; border:1px solid #5779BA; font-weight: bold;}
.service-ct-wrap {width:1200px; margin:0 auto;; }
.service-ct {width:1200px;}
.service-ct .ct-img {position: relative; display: inline-block; width:200px; height:200px; border-radius: 50%; margin-bottom:54px;}
.tag {margin: 27px 0; }
.tag span {display: inline-block; border:1px solid #ccc; padding:5px 7px; border-radius: 200px; margin: 0 4px; font-size: 13px;}

.ct-box.service {width:1200px; margin:0 auto; padding:54px 0;}
.service-ct .ct-img.img1 {background:url("../img/sevc-1.png") center / cover; }
.service-ct .ct-img.img2 {background:url("../img/sevc-2.png") center / cover; }
.service-ct .ct-img.img3 {background:url("../img/sevc-3.png") center top / cover; }
.service-ct .ct-img.img4 {background:url("../img/sevc-4.png") center / cover; }
.service-ct .ct-img.img5 {background:url("../img/sevc-5.png") center / cover; }
.service-ct .ct-img.img6 {background:url("../img/sevc-6.png") center / cover; }
.service-ct .ct-img.img7 {background:url("../img/sevc-7.png") center / cover; }
.service-ct .ct-img.img8 {background:url("../img/sevc-8.png") center / cover; }
.service-ct .ct-img.img9 {background:url("../img/sevc-9.png") center / cover; }

.system .sys-list {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-around; }
.system .sys-list h5 {line-height: 54px; text-align: left; font-size: 22px;}
.system .sys-list ul {line-height: 27px; text-align: left; }
.system .list-layout {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap:wrap; height:300px;}
.system .list {display: -webkit-flex; display: -ms-flex; display: flex; width:50%; align-items: center;}
.system .list-desc {width:80%;}
.system .list .img {width:120px; height:120px; line-height: 120px; border-radius: 50%; position: relative; margin-right: 20px;}
.system .list .img img {vertical-align: middle;}
.system .list h4 {font-weight: bold; font-size: 17px; margin-bottom: 20px;text-align: left;}
.system-icon {margin:54px 0;}
.system .img-desc {background:url("../img/cafeplan_system.png") no-repeat center; height:600px;}
.sitemap .menu > ul {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-around;}
.sitemap .menu > ul > li {width:20%; text-align: center;}
.sitemap .menu > ul > li > a {font-size: 22px; line-height: 50px; border-bottom:2px solid #3E62AC; padding-bottom: 20px; width:80%; display: inline-block; }
.sitemap .dp2 a {display: inline-block; line-height: 50px; width:100%; }
.sitemap .closed span {top:50%; left:50%; }
.sitemap .closed span:first-child {transform:translate(-50%,-50%) rotate(45deg);}
.sitemap .closed span:last-child {transform:translate(-50%,-50%) rotate(-45deg);}

.recruit .att {width:63%; margin: 0 auto;}
.recruit .att li {display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 27px;}
.recruit .att li:last-child {margin-bottom: 0;}
.recruit .att li div {display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; height:100px; justify-content: center;}
.recruit .att li span {font-size: 50px; color:#c9c9c9; font-weight: 900;}
.recruit .att li span.blue {font-size: 100px; color:#3B57A2; display: inline-block; width:130px; text-align: center;}
.recruit .att li p {margin-top: 10px;}

.recruit .insa {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-around; margin-top: 54px;}
.recruit .insa li {width:20%;}
.recruit .insa div {width:120px; height:120px; line-height: 120px; border-radius: 50%; display: inline-block; margin-bottom: 27px;}
.recruit .insa div img {vertical-align: middle;}
.recruit .insa h5 { font-size: 22px; margin-bottom: 27px;}
.recruit .insa p {line-height: 27px; }

.recruit .chart-bg {background:url("../img/icon/icon6-1.png") no-repeat center; }
.recruit .chart {display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-around;width:1000px; margin:0 auto;}
.recruit .chart li {width:120px; height:120px; border-radius: 50%; line-height: 120px; font-size: 19px; color:#fff;}
.recruit .chart li:nth-child(1){background:linear-gradient(192.77deg, #EDEDF4 37.16%, #EEF1F8 79.36%); color:#444;}
.recruit .chart li:nth-child(2){background:linear-gradient(192.77deg, #CCCEE0 37.16%, #CFD9EC 79.36%);color:#444;}
.recruit .chart li:nth-child(3){background:linear-gradient(192.77deg, #9B9EC3 37.16%, #A1B4D9 79.36%);}
.recruit .chart li:nth-child(4){background:linear-gradient(192.77deg, #595F9B 37.16%, #6383BF 79.36%);}

.recruit-desc {display: -webkit-flex; display: -ms-flex; display: flex; padding:50px; text-align:left;}
.recruit-desc .left {border-right:1px solid #ccc; width:300px; margin-right:54px;}
.recruit-desc h5 {font-size: 22px; margin-bottom: 27px;}
.recruit-desc li {line-height: 27px;}

.policy li {font-size: 15px;}
.policy li.list-dep1 {margin-left: 20px; margin-top: 27px;}
.policy li.list-dep2, .policy p {margin-left: 40px;}
.policy li.list-dep3 {margin-left: 60px;}
.policy .tt {border-left:5px solid #3f51b5; padding-left: 10px; line-height: 16px; margin-bottom: 7px; font-weight: bold; font-size: 17px;}

@media screen and (max-width:1400px) {
    .sec-reserve > .right {padding-right: 0;}
    .sec-reserve > .left { padding-left: 0}
    .sec-contact ul li:not(.hover) {display: none;}
}