@charset "utf-8";

#contents	{min-width:1275px;}
#contents.main	{padding-top:52px}
#contents.main .cont_center	{width:1160px; margin:0 auto; overflow:hidden;}


/*메인슬라이드*/
.main #vis {height: 750px}
.main #vis .swiper-slide {overflow: hidden}
.main .main_wrap {width: 1275px;margin: 0 auto}

.main #vis .wrap {position: relative;width: 1210px;margin: 0 auto}
.main #vis .sw_a {position: absolute}
.main #vis .sw1 {background: url('../../images/main/visual/vis01_bg.jpg') no-repeat center;height: 750px}
.main #vis .sw1 .sw_a1 {top: 0;left: 286px;opacity: 0;animation:none}

.main #vis .sw1 .sw_a2 {top: 522px;left: 381px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_2 {top: 522px;left: 448px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_3 {top: 522px;left: 503px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_4 {top: 522px;left: 536px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_5 {top: 522px;left: 571px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_6 {top: 522px;left: 607px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_7 {top: 522px;left: 663px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_8 {top: 522px;left: 697px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_9 {top: 522px;left: 728px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_10 {top: 522px;left: 761px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_11 {top: 522px;left: 793px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a2_12 {top: 522px;left: 827px;color:#767672;animation:none;font-size:20px;opacity:0}
.main #vis .sw1 .sw_a3 {top: 209px;left: 482px;animation:none;opacity:0;width:237px;height:69px}
.main #vis .sw1 .sw_a4 {top: 263px;left:331px;animation:none;opacity:0;width:560px;height:104px}
.main #vis .sw1 .sw_a5 {top: 450px;left:343px;animation:none;opacity:0;width:524px;height:47px;background-color:#5f5fa7}
.main #vis .sw1 .sw_a6 {top: 460px;left:375px;animation:none;opacity:0;font-size:18px;color:#fff;font-weight:300;letter-spacing:-1px}
.main #vis .sw1 .sw_a6_1 {top: 460px;left:511px;animation:none;opacity:0;font-size:18px;color:#fff;font-weight:300;letter-spacing:-1px}
.main #vis .sw1 .sw_a6_2 {top: 460px;left:673px;animation:none;opacity:0;font-size:18px;color:#fff;font-weight:300;letter-spacing:-1px}
.main #vis .sw1 .sw_a7 {top: 72px;left:20px;animation:none;opacity:0;width:110px;height:316px}
.main #vis .sw1 .sw_a8 {top: 320px;right:180px;animation:none;opacity:0;width:38px;height:175px}
.main #vis .sw1 .sw_a9 {top:647px;left:-113px;animation:none;opacity:0;width:225px;height:55px}
.main #vis .sw1 .sw_a10 {top:647px;right:-160px;animation:none;opacity:0;width:235px;height:55px}

.main #vis .sw1.on .sw_a1 {animation: vis_ani1_1 .7s .5s 1 ease forwards;}
.main #vis .sw1.on .sw_a2 {animation: vis_ani2 .7s .8s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_1 {animation: vis_ani2_1 .7s 1s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_2 {animation: vis_ani2_2 .7s 1.1s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_3 {animation: vis_ani2_3 .7s 1.2s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_4 {animation: vis_ani2_4 .7s 1.3s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_5 {animation: vis_ani2_5 .7s 1.4s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_6 {animation: vis_ani2_6 .7s 1.5s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_7 {animation: vis_ani2_7 .7s 1.6s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_8 {animation: vis_ani2_8 .7s 1.7s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_9 {animation: vis_ani2_9 .7s 1.8s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_10 {animation: vis_ani2_10 .7s 1.9s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_11 {animation: vis_ani2_11 .7s 2s 1 ease forwards;}
.main #vis .sw1.on .sw_a2_12 {animation: vis_ani2_12 .7s 2.1s 1 ease forwards;}
.main #vis .sw1.on .sw_a3 {animation: vis_ani3 .5s 2.6s 1 ease forwards;}
.main #vis .sw1.on .sw_a4 {animation: vis_ani4 .5s 3s 1 ease forwards;}
.main #vis .sw1.on .sw_a5 {animation: vis_ani5 .7s 3.5s 1 ease forwards;}
.main #vis .sw1.on .sw_a6 {animation: vis_ani6 .7s 4s 1 ease forwards;}
.main #vis .sw1.on .sw_a6_1 {animation: vis_ani6 .7s 4.3s 1 ease forwards;}
.main #vis .sw1.on .sw_a6_2 {animation: vis_ani6 .7s 4.6s 1 ease forwards;}
.main #vis .sw1.on .sw_a7 {animation: vis_ani7 1s 5s 1 ease forwards;}
.main #vis .sw1.on .sw_a8 {animation: vis_ani8 1s 5.3s 1 ease forwards;}
.main #vis .sw1.on .sw_a9 {animation: vis_ani9 .7s 5.8s 1 ease forwards;}
.main #vis .sw1.on .sw_a10 {animation: vis_ani9 .7s 5.8s 1 ease forwards;}

@keyframes vis_ani1_1 {
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes vis_ani2 {
    0% {top: 400px;left:320px;opacity: 0}
    100% {top: 522px;left:381px;opacity: 1}
}
@keyframes vis_ani2_1 {
    0% {top: 600px;left:400px;opacity: 0}
    100% {top: 522px;left:412px;opacity: 1}
}
@keyframes vis_ani2_2 {
    0% {top: 480px;left:520px;opacity: 0}
    100% {top: 522px;left:448px;opacity: 1}
}
@keyframes vis_ani2_3 {
    0% {top: 600px;left:580px;opacity: 0}
    100% {top: 522px;left:503px;opacity: 1}
}
@keyframes vis_ani2_4 {
    0% {top: 480px;left:500px;opacity: 0}
    100% {top: 522px;left:536px;opacity: 1}
}
@keyframes vis_ani2_5 {
    0% {top: 580px;left:550px;opacity: 0}
    100% {top: 522px;left:571px;opacity: 1}
}
@keyframes vis_ani2_6 {
    0% {top: 470px;left:700px;opacity: 0}
    100% {top: 522px;left:607px;opacity: 1}
}
@keyframes vis_ani2_7 {
    0% {top: 470px;left:650px;opacity: 0}
    100% {top: 522px;left:663px;opacity: 1}
}
@keyframes vis_ani2_8 {
    0% {top: 580px;left:800px;opacity: 0}
    100% {top: 522px;left:697px;opacity: 1}
}
@keyframes vis_ani2_9 {
    0% {top: 480px;left:750px;opacity: 0}
    100% {top: 522px;left:728px;opacity: 1}
}
@keyframes vis_ani2_10 {
    0% {top: 560px;left:840px;opacity: 0}
    100% {top: 522px;left:761px;opacity: 1}
}
@keyframes vis_ani2_11 {
    0% {top: 600px;left:750px;opacity: 0}
    100% {top: 522px;left:793px;opacity: 1}
}
@keyframes vis_ani2_12 {
    0% {top: 480px;left:900px;opacity: 0}
    100% {top: 522px;left:827px;opacity: 1}
}
@keyframes vis_ani3 {
    0% {top: 209px;left:313px;opacity: 0}
    100% {top: 209px;left:482px;opacity: 1}
}
@keyframes vis_ani4 {
    0% {top: 300px;left:600px;opacity: 0}
    100% {top: 300px;left:331px;opacity: 1}
}
@keyframes vis_ani5 {
    0% {width:0;opacity: 0}
    100% {width:524px;opacity: 1}
}
@keyframes vis_ani6 {
    0% {top:500px;opacity: 0}
    100% {top:460px;opacity: 1}
}
@keyframes vis_ani7 {
    0% {height:0;opacity: 0}
    100% {height:313px;opacity: 1}
}
@keyframes vis_ani8 {
    0% {height:0;opacity: 0}
    100% {height:175px;opacity: 1}
}
@keyframes vis_ani9 {
    0% {top:600px;opacity: 0}
    100% {top:647px;opacity: 1}
}

/* sw2 */
.main #vis .sw2 {background: url('../../images/main/visual/v01/v01_bg.jpg') no-repeat center;height: 750px}
.main #vis .sw2 .sw_a1 {top: 135px; left: 620px; opacity: 0;animation:none}
.main #vis .sw2 .sw_a2 {top: 335px; left: 680px; opacity: 0;animation:none}
.main #vis .sw2 .sw_a3 {top: 540px; left: 700px; opacity: 0;animation:none}
.main #vis .sw2 .sw_a4 {top: 355px; left: 190px; opacity: 0;animation:none}

.main #vis .sw2.on .sw_a1 {animation: vis_ani2_1 .9s 0.5s 1 ease forwards;}
.main #vis .sw2.on .sw_a2 {animation: vis_ani2_2 .9s 1.0s 1 ease forwards;}
.main #vis .sw2.on .sw_a3 {animation: vis_ani2_3 .9s 1.5s 1 ease forwards;}
.main #vis .sw2.on .sw_a4 {animation: vis_ani2_4 .9s 2.0s 1 ease forwards;}

@keyframes vis_ani2_1 {
    0% {transform: translateY(-40px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes vis_ani2_2 {
    0% {transform: translateY(-40px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes vis_ani2_3 {
    0% {transform: translateY(-40px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes vis_ani2_4 {
    0% {transform: translateY(40px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}

/* sw3 */
.main #vis .sw3 {background: url('../../images/main/visual/v02/v02_bg.jpg') no-repeat center;height: 750px}
.main #vis .sw3 .sw_a1 {top: 160px; left: 365px; opacity: 0;animation:none}
.main #vis .sw3 .sw_a2 {top: 355px; left: 290px; opacity: 0;animation:none}
.main #vis .sw3 .sw_a3 {top: 500px; left: 240px; opacity: 0;animation:none}

.main #vis .sw3.on .sw_a1 {animation: vis_ani3_1 .7s 0.5s 1 ease forwards;}
.main #vis .sw3.on .sw_a2 {animation: vis_ani3_2 .7s 1.0s 1 ease forwards;}
.main #vis .sw3.on .sw_a3 {animation: vis_ani3_3 .7s 1.5s 1 ease forwards;}

@keyframes vis_ani3_1 {
    0% {transform: translateY(-40px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes vis_ani3_2 {
    0% {transform: translateY(-40px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes vis_ani3_3 {
    0% {transform: translateY(-40px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}

.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next {width:51px;height:100px;background-size:100%}
.swiper-container .swiper-button-prev {background-image:url('../../images/main/visual/visual_prev.png');left:100px}
.swiper-container .swiper-button-next {background-image:url('../../images/main/visual/visual_next.png');right:100px}

.notice_wrap {height:80px;background-color:#fff;border-bottom:1px solid #cfcfcf;line-height:80px}
.notice_wrap h3 {font-size:22px;display:inline-block;margin-right:20px;font-weight:300;color:#5d5d5d;}
.notice_wrap span {display:inline-block;height:32px;width:1px;background-color:#cfcfcf;margin-right:20px}
.notice_wrap p {display:inline-block;font-size:18px;color:#333}

.cate_btnArea {padding:80px 0}
.cate_btnArea > div {position:relative;width:380px;height:420px;float:left;margin-right:20px;color:#222;letter-spacing:-1px;box-shadow:5px 10px 18px 2px #bbb;}
.cate_btnArea > div a {text-decoration:none}
.cate_btnArea > div:hover {background-size:110%;}
.cate_btnArea .cate_btn3 {margin-right:0}
.cate_btnArea > div span {font-size:15px;opacity:0.5;font-weight:300;letter-spacing: 2px;padding-left: 2px;}
.cate_btnArea > div h2 {font-size:38px;font-weight:500;margin-bottom:18px;color:#fff}
.cate_btnArea > div h4 {font-size:22px;font-weight:400;line-height:1.2;margin-bottom:60px;color:#fff}

.cate_btnArea > div span.more {
    font-size:16px;
    font-weight:400;
    opacity:1;
    letter-spacing:0;
    padding:5px 10px;
    border:2px solid white; 
    position: relative; 
    width: 40px; 
    height: 40px; 
    margin:0 auto; 
    display: block; 
    overflow: hidden
}
.cate_btnArea > div span.more span { position: absolute; left: 17px; top: 10px; width: 2px; height: 20px; background: black; }
.cate_btnArea > div span.more span:before,
.cate_btnArea > div span.more span:after { position: absolute; left: 2px; top: 9px; width: 9px; height: 2px; content:''; background: black; }
.cate_btnArea > div span.more .r { left: auto; right: 17px; }
.cate_btnArea > div span.more .r:before,
.cate_btnArea > div span.more .r:after { left: auto; right: 2px; }
.cate_btnArea > div span.more i {text-align: center;font-size:18px;font-style: normal;letter-spacing: -0.35px;display: block;opacity: 0;}

span.more {
	transition: width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transition: width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: width 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
span.more span,
span.more span:before,
span.more span:after,
span.more i {
	transition: all 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transition: all 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: all 0.45s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.cate_btnArea > div > a > div.text {width:280px; text-align: center;position:absolute; top:140px; left: 50%;transform: translateX(-50%);}

.cate_btnArea > div > a  img { /*-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0);*/ }/* img tag ver */
/*.cate_btnArea > div:hover img { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }/* img tag ver */*/

/* back ground ver START */
.cate_btnArea > div > a > div.img {
    width:100%; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0);*/
}
/*.cate_btnArea > div:hover > a > div.img { 
    -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);
}*/
.cate_btnArea > div.cate_btn1 > a > div.img {
    background: url('../../images/main/cate_btn1.jpg') no-repeat center center;
}
.cate_btnArea > div.cate_btn2 > a > div.img {
    background: url('../../images/main/cate_btn2.jpg') no-repeat center center;
}
.cate_btnArea > div.cate_btn3 > a > div.img {
    background: url('../../images/main/cate_btn3.jpg') no-repeat center center;
}
.cate_btnArea > div > a > div.img::after {
    width:0%; height: 420px; content: ' '; display: block;
    -webkit-transition: width 1.0s; -ms-transition: width 1.0s; transition: width 1.0s;
}
.cate_btnArea > div.cate_btn1:hover > a > div.img::after { 
    background: url('../../images/main/cate_btn1On.jpg') no-repeat center center;
    width:100%;
}
.cate_btnArea > div.cate_btn2:hover > a > div.img::after { 
    background: url('../../images/main/cate_btn2On.jpg') no-repeat center center;
    width:100%;
}
.cate_btnArea > div.cate_btn3:hover > a > div.img::after { 
    background: url('../../images/main/cate_btn3On.jpg') no-repeat center center;
    width:100%;
}
/* back ground ver END */

.cate_btnArea > div:hover span{color:black;transition:.2s}
.cate_btnArea > div:hover h2{color:#fff; margin-top:90px; margin-bottom: 30px; transition:.2s}
.cate_btnArea > div.cate_btn3:hover h2{margin-top:0; margin-bottom: 30px;}
.cate_btnArea > div.cate_btn3:hover .text{top:80px;}
.cate_btnArea > div:hover h4 {display: none; color:#fff;transition:.2s}
.cate_btnArea > div:hover span.more {width: 120px; border-color:#fff;transition:.2s;background-color: white;}
.cate_btnArea > div:hover span.more span {opacity:0;filter:Alpha(opacity=0);}
.cate_btnArea > div:hover span.more span:before,
.cate_btnArea > div:hover span.more span:after { width: 5px; }
.cate_btnArea > div:hover span.more span:before { top: 0; }
.cate_btnArea > div:hover span.more span:after { top: 34px; }
.cate_btnArea > div:hover span.more .l { left: 0; }
.cate_btnArea > div:hover span.more i { opacity: 1; }

.videoArea {background:url('../../images/main/video_bg.jpg') no-repeat center center;background-size:cover;height:742px;width:0%;padding:111px 0 0;box-sizing:border-box}
.videoArea .video_head {width:640px; margin-bottom: 40px;}
.videoArea .video_head img{width:100%;}
.videoArea .video_wrap {position:relative;width:640px;height:400px;background-color:#474747}
/* videoArea action css START*/
.videoArea{
    -webkit-transition: width 1.0s;
    -moz-transition: width 1.0s;
    -o-transition: width 1.0s;
    -ms-transition: width 1.0s;
    transition: width 1.0s;
}
.videoArea.action{
    width:100%;
}
.videoArea .video_wrap {
    opacity: 0;
    filter: Alpha(opacity=0);
    visibility: hidden;
    -ms-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
    -webkit-transition: all 0.6s 0.4s;
    -moz-transition: all 0.6s 0.4s;
    -o-transition: all 0.6s 0.4s;
    -ms-transition: all 0.6s 0.4s;
    transition: all 0.6s 0.4s;
}
.videoArea .video_wrap.action{
    opacity:1;
    visibility: visible;
    filter:Alpha(opacity=100);
    -ms-transform:scale(1.0,1.0); 
    -webkit-transform:scale(1.0,1.0); 
    -moz-transform:scale(1.0,1.0); 
    -o-transform:scale(1.0,1.0); 
    transform:scale(1.0,1.0);
}
/* videoArea action css END */
.videoArea .video_wrap img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}

.cate_slideArea {width: 100%; height: 1080px; background:url('../../images/main/cateBg.jpg') no-repeat center center;background-size:cover;padding:80px 0;position:relative}
.cate_slideArea > img:first-child {position:absolute;left:25px;top:130px;animation:float 2s infinite ease-in-out;}
.cate_slideArea > img:nth-child(2) {position:absolute;right:50px;top:350px;animation:float2 2s infinite ease-in-out;}
.cate_slideArea div.slide_head {text-align: center; width:100%; height:auto; margin-bottom:40px;}
.cate_slideArea div.slide_bottom {position:relative; width:100%; height:60px; overflow: hidden; display: flex;align-items: center;justify-content: center; margin-top:30px; border:solid white 1px; cursor: pointer;}
.cate_slideArea div.slide_bottom::before{	
    display:block;
	position:absolute;
	left:-130%;
	bottom:0;
	content:"";
	width:120%;
	height:150%;
	background:#fff;
    opacity:0;filter:Alpha(opacity=0);
	transform:skew(-20deg);
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;
    z-index:1;
}
.cate_slideArea div.slide_bottom a {position: relative; z-index:2;}
.cate_slideArea div.slide_bottom h4 {font-size: 22px;font-weight: 500;color: white;}
.cate_slideArea div.slide_bottom:hover::before {left:-10%; opacity:1.0;filter:Alpha(opacity=100);}
.cate_slideArea div.slide_bottom:hover h4 {color:#263f67; }
.cate_slideArea div.cate_slideWrap {width:380px !important;height:644px !important;}
.cate_slideArea div.cate_slideWrap a img{    
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
}
.cate_slideArea div.cate_slideWrap a img:hover{    
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
.cate_slideArea img.left, img.right {position: absolute; cursor: pointer;}
.cate_slideArea img.left{top:450px; left:-80px}
.cate_slideArea img.right{top:450px; right:-80px}


@keyframes float {
    0%,100% {top:110px}
    50% {top:130px}
}
@keyframes float2 {
    0%,100% {top:340px}
    50% {top:320px}
}


.selfieArea {padding:80px 0}
.selfieArea .selfie_title {margin-bottom:50px;text-align:center}
.selfieArea .selfie_title p {font-size:17px;color:#333;font-weight:400;letter-spacing:-0.5px;padding-top:15px}
.selfieArea .selfie_title p span {font-weight:600}

.cmArea {padding:80px 0; width: 100%;background-color:#f1f1f1}
.cmArea > div:first-child {margin-bottom:30px}
.cmArea > div > a {float:left;margin-right:20px}
.cmArea > div > a:last-child {margin-right:0}
.cmArea #event_slide {width:580px; height:580px; float:left}
.cmArea .cm_right {float:right}
.cmArea .cm_right div.cm_doc{width:580px; height:280px}
.cmArea .cm_right div.cm_doc:hover{filter: brightness(110%);}
.cmArea .cm_right div.cm_doc:nth-child(2){background:url('../../images/main/cm_info02Bg.jpg') no-repeat center center;background-size:cover;}
.cmArea .cm_right div.cm_doc ul.cm_time{padding:80px 5px 5px 20px;}
.cmArea .cm_right div.cm_doc ul.cm_time li{font-size:20px;font-weight:200; letter-spacing: 1px; line-height:2.2;color:white}
.cmArea .cm_right div.cm_doc ul.cm_time li.light{color:yellow;}
.cmArea .cm_right div.cm_doc ul.cm_time li:last-child h3{width:20px; vertical-align: middle; text-align: right;}
.cmArea .cm_right div.cm_doc ul.cm_time h3{display: inline-block; width:80px; text-align: center;}
.cmArea .cm_right div:first-child {margin-bottom:20px}

.cmArea .cm_bottom {margin-top: 20px;}
.cmArea .cm_bottom ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.cmArea .cm_bottom ul li{width:280px; height:280px; }
.cmArea .cm_bottom ul li div.cm_bottomWrap{padding:60px 70px 40px; text-align: center;}
.cmArea .cm_bottom ul li div.cm_bottomWrap img{width:43px; height:41px; margin-bottom:20px;}
.cmArea .cm_bottom ul li div.cm_bottomWrap img.cursor{width:26px; height:26px; opacity:1; margin-top:45px;}
.cmArea .cm_bottom ul li h2{font-size: 22px;font-weight: 500;color: white;}

.cmArea .cm_bottom ul li:hover div.cm_bottomWrap{animation: cm_bottonHoverAni1 .5s 0.2s 1 ease forwards;}
.cmArea .cm_bottom ul li:hover img.cursor{animation: cm_bottonHoverAni2 .5s 0.2s 1 ease forwards;}

@keyframes cm_bottonHoverAni1 {
    0% {transform: translateY(0px);}
    100% {transform: translateY(40px);}
}
@keyframes cm_bottonHoverAni2 {
    0% {opacity:1}
    100% {opacity: 0}
}

.cmArea .cm_bottom ul a {width:280px; height:280px; overflow: hidden;}
.cmArea .cm_bottom ul a li{ -webkit-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0);}
.cmArea .cm_bottom ul a:hover li{-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
.cmArea .cm_bottom ul a:nth-child(1) li{background:url('../../images/main/cm_bottomBg01.jpg') no-repeat center center;background-size:cover;}
.cmArea .cm_bottom ul a:nth-child(2) li{background:url('../../images/main/cm_bottomBg02.jpg') no-repeat center center;background-size:cover;}
.cmArea .cm_bottom ul a:nth-child(3) li{background:url('../../images/main/cm_bottomBg03.jpg') no-repeat center center;background-size:cover;}
.cmArea .cm_bottom ul a:nth-child(4) li{background:url('../../images/main/cm_bottomBg04.jpg') no-repeat center center;background-size:cover;}

.cmArea2 {background-color:#efefef;padding:80px 0}
.cmArea2 .w1275 > div {position:relative;float:left;width:33.3333%;padding:0 30px;box-sizing:border-box;height:340px;border-right:1px solid #dbdbdb}
.cmArea2 .w1275 > div:last-child {border-right:0}
.cmArea2 .w1275 > div h5 {font-size:16px;color:#5d5d5d;text-align:center;font-weight:300}
.cmArea2 .w1275 > div h2 {font-size:25px;color:#222;text-align:center;margin-bottom:40px;font-weight:400}
.cmArea2 .w1275 > div:nth-child(3) h2 {margin-bottom:5px}
.cmArea2 .w1275 > div .cm_more {position:absolute;bottom:0;left:30px;width:364px;height:48px;line-height:48px;text-align:center;color:#fff;font-size:17px}
.cmArea2 .w1275 > div:first-child .cm_more {background-color:#fe9d33}
.cmArea2 .w1275 > div:first-child .cm_more:hover {background-color:#ff8500;transition:.2s}
.cmArea2 .w1275 > div:nth-child(2) .cm_more {background-color:#4f9aff}
.cmArea2 .w1275 > div:nth-child(2) .cm_more:hover {background-color:#3080ee;transition:.2s}
.cmArea2 .w1275 > div:last-child .cm_more {background-color:#ff6f84}
.cmArea2 .w1275 > div:nth-child(3) .cm_more:hover {background-color:#f9546c;transition:.2s}
.cmArea2 .w1275 > div:nth-child(3) p {font-size:50px;text-align:center;letter-spacing: -2px;}
.cmArea2 .w1275 > div:nth-child(3) ul {padding:13px 54px 0}
.cmArea2 .w1275 > div:nth-child(3) ul li {font-size:18px;color:#333}
.cmArea2 .w1275 > div:nth-child(3) ul li b {font-weight:400;font-size:14px}
.cmArea2 .w1275 > div:nth-child(3) ul li span {width:100px;display:inline-block}
.cmArea2 .w1275 > div .cm_more img {margin-right:10px;margin-top:-2px}
.cmArea2 .w1275 > div:first-child ul a:hover {color:#ff8500}
.cmArea2 .w1275 > div:nth-child(2) ul a:hover {color:#3080ee}

.latestWrap{
    float: left;
    position: relative;
    width: auto;
    height: auto;
    overflow: hidden;
}
.latestWrap img.cover{
    position: absolute;
    top: 0;
    left: 0;
    z-index:2;
    transition:all 0.5s;
}
.latestWrap img.header{
    position: absolute;
    top: 0;
    left: 0;
    z-index:2;
    transition:all 0.5s;
}
.latestWrap:hover img.cover{
    top:-403px;
}

.sns a:hover img{
    filter: brightness(110%);
}



.ft_wrap {
    background-color: #123062;
    height:80px;
}