@charset "utf-8";


/* ****************** default css ****************** */

/* common css */
@import url("../common/common.css");




/* ****************** css ****************** */

.body-container { position: relative; }
.banner-wrap .banner-text .text-area { padding-top: 80px; }

/* login */
/*.login-area { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); background: #fff; box-shadow: 10px 10px 20px rgba(0,0,0,0.2); width: 1200px; height: 80px; border-radius: 10px; }*/


/* section 01  */
.section01 { position: relative; width: 1200px; margin: 0 auto; /*background: url(../../img/main/line.png) no-repeat center; background-size: cover;*/ }
.section01 ul { padding-bottom: 400px;}
.section01 ul li { position: relative; float: left; width: 240px; height: 280px; padding: 20px; cursor: pointer; }
.section01 ul li:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: .65; transition: opacity .25s ease; }
.section01 ul li:hover:after { opacity: .3; }
.section01 ul li h3 { position: relative; color: #fff; font-size: 20px; z-index: 10; }
.section01 ul li img { margin-top: 20px; }
.section01 ul li:nth-child(1),
.section01 ul li:nth-child(3),
.section01 ul li:nth-child(5),
.section01 ul li:nth-child(6),
.section01 ul li:nth-child(8),
.section01 ul li:nth-child(10) { top: 100px; }
.section01 ul li:nth-child(2),
.section01 ul li:nth-child(4),
.section01 ul li:nth-child(7),
.section01 ul li:nth-child(9) { top: 150px; }
.section01 ul li.box1 { background: #00389e; }
.section01 ul li.box2 { background: #f22e4c; }
.section01 ul li.box3 { background: #1acf17; }
.section01 ul li.box4 { background: #cb6e00; }
.section01 ul li.box5 { background: #005ab7; }
.section01 ul li.box6 { background: #530b9d; }
.section01 ul li.box7 { background: #25afbf; }
.section01 ul li.box8 { background: #721bd1; }
.section01 ul li.box9 { background: #29edf7; }
.section01 ul li.box10 { background: #530b9d; }
.section01 ul li.box1:after { background: url(../../img/main/btn_img1.png); background-size: 100%; }
.section01 ul li.box2:after { background: url(../../img/main/btn_img2.png); background-size: 100%; }
.section01 ul li.box3:after { background: url(../../img/main/btn_img3.png); background-size: 100%; }
.section01 ul li.box4:after { background: url(../../img/main/btn_img4.png); background-size: 100%; }
.section01 ul li.box5:after { background: url(../../img/main/btn_img5.png); background-size: 100%; }
.section01 ul li.box6:after { background: url(../../img/main/btn_img6.png); background-size: 100%; }
.section01 ul li.box7:after { background: url(../../img/main/btn_img7.png); background-size: 100%; }
.section01 ul li.box8:after { background: url(../../img/main/btn_img8.png); background-size: 100%; }
.section01 ul li.box9:after { background: url(../../img/main/btn_img9.png); background-size: 100%; }
.section01 ul li.box10:after { background: url(../../img/main/btn_img10.png); background-size: 100%; }

/* quick-banner */
.quick-banner-wrap {position: absolute; top: 40px; right: -210px; z-index: 1;}

/* section 02 */
.section02 .group .left { float: left; width: 50%; height: 395px; }
.section02 .group .right { float: right; width: 50%; height: 395px; }
.section02 .group .img img { width: 100%; height: 100%; }
.section02 .group .text { position: relative; background: #f5f7f8; }
.section02 .group .text ul { position: absolute; top: 50%; transform: translateY(-50%); }
.section02 .group .text ul li { color: #5a5a5a; font-size: 17px; line-height: 35px; font-weight: 500; }
.section02 .group .text ul li.title { font-size: 35px; line-height: 50px; color: #000; margin-bottom: 25px; }
.section02 .group .text ul li span.bold { font-weight: 600; }
.section02 .group .text ul li img { width: 15px; height: 12px; vertical-align: middle; margin-right: 5px;}
.section02 .group .text.right ul { left: 85px; }
.section02 .group .text.left ul { right: 165px; }

/* section 03 */
.section03 { position: relative; width: 1200px; margin: 0 auto; padding-top: 100px;}
.section03 .content-wrap { padding-bottom: 40px;}
.section03 .title { font-size: 18px; font-weight: 600; padding-bottom: 12px;}
.section03 .box-area { border: 1px solid #C9CBCE;}
.section03 .box-area .content-list { display: flex; flex-wrap: wrap;}
.section03 .box-area .content-list .content { width: 20%; padding: 40px 0; border-left: 1px solid #C9CBCE;     text-align: center;}
.section03 .box-area .content-list .content:hover img { transform:scale(1.3);
  transition: transform .5s;}
.section03 .box-area .content-list .content:first-child { border-left: none;}
.section03 .box-area .content-list .content .text { font-size: 15px; font-weight: 500; padding-top: 10px;}
.section03 .box-area .content-list .content img { width: 68px; height: 68px;}
.section03 .box-area .content-list .content img.width { width: 160px; height: 25px;}
.section03 .box-area .content-list .content:nth-child(6) { border-left: none;}
.section03 .box-area .content-list .content:nth-child(n + 6) { border-top: 1px solid #C9CBCE;}