@charset "utf-8";
/* ---------- 메인 스타일 ---------- */


/* ---------- mfocus ---------- */
.mfocus .mfocus_inner{position:relative; padding:15px 0 15px; background:#2d9fd5}

.mfocus .tab_focus{position:relative; width:1200px; margin:0 auto}
.mfocus .tab_focus ul{margin-left:-1px}
.mfocus .tab_focus ul:after{content:''; display:block; clear:both}
.mfocus .tab_focus ul li{position:relative; float:left; width:16.66666%}
.mfocus .tab_focus ul li a{display:block; position:relative; height:48px; margin-left:1px; padding-top:14px; color:#303030; background:#dde7ec; text-align:center; line-height:135%; letter-spacing:-1.2px; font-size:18px; font-weight:normal; box-sizing:border-box; z-index:9; transition:all .20s ease}
.mfocus .tab_focus ul li.active a{background:#2d9fd5; color:#fff}
.mfocus .tab_focus ul li.active:before{background:rgba(134,199,234,1)}
.mfocus .tab_focus ul li a:after{content:''; position:absolute; right:0; top:0; width:0; height:0; border-bottom:12px solid #fff; border-top:12px solid none; border-right:12px solid transparent; transform:rotate(-180deg);}
.mfocus .tab_focus ul li a:before{content:''; position:absolute; left:0; top:0; width:0; height:0; border-bottom:12px solid #fff; border-top:12px solid none; border-right:12px solid transparent; transform:rotate(90deg);}

.mfocus .cont_focus{position:relative; height:416px}
.mfocus .cont_focus .cont_inner{position:absolute; top:0; right:0; left:0; height:416px; background:#2d9fd5; box-sizing:border-box}
.mfocus .cont_focus .cont_inner.active{z-index:9}

.mfocus .focus_tit{display:none; margin-bottom:15px}
.mfocus .focus_tit .tit{display:block; line-height:150%; color:#303030; font-size:20px; font-weight:300; letter-spacing: -1.5px}


.mfocus_carousel{position:relative; margin:0 -7.5px}
.mfocus_carousel .carousel_box{position:relative; margin:0 7.5px 10px}
.mfocus_carousel .carousel_box:before{content:''; position:absolute; right:0; bottom:0; width:277px; height:416px; background:rgba(0,0,0,0.2); transition:all .20s ease}
.mfocus_carousel .carousel_box:hover:before{right:-8px; bottom:-8px}

.mfocus_carousel .thumlist_box{display:block; position:relative; width:277px; height:416px; padding-top:275px; background:#fff; box-sizing:border-box}
.mfocus_carousel .thum_area{position:absolute; top:0; right:0; left:0; height:275px; overflow:hidden}
.mfocus_carousel .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.mfocus_carousel .thumlist_box:hover .thum_area .thum
{
    -ms-transform:translate(-50%, 0) scale(1.1);
    -webkit-transform:translate(-50%, 0) scale(1.1);
    transform:translate(-50%, 0) scale(1.1);
}

.mfocus_carousel .carousel_box.video .thum_area:before{content:''; position:absolute; top:50%; left:50%; width:78px; height:78px; margin-left:-39px; margin-top:-39px; background:url('../images/common/thumlist_thum_video.png') no-repeat 50% 50%; background-size:78px 78px; z-index:1;}
.mfocus_carousel .carousel_box .thum_area:after
{
    content:''; position:absolute; bottom:0; left:0; right:0; height:85px;
    background:#000; background:-webkit-linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0)); background:-moz-linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0)); background:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0))
}

.mfocus_carousel .cat_area{position:relative}
.mfocus_carousel .cat_list{position:absolute; left:20px; bottom:10px; border:1px solid #fff}
.mfocus_carousel .cat_list:after{content:''; display:block; clear:both}
.mfocus_carousel .cat_list li{float:left; padding:4px 10px; color:#fff; line-height:135%; letter-spacing:-0.8px; font-size:13px; font-weight:normal}
.mfocus_carousel .cat_list li:first-child{background:#fff; color:#303030}

.mfocus_carousel .tit_area{padding:20px; padding-bottom:12px; box-sizing:border-box}
.mfocus_carousel .tit_area .sec{display:inline-block; margin-bottom:5px; color:#30a5d7; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}
.mfocus_carousel .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:46px; color:#303030; font-size:16px; line-height:145%; letter-spacing:-1px; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.mfocus_carousel .tit_area.badge{position:relative}
.mfocus_carousel .tit_area.badge .tit{padding-left:20px}
.mfocus_carousel .tit_area .tit_badge{display:none; position:absolute}
.mfocus_carousel .tit_area .tit_badge.card{left:20px; top:51px; width:14px; height:14px; background:url('../images/common/thumlist_badge_card.png') no-repeat 50% 50%; background-size:14px 14px}
.mfocus_carousel .tit_area.badge .tit_badge{display:block}


.mfocus_carousel .info_area{padding:0 20px 0 20px}
.mfocus_carousel .info_area:after{content:''; display:block; clear:both}
.mfocus_carousel .info_area span{display:inline-block; position:relative; margin-left:10px; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.mfocus_carousel .info_area span.date{float:left; margin-left:0}
.mfocus_carousel .info_area span.writer{float:left; margin-left:0; color:#30a5d7}
.mfocus_carousel .info_area span.play{float:right; padding-left:23px}
.mfocus_carousel .info_area span.play:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.mfocus_carousel .info_area span.time{float:right; padding-left:23px}
.mfocus_carousel .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.mfocus_carousel .info_area span.view{float:right; padding-left:29px}
.mfocus_carousel .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.mfocus_carousel .info_area span.good{float:right; padding-left:25px}
.mfocus_carousel .info_area span.good:before{content:''; position:absolute; left:0; top:50%; width:21px; height:18px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:21px 18px}
.mfocus_carousel .info_area span.bad{float:right; padding-left:25px}
.mfocus_carousel .info_area span.bad:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:18px 18px}
.mfocus_carousel .info_area span.comment{float:right; padding-left:24px}
.mfocus_carousel .info_area span.comment:before{content:''; position:absolute; left:0; top:50%; width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}

.mfocus_carousel .slick-dots{display:block; position:absolute; bottom:-31px; width:100%; text-align:center; z-index:9}
.mfocus_carousel .slick-dots li{display:inline-block; position:relative; margin:0 5px}
.mfocus_carousel .slick-dots li button{display:block; position:relative; width:4px; height:4px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(255,255,255,.2); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
.mfocus_carousel .slick-dots li.slick-active button{background:#fff}

.mfocus_carousel .slick-arrow{display:block; position:absolute; top:50%; width:40px; height:58px; margin-top:-29px; padding:0; border:none; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.mfocus_carousel .slick-prev,
.mfocus_carousel .slick-next{background:rgba(34,35,37,.8)}
.mfocus_carousel .slick-prev{left:20px}
.mfocus_carousel .slick-next{right:20px}
.mfocus_carousel .slick-prev:before,
.mfocus_carousel .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}
.mfocus_carousel .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.mfocus_carousel .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}
.mfocus_carousel .slick-prev:hover:before,
.mfocus_carousel .slick-next:hover:before{opacity:1}
.mfocus_carousel .slick-prev:hover:before{right:-6px}
.mfocus_carousel .slick-next:hover:before{left:-6px}
.mfocus_carousel .slick-prev:hover,
.mfocus_carousel .slick-next:hover{background:rgba(34,35,37,.6)}
.mfocus_carousel .slick-prev.slick-disabled{display:none !important}
.mfocus_carousel .slick-next.slick-disabled{display:none !important}


.mfocus_new{position:relative; margin:0 -7.5px}
.mfocus_new .carousel_box{position:relative; margin:0 7.5px 10px}
.mfocus_new .carousel_box:before{content:''; position:absolute; right:0; bottom:0; width:277px; height:416px; background:rgba(0,0,0,0.2); transition:all .20s ease}
.mfocus_new .carousel_box:hover:before{right:-8px; bottom:-8px}

.mfocus_new .thumlist_box{display:block; position:relative; width:277px; height:416px; padding-top:275px; background:#fff; box-sizing:border-box}
.mfocus_new .thum_area{position:absolute; top:0; right:0; left:0; height:275px; overflow:hidden}
.mfocus_new .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.mfocus_new .thumlist_box:hover .thum_area .thum
{
    -ms-transform:translate(-50%, 0) scale(1.1);
    -webkit-transform:translate(-50%, 0) scale(1.1);
    transform:translate(-50%, 0) scale(1.1);
}

.mfocus_new .carousel_box.video .thum_area:before{content:''; position:absolute; top:50%; left:50%; width:78px; height:78px; margin-left:-39px; margin-top:-39px; background:url('../images/common/thumlist_thum_video.png') no-repeat 50% 50%; background-size:78px 78px; z-index:1;}
.mfocus_new .carousel_box .thum_area:after
{
    content:''; position:absolute; bottom:0; left:0; right:0; height:85px;
    background:#000; background:-webkit-linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0)); background:-moz-linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0)); background:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0))
}

.mfocus_new .cat_area{position:relative}
.mfocus_new .cat_list{position:absolute; left:20px; bottom:10px; border:1px solid #fff}
.mfocus_new .cat_list:after{content:''; display:block; clear:both}
.mfocus_new .cat_list li{float:left; padding:4px 10px; color:#fff; line-height:135%; letter-spacing:-0.8px; font-size:13px; font-weight:normal}
.mfocus_new .cat_list li:first-child{background:#fff; color:#303030}

.mfocus_new .tit_area{padding:20px; padding-bottom:12px; box-sizing:border-box}
.mfocus_new .tit_area .sec{display:inline-block; margin-bottom:5px; color:#30a5d7; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}
.mfocus_new .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:46px; color:#303030; font-size:16px; line-height:145%; letter-spacing:-1px; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.mfocus_new .tit_area.badge{position:relative}
.mfocus_new .tit_area.badge .tit{padding-left:20px}
.mfocus_new .tit_area .tit_badge{display:none; position:absolute}
.mfocus_new .tit_area .tit_badge.card{left:20px; top:51px; width:14px; height:14px; background:url('../images/common/thumlist_badge_card.png') no-repeat 50% 50%; background-size:14px 14px}
.mfocus_new .tit_area.badge .tit_badge{display:block}


.mfocus_new .info_area{padding:0 20px 0 20px}
.mfocus_new .info_area:after{content:''; display:block; clear:both}
.mfocus_new .info_area span{display:inline-block; position:relative; margin-left:10px; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.mfocus_new .info_area span.date{float:left; margin-left:0}
.mfocus_new .info_area span.writer{float:left; margin-left:0; color:#30a5d7}
.mfocus_new .info_area span.play{float:right; padding-left:23px}
.mfocus_new .info_area span.play:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.mfocus_new .info_area span.time{float:right; padding-left:23px}
.mfocus_new .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.mfocus_new .info_area span.view{float:right; padding-left:29px}
.mfocus_new .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.mfocus_new .info_area span.good{float:right; padding-left:25px}
.mfocus_new .info_area span.good:before{content:''; position:absolute; left:0; top:50%; width:21px; height:18px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:21px 18px}
.mfocus_new .info_area span.bad{float:right; padding-left:25px}
.mfocus_new .info_area span.bad:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:18px 18px}
.mfocus_new .info_area span.comment{float:right; padding-left:24px}
.mfocus_new .info_area span.comment:before{content:''; position:absolute; left:0; top:50%; width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}

.mfocus_new .slick-dots{display:block; position:absolute; bottom:-31px; width:100%; text-align:center; z-index:9}
.mfocus_new .slick-dots li{display:inline-block; position:relative; margin:0 5px}
.mfocus_new .slick-dots li button{display:block; position:relative; width:4px; height:4px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(255,255,255,.2); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
.mfocus_new .slick-dots li.slick-active button{background:#fff}

.mfocus_new .slick-arrow{display:block; position:absolute; top:50%; width:40px; height:58px; margin-top:-29px; padding:0; border:none; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.mfocus_new .slick-prev,
.mfocus_new .slick-next{background:rgba(34,35,37,.8)}
.mfocus_new .slick-prev{left:20px}
.mfocus_new .slick-next{right:20px}
.mfocus_new .slick-prev:before,
.mfocus_new .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}
.mfocus_new .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.mfocus_new .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}
.mfocus_new .slick-prev:hover:before,
.mfocus_new .slick-next:hover:before{opacity:1}
.mfocus_new .slick-prev:hover:before{right:-6px}
.mfocus_new .slick-next:hover:before{left:-6px}
.mfocus_new .slick-prev:hover,
.mfocus_new .slick-next:hover{background:rgba(34,35,37,.6)}
.mfocus_new .slick-prev.slick-disabled{display:none !important}
.mfocus_new .slick-next.slick-disabled{display:none !important}


/* ---------- mpopular ---------- */
.mpopular{position:relative; padding:75px 0 40px}
.mpopular:before{content:''; position:absolute; left:50%; top:0; width:1px; height:60px; margin-left:-0.5px; background:#97a3c0}
.mpopular:after{content:''; position:absolute; left:50%; top:60px; width:7px; height:7px; margin-left:-3.5px; border-radius:50%; background:#97a3c0}


.mpopular .section_tit{position:relative; text-align:center; margin-bottom:25px}
.mpopular .section_tit .tit{display:inline-block; line-height:150%; letter-spacing:-1.5px; color:#303030; font-size:28px; font-weight:300}
.mpopular .section_tit .info{display:block; margin-top:15px; font-size:16px; letter-spacing:-1.8px; line-height:150%; font-weight:normal; color:#5e749e}
.mpopular .mpopular_inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}

.mpopular_carousel_ty1{position:relative; margin:0 -17px}
.mpopular_carousel_ty1 .carousel_box{position:relative; height:368px; margin:0 17px; padding:20px 0; padding-bottom:0; border-top:2px solid #2ba3d6; border-bottom:2px solid #2ba3d6; box-sizing:border-box2}
.mpopular_carousel_ty1 .thumlist_box{display:block; position:relative; height:220px; padding-top:220px; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.mpopular_carousel_ty1 .thum_area{position:absolute; top:0; right:0; left:0; height:220px; text-align:center; overflow:hidden}
.mpopular_carousel_ty1 .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.mpopular_carousel_ty1 .thumlist_box:hover .thum_area .thum
{
    -ms-transform:translate(-50%, 0) scale(1.1);
    -webkit-transform:translate(-50%, 0) scale(1.1);
    transform:translate(-50%, 0) scale(1.1);
}

.mpopular_carousel_ty1 .tit_area{padding:15px 0 12px; box-sizing:border-box}
.mpopular_carousel_ty1 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:42px; color:#303030; font-size:15px; line-height:145%; letter-spacing:-1px; font-weight:normal; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.mpopular_carousel_ty1 .tit_area.badge{position:relative}
.mpopular_carousel_ty1 .tit_area.badge .tit{padding-left:20px}
.mpopular_carousel_ty1 .tit_area .tit_badge{display:none; position:absolute}
.mpopular_carousel_ty1 .tit_area .tit_badge.card{left:0; top:19px; width:14px; height:14px; background:url('../images/common/thumlist_badge_card.png') no-repeat 50% 50%; background-size:14px 14px}
.mpopular_carousel_ty1 .tit_area.badge .tit_badge{display:block}

.mpopular_carousel_ty1 .tag_area{position:relative; margin-bottom:10px}
.mpopular_carousel_ty1 .tag_area .tag_list{overflow:hidden; height:20px; overflow:hidden}
.mpopular_carousel_ty1 .tag_area .tag_list li{float:left; margin-right:10px}
.mpopular_carousel_ty1 .tag_area .tag_list li:last-child{margin-right:0}
.mpopular_carousel_ty1 .tag_area .tag_list li span{display:block; color:#30a5d7; letter-spacing:-0.8px; line-height:155%; font-size:13px; font-weight:normal; transition:all .20s ease}

.mpopular_carousel_ty1 .info_area:after{content:''; display:block; clear:both}
.mpopular_carousel_ty1 .info_area span{display:inline-block; position:relative; color:#707070; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.mpopular_carousel_ty1 .info_area span.date{float:right; line-height:29px; letter-spacing:-0.2px}
.mpopular_carousel_ty1 .info_area span.cat{float:left; border:1px solid #dadada; background:#fff; border-radius:120px; padding:5px 8px; letter-spacing:-0.8px}

.mpopular_carousel_ty1 .slick-arrow{display:block; position:absolute; top:-70px; width:46px; height:46px; padding:0; background:none; border:1px solid #dadada; outline:none; font-size:0; border-radius:50%; cursor:pointer; z-index:1; transition:all .20s ease}
.mpopular_carousel_ty1 .slick-prev{left:17px}
.mpopular_carousel_ty1 .slick-next{right:17px}
.mpopular_carousel_ty1 .slick-prev:before,
.mpopular_carousel_ty1 .slick-next:before{content:''; position:absolute; top:50%; width:10px; height:17px; margin-top:-8.5px; opacity:1; transition:all .10s ease}
.mpopular_carousel_ty1 .slick-prev:before{left:50%; margin-left:-6px; background:url("../images/common/carousel_set2_back.png") 50% 50% no-repeat; background-size:10px 17px}
.mpopular_carousel_ty1 .slick-next:before{right:50%; margin-right:-6px; background:url("../images/common/carousel_set2_next.png") 50% 50% no-repeat; background-size:10px 17px}
.mpopular_carousel_ty1 .slick-prev:hover:before,
.mpopular_carousel_ty1 .slick-next:hover:before{opacity:1}
.mpopular_carousel_ty1 .slick-prev.slick-disabled{display:none !important}
.mpopular_carousel_ty1 .slick-next.slick-disabled{display:none !important}


/* ---------- mfit ---------- */
.mfit{position:relative; margin-bottom:25px}
.mfit:after{content:''; display:block; clear:both}
.mfit .mfit_l, .mfit .mfit_r{float:left; width:50%; height:183px}
.mfit .mfit_l:after, .mfit .mfit_r:after{content:''; display:block; clear:both}
.mfit .mfit_l{background:#ececec}
.mfit .mfit_r{background:#2ba3d6}
.mfit .mfit_l .mfit_inner{width:600px; padding-top:15px; padding-right:20px; float:right; box-sizing:border-box}
.mfit .mfit_r .mfit_inner{width:600px; padding-top:15px; padding-left:20px; float:left; box-sizing:border-box}

.mfit .section_tit{text-align:center; margin-bottom:25px}
.mfit .section_tit .tit{display:inline-block; line-height:150%; letter-spacing:-1.5px; font-size:20px; color:#303030; font-weight:300}

.mfit .mfit_list_ty1 .thumlist:after{content:''; display:block; clear:both}
.mfit .mfit_list_ty1 .thumlist li{float:left; width:50%}
.mfit .mfit_list_ty1 .thumlist_box{display:block; position:relative; min-height:89px; padding-left:144px; padding-right:10px; box-sizing:border-box}


.mfit .mfit_list_ty1 .thum_area{position:absolute; top:0; left:0; width:135px; height:89px; text-align:center; overflow:hidden}
.mfit .mfit_list_ty1 .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.mfit .mfit_list_ty1 .thumlist_box:hover .thum_area .thum
{
    -ms-transform:translate(-50%, 0) scale(1.1);
    -webkit-transform:translate(-50%, 0) scale(1.1);
    transform:translate(-50%, 0) scale(1.1);
}

.mfit .mfit_list_ty1 .tit_area{position:relative; padding-top:6px}
.mfit .mfit_list_ty1 .tit_area .ctit, .mfitlist_ty1 .tit_area .tit{line-height:145%; font-weight:normal;}
.mfit .mfit_list_ty1 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; max-height:38px; margin-bottom:8px; color:#303030; font-size:14px; letter-spacing:-0.8px; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.mfit .mfit_list_ty1 .tit_area .ctit{display:block; color:#30a5d7; font-size:13px; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.mfit .mfit_list_ty2{position:relative; margin-top:-15px}
.mfit .mfit_list_ty2 .thumlist:after{content:''; display:block; clear:both}
.mfit .mfit_list_ty2 .thumlist_box{display:block; position:relative; min-height:104px; padding-left:192px; box-sizing:border-box}



.mfit .mfit_list_ty2 .thum_area{position:absolute; top:0; left:0; width:173px; height:104px; text-align:center; overflow:hidden}
.mfit .mfit_list_ty2 .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.mfit .mfit_list_ty2 .thumlist_box:hover .thum_area .thum
{
    -ms-transform:translate(-50%, 0) scale(1.1);
    -webkit-transform:translate(-50%, 0) scale(1.1);
    transform:translate(-50%, 0) scale(1.1);
}








.mfit .mfit_list_ty2 .tit_area{position:relative; margin-bottom:18px; padding-top:6px}
.mfit .mfit_list_ty2 .tit_area .tit{display:block; margin-bottom:8px; line-height:145%; font-weight:normal; color:#fff; font-size:16px; letter-spacing:-0.8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.mfit .mfit_list_ty2 .tit_area .ctit{display:block; color:#beddf0; font-size:13px; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.mfit .mfit_list_ty2 .tag_area{position:relative}
.mfit .mfit_list_ty2 .tag_area .tag_list:after{content:''; display:block; clear:both}
.mfit .mfit_list_ty2 .tag_area .tag_list li{float:left; margin-right:5px}
.mfit .mfit_list_ty2 .tag_area .tag_list li:last-child{margin-right:0}
.mfit .mfit_list_ty2 .tag_area .tag_list li span{display:block; padding:5px 15px; color:#fff; background:#0481b6; letter-spacing:-0.8px; line-height:155%; font-size:13px; font-weight:normal; border-radius:120px; transition:all .20s ease}


/* ---------- mnotice ---------- */
.mnotice{position:relative; width:1200px; height:56px; margin:0 auto 25px; padding-left:150px; box-sizing:border-box}
.mnotice .section_tit{position:absolute; left:0; top:0; width:150px; height:100%; border-radius:2px; background:#2ba3d6; text-align:center}
.mnotice .section_tit .tit{display:inline-block; line-height:56px; letter-spacing:-1.5px; font-size:20px; color:#fff; font-weight:300}

.mnotice .mnotice_carousel .carousel_box:after{content:''; display:block; clear:both}
.mnotice .mnotice_carousel .carousel_box .inner{display:block; position:relative; padding-left:25px; padding-right:250px; box-sizing:border-box}
.mnotice .mnotice_carousel .carousel_box .inner .new{display:inline-block; position:relative; width:22px; height:22px; margin-right:5px; margin-top:-2px; border:1px solid #2ba3d6; color:#2ba3d6; line-height:22px; font-size:13px; font-weight:300; text-align:center; vertical-align:middle; border-radius:50%}
.mnotice .mnotice_carousel .carousel_box .inner .tit{display:block; color:#303030; letter-spacing:-0.5px; line-height:56px; font-size:14px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all .20s ease}
.mnotice .mnotice_carousel .carousel_box .inner .tit:hover{color:#30a5d7}
.mnotice .mnotice_carousel .carousel_box .inner .dat{display:block; position:absolute; right:65px; top:0; line-height:56px; color:#808080; letter-spacing:-0.5px; font-size:13px}

.mnotice .mnotice_carousel .slick-arrow{display:block; position:absolute; top:50%; margin-top:-15px; width:10px; height:30px; padding:0; border:0; opacity:.6; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.mnotice .mnotice_carousel .slick-prev{right:30px; background: url("../images/common/carousel_set2_back.png") 50% 50% no-repeat; background-size:10px 17px}
.mnotice .mnotice_carousel .slick-next{right:0; background:url("../images/common/carousel_set2_next.png") 50% 50% no-repeat; background-size:10px 17px}
.mnotice .mnotice_carousel .slick-prev:hover,
.mnotice .mnotice_carousel .slick-next:hover{opacity:1}
.mnotice .mnotice_carousel .slick-prev.slick-disabled{display:none !important}
.mnotice .mnotice_carousel .slick-next.slick-disabled{display:none !important}






/* ---------- mseminar ---------- */
.mseminar{position:relative; width:1200px; margin:0 auto 25px; padding-left:150px; box-sizing:border-box}
.mseminar .section_tit{position:absolute; left:0; top:0; width:150px; height:100%; border-radius:2px 0 0 2px; background:#2ba3d6; text-align:center}
.mseminar .section_tit .tit{display:inline-block; line-height:56px; letter-spacing:-1.5px; font-size:20px; color:#fff; font-weight:300}

.mseminar .webinar{position:absolute; left:150px; top:0; width:320px; height:150px; z-index:1}
.mseminar .webinar img{width:100%; height:auto}

.mseminar .mseminar_carousel .carousel_box:after{content:''; display:block; clear:both}
.mseminar .mseminar_carousel .carousel_box .inner{display:block; position:relative; min-height:150px; padding-left:340px; padding-right:100px; box-sizing:border-box}
.mseminar .mseminar_carousel .carousel_box .inner .new{display:inline-block; position:relative; width:22px; height:22px; margin-right:5px; margin-top:-2px; border:1px solid #2ba3d6; color:#2ba3d6; line-height:22px; font-size:13px; font-weight:300; text-align:center; vertical-align:middle; border-radius:50%}
.mseminar .mseminar_carousel .carousel_box .inner .dat{display:block; position:absolute; right:105px; top:0; line-height:56px; color:#808080; letter-spacing:-0.5px; font-size:13px}

.mseminar .carousel_box .meta_area{position:relative; padding-left:60px; box-sizing:border-box; vertical-align:middle}
.mseminar .carousel_box .meta_area:after{content:''; display:block; clear:both}


.mseminar .carousel_box .meta_area dt, .mseminar .carousel_box .meta_area dd{color:#707070; font-weight:normal; font-size:14px; line-height:135%}
.mseminar .carousel_box .meta_area dt{position:absolute; left:0; width:50px; padding:7px; border:1px solid #dadada; color:#707070; text-align:center; box-sizing:border-box}
.mseminar .carousel_box .meta_area dd{margin-bottom:5px; padding-top:8px; letter-spacing:-0.5px; color:#303030; min-height:34px; box-sizing:border-box}
.mseminar .carousel_box .meta_area dd:last-child{margin-bottom:0}

.mseminar .carousel_box .more{display:block; position:absolute; top:50%; height:64px; right:0; margin-top:-32px; padding:0 20px; line-height:64px; font-size:14px; letter-spacing:-0.5px; border-radius:2px; background:#043464; color:#fff}
.mseminar .carousel_box .more:before{content:''; position:absolute; left:-10px; top:50%; margin-top:-5px; width:0; height:0; border-top:10px solid #043464; border-bottom:10px solid none; border-right:10px solid transparent; border-left:10px solid transparent; transform:rotate(90deg)}

.mseminar .mseminar_carousel .slick-arrow{display:block; position:absolute; top:-7px; width:10px; height:30px; padding:0; border:0; opacity:.6; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.mseminar .mseminar_carousel .slick-prev{right:30px; background: url("../images/common/carousel_set2_back.png") 50% 50% no-repeat; background-size:10px 17px}
.mseminar .mseminar_carousel .slick-next{right:0; background:url("../images/common/carousel_set2_next.png") 50% 50% no-repeat; background-size:10px 17px}
.mseminar .mseminar_carousel .slick-prev:hover,
.mseminar .mseminar_carousel .slick-next:hover{opacity:1}
.mseminar .mseminar_carousel .slick-prev.slick-disabled{display:none !important}
.mseminar .mseminar_carousel .slick-next.slick-disabled{display:none !important}









/* ---------- msns ---------- */
.msns{position:relative; padding:65px 0 45px; background:url("../images/main/mfnb_bg.jpg") 50% top no-repeat; background-size:cover}
.msns .msns_inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}

.msns .section_tit{margin-bottom:40px}
.msns .section_tit .tit{display:inline-block; margin-right:10px; line-height:150%; letter-spacing:-1.5px; color:#fff; font-size:32px; font-weight:300; vertical-align:middle}

.msns .tab_sns{position:absolute; right:0; top:5px}
.msns .tab_sns ul{position:relative;}
.msns .tab_sns ul:after{content:''; display:block; clear:both}
.msns .tab_sns ul li{float:left; margin-left:5px}
.msns .tab_sns ul li a{display:block; position:relative; padding:8px 18px; color:#fff; border:1px solid rgba(255,255,255,.4); line-height:135%; letter-spacing:-1.2px; font-size:14px; font-weight:normal; border-radius:100px; z-index:9; transition:all .20s ease}
.msns .tab_sns ul li.active a{border:1px solid rgba(255,255,255,0); background:rgba(255,255,255,.3); color:#fff}
.msns .tab_sns ul li.np.active a{border:1px solid rgba(35,199,2,1); background:rgba(35,199,2,1); color:#fff}
.msns .tab_sns ul li a:hover{border:1px solid rgba(255,255,255,0); background:rgba(255,255,255,.3);}
.msns .tab_sns ul li.yt.active a{border:1px solid rgba(228,3,46,1); background:rgba(228,3,46,1); color:#fff}
.msns .tab_sns ul li.fb.active a{border:1px solid rgba(24,119,242,1); background:rgba(24,119,242,1); color:#fff}

.msns .cont_sns .cont_inner{display:none}
.msns .cont_sns .cont_inner.active{display:block}

.msns .msns_area{position:relative}
.msns .msns_area > ul:after{content:''; display:block; clear:both}
.msns .msns_area > ul > li{float:left; width:25%; height:340px; padding:0 30px; border-left:1px solid rgba(255,255,255,.2); box-sizing:border-box}
.msns .msns_area > ul > li:last-child{border-right:1px solid rgba(255,255,255,.2)}

.msns .sns_box{display:block; position:relative; padding-top:150px; box-sizing:border-box}
.msns .sns_box .thum_area{position:absolute; left:0; top:0; width:100%; height:150px; background:#f8f8f8; overflow:hidden}
.msns .sns_box .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.msns .sns_box:hover .thum_area .thum
{
    -ms-transform:translate(-50%, 0) scale(1.1);
    -webkit-transform:translate(-50%, 0) scale(1.1);
    transform:translate(-50%, 0) scale(1.1);
}


.msns .sns_box .cont_area{padding-top:20px; box-sizing:border-box}
.msns .sns_box .cont_area .cont
{
    display:box; display:-webkit-box; display:-ms-flexbox; height:105px; color:#fff; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal; -webkit-line-clamp:5;
    text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-box-orient:vertical
}
.msns .sns_box .info_area{margin-top:10px}
.msns .sns_box .info_area .date{display:inline-block; color:#fff; line-height:135%; font-weight:normal; font-size:13px; line-height:135%}

.msns .sns_box .sns_badge{display:block; position:absolute; left:-10px; top:-10px; width:45px; height:45px; border-radius:50%}
.msns .sns_box .sns_badge.fb{background:rgba(24,119,242,1)}
.msns .sns_box .sns_badge.yt{background:rgba(228,3,46,1)}
.msns .sns_box .sns_badge.np{background:rgba(35,199,2,1)}
.msns .sns_box .sns_badge:after{font-family:'xeicon'; position:absolute; left:0; top:0; width:45px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:24px}
.msns .sns_box .sns_badge.yt:after{content:"\ec32"} 
.msns .sns_box .sns_badge.fb:after{content:"\ebd3"}
.msns .sns_box .sns_badge.np:after{content:"\ebf9"}

.msns .sns_chanel{margin-top:20px}
.msns .sns_chanel:after{content:''; display:block; clear:both}
.msns .sns_chanel li{float:left; margin-right:5px}
.msns .sns_chanel .sns_link{display:inline-block; position:relative; width:38px; height:38px; background:rgba(255,255,255,.1); border-radius:50%; transition:all .20s ease}
.msns .sns_chanel .sns_link:hover{background:rgba(255,255,255,.3)}
.msns .sns_chanel .sns_link:after{font-family:'xeicon'; position:absolute; left:0; top:0; width:38px; height:38px; line-height:38px; text-align:center; color:#fff; font-size:18px}
.msns .sns_chanel .sns_link.yt:after{content:"\ec32"} 
.msns .sns_chanel .sns_link.fb:after{content:"\ebd3"}
.msns .sns_chanel .sns_link.np:after{content:"\ebf9"}



.msns2{position:relative; width:1200px; margin:0 auto 25px; box-sizing:border-box}
.msns2 .msns_list:after{content:''; display:block; clear:both}
.msns2 .msns_list > li{position:relative; float:left; width:25%}
.msns2 .msns_list > li .msns_box{position:relative; height:275px; margin-left:-1px; margin-top:-1px; border:1px solid #dadada; box-sizing:border-box;}
.msns2 .msns_list > li:nth-child(1) .msns_box,
.msns2 .msns_list > li:nth-child(5) .msns_box{margin-left:0}
.msns2 .msns_list > li:nth-child(1) .msns_box{border:none}


.msns2 .msns_box .section_tit{text-align:center; margin-bottom:10px; padding-top:68px}
.msns2 .msns_box .section_tit .tit{display:inline-block; line-height:150%; letter-spacing:-1px; font-size:28px; color:#303030; font-weight:300}

.msns2 .sns_chanel{padding:0 30px}
.msns2 .sns_chanel li{float:left; width:33.33333%; text-align:center}
.msns2 .sns_chanel li .tit{display:block; line-height:135%; letter-spacing:-0.8px; color:#303030; font-size:14px}
.msns2 .sns_chanel .sns_link{display:inline-block; position:relative; width:50px; height:50px; margin-bottom:2px; border-radius:50%}
.msns2 .sns_chanel .sns_link.fb{background:rgba(24,119,242,1);}
.msns2 .sns_chanel .sns_link.yt{background:rgba(228,3,46,1)}
.msns2 .sns_chanel .sns_link.np{background:rgba(35,199,2,1)}
.msns2 .sns_chanel .sns_link:after{font-family:'xeicon'; position:absolute; left:0; top:0; width:50px; height:50px; line-height:52px; text-align:center; color:#fff; font-size:22px}
.msns2 .sns_chanel .sns_link.yt:after{content:"\ec32"} 
.msns2 .sns_chanel .sns_link.fb:after{content:"\ebd3"}
.msns2 .sns_chanel .sns_link.np:after{content:"\ebf9"}


.msns2 .sns_badge{display:block; position:absolute; left:10px; top:10px; width:35px; height:35px; border-radius:50%}
.msns2 .sns_badge.fb{background:rgba(24,119,242,1)}
.msns2 .sns_badge.yt{background:rgba(228,3,46,1)}
.msns2 .sns_badge.np{background:rgba(35,199,2,1)}
.msns2 .sns_badge:after{font-family:'xeicon'; position:absolute; left:0; top:0; width:35px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:18px}
.msns2 .sns_badge.yt:after{content:"\ec32"} 
.msns2 .sns_badge.fb:after{content:"\ebd3"}
.msns2 .sns_badge.np:after{content:"\ebf9"}


.msns2 .sns_temp1{display:block; position:relative; height:273px}
.msns2 .sns_temp1 .tit_area{padding:50px 25px 38px; box-sizing:border-box}
.msns2 .sns_temp1 .tit_area .tit{height:58px; color:#303030; font-size:20px; line-height:145%; letter-spacing:-1px; font-weight:normal; -webkit-line-clamp:2; transition:all .20s ease}
.msns2 .sns_temp1:hover .tit_area .tit{color:#30a5d7}
.msns2 .sns_temp1 .cont_area{padding:0 25px 38px; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box;}
.msns2 .sns_temp1 .cont_area .cont{height:105px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal; -webkit-line-clamp:5}
.msns2 .sns_temp1 .tit_area .tit,
.msns2 .sns_temp1 .cont_area .cont{display:box; display:-webkit-box; display:-ms-flexbox; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-box-orient:vertical}

.msns2 .sns_temp2{display:block; position:relative; height:273px; padding-top:190px; box-sizing:border-box;}
.msns2 .sns_temp2 .thum_area{position:absolute; top:-1px; right:-1px; left:-1px; overflow:hidden}
.msns2 .sns_temp2 .thum_area .thum{display:block; width:100%; height:190px; background:#f8f8f8; object-fit:cover; box-sizing:border-box; transition:all .20s ease}
.msns2 .sns_temp2:hover .thum_area .thum{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2)}
.msns2 .sns_temp2 .tit_area{padding:10px 20px 0; box-sizing:border-box}
.msns2 .sns_temp2 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:46px; color:#303030; font-size:16px; line-height:145%; letter-spacing:-1px; font-weight:normal; -webkit-line-clamp:2; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-box-orient:vertical; transition:all .20s ease}
.msns2 .sns_temp2:hover .tit_area .tit{color:#30a5d7}

.msns2 .sns_temp3{display:block; position:relative; height:273px; padding-top:190px; box-sizing:border-box; overflow:hidden}
.msns2 .sns_temp3 .thum_area{position:absolute; top:-1px; right:-1px; left:-1px; bottom:-1px}
.msns2 .sns_temp3 .thum_area .thum{display:block; width:100%; height:275px; background:#f8f8f8; object-fit:cover; box-sizing:border-box; transition:all .20s ease}
.msns2 .sns_temp3:hover .thum_area .thum{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2)}



/* ---------- mnews ---------- */
.mnews{position:relative; padding:75px 0 55px}
.mnews:before{content:''; position:absolute; left:50%; top:0; width:1px; height:60px; margin-left:-0.5px; background:#97a3c0}
.mnews:after{content:''; position:absolute; left:50%; top:60px; width:7px; height:7px; margin-left:-3.5px; border-radius:50%; background:#97a3c0}

.mnews .mnews_inner{position:relative; width:1200px; margin:0 auto}
.mnews .section_tit{text-align:center; margin-bottom:15px}
.mnews .section_tit .tit{display:inline-block; line-height:150%; letter-spacing:-1.5px; color:#303030; font-size:28px; font-weight:300}

.mnews .tab_news{position:relative; margin-bottom:35px}
.mnews .tab_news ul{position:relative; text-align:center; font-size:0}
.mnews .tab_news ul:after{content:''; display:block; clear:both}
.mnews .tab_news ul li{display:inline-block; position:relative; margin:0 8px; padding:0 15px}
.mnews .tab_news ul li:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; border-radius:50px; background:rgba(134,199,234,0); transition:all .20s ease}
.mnews .tab_news ul li a{display:block; position:relative; color:#505050; line-height:135%; letter-spacing:-1.2px; font-size:18px; font-weight:normal; z-index:9; transition:all .20s ease}
.mnews .tab_news ul li a:hover{color:#30a5d7}
.mnews .tab_news ul li.active a{color:#30a5d7}
.mnews .tab_news ul li.active:before{background:rgba(134,199,234,.4)}

.mnews .cont_news{position:relative; height:338px}
.mnews .cont_news .cont_inner{position:absolute; top:0; right:0; left:0; height:338px; background:#fff; box-sizing:border-box}
.mnews .cont_news .cont_inner.active{z-index:2}

.mnews_carousel{position:relative; margin-left:-15px}
.mnews_carousel .carousel_box{position:relative}

.mnews_carousel .thum_type{display:block; position:relative; width:255px; height:338px; margin:0 15px; text-align:center; overflow:hidden; box-sizing:border-box; transition:all .20s ease}
.mnews_carousel .thum_type .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; box-sizing:border-box; transition:all .20s ease;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.mnews_carousel .thum_type:hover .thum
{
    -ms-transform:translate(-50%, 0) scale(1.1);
    -webkit-transform:translate(-50%, 0) scale(1.1);
    transform:translate(-50%, 0) scale(1.1);
}


.mnews_carousel .txt_type01{display:block; position:relative; width:255px; height:338px; margin:0 15px; padding:25px 15px 40px; background:#fff; border:1px solid #dadada; box-sizing:border-box; z-index:1}
.mnews_carousel .txt_type01 .tit_area{position:relative; text-align:center}
.mnews_carousel .txt_type01 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:54px; color:#303030; font-size:22px; line-height:125%; letter-spacing:-1px; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.mnews_carousel .txt_type01 .cont_area{padding:20px 0 0}
.mnews_carousel .txt_type01 .cont_area dt{display:inline-block; margin-bottom:5px; padding:4px 8px; background:#2d9fd5; font-size:15px; color:#fff; letter-spacing:-0.8px; line-height:135%; font-weight:normal}
.mnews_carousel .txt_type01 .cont_area dd
{
    display:box; display:-webkit-box; display:-ms-flexbox; max-height:40px; margin-bottom:20px; font-size:15px; color:#505050; letter-spacing:-0.8px; line-height:135%; font-weight:normal;
    text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical
}
.mnews_carousel .txt_type01 .cont_area dd:last-child{margin-bottom:0}
.mnews_carousel .txt_type01 .label_area{position:absolute; bottom:-1px; left:-1px; right:-1px; height:40px; line-height:40px; background:#2d9fd5; text-align:center; color:#fff; font-size:15px; letter-spacing:-0.8px; font-weight:300}


.mnews_carousel .txt_type02{display:block; position:relative; width:255px; height:338px; margin:0 15px; padding:25px 15px 40px; background:#fff; border:1px solid #dadada; box-sizing:border-box; z-index:1}
.mnews_carousel .txt_type02 .tit_area{position:relative; text-align:center}
.mnews_carousel .txt_type02 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:54px; color:#303030; font-size:22px; line-height:125%; letter-spacing:-1px; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.mnews_carousel .txt_type02 .cont_area{padding:20px 0 0}
.mnews_carousel .txt_type02 .cont_area dt{display:inline-block; margin-bottom:5px; padding:4px 8px; background:#ff632c; font-size:15px; color:#fff; letter-spacing:-0.8px; line-height:135%; font-weight:normal}
.mnews_carousel .txt_type02 .cont_area dd
{
    display:box; display:-webkit-box; display:-ms-flexbox; max-height:40px; margin-bottom:20px; font-size:15px; color:#505050; letter-spacing:-0.8px; line-height:135%; font-weight:normal;
    text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical
}
.mnews_carousel .txt_type02 .cont_area dd:last-child{margin-bottom:0}
.mnews_carousel .txt_type02 .label_area{position:absolute; bottom:-1px; left:-1px; right:-1px; height:40px; line-height:40px; background:#ff632c; text-align:center; color:#fff; font-size:15px; letter-spacing:-0.8px; font-weight:300}


.mnews_carousel .txt_type03{display:block; position:relative; width:255px; height:338px; margin:0 15px; padding:25px 15px 40px; background:#fff; border:1px solid #dadada; box-sizing:border-box; z-index:1}
.mnews_carousel .txt_type03 .tit_area{position:relative; text-align:center}
.mnews_carousel .txt_type03 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:54px; color:#303030; font-size:22px; line-height:125%; letter-spacing:-1px; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.mnews_carousel .txt_type03 .cont_area{padding:17px 0 0}
.mnews_carousel .txt_type03 .cont_area .info
{
    display:box; display:-webkit-box; display:-ms-flexbox; max-height:161px; font-size:15px; color:#505050; letter-spacing:-0.8px; line-height:155%; font-weight:normal;
    text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:7; -webkit-box-orient:vertical
}
.mnews_carousel .txt_type03 .label_area{position:absolute; bottom:-1px; left:-1px; right:-1px; height:40px; line-height:40px; background:#3b3c40; text-align:center; color:#fff; font-size:15px; letter-spacing:-0.8px; font-weight:300}



.mnews_carousel .slick-arrow{display:block; position:absolute; top:-75px; width:46px; height:46px; padding:0; background:none; border:1px solid #dadada; outline:none; font-size:0; border-radius:50%; cursor:pointer; z-index:1; transition:all .20s ease}
.mnews_carousel .slick-prev{left:15px}
.mnews_carousel .slick-next{right:0}
.mnews_carousel .slick-prev:before,
.mnews_carousel .slick-next:before{content:''; position:absolute; top:50%; width:10px; height:17px; margin-top:-8.5px; opacity:1; transition:all .10s ease}
.mnews_carousel .slick-prev:before{left:50%; margin-left:-6px; background:url("../images/common/carousel_set2_back.png") 50% 50% no-repeat; background-size:10px 17px}
.mnews_carousel .slick-next:before{right:50%; margin-right:-6px; background:url("../images/common/carousel_set2_next.png") 50% 50% no-repeat; background-size:10px 17px}
.mnews_carousel .slick-prev:hover:before,
.mnews_carousel .slick-next:hover:before{opacity:1}
.mnews_carousel .slick-prev.slick-disabled{display:none !important}
.mnews_carousel .slick-next.slick-disabled{display:none !important}



/* ---------- mstatic ---------- */
.mstatic{position:relative; padding:75px 0 40px; background:url("../images/main/mstatic_bg.jpg") 50% top no-repeat; background-size:cover}
.mstatic:before{content:''; position:absolute; left:50%; top:0; width:1px; height:60px; margin-left:-0.5px; background:#97a3c0}
.mstatic:after{content:''; position:absolute; left:50%; top:60px; width:7px; height:7px; margin-left:-3.5px; border-radius:50%; background:#97a3c0}
.mstatic .mstatic_inner{position:relative; width:1200px; margin:0 auto}
.mstatic .section_tit{text-align:center; margin-bottom:25px}
.mstatic .section_tit .tit{display:inline-block; line-height:150%; letter-spacing:-1.5px; color:#303030; font-size:28px; font-weight:300}

.mstatic .tab_static{position:absolute; right:0; top:5px; margin-bottom:25px; display:none}
.mstatic .tab_static ul{position:relative;}
.mstatic .tab_static ul:after{content:''; display:block; clear:both}
.mstatic .tab_static ul li{float:left; margin-left:5px}
.mstatic .tab_static ul li a{display:block; position:relative; padding:8px 15px; color:#505050; border:1px solid #dadada; background:#fff; line-height:135%; letter-spacing:-1.2px; font-size:14px; font-weight:normal; border-radius:100px; z-index:9; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;transition:all .20s ease}
.mstatic .tab_static ul li.active a{border:1px solid #2d9fd5; background:#2d9fd5; color:#fff}

.mstatic .mstatic_wrap .mstatic_list{position:relative; border:1px solid #e3e3e3; background:#fff}
.mstatic .mstatic_wrap .mstatic_list:after{content:''; display:block; clear:both}
.mstatic .mstatic_wrap .mstatic_list li{position:relative; float:left; width:25%; box-sizing:border-box}
.mstatic .mstatic_wrap .mstatic_list li:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#dadada}
.mstatic .mstatic_wrap .mstatic_list li:last-child:after{display:none}
.mstatic .mstatic_wrap .mstatic_box{display:block; position:relative; min-height:344px; padding:35px 20px 20px; box-sizing:border-box; overflow:hidden; transition:all .20s ease}
.mstatic .mstatic_wrap .mstatic_box .tit_area{position:relative; text-align:center; margin-bottom:20px;}
.mstatic .mstatic_wrap .mstatic_box .tit_area .tit{display:block; line-height:125%; color:#303030; letter-spacing:-1.5px; font-weight:normal; font-size:22px}
.mstatic .mstatic_wrap .mstatic_box .hotkeyword{margin:0 auto; height:240px; width:100%}



/* ---------- mbanner ---------- */
.mbanner{position:relative; border-top:1px solid #dadada}
.mbanner .mbanner_inner{position:relative; width:1200px; height:50px; margin:0 auto; box-sizing:border-box}
.mbanner .mbanner_inner:after{content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#fff}

.mbanner .section_tit{position:absolute; left:0; top:0}
.mbanner .section_tit .tit{display:inline-block; line-height:50px; letter-spacing:-1.5px; font-size:15px; color:#303030; font-weight:300}

.mbanner .slick-pause{position:absolute; left:160px; top:50%; width:20px; height:30px; margin-top:-15px; box-sizing:border-box; opacity:.6; z-index:1; transition:all .20s ease}
.mbanner .slick-pause .btn_pause{display:block; width:20px; height:30px; margin:0; padding:0; background:url("../images/main/mbanner_pause.png") 50% 50% no-repeat; background-size:6px 11px; cursor:pointer; border:0; border-radius:0}
.mbanner .slick-pause .btn_pause.paused{background:url("../images/main/mbanner_play.png") 50% 50% no-repeat; background-size:8px 11px}
.mbanner .slick-pause:hover{opacity:1}

.mbanner .mbanner_carousel{padding-left:220px; height:50px}
.mbanner .mbanner_carousel .carousel_box{position:relative; text-align:center}
.mbanner .mbanner_carousel .carousel_box:before{content:''; position:absolute; right:0; top:50%; width:1px; height:18px; margin-top:-9px; background:#dadada}
.mbanner .mbanner_carousel .carousel_box:first-child:before{display:none}
.mbanner .mbanner_carousel .carousel_box a{display:inline-block; position:relative; line-height:50px; font-size:15px; letter-spacing:-0.8px; color:#707070; transition:all .20s ease}
.mbanner .mbanner_carousel .carousel_box a:hover{color:#303030}


.mbanner .mbanner_carousel .slick-arrow{display:block; position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; padding:0; border:0; opacity:.6; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.mbanner .mbanner_carousel .slick-prev{left:130px; background:url("../images/common/carousel_set2_back.png") 50% 50% no-repeat; background-size:10px 17px}
.mbanner .mbanner_carousel .slick-next{left:180px; background:url("../images/common/carousel_set2_next.png") 50% 50% no-repeat; background-size:10px 17px}
.mbanner .mbanner_carousel .slick-prev:hover,
.mbanner .mbanner_carousel .slick-next:hover{opacity:1}
.mbanner .mbanner_carousel .slick-prev.slick-disabled{display:none !important}
.mbanner .mbanner_carousel .slick-next.slick-disabled{display:none !important}