@charset "utf-8";
/* msec-visual */
.msec-visual{text-align:center; height:640px; padding:40px 0}
.msec-visual .btxt{ position:relative; font-size:32px; color:#12ac00; line-height:60px; font-weight:400; padding-top:40px;}
.msec-visual .btxt:before{width:40px;height:40px; position:Absolute; left:50%;margin-left:-20px; top:0; background:url(../_Img/Main/msec-logo.png) no-repeat center center; background-size:100% auto;display:block; content:""}
.msec-visual .btxt span{font-weight:700;}
.msec-visual .stxt{display:inline-block;vertical-align:top;margin-top:11px; color:#484b54;  font-weight:400; font-size:24px; letter-spacing:-0.03em; line-height:34px; position:relative;}
.msec-visual .stxt:before{width:26px;height:30px; position:Absolute; left:-55px; top:0; background:url(../_Img/Main/vis-dot01.jpg) no-repeat center center; background-size:100% auto;display:block; content:""}
.msec-visual .stxt:after{width:26px;height:30px; position:Absolute; right:-55px; top:0; background:url(../_Img/Main/vis-dot02.jpg) no-repeat center center; background-size:100% auto;display:block; content:""}

.msec-visual .stxt span{font-weight:700;}
.msec-visual .img{text-align:center; position:relative;margin-top:10px}
.msec-visual .img img{width:740px;}
.msec-visual .start-btn{position:absolute; left:50%;margin-left:-190px; bottom:96px; width:380px;height:82px; border-radius:82px; }

/* msec-con */
.msec-con{width:1160px; margin:0 auto}
.msec-con .list{font-size:0;margin:0 -10px;}
.msec-con .list:after{clear:both; display:block; content:""}
.msec-con .list li{ float:left; width:360px; margin:0 10px;}
.msec-con .list li:nth-child(n+4){margin-top:20px;}
.msec-con .list li:nth-child(n+4){opacity:0.8}
.msec-con .list li:nth-child(n+7){opacity:0.4}

.msec-con .list li a{ box-sizing:border-box; padding:30px 40px 40px 100px; position:relative; display:block; background:#fff;border-radius:4px; height:240px; width:360px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.06)  ; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06)  ; 	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06)  ; }
.msec-con .list li a:before{font-family:'Roboto'; font-size:20px;font-weight:400; background:#f0f0f0;color:#647188; width:40px;height:40px;box-sizing:border-box;text-align:center; line-height:40px; border-radius:100%; position:Absolute; left:40px; top:30px; display:block; content:"Q"}
.msec-con .list .btxt{display:block; font-size:16px; line-height:24px; color:#000; font-weight:700;}
.msec-con .list .stxt{margin-top:10px;display:block; line-height:20px; font-size:13px; font-weight:400;color:#4a4a4a; line-height:18px;}
.msec-con .list .tag{margin-top:10px;display:block; font-size:10px; font-weight:400;color:#12ac00;line-height:18px;}
.msec-con .list .date{position:Absolute; left:100px; bottom:48px;margin-top:10px;display:block; font-size:10px; font-weight:400;color:#4a4a4a; line-height:18px;}
.msec-con .list .info{position:Absolute; right:40px; bottom:48px;display:block; font-size:10px; font-weight:400;color:#4a4a4a; line-height:18px;}

.msec-con .more{width:360px; height:60px; border-radius:60px; display:inline-block; font-size:16px;font-weight:700;background:#fff;color:#647188; line-height:60px;text-align:center;box-shadow: 0 8px 4px rgba(0, 0, 0, 0.1) ;-webkit-box-shadow: 0 8px 4px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 8px 4px rgba(0, 0, 0, 0.1);}