@charset "utf-8";

/* common */
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}
.innerwrap{position:relative;z-index:10;max-width:1400px;width:94%;margin:0 auto;}



/* header */
#header{position: fixed;left:0;top:0;z-index:1000;width:100%;height:70px;border-bottom:1px solid rgba(255,255,255,0.2);}
.head{position:relative;}
#header h1.logo{position:absolute;left:3%;z-index:20;top:20px}
#header h1.logo a{display:block;width:115px;height:39px;text-indent:-9999px;background:url(/images/common/sspwhite_.png) no-repeat}
#header.open h1.logo a{background-image:url(/images/common/ssp_.png)}
.head .pc_nav{
	box-sizing:border-box;
	width:calc(100% - 93px);height:70px;
	padding:0 0 0 3%;
}
.head .pc_nav>li{position:relative;float:left;padding:0 30px;}
.head .pc_nav>li:first-child{margin:0 0 0 180px;}
.head .pc_nav>li:before{
	display:block;content:"";
	width:1px;height:11px;
	background:rgba(255,255,255,0.3);
	position:absolute;right:0;top:50%;margin-top:-6px;
}

#header.fixed .head .pc_nav>li:before {
    background: rgba(0,0,0,0.3);
}
.head .pc_nav>li:last-child:before{display:none}

.head .pc_nav>li>a{
	display:inline-block;
	font-family:"Montserrat";font-size:16px;color:#fff;font-weight:500;line-height:70px;position:relative
}
.head .pc_nav>li>a:after{
	display:block;content:"";
	width:0;height:3px;
	position:absolute;left:50%;bottom:0;
	background:#fff;
	transform:translateX(-50%);
}

#header.fixed .head .pc_nav>li>a:after {
    background: #32407d;
}
.head .pc_nav>li:hover>a:after{
	width:100%;transition:all 0.6s;
}

.head .pc_gnb{position:absolute;right:93px;top:0;padding:25px 30px 25px;border-left:1px solid rgba(255,255,255,0.2)}

#header.fixed .head .pc_gnb {
    border-left: 1px solid rgba(0,0,0,0.2);
}
.head .pc_gnb ul{font-size:0;text-align:center}
.head .pc_gnb ul li{display:inline-block;position:relative;padding:0 9px}
.head .pc_gnb ul li:after{display:block;content:"";width:1px;height:9px;background:rgba(255,255,255,0.3);position:absolute;right:0;top:7px}

#header.fixed .head .pc_gnb ul li:after {
    background: rgba(0,0,0,0.3);
}
.head .pc_gnb ul li:last-child:after{display:none}
.head .pc_gnb ul li a{font-family:"Montserrat";font-size:12px;color:#fff;font-weight:500}

#header.fixed .head .pc_gnb > ul > li > a {
    color: #555;
}
.head .pc_gnb ul li.lang>a{padding-right:15px}
.head .pc_gnb ul li.lang>a:after{display:block;content:"";width:4px;height:4px;border-right:2px solid #555;border-bottom:2px solid #555;transform:rotate(45deg);position:absolute;right:7px;top:7px}
.head .pc_gnb ul li.lang>ul{display:none;position:absolute;left:0;top:100%;background:#32407d;padding:5px 0;margin-top:10px;text-align:left;}
.head .pc_gnb ul li.lang>ul>li{text-align:left;}
.head .pc_gnb ul li.lang>ul>li:after{display:none;}
.head .pc_gnb ul li.lang>ul>li>a{color:#fff;}

.all_nav_btn{
	display:block;
	position:absolute;right:0;top:0;z-index:20;
	width:93px;height:70px;box-sizing:border-box;
	padding-top:20px;
	border-left:1px solid rgba(255,255,255,0.2);
	cursor:pointer;
}
#header.open .all_nav_btn{background:#32407d;border-left-color:transparent}
.all_nav_btn span{width:29px;height:3px;background:#fff;position:absolute;top:25px;left:32px;transition:.3s}
.all_nav_btn span.n2{top:35px}
.all_nav_btn span.n3{top:45px}
.open .all_nav_btn span.n1{transform:rotate(45deg);top:45px}
.open .all_nav_btn span.n2{opacity:0}
.open .all_nav_btn span.n3{transform:rotate(-45deg);top:45px}

.all_nav_btn1{
	display:block;
	position:absolute;right:0;top:0;z-index:20;
	width:93px;height:93px;box-sizing:border-box;
	cursor:pointer;
}
#header.open .all_nav_btn1{background:#white;border-left-color:transparent}
.all_nav_btn1 span{width:29px;height:3px;background:#fff;position:absolute;top:35px;left:32px;transition:.3s}
.all_nav_btn1 span.n2{top:45px}
.all_nav_btn1 span.n3{top:55px}
.open .all_nav_btn1 span.n1{transform:rotate(45deg);top:45px}
.open .all_nav_btn1 span.n2{opacity:0}
.open .all_nav_btn1 span.n3{transform:rotate(-45deg);top:45px}

/*
.pc_nav li:nth-child(2) .sub_list1 {
	width:400px;
}*/


.pc_nav li:nth-child(2) .sub_list1 {
	width:1300px;
	margin-left:300px;
}

.head .pc_nav .sub_list1{position:absolute;top:100%;left:50%;background:#fff;transform:translateX(-50%);border:1px solid #ccc;display:none}
.head .pc_nav .sub_list1 li a{
	padding:0 50px;
	display:block;
	color:#808080;
	font-size:15px;
	font-weight:300;
	line-height:40px;
	white-space: nowrap;
	text-align: left;
}
/*
.head .pc_nav .sub_list1 li a:before {
  content: "";
    display: inline-block;
    margin: 0px 5px 3px  0;
    width:5px;
    height:5px;
    background: #dddddd;
    border-radius: 100px;
}
*/
.head .pc_nav .sub_list1 li:hover a{color:#32407d}
.head .pc_nav .sub_list1 li{padding:0 20px;}

.head .pc_nav .sub_list1 li + li a{border-top:1px solid #e1e1e1}

/*product ³×ºñ¼öÁ¤*/
.navProduct {
	overflow:hidden;
}
.navProduct ul {
	float:left;
	width:400px;
}
.subTitle {
	
}
.subTitle a{
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 60px !important;
}
/*
.subTitle a:before {
    background: #ffffff !important;
}
*/
.head .pc_nav .sub_list{position:absolute;top:100%;left:50%;background:#fff;transform:translateX(-50%);border:1px solid #ccc;display:none}
.head .pc_nav .sub_list li a{padding:0 50px;display:block;color:#666;font-size:16px;font-weight:300;line-height:50px;white-space: nowrap;text-align: left;}
.head .pc_nav .sub_list li:hover a{color:#32407d}
.head .pc_nav .sub_list li{padding:0 20px}
.head .pc_nav .sub_list li + li a{border-top:1px solid #e1e1e1}
/*
url(/images/common/open_menu_bg.jpg)
*/
#header .open_nav_g{background:#f5f5f5  no-repeat left bottom;display:none;position:absolute;top:0;left:0;width:100%;z-index:10}
#header .open_nav_g .m_gnb{display:none;}
#header .open_nav{padding:165px 0 140px;margin:0 auto;box-sizing:border-box;text-align:center;display:flex;justify-content:center}
#header .open_nav_g ul.open_nav > li{flex:0 0 auto;border-left:1px solid #c4c4c4}
#header .open_nav_g ul.open_nav > li:last-child{border-right:1px solid #c4c4c4}
#header .open_nav_g ul.open_nav > li > a{font-size:21px;font-weight:400;color:#32407d;display:inline-block;margin-bottom:45px;position:relative;line-height:21px;font-family:'Montserrat';letter-spacing:-.6px}
#header .open_nav_g ul.open_nav > li > a:after{content:'';width:24px;height:2px;position:absolute;bottom:-18px;left:50%;background:#32407d;transition:.15s ease-in;transform:translateX(-50%)}
#header .open_nav_g ul.open_nav > li:hover a:after{width:45px}
#header .open_nav_g ul.open_nav ul.sub_menu li a:hover{color:#32407d}
#header .open_nav_g ul.open_nav ul.sub_menu{margin-top:-16px}
#header .open_nav_g ul.open_nav ul.sub_menu li a{font-size:16px;color:#555;line-height:16px;letter-spacing:-.8px;font-weight:400;padding:0 30px;}
#header .open_nav_g ul.open_nav ul.sub_menu li{margin-top:14px;text-align: left;}
#header .open_nav_g .list{border-top:1px solid #e5e5e5;padding:30px 0 50px;color:#999;font-weight:500;font-size:16px;letter-spacing:-.2px;position:relative;width:850px;margin:50px auto 0;box-sizing:border-box;display:none}
#header .open_nav_g .list ul.sns{position:absolute;top:30px;right:0;font-size:0}
#header .open_nav_g .list ul.sns li{display:inline-block;margin-left:30px}
.open_nav_m{display:none;}

#header .open_nav_g1{background:#f5f5f5 url(/images/common/open_menu_bg.jpg) no-repeat left bottom;display:none;position:absolute;top:0;left:0;width:100%;z-index:10}
#header .open_nav_g1 .m_gnb{display:none;}
#header .open_nav1{padding:165px 0 140px;margin:0 auto;box-sizing:border-box;text-align:center;display:flex;justify-content:center}
#header .open_nav_g1 ul.open_nav1 > li{flex:0 0 auto;border-left:1px solid #c4c4c4}
#header .open_nav_g1 ul.open_nav1 > li:last-child{border-right:1px solid #c4c4c4}
#header .open_nav_g1 ul.open_nav1 > li > a{font-size:21px;font-weight:400;color:#32407d;display:inline-block;margin-bottom:45px;position:relative;line-height:21px;font-family:'Montserrat';letter-spacing:-.6px}
#header .open_nav_g1 ul.open_nav1 > li > a:after{content:'';width:24px;height:2px;position:absolute;bottom:-18px;left:50%;background:#32407d;transition:.15s ease-in;transform:translateX(-50%)}
#header .open_nav_g1 ul.open_nav1 > li:hover a:after{width:45px}
#header .open_nav_g1 ul.open_nav1 ul.sub_menu li a:hover{color:#32407d}
#header .open_nav_g1 ul.open_nav1 ul.sub_menu{margin-top:-16px}
#header .open_nav_g1 ul.open_nav1 ul.sub_menu li a{font-size:16px;color:#555;line-height:16px;letter-spacing:-.8px;font-weight:400;padding:0 48px;}
#header .open_nav_g1 ul.open_nav1 ul.sub_menu li{margin-top:14px;text-align: left;}
#header .open_nav_g1 .list{border-top:1px solid #e5e5e5;padding:30px 0 50px;color:#999;font-weight:500;font-size:16px;letter-spacing:-.2px;position:relative;width:850px;margin:50px auto 0;box-sizing:border-box;display:none}
#header .open_nav_g1 .list ul.sns{position:absolute;top:30px;right:0;font-size:0}
#header .open_nav_g1 .list ul.sns li{display:inline-block;margin-left:30px}



#header.fixed {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

#header.fixed h1.logo a {
    background-image: url(/images/common/ssp_.png);
}

#header.fixed .head .pc_nav>li>a {
    color: #444;
}

#header.fixed .all_nav_btn {
    background: #32407d;
    height: 71px;
}
#header.fixed .all_nav_btn1 {
    background: #white;
    height: 94px;
}
@media(max-width:1400px){
	.head .pc_nav{display:none;}
}







/* visual */
#visual{overflow:hidden;position:relative;width:100%;height:100%;}
#visual .swiper-container{
	width:100%;
	height:550px; /*±âÁ¸ 700px*/
}
#visual .swiper-slide{position:relative;width:100%;height:100%;}
#visual .swiper-slide .bgarea{width:100%;height:100%;transform:scale(1.05);transition:all 2s ease-out;}
#visual .swiper-slide-active .bgarea{transform:scale(1);transition:all 2s ease-out;}
#visual .swiper-slide.v1 .bgarea{background:url(/images/main/visual1.jpg) no-repeat center;background-size:cover;}
#visual .swiper-slide.v2 .bgarea{background:url(/images/main/visual2.jpg) no-repeat center;background-size:cover;}
#visual .swiper-slide.v3 .bgarea{background:url(/images/main/visual3.jpg) no-repeat center;background-size:cover;}
#visual .swiper-slide.v4 .bgarea{background:url(/images/main/visual4.jpg) no-repeat center;background-size:cover;}
#visual .swiper-slide.v5 .bgarea{background:url(/images/main/visual5.jpg) no-repeat center;background-size:cover;}
#visual .bgarea .txtarea{
	position:absolute;left:50%;top:50%;z-index:10;
	max-width:1400px;width:100%;
	transform:translateY(-50%);margin-left:-37%;
	text-align:left;		
}
#visual .bgarea .txtarea h2{font-family:"Montserrat";font-size:16px;color:#fff;font-weight:500;}
#visual .bgarea .txtarea h2:after{
	display:block;content:"";width:1px;height:30px;
	background:rgba(255,255,255,0.3);
	margin:10px 0 0 0;
}
#visual .bgarea .txtarea h3{font-family:"Montserrat";font-size:65px;color:#fff;font-weight:600;}
#visual .bgarea .txtarea p{margin-top:20px;font-size:17px;color:rgba(255,255,255,0.7);font-weight:300;line-height:180%;}

#visual .vnext{position:absolute;right:3%;top:50%;z-index:10;margin-top:-30px;}
#visual .vprev{position:absolute;left:3%;top:50%;z-index:10;margin-top:-30px;}
#visual .ctr{
	display:flex;align-items:center;
	position:absolute;left:50%;bottom:50px;z-index:10;
	max-width:1400px;width:100%;margin-left:-37%;
	text-align:left;
}
#visual .ctr>div{}
#visual .ctr>div.btn_play{display:none;margin-right:30px;}
#visual .ctr>div.btn_pause{margin-right:30px;}
#visual .ctr>div.dots{display:flex;align-items:center;justify-content:center;position:relative;}
#visual .ctr>div.dots:after{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.3);
	position:absolute;left:0;top:50%;
}
#visual .ctr>div.dots span{
	display:inline-block;box-sizing:border-box;vertical-align:top;	
	width:7px;height:7px;
	margin:0 33px 0 0;
	background:#fff;opacity:1;
	border-radius:50%;
}
#visual .ctr>div.dots span:last-child{margin-right:0;}
#visual .ctr>div.dots span.swiper-pagination-bullet-active{position:relative;}
#visual .ctr>div.dots span.swiper-pagination-bullet-active:after{
	display:block;content:"";
	border:1px solid #fff;border-radius:50%;
	width:23px;height:23px;
	position:absolute;left:-9px;top:-9px;
}


#visual .scroll{
	display:flex;justify-content:flex-end;height:1px;
	position:absolute;right:50%;bottom:95px;z-index:10;
	max-width:1400px;width:100%;margin-right:-37%;
}
#visual .scroll:before{
	display:block;content:"";
	width:2px;height:50px;
	background:#fff;
	position:absolute;right:0;top:46px;
}
#visual .scroll:after{
	display:block;content:"";
	width:2px;height:50px;
	background:#32407d;
	position:absolute;right:0;top:96px;
}
#visual .scroll span{
	font-family:"Montserrat";font-size:12px;color:#fff;font-weight:400;
	transform:rotate(90deg);
	position:absolute;right:-18px;top:0;
}


/* section1 */
.section1{overflow:hidden;position:relative;padding:50px 0;
background: #ffffff url(/images/main/bg_ssp_.png) no-repeat right 30px;
}

/* SSP Áß°£¿¡ µé¾î°¡´Â BG¿µ¿ª
.section1:before{
	display:block;content:"";
	width:100%;height:35%;
	background:#f0f0f0 url(/images/main/bg_ssp.png) no-repeat right 30px;
	position:absolute;right:0;bottom:0;
}
*/
.section1 .innerwrap{z-index:10;}

.titlearea{position:relative;}
.titlearea h2{
	display:inline-block;position:relative;padding-right:30px;
	font-family:"Montserrat";font-size:30px;color:#000802;font-weight:600;
	margin-bottom:5px;
}
.titlearea h2:after{
	display:block;content:"";width:20px;height:3px;
	background:#000802;
	position:absolute;right:0;bottom:8px;
}
.titlearea p{font-size:16.5px;color:#777;font-weight:300;}
.titlearea .more{
	position:absolute;right:0;bottom:0;
	font-family:"Montserrat";font-size:11px;color:#666;font-weight:500;
}

.section1 .conwrap{
	display:flex;justify-content:space-between;
	margin-top:25px;
}
.section1 .conwrap>div{text-align:center;}
.section1 .conwrap>div:nth-child(1){width:23.928%}
.section1 .conwrap>div:nth-child(2){width:49.288%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.section1 .conwrap>div:nth-child(3){width:23.928%}
.section1 .conwrap>div img{max-width:100%;}
.section1 .conwrap>div .s1:nth-child(1){margin-bottom:5.8%}
.section1 .conwrap>div .s2:nth-child(1){margin-bottom:2.8%}
.section1 .conwrap>div .s11{margin-bottom:2.8% !important;}
.section1 .conwrap>div:nth-child(2) .s1{width:48.548%}

.section1 .conwrap>div>div{position:relative;}
.section1 .conwrap>div .onbox{
	position:absolute;left:0;top:0;width:100%;height:100%;
	background-image: linear-gradient(to bottom right, #1f7dad, #2c3d88);opacity:0;
	transition:all 1s;
}
.section1 .conwrap>div>div:hover .onbox{
	opacity:0.8;transition:all 1s;
}
.section1 .conwrap>div .onbox:after{
	display:block;content:"";box-sizing:border-box;
	width:calc(100% - 12px);height:calc(100% - 12px);
	border:1px solid rgba(255,255,255,0.4);
	position:absolute;left:6px;top:6px;
}
.section1 .conwrap>div .titlearea{
	position:absolute;left:0;bottom:0;z-index:10;
	text-align:left;
	padding:35px 30px;
}
.section1 .conwrap>div .titlearea .more{position:relative;width:35px;height:35px;margin-bottom:15px;}
.section1 .conwrap>div .titlearea .more:before{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.5);
	position:absolute;left:0;top:50%;
}
.section1 .conwrap>div .titlearea .more:after{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.5);
	position:absolute;left:50%;top:0;
	transform:rotate(90deg);transition:all 1s;
}
.section1 .conwrap>div>div:hover .titlearea .more:after{
	transform:rotate(0deg);transition:all 1s;
}
.section1 .conwrap>div .titlearea .title{font-family:"Montserrat";font-size:22px;color:#fff;font-weight:500;}




/* section2 */
.section2{overflow:hidden;position:relative;padding:0 0 130px;/*background:#f0f0f0;*/}
.section2:after{
	display:block;content:"";
	width:100%;height:77%;
	background-image: linear-gradient(to right, #1f7dad, #2c3d88);
	position:absolute;left:0;bottom:0;
}
.section2 .innerwrap{}
.section2 .titlearea{position:relative;z-index:10;padding:30px 0;}
.section2 .conarea{position:relative;z-index:10;}
.section2 .conarea .links{align-self: flex-end;}
.section2 .conarea .links h3{
	position:relative;margin-top:50px;padding-bottom:40px;
	font-size:37px;color:#fff;font-weight:300;
}
.section2 .conarea .links h3:after{
	display:block;content:"";
	width:45%;height:1px;
	background:rgba(255,255,255,0.4);
	position:absolute;left:0;bottom:0;
}
.section2 .conarea .links ul{padding:45px 0;}
.section2 .conarea .links ul li{margin:10px 0;padding:5px 0 5px 50px;}
.section2 .conarea .links ul li:nth-child(1){background:url(/images/main/sec2_ico1.png) no-repeat left center;}
.section2 .conarea .links ul li:nth-child(2){background:url(/images/main/sec2_ico2.png) no-repeat left center;}
.section2 .conarea .links ul li:nth-child(3){background:url(/images/main/sec2_ico3.png) no-repeat left center;}
.section2 .conarea .links ul li a{
	display:block;position:relative;box-sizing:border-box;
	width:195px;
	font-size:18px;color:#fff;
	transition:all 1s;
}
.section2 .conarea .links ul li:hover a{padding-left:15px;transition:all 1s;}
.section2 .conarea .links ul li a:after{
	display:block;content:"";
	width:27px;height:7px;
	background:url(/images/main/btn_more2.png) no-repeat;
	position:absolute;right:0;bottom:7px;
	transform:translateX(-40px);opacity:0;
	transition:all 1s;
}
.section2 .conarea .links ul li:hover a:after{
	opacity:1;transform:translateX(0px);transition:all 1s;
}
.section2 .imgarea{position:absolute;right:0;top:0;}
.section2 .imgarea:after{
	display:block;content:"";
	width:100%;height:11px;
	background:url(/images/main/bg_dot1.png) repeat;
}




/* section3 */
.section3{overflow:hidden;padding:50px 0 0;background:url(/images/main/sec3_bg.jpg) no-repeat center;background-size:cover;}
.section3 .titlearea{margin-bottom:70px;}
.section3 .titlearea h2{color:#fff;}
.section3 .titlearea h2:after{background:#fff;}
.section3 .titlearea p{color:#fff;}
.section3 .conarea{display:flex; margin-bottom:50px;}
.section3 .conarea>div{
	padding:50px 0;
	box-sizing:border-box;
	width:calc(25% + 1px);
	border:1px solid #ddd;margin-left:-1px;
	text-align:center;
	transition:all 0.6s;
}
.section3 .conarea>div:nth-child(2){transform:translateY(-50%);}
.section3 .conarea>div:nth-child(3){transform:translateY(-100%);}
.section3 .conarea>div .ico{}
.section3 .conarea>div .number{}
.section3 .conarea>div .number .num{
	font-family:"Montserrat";font-size:70px;font-weight:600;color:#fff;
}
.section3 .conarea>div .number .etc1{font-family:"Montserrat";font-size:30px;font-weight:600;color:#fff;}
.section3 .conarea>div .number .etc2{font-family:"Montserrat";font-size:70px;font-weight:600;color:#fff;}
.section3 .conarea>div dl{}
.section3 .conarea>div dl:before{
	display:block;content:"";
	width:26px;height:1px;
	background:#fff;
	margin:10px auto 10px;
}
.section3 .conarea>div dl dt{margin-bottom:10px;font-size:29px;color:#fff}
.section3 .conarea>div dl dd{font-size:15px;color:#fff;}




/* section4 */
.section4{padding:50px 0;
background: #f3f3f3;

}
.section4 ul{margin:30px 0 0;}
.section4 ul li{margin-bottom:8px;background:#fff;}
.section4 ul li a{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;
	padding:25px 25px 25px 0;	
	border:1px solid #ddd;
}
.section4 ul li:hover a{border:1px solid #32407d;}
.section4 ul li a .date{width:150px;text-align:center;}
.section4 ul li a .date .day{
	font-family:"Montserrat";font-size:42px;font-weight:600;color:#32407d;line-height:100%;
}
.section4 ul li a .date .ym{
	font-family:"Montserrat";font-size:14px;font-weight:600;color:#32407d;line-height:100%;
}
.section4 ul li a .sbj{width:calc(100% - 195px);font-size:17px;color:#666;}
.section4 ul li a .more{
	position:relative;
	width:45px;height:45px;
	background:#32407d;
}
.section4 ul li:hover a .more{background-image: linear-gradient(to bottom right, #1f7dad, #2c3d88);}
.section4 ul li a .more:before{
	display:block;content:"";
	width:13px;height:1px;
	background:#fff;
	position:absolute;left:16px;top:22px;
}
.section4 ul li a .more:after{
	display:block;content:"";
	width:1px;height:13px;
	background:#fff;
	position:absolute;left:22px;top:16px;
}






/* section5 */
.section5{padding:50px 0;

}
.section5 ul{display:flex;justify-content:space-between;margin:30px 0 0;


}
.section5 ul li{
background: #ffffff url(/images/main/bg_ssp_.png) no-repeat right 30px;
background-size : cover;

	position:relative;
	box-sizing:border-box;
	padding:19px;
	border:1px solid #ddd;
	word-break:keep-all;
}
.section5 ul li:hover{border:1px solid #2c3d88;}
.section5 ul li a{}
.section5 ul li a .thumb{margin-bottom:19px;}
.section5 ul li a .sbj{margin-bottom:10px;height:50px;font-size:19px;color:#333;font-weight:500;}
.section5 ul li a .txts{margin-bottom:20px;height:50px;font-size:15px;font-weight:400;color:#777;}
.section5 ul li a .date{margin-bottom:10px;font-family:"Montserrat";font-size:15px;font-weight:500;color:#777;}
.section5 ul li a .more{}
.section5 ul li a .more{
	position:absolute;right:0;bottom:0;
	width:45px;height:45px;
	background:#32407d;
}
.section5 ul li:hover a .more{background-image: linear-gradient(to bottom right, #1f7dad, #2c3d88);}
.section5 ul li a .more:before{
	display:block;content:"";
	width:13px;height:1px;
	background:#fff;
	position:absolute;left:16px;top:22px;
}
.section5 ul li a .more:after{
	display:block;content:"";
	width:1px;height:13px;
	background:#fff;
	position:absolute;left:22px;top:16px;
}




/* footer */
#footer{background:#4b4b4b;}
.foot{}
.foot .toparea{
	padding:35px 0 25px;
	border-bottom:1px solid rgba(255,255,255,0.4);
}
.foot .toparea>div{
	display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;
}
.foot .toparea>div ul{margin:5px 0;}
.foot .toparea>div ul li{
	display:inline-block;
	position:relative;
	padding-right:10px;margin-right:7px;
	font-size:15px;color:rgba(255,255,255,0.7);
}
.foot .toparea>div ul li:after{
	display:block;content:"";
	width:1px;height:9px;
	background:#ddd;
	position:absolute;right:0;top:7px;
}
.foot .toparea>div ul li:last-child:after{display:none;}
.foot .btmarea{padding:25px 0 50px;}
.foot .btmarea>div{display:flex;justify-content:space-between;align-items:center;}
.foot .btmarea .copy{font-size:15px;color:rgba(255,255,255,0.7);}
.foot .btmarea ul{}
.foot .btmarea ul li{
	display:inline-block;
	position:relative;
	padding-right:10px;margin-right:7px;	
}
.foot .btmarea ul li:last-child{margin:0;padding:0;}
.foot .btmarea ul li:after{
	display:block;content:"";
	width:1px;height:9px;
	background:#ddd;
	position:absolute;right:0;top:7px;
}
.foot .btmarea ul li:last-child:after{display:none;}
.foot .btmarea ul li a{font-size:15px;color:rgba(255,255,255,0.7);}




/**/
.section1 .conwrap{perspective:800px;}
.section1 .conwrap .anibox{
	opacity:0;
	transform-origin:0 100%;
	transform:rotate3d(-1,0,0,-25deg) translateY(360px);
}
.section1 .conwrap.in-view .anibox{
	opacity:1;
	transform-origin:0 100%;
	transform:rotate3d(0,0,0,0) translateY(0px);
	transition:all 1.4s;
}



.section2 .imgarea{opacity:0;transform:translateX(180px)}
.section2 .imgarea.in-view{opacity:1;transform:translateX(0);transition:all 1s 0.2s;}

.section2 .titlearea h2{opacity:0;transform:translateX(60px)}
.section2 .titlearea p{opacity:0;transform:translateX(60px)}
.section2 .titlearea.in-view h2{opacity:1;transform:translateX(0);transition:all 1s 0.2s;}
.section2 .titlearea.in-view p{opacity:1;transform:translateX(0);transition:all 1s 0.4s;color:#222222;}
.section2 .conarea .links h3{opacity:0;transform:translateX(60px)}
.section2 .conarea .links ul li{opacity:0;transform:translateX(60px)}
.section2 .conarea.in-view .links h3{opacity:1;transform:translateX(0);transition:all 1s 0.6s;}
.section2 .conarea.in-view .links ul li:nth-child(1){opacity:1;transform:translateX(0);transition:all 1s 0.6s;}
.section2 .conarea.in-view .links ul li:nth-child(2){opacity:1;transform:translateX(0);transition:all 1s 0.7s;}
.section2 .conarea.in-view .links ul li:nth-child(3){opacity:1;transform:translateX(0);transition:all 1s 0.8s;}


.section3 .titlearea h2{opacity:0;transform:translateX(60px)}
.section3 .titlearea p{opacity:0;transform:translateX(60px)}
.section3 .titlearea.in-view h2{opacity:1;transform:translateX(0);transition:all 1s 0.2s;}
.section3 .titlearea.in-view p{opacity:1;transform:translateX(0);transition:all 1s 0.4s;}
.section3 .conarea>div{opacity:0;}
.section3 .conarea>div:nth-child(2){transform:translateY(0%);}
.section3 .conarea>div:nth-child(3){transform:translateY(0%);}

.section3 .conarea.in-view>div{opacity:1;transition:all 1.4s;}
.section3 .conarea.in-view>div:nth-child(2){opacity:1;transform:translateY(-20%);}
.section3 .conarea.in-view>div:nth-child(3){opacity:1;transform:translateY(-40%);}