@charset "UTF-8";
/*에스코어드림*/
@font-face{
    font-family: 'CoreDream';
    font-weight: 400;
    src: url("../font/S-CoreDream-5.woff") format('woff');
    src: url("../font/S-CoreDream-5.woff2") format('woff2');
}
@font-face{
    font-family: 'CoreDream';
    font-weight: 600;
    src: url("../font/S-CoreDream-6Bold.woff2") format('woff2');
}

.visual{position:relative;padding: 46px 0 0 0}
.visual:before{display: block;position:absolute;top:-150px;left:-324px;width:629px;height: 629px;background: url(../images/main/visual_bg2.png) no-repeat;background-size:contain;z-index: -1 }
.visual:after{display: block;position:absolute;bottom:-88px;right:-210px;width:325px;height:325px;background: url(../images/main/visual_bg3.png) no-repeat;background-size:contain;z-index: -1 }
.visual .title{margin-left: 60px;margin-bottom:19px}
.visual .title .sub_title{display: block;font-size: 16px;line-height:22px;color: #8a8a8a;letter-spacing: -0.04em}
.visual .title h2 {font-family: 'CoreDream';font-size:40px;line-height:55px;color: #000;letter-spacing: -0.04em}
.visual .title h2 span.line2{display: block}
.visual .title h2 span.line1{position:relative;color:#d0585c }
.visual .title h2 span.line1:before{display: block;position:absolute;bottom:0;left:-10px;width: calc(100% + 20px);height: 24px;background-color:#f9d6cc;border-radius:10px;z-index: -1  }
.visual .visual_slide .slide_item{height: 384px;border-radius:20px;background-size: cover;background-position: center center;font-size: 0;line-height: 0}
.visual .visual_slide .slide_control{margin-left: 57px;font-size: 0;line-height: 0}
.visual .visual_slide .slide_control button{position:relative;width:30px;height:30px;vertical-align:middle;}
.visual .visual_slide .slide_control button:before{display: block;position:absolute;top:9px;left:1px;width: 27px;height: 6px;background:url(/site/mirae/images/main/main_sprite.png) no-repeat;}
.visual .visual_slide .slide_control button.prev{margin-right: 12px;}
.visual .visual_slide .slide_control button.prev:before{background-position: -4px -7px}
.visual .visual_slide .slide_control button.next{margin-left:4px;}
.visual .visual_slide .slide_control button.next:before{background-position: -4px -18px}
.visual .visual_slide .slide_control button.auto{margin-left:4px}
.visual .visual_slide .slide_control button.auto:before{left:11px;width: 5px;height:11px;background-position: -56px -8px}
.visual .visual_slide .slide_control button.slick-play:before{width:8px;height:10px;background-position:-41px -8px}
.visual .visual_slide .slide_control span{font-size: 15px;line-height: 28px;color: #4b413b;letter-spacing:-0.04em;vertical-align: top;}
.visual .visual_slide .slide_control span + span{margin-left: 15px;}
.visual .visual_slide .slide_list{margin-top:38px}

.favorite{position:relative;margin-top:80px;text-align: center;}
.favorite:before{display: block;position:absolute;top:-125px;left:-250px;width:1643px;height:250px;background: url(../images/main/visual_bg1.png) no-repeat;background-size: contain;z-index: -2}
.favorite li{display: inline-block;position:relative;width: 320px;vertical-align: top;}
.favorite li:before{display:block;position:absolute;top: 48px;right:-18px;width:36px;height:21px;background:url(/site/mirae/images/main/main_sprite.png) no-repeat -4px -34px;}
.favorite li:last-child:before{display:none}
.favorite li a {display: block;text-decoration:none}
.favorite li a:before{display:block;height:117px;margin:0 auto;transform: translateY(0);transition: all ease 0.25s}
.favorite li.n1 a:before{width:111px;background: url(/site/mirae/images/main/favorite_icon01.png) no-repeat 0 19px;background-size: contain}
.favorite li.n2 a:before{width:144px;background:url(/site/mirae/images/main/favorite_icon02.png) no-repeat 0 15px;background-size: contain}
.favorite li.n3 a:before{width:105px;background:url(/site/mirae/images/main/favorite_icon03.png) no-repeat;background-size: contain}
.favorite li.n4 a:before{width:121px;background:url(/site/mirae/images/main/favorite_icon04.png) no-repeat 0 5px;background-size: contain}
.favorite li span {display: block;font-size: 20px;line-height: 40px;letter-spacing: -0.025em;color: #222}
.favorite li:hover a:before{transform: translateY(-10px)}


.notice{margin-top: 80px}
.notice h2{font-size:40px;line-height:40px;font-weight:600;color: #222;letter-spacing: -0.025em}
.notice .info{position:relative;float: left;width: 920px;}
.notice .info_tab .tab_menu{position: absolute;top: 4px;left: 225px}
.notice .info_tab .tab_item {display: inline-block;margin-right:25px;vertical-align: top}
.notice .info_tab .tab_item .tab_button{font-size: 20px;line-height: 30px;font-weight:600;letter-spacing: -0.025em;color: #5a5a5a;}
.notice .info_tab .tab_item.active .tab_button{color: #ca5b63}
.notice .info_tab .tab_item.active .tab_button:after{display: block;width: 100%;height: 3px;background-color: #f58b93}
.notice .info_tab .tab_content{display: none;margin-top:30px;border-top:2px solid #000;}
.notice .info_tab .tab_content.active{display: block}
.notice .info_tab .tab_content .info_list li {position:relative;border-bottom:1px solid #e8e8e8}
.notice .info_tab .tab_content .info_list li a{display:block;padding: 27px 0;}
.notice .info_tab .tab_content .info_list li span{display: block;overflow: hidden;width: calc(100% - 150px);font-size:17px;line-height:24px;color:#111;white-space: nowrap;text-overflow: ellipsis;}
.notice .info_tab .tab_content .info_list li em{position:absolute;top: calc(50% - 12px);right:0;font-size:15px;line-height:24px;color:#898989;}

.notice .popup{position:relative;float: right;width:420px;}
.notice .popup .popup_slide{margin-top:30px;border-top:2px solid #000;}
.notice .popup .popup_slide .slide_control{position:absolute;top:3px;right:60px;font-size: 0;line-height: 0;}
.notice .popup .popup_slide .slide_control button{position:relative;width:40px;height:40px;}
.notice .popup .popup_slide .slide_control button:before{display: block;margin: 0 auto;background:url(/site/mirae/images/main/main_sprite.png) no-repeat}
.notice .popup .popup_slide .slide_control button.prev:before{width:16px;height:14px;background-position: -99px -9px;}
.notice .popup .popup_slide .slide_control button.prev:after{display: block;position:absolute;top:16px;right:0;width: 1px;height:11px;background-color: #e5e5e5;}
.notice .popup .popup_slide .slide_control button.next:after{display: block;position:absolute;top:16px;left:0;width: 1px;height:11px;background-color: #e5e5e5;}
.notice .popup .popup_slide .slide_control button.auto:before{width:8px;height:15px;background-position: -127px -9px;}
.notice .popup .popup_slide .slide_control button.slick-play:before{width:11px;height:14px;background-position: -143px -9px;}
.notice .popup .popup_slide .slide_control button.next:before{width:16px;height:14px;background-position: -164px -8px;}
.notice .popup .popup_slide .slide_list {margin-top:18px}
.notice .popup .slide_item {width: 100%;height: 226px;background-size: cover;background-position: center center;font-size: 0;line-height: 0}
.notice .popup .slide_item a {display: block;height:100%;}

.notice .more{display: block;position:absolute;right:0;top:0;width: 45px;height: 45px;border: 1px solid #d7d7d7;font-size: 0;line-height: 0}
.notice .more:before{display: block;position:absolute;top: 16px;left:15px;width:17px;height: 13px;background:url(/site/mirae/images/main/main_sprite.png) no-repeat -56px -38px}

.edu {position:relative;min-height:520px;margin-top:80px;font-family: 'CoreDream'; }
.edu .title_box{position:relative;float:left;width: 310px;padding-top:120px;letter-spacing: -0.04em;}
.edu .title_box .sub_title{display:block;font-size:20px;line-height:36px;color: #000;}
.edu .title_box h2{margin-bottom:33px;font-size:40px;line-height:50px;color: #000;font-weight: 600}
.edu .title_box em{display:block;font-size:15px;line-height:20px;color: #848484;font-weight:400;word-break: keep-all;}
.edu .btn_box{position:absolute;top:330px}
.edu .btn_box .btn_wrap a{display:inline-block;overflow:hidden;position:relative;width:88px;height:94px;margin-right:10px;padding:1px;background-color: #e8e8e8;border-radius:20px;text-align: center }
.edu .btn_box .btn_wrap a:before,.edu .btn_box .btn_wrap a:after,
.edu .btn_box .btn_wrap a span:before,.edu .btn_box .btn_wrap a span:after{display:block;position:absolute;transition:all linear 0.2s;animation-fill-mode:forwards  ;background-color: #000;z-index: 1;}
.edu .btn_box .btn_wrap a:before{top:0;left:0;width:0;height:20px;transition-delay:0.5s;}
.edu .btn_box .btn_wrap a:hover:before{width: 100%;transition-delay:0s;}
.edu .btn_box .btn_wrap a:after{top:0;right:0;width:20px;height:0;transition-delay:0.35s;}
.edu .btn_box .btn_wrap a:hover:after{height:100%;transition-delay:0.15s;}
.edu .btn_box .btn_wrap a span:before{bottom:0;right:0;width:0;height:20px;transition-delay:0.15s;}
.edu .btn_box .btn_wrap a:hover span:before{width: 100%;transition-delay:0.35s;}
.edu .btn_box .btn_wrap a span:after{bottom:0;left:0;width:20px;height:0;transition-delay:0s;}
.edu .btn_box .btn_wrap a:hover span:after{height:100%;transition-delay:0.5s;}
.edu .btn_box .btn_wrap a em {display:block;position: absolute;top: 1px;left: 1px;width: calc(100% - 2px);height: 38px;padding: 28px 0;font-size:15px;line-height: 20px;color: #606060;background-color:#fff;border-radius: 18px;vertical-align: middle;z-index: 2;}
.edu .btn_box .more{display:inline-block;position:relative;margin-top:76px;padding:0 70px 16px 12px;font-size:15px;line-height:20px;color: #848484;font-weight:400}
.edu .btn_box .more:before{display: block;position:absolute;left:0;bottom:0;width: 100%;height: 4px;background-color: #000}
.edu .btn_box .more:after{display:block;position:absolute;right:15px;bottom:18px;width:16px;height: 14px;background:url(/site/mirae/images/main/main_sprite.png) no-repeat -73px -8px;vertical-align: middle;transition: all ease 0.25s}
.edu .btn_box .more:hover:after{right:10px}
.edu .btn_box .more span{display:inline-block;vertical-align: middle}

.edu .edu_box{position:relative;float:right;width:1063px;font-size: 0;line-height: 0}
.edu .edu_box .slide_item {display: inline-block;width: calc((100% - 90px)/3);vertical-align: top;}
.edu .edu_box .slide_item + .slide_item{margin-left:45px;}
.edu .edu_box .slide_item a {display:block;}
.edu .edu_box .slide_item .photo_box{padding:30px;border: 2px solid #e8e8e8;border-radius:20px;}
.edu .edu_box .slide_item .photo_box span{display:block;width: 100%;height:360px;border-radius:20px;background-size: cover;background-position: center center;background-repeat: no-repeat;font-size: 0;line-height: 0}
.edu .edu_box .slide_item .text_box{margin-top: 30px}
.edu .edu_box .slide_item .text_box .state {display:block;width: 134px;border-radius:15px;background-color:#c9555f;font-size:15px;line-height:33px;color: #fff;text-align: center;}
.edu .edu_box .slide_item .text_box .state.img{background-color:#c9555f}
.edu .edu_box .slide_item .text_box .state.finish{background-color:#414141}
.edu .edu_box .slide_item .text_box .state.reserve{background-color:#e8e8e8;color:#414141}
.edu .edu_box .slide_item .text_box h3 {overflow:hidden;width:100%;font-size:20px;line-height:55px;color: #323232;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;}
.edu .edu_box .slide_item .text_box .edu_info span{display:block;font-size:15px;line-height:20px;color: #696969;letter-spacing: -0.04em;}
.edu .edu_box .slide_item a:hover{text-decoration:none}
.edu .edu_box .slide_item a:hover .text_box h3{text-decoration: underline;}

.sns{position:relative;margin:110px 0 95px}
.sns h2{font-size:40px;line-height:40px;font-weight:600;color: #222;letter-spacing: -0.025em}
.sns .sns_link{position:absolute;top:4px;left:253px;font-size: 0;line-height: 0}
.sns .sns_link li {display:inline-block;width: 32px;height: 32px;margin-right:11px;}
.sns .sns_link li a{display: block;height: 100%;background: url(/site/mirae/images/main/main_sprite.png) no-repeat}
.sns .sns_link li.facebook a{background-position:-152px -45px; }
.sns .sns_link li.blog a{background-position:-152px -86px;}
.sns .sns_link li.insta a{background-position:-152px -129px;}
.sns .sns_list{position:relative;height:270px;margin-top:28px;padding:43px 0 0 45px;background-color:#f5f5f5;border-radius: 50px }
.sns .sns_list:before{display: block;position:absolute;top:-86px;right:16px;width:469px;height: 380px;background:url(/site/mirae/images/main/sns_bg.png) no-repeat;background-size: contain;}
.sns .sns_list .sns_item{display:inline-block;position:relative;width: 285px;padding:0 43px;vertical-align: top}
.sns .sns_list .sns_item a{display: block}
.sns .sns_list .sns_item:after{display: block;position:absolute;right:0;top:-7px;width: 1px;height:198px;background-color: #dfdfdf}
.sns .sns_list .sns_item:last-child:after{display:none}
.sns .sns_list .sns_item .title {margin-bottom:7px;font-size: 0;line-height: 0}
.sns .sns_list .sns_item .title:before{display: block;background: url(/site/mirae/images/main/main_sprite.png) no-repeat}
.sns .sns_list .sns_item.facebook .title:before{width:115px;height:32px;background-position:-152px -45px }
.sns .sns_list .sns_item.blog .title:before{width:88px;height:32px;background-position:-152px -86px;}
.sns .sns_list .sns_item.insta .title:before{width:117px;height:32px;background-position:-152px -129px;}
.sns .sns_list .sns_item .thumbnail {width:100%;height: 148px;font-size: 0;line-height: 0;background-repeat: no-repeat;background-size:cover;background-position: center center}
.sns .sns_list .sns_item .text{overflow:hidden;max-height:144px;font-size: 15px;line-height: 24px;color: #111}
@media all and (max-width:1400px){
    .favorite li{width:280px}
    .favorite:before{top: -95px;left: -30px;width: 1213px;}

    .notice .info{width:calc(100% - 420px)}
    .notice .info_tab .tab_content .info_list li a{padding: 25px 0}
    .notice .popup{width:380px;}
    .notice .popup .slide_item{height: 205px}


    .edu .title_box{width: calc(100% - 915px);padding-top: 80px;}
    .edu .btn_box{top:280px}
    .edu .edu_box{width: 880px;}
    .edu .edu_box .slide_item{width: calc((100% - 61px)/3);}
    .edu .edu_box .slide_item + .slide_item{margin-left:30px;}
    .edu .edu_box .slide_item .photo_box{padding:20px}
    .edu .edu_box .slide_item .photo_box span{height:330px}

    .sns .sns_list:before{top: 15px;right: -15px;width: 300px;}
}
@media all and (max-width:1220px){
    .visual .title{margin-left: 5px;}
    .visual .visual_slide .slide_control{margin-left:0}

    .favorite li{width:220px}
    .favorite li:before{transform: scale(0.8)}
    .favorite:before{width: 993px;}

    .notice h2{font-size:32px}
    .notice .info{width:calc(100% - 410px)}
    .notice .info_tab .tab_menu{left:180px}
	
	.edu{min-height:auto;}
    .edu .title_box{width:100%;float: none;padding-top:0;}
    .edu .edu_box{width:100%;float: none;margin-top: 30px;}
    .edu .edu_box .slide_item{width: calc((100% - 41px)/3);}
    .edu .edu_box .slide_item + .slide_item{margin-left:20px;}
    .edu .edu_box .slide_item .photo_box{padding:30px}
    .edu .edu_box .slide_item .photo_box span{height: 35vw;}
    .edu .btn_box{position:static;margin-top: 60px;}
    .edu .btn_box .btn_wrap{text-align:center}
    .edu .btn_box .more{display: block;width: 180px;margin: 35px auto 0;text-align: left;}

    .sns h2{font-size:32px}
    .sns .sns_link{left:200px}
    .sns .sns_list{height:270px;margin-top:28px;padding:43px 0 0 20px;border-radius:40px }
    .sns .sns_list:before{top: 45px;right: -18px;width: 230px;height: 186px;}
    .sns .sns_list .sns_item{width: 248px;padding: 0 25px;vertical-align: top}


}
@media all and (max-width:1000px){
    .visual .title .sub_title{font-size: 14px;}
    .visual .title h2 {font-size:34px;line-height:50px;}
    .visual .visual_slide .slide_item{height: 32vw;}

    .favorite{margin-top:50px;}
    .favorite:before{width: 800px;}
    .favorite li{width: 180px;}
    .favorite li:before{top:40px}
    .favorite li a:before{height: 88px;}
    .favorite li.n1 a:before{width:90px;background-position: 0 10px;}
    .favorite li.n2 a:before{width:104px;background-position: 0 12px;}
    .favorite li.n3 a:before{width:85px;}
    .favorite li.n4 a:before{width:91px;background-position: 0 13px;}
    .favorite li span{font-size: 17px;line-height: 30px;}

    .notice h2{font-size:26px;line-height: 32px;}
    .notice .info{width: calc(100% - 320px);}
    .notice .info_tab .tab_content{margin-top:20px}
    .notice .info_tab .tab_menu{left:150px}
    .notice .info_tab .tab_item .tab_button{font-size:17px}
    .notice .info_tab .tab_item{margin-right:20px}
    .notice .info_tab .tab_content .info_list li a{padding: 18px 0;}
    .notice .info_tab .tab_content .info_list li span{width: calc(100% - 100px);font-size: 15px;line-height:24px;}
    .notice .info_tab .tab_content .info_list li em{top: calc(50% - 12px);font-size: 14px;line-height:24px;}
    .notice .popup{width: 300px;}
    .notice .popup .popup_slide{margin-top:20px}
    .notice .popup .slide_item{height: 161px;}
    .notice .popup .popup_slide .slide_control{top: -2px;right: 45px;}
    .notice .more{width:35px;height:35px;}
    .notice .more:before{top: 11px;left: 10px;transform: scale(0.9);}

    .edu .title_box .sub_title{font-size:17px;line-height:30px;}
    .edu .title_box h2{margin-bottom:20px;font-size:32px;line-height:40px}
    .edu .title_box em{font-size:14px}
    .edu .edu_box .slide_item .photo_box{padding:20px}
    .edu .edu_box .slide_item .text_box .state {width: 100px;font-size:14px;line-height:30px;}
    .edu .edu_box .slide_item .text_box h3 {font-size:17px;line-height:45px;}
    .edu .edu_box .slide_item .text_box .edu_info span{font-size:14px;}

    .sns .sns_list{padding: 40px 0 0;text-align:center}
    .sns .sns_list:before{display:none}
}
@media all and (max-width:800px){
    .visual{padding:30px 0 0 0;}
    .visual:before{top: -110px;left: -344px;width: 509px;}

    .visual .visual_slide .slide_item{height: 35vw;}
    .visual .title{margin-bottom:10px}
    .visual .title .sub_title{font-size: 14px;}
    .visual .title h2 {font-size:30px;line-height:50px;}
    .visual .title h2 span.line1:before{height:15px}
    .visual .visual_slide .slide_list{margin-top:25px}

    .favorite:before{top: -60px;left: -15px;width: 630px;}
    .favorite li{width: 150px;}
    .favorite li:before{top:35px;transform: scale(0.7);}
    .favorite li a:before{height: 75px;}
    .favorite li.n1 a:before{width:70px;background-position: 0 10px;}
    .favorite li.n2 a:before{width:84px;background-position: 0 12px;}
    .favorite li.n3 a:before{width:65px;background-position: 0 10px;}
    .favorite li.n4 a:before{width:75px;background-position: 0 15px;}

    .notice .info{width:100%;float: none;}
    .notice .popup{width: 420px;float: none;margin: 50px auto 0;}

    .notice .popup .slide_item{height:226px;}

    .edu .edu_box .slide_item{}
    .edu .edu_box .slide_item{width:228px;margin:0 15px}
    .edu .edu_box .slide_item + .slide_item{margin:0 15px}
    .edu .edu_box .slide_item .photo_box span{height:253px}

    .sns .sns_list{height:auto;margin-top: 20px;padding: 17px 0 150px;}
    .sns .sns_list .sns_item{display:block;width: 198px;margin: 0 auto;padding: 25px 0 30px;}
    .sns .sns_list .sns_item:after{right:0;top:auto;bottom:0;;width:100%;height:2px;background-color: #dfdfdf}

    .sns .sns_list:before{display:block;bottom: -24px;top:auto;right: calc(50% - 115px);}
}
@media all and (max-width:640px){
    .visual:after{bottom: -128px;right: -160px;width: 265px;}
    .visual .visual_slide .slide_control span + span{margin-left:10px}
    .visual .visual_slide .slide_control span{font-size:13px}

    .favorite{margin-top: 30px;}
    .favorite:before{top: -40px;width: 475px;}
    .favorite li{width: 120px;}
    .favorite li:before{top: 21px;transform: scale(0.55);}
    .favorite li a:before{height: 58px;}
    .favorite li.n1 a:before{width:56px;background-position: 0 10px;}
    .favorite li.n2 a:before{width:72px;background-position: 0 8px;}
    .favorite li.n3 a:before{width:52px;background-position: 0 0px;}
    .favorite li.n4 a:before{width:61px;background-position: 0 4px;}
    .favorite li span{font-size:15px;line-height: 20px;}
    .favorite .slick-track{padding: 10px 0}

    .notice{margin-top:60px}
    .notice .popup{width:100%;}
    .notice .popup .slide_item{height: 50vw;}

    .edu {margin-top:60px;}
    .edu .btn_box{position:static;margin-top:40px;}
    .edu .btn_box .btn_wrap{text-align:left;font-size: 0;line-height: 0;}
    .edu .btn_box .btn_wrap a{width: calc((100% - 24px)/2);height: 54px;margin-right: 20px;}
    .edu .btn_box .btn_wrap a:last-child{margin-right:0}
    .edu .btn_box .btn_wrap a br{display:none}
    .edu .btn_box .btn_wrap a em {height: 20px;padding: 17px 0;}
    .edu .edu_box .slide_item .text_box{margin-top: 20px}
    .edu .btn_box .more{width: 170px;margin: 30px 0 0;padding: 0 25px 16px 4px;text-align: left;font-size: 13px;}

    .sns{margin:55px 0 40px}
    .sns h2{font-size:20px}
    .sns .sns_link li{margin-right:0}
    .sns .sns_link li a{transform:scale(0.8)}
    .sns .sns_link{left:120px}
}
@media all and (max-width:480px){
    .visual .title h2 {font-size:18px;line-height:20px;}
    .visual .title h2 span.line1{margin-right:5px;font-size:15px}
    .visual .title h2 span.line1:before{left: -5px;bottom: -2px;width: calc(100% + 10px);height:10px}
    .visual .title h2 span.line2{display:inline-block}

    .notice{margin-top:40px}
    .notice h2{font-size:20px;line-height: 24px;}
    .notice .info_tab .tab_item{margin-right:15px}
    .notice .info_tab .tab_menu{top: -3px;left: 110px;}
    .notice .info_tab .tab_item .tab_button{font-size: 15px;}
    .notice .info_tab .tab_content .info_list li span{width: calc(100% - 85px);font-size: 14px;}
    .notice .info_tab .tab_content .info_list li em{top: calc(50% - 12px);font-size: 13px;}
    .notice .more{width:30px;height:30px;}
    .notice .more:before{top: 8px;left: 7px;transform: scale(0.7);}

    .edu {margin-top:45px;}
    .edu .title_box .sub_title{display:inline-block;font-size:15px;line-height:30px;}
    .edu .title_box h2{display:inline-block;margin-bottom:0;margin-left:5px;font-size:20px;line-height:30px}
    .edu .title_box em{margin-top:8px;font-size:15px}
    .edu .btn_box{margin-top: 20px;}
}


/* 함께 소통해요 240626추가 */
.rowgroup3 {padding:67px 0;}

@media screen and (max-width:768px){
	.rowgroup3 {padding:34px 0 42px;}
}
.gallery h2{font-size:40px;line-height:40px;font-weight:600;color: #222;letter-spacing: -0.025em}

.gallery .section_title{width:373px; height:31px; background:url(../images/main/main_sprite.png) no-repeat -10px -357px;}
.gallery .control{position:absolute; top:-6px; right:0;}
.gallery .control button{display:block; float:left; position:relative; width:144px; height:44px; border:1px solid #e6e6e6; border-left-width:0; font-size:17px; color:#2c2c2c;}
.gallery .control button:first-child{border-left-width:1px;}
.gallery .control button.active{border-color:#b11d57; background-color:#b11d57; font-weight:600; color:#fff;}
.gallery .control button.active:before{display:block; position:absolute; bottom:-7px; left:calc(50% - 7px); width:14px; border-top:7px solid #b11d57; border-right:7px solid transparent; border-left:7px solid transparent; box-sizing:border-box;}

.gallery .control button.facebook.active{border-color:#002d93; background-color:#002d93;}
.gallery .control button.facebook.active:before{border-top-color:#002d93;}
.gallery .control button.blog.active{border-color:#008b24; background-color:#008b24;}
.gallery .control button.blog.active:before{border-top-color:#008b24;}

.gallery .list{margin-top:63px;}
.gallery .list .slide a{display:block; position:relative; height:320px; margin-top:20px; border:1px solid #d8d8d8; border-left-width:0; text-decoration:none;}
.gallery .list .slide.slick-current a{border-left-width:1px;}
.gallery .list .slide:not(.activity) .tag{position:absolute; top:-20px; left:0; width:50px; height:44px; background:url(../images/main/main_sprite.png) no-repeat;}
.gallery .list .slide.facebook .tag{background-position:-424px -183px;}
.gallery .list .slide.blog .tag{background-position:-490px -183px;}
.gallery .list .slide .img_area{overflow:hidden; height:198px;}
.gallery .list .slide .img_area img{display:block; width:100%;}
.gallery .list .slide .text_area{padding:23px;}
.gallery .list .slide .text_area .title{overflow:hidden; height:45px; font-size:18px; color:#323232; line-height:23px;}
.gallery .list .slide a:hover .text_area .title,
.gallery .list .slide a:focus .text_area .title{text-decoration:underline;}
.gallery .list .slide .text_area .date{margin-top:20px; font-size:15px; color:#7e7e7e;}

.gallery .more{margin-top:25px;}
.gallery .more a{display:block; width:142px; height:44px; margin:0 auto; border:1px solid #e6e6e6; font-size:16px; color:#454545; text-align:center; line-height:42px;}
.gallery .more a:after{display:inline-block; width:13px; height:13px; margin:-2px 0 0 10px; background:url(../images/main/main_sprite.png) no-repeat -433px -10px; vertical-align:middle;}

@media screen and (max-width:1220px){
	.gallery .list .slide{width:306px;}
	.gallery .list .slide a{width:100%;}
	.gallery h2{font-size:32px}
}
@media screen and (max-width:900px){
	.gallery .control{top:2px;}
	.gallery .control button{width:113px; height:35px; font-size:15px; line-height:35px;}
	.gallery .list{width:calc(100% + 20px);}
	.gallery .list .slide{width:245px;}
	.gallery .list .slide a{height:255px;}
	.gallery .list .slide .img_area{height:159px;}
	.gallery .list .slide .text_area {padding:10px;}
	.gallery .list .slide .text_area .title{height:39px; font-size:15px; line-height:20px;}
	.gallery .list .slide .text_area .date{margin-top:16px; font-size:14px;}
}
@media screen and (max-width:768px){
	.gallery .section_title{transform:scale(0.67); transform-origin:left top;}
	.gallery .control{position:static; width:100%; max-width:339px; margin:22px auto 0;}
	.gallery .list {margin-top:25px;}
	.gallery .list .slide a{margin-top:10px;}
	.gallery .list .slide:not(.activity) .tag{top:-10px; transform:scale(0.76); transform-origin:left top;}
	.gallery .more a{width:130px; height:40px; margin-top:21px; font-size:15px; line-height:38px;}
}



@media all and (max-width:640px){
    .gallery h2{font-size:20px}
	}