@charset "UTF-8";

/* main_visual */
.main-visual {
    position:relative;
    z-index:3;
    margin-bottom:4.286rem;
}
.main-visual__slide{
    position:relative;
    width:100%;
    height:440px !important;
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:cover;
}
.main-visual .mobile {display:none;}
.main-visual .mobile img {width:100%;}
@media screen and (max-width:1475px) {
    .main-visual__slide{height:400px !important}
}
@media screen and (max-width:1067px) {
    .main-visual__slide{
        height:auto !important;
        background-image:none !important;
    }
    .main-visual .mobile {display:block;}
}

.main-visual .slick-dots button {
    width:11px;
    height:11px;
    background-color:#AAA8A8;
}
.main-visual .swiper-pagination {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    bottom:1rem !important;
}
.main-visual .swiper-pagination-bullet {
    position: relative;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px!important;
    width:2.1rem;
    height:0.5rem;
    background-color: transparent;
    font-size:0.8rem;
    color: #3b3b3b;
    transition: all .3s ease;
    background-color:#ddd;
    opacity:1;
    border-radius:0;
}
.main-visual .swiper-button-prev::after,
.main-visual .swiper-button-next::after {
    content:"" !important;
}
.main-visual .swiper-button-prev,
.main-visual .swiper-button-next {
    width:3.571rem;
    height:3.571rem;
    background-size:100% auto;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.main-visual .swiper-button-prev {
    background-image:url(../imgs/icon/ico_circle_left.svg);
    left:2.143rem;
}
.main-visual .swiper-button-next {
    background-image:url(../imgs/icon/ico_circle_right.svg);
    right:2.143rem;
}
.main-visual .swiper-pagination-bullet {    
    transform: scale(1) !important;
    left:0 !important;
}
.main-visual .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left:0.4rem;
}    
.main-visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:#024a73;
    color:#fff !important;
}    

.main-visual__link {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
}


.main_visual .vs_container {width:100%;height:27.14rem;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.main_visual .vs_cont {position:relative;padding-right:31.07rem}
.main_visual .vs_cont .left {position:relative;font-size:1.214rem;color:#222;padding-top:5.714rem}
.main_visual .vs_cont .left .mt5 {margin-top:0.3571rem}
.main_visual .vs_cont .left .mt35 {margin-top:2.5rem}
.main_visual .vs_cont .left .vs_img {max-width:100%;height:auto}
.main_visual .vs_cont .right {position:absolute;top:0;right:0;width:100%;max-width:31.07rem;}
.main_visual .vs_cont .right img {max-width:100%;height:auto}
@media screen and (max-width:800px){
    .main_visual .vs_cont {padding-right:30rem}
    .main_visual .vs_cont .right {max-width:30rem}
}
@media screen and (max-width:760px){
    .main_visual .vs_container {height:auto}
    .main_visual .vs_cont {padding-right:0}
    .main_visual .vs_cont .left {padding-top:5rem}
    .main_visual .vs_cont .right {position:relative;top:inherit;left:inherit;margin-top:3rem;text-align:right;padding-bottom:5rem}
    .main_visual .vs_cont .right {max-width:100%}
    .main_visual .vs_cont .right img {display:inline-block;width:100%;max-width:30rem}
}

.main_content {position:relative;z-index:2}
.main_content .bg {position:absolute;top:0;left:0;width:100%;height:37.86rem;background-color:#f1f1f1}

/* 최근활동소식 */
.main_activity_news {position:relative;text-align:center;padding-top:3.857rem}
.main_activity_news .s_img {box-shadow:4px 5px 9px rgba(7,0,2,0.35)}
.main_activity_news .subject {display:block;width:100%;margin-top:0.6429rem;font-size:1.143rem;line-height:1.214rem;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_activity_news .txt {margin-top:0.5rem;font-size:1rem;color:#999;line-height:1.429rem}
.main_activity_news .activity_slider {position:relative;margin:2.071rem -0.5rem 0}
.main_activity_news .tit {font-size:1.786rem;line-height:1.786rem;color:#222;font-weight:500}
.main_activity_news .activity_news_list {padding:0}
.main_activity_news .activity_news_list .list {position:relative;}
.main_activity_news .activity_news_list .list a {display:block;position:relative;padding:0 0.5rem}
.main_activity_news .activity_news_list .list .s_img {padding-top:39%}
.main_activity_news .activity_contorls {margin-top:2.143rem}
.main_activity_news .activity_contorls button {display:inline-block;position:relative;vertical-align:middle;width:9.857rem;height:2.214rem;background-size:100% auto;background-repeat:no-repeat;background-position:0 0}
.main_activity_news .activity_contorls button.act_prev {background-image:url(../imgs/main/act_prev.png)}
.main_activity_news .activity_contorls button.act_next {background-image:url(../imgs/main/act_next.png)}

/* 중간배너 */
.main_mid_banner {margin-top:3.857rem}
.main_mid_banner .top {position:relative;margin:-0.3571rem}
.main_mid_banner .top .banner_cont1,
.main_mid_banner .top .banner_cont2,
.main_mid_banner .top .mid_map {float:left;position:relative;padding:0.3571rem;}
.main_mid_banner .top .banner_cont1 a,
.main_mid_banner .top .banner_cont2 a {display:block;position:relative;width:100%;min-height:11.43rem;background-color:#fff;border:1px solid #ddd}
.main_mid_banner .top .banner_cont1 {width:24.9%}
.main_mid_banner .top .banner_cont2 {width:24.9%}
.main_mid_banner .top .banner_cont1 a {padding:2.429rem 1.714rem}
.main_mid_banner .top .banner_cont2 a {padding:1.857rem 1.714rem}
.main_mid_banner .top .mid_map {width:50.2%;}
.main_mid_banner .top .tit {font-size:1.286rem;line-height:1.643rem;font-weight:500;color:#005c86}
.main_mid_banner .top .txt {margin-top:0.6429rem;font-size:0.9286rem;line-height:1.214rem;color:#999}
.main_mid_banner .top .mid_map .tit2 {float:left;position:relative;width:22.5%;height:11.14rem;padding-top:2.786rem;font-size:1.286rem;color:#fff;font-weight:400;line-height:1.286rem;text-align:center;background-color:#696969}
.main_mid_banner .top .mid_map .tit2:before {
    display:block;
    content:"";
    position:relative;
    width:2.571rem;
    height:3.071rem;
    margin:0 auto 1.071rem; 
    background:url(../imgs/main/map_ico.png) no-repeat 0 0;
    background-size:100% auto;
}
.main_mid_banner .top .banner_cont1 a:after {
    display:block;
    content:"";
    position:absolute;
    bottom:1.643rem;
    right:1.857rem;
    width:4.357rem;
    height:3rem;
    background:url(../imgs/main/banner_bg1.png) no-repeat;
    background-size:100% auto;
}
.main_mid_banner .top .banner_cont2 a:after {
    display:block;
    content:"";
    position:absolute;
    bottom:1.643rem;
    right:1.857rem;
    width:3.429rem;
    height:3.143rem;
    background:url(../imgs/main/banner_bg2.png) no-repeat;
    background-size:100% auto;
}
.main_mid_banner .top .mid_map .map_cont {border:2px solid #aaaaaa;background-color:#696969}
.main_mid_banner .top .mid_map #main_map {position:relative;float:right;width:calc(100% - 22.5%)}
.main_mid_banner .top .mid_map #main_map img {width:100%;height:100%}
.main_mid_banner .bt {margin-top:0.6429rem;clear:both;}
.main_mid_banner .bt .bt_cont {padding:2.429rem 3.571rem;background:url(../imgs/main/main_mid_banner_bt_bg.jpg) no-repeat 0 0;background-size:cover;background-position:0 0}
.main_mid_banner .bt .bt_cont h3,
.main_mid_banner .bt .bt_cont p {display:inline-block;vertical-align:middle;position:relative;}
.main_mid_banner .bt .bt_cont p {margin-left:0.9286rem;font-size:1.071rem;color:#fff}
.main_mid_banner .bt .bt_cont h3 img {width:100%;max-width:18rem}
@media screen and (max-width:1097px){
    .main_mid_banner .top .banner_cont1 {width:50%}
    .main_mid_banner .top .banner_cont2 {width:50%}
    .main_mid_banner .top .mid_map {width:100%;}
    .main_mid_banner .top .mid_map .tit2 {float:none;width:100%;height:auto;padding:2rem 0}
    .main_mid_banner .top .mid_map #main_map {float:none;width:100%}
}
@media screen and (max-width:696px){
    .main_mid_banner .bt .bt_cont {padding:2.3rem 2.3rem;background-position:68% 0}
    .main_mid_banner .bt .bt_cont p {margin-left:0;display:block;}
}
@media screen and (max-width:437px){
    .main_mid_banner .top .banner_cont1 {width:100%}
    .main_mid_banner .top .banner_cont2 {width:100%}
}

/* 주요활동 */
.main_activity {margin-top:3.857rem}
.main_activity .tit {position:relative;text-align:center;font-size:1.786rem;line-height:1.786rem;color:#222;font-weight:500}
.main_activity .tit span {display:inline-block;position:relative;padding:0 3.714rem}
.main_activity .tit span:before,
.main_activity .tit span:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    transform:translateX(-50%);
    width:100%;
    max-width:11.93rem;
    height:1px;
    background-color:#000
}
.main_activity .tit span:before {left:-6.143rem}
.main_activity .tit span:after {right:-18.07rem}
.main_activity .activity_list {margin-top:2.071rem}
.main_activity .activity_list ul {margin:-0.9286rem}
.main_activity .activity_list ul li {float:left;position:relative;padding:0.9286rem;width:16.6666666666667%}
.main_activity .activity_list ul li a {display:block;position:relative;width:100%;padding-top:100%;border:2px solid #ddd;border-radius:100%}
.main_activity .activity_list ul li .list_cont {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}
.main_activity .activity_list ul li .list_cont .txt {margin-top:1.571rem;font-size:1.143rem;line-height:1.143rem;color:#222}
.main_activity .activity_list ul li .list_cont .img {display:block;position:relative;width:4.071rem;margin:0 auto}
.main_activity .activity_list ul li .list_cont .img img {max-width:100%;}
@media screen and (max-width:1079px){ 
    .main_activity .activity_list ul li {width:25%}
}
@media screen and (max-width:603px){
    .main_activity .activity_list ul li {width:33.33333333%}
}
@media screen and (max-width:414px){
    .main_activity .activity_list ul li {width:50%}
}


/* post */
.main_post {
    position:relative;
    margin:2rem 0;
}
.main_post .title {position:relative;padding-right:3rem;background-color:#aaaaaa;line-height:3rem;border:1px solid #ddd;border-bottom:0}
.main_post .title h3 {padding-left:1.5rem;font-size:1.214rem;color:#fff;font-weight:500}
.main_post .more {display:block;position:absolute;top:0;right:0;width:3rem;height:3rem;background-position:50% 50%;background-repeat:no-repeat;background-size:1.429rem 1.429rem}
.main_post .more {background-image:url(../imgs/main/more_icon.png)}
.main_post .post_tab {padding-left:4px}
.main_post .post_tab li {display:inline-block;margin-left:-4px}
.main_post .post_tab li a {display:block;width:7.429rem;background-color:#777;line-height:2.929rem;font-size:1.143rem;color:#fff;text-align:center}
.main_post .post_tab li.on a,
.main_post .post_tab li a:hover {background-color:#024a73}
.main_post .post_cont {
    min-height:13.43rem;
    padding:1.714rem 1.5rem;
    border:1px solid #ddd;
    border-top:0;
    background-color:#fff;
}
.main_post .right .post_cont {padding:1.714rem 2.143rem;text-align:center}
.main_post .right .post_cont .subject {margin-top:0.9286rem;font-size:1.071rem;line-height:1.143rem;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.main_post .post_list li {position:relative;margin-bottom:0.4143rem;padding-left:1rem;height:1.571rem;line-height:1.571rem;padding-right:4.071rem;font-size:1.143rem;color:#222}
.main_post .post_list li:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    width:0.3571rem;
    height:0.3571rem;
    background-color:#999;
}
.main_post .post_list li:last-child {margin-bottom:0}
.main_post .post_list li a {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222}
.main_post .post_list li .date {display:block;position:absolute;top:0;right:0;font-size:0.9286rem;line-height:1.571rem;color:#999;}
.main_post .gall_list {margin:-0.3571rem}
.main_post .gall_list li {float:left;position:relative;width:25%;padding:0.3571rem}
.main_post .gall_list li .s_img {padding-top:63.1%}
.main_post .left,
.main_post .right {float:left;position:relative;}
.main_post .left {width:36%;padding-right:0.3571rem}
.main_post .right {width:calc(100% - 36%);padding-left:0.3571rem}
@media screen and (max-width:1000px){ 
    .main_post .left,
    .main_post .right {width:100%;}
    .main_post .left {padding-bottom:0.3571rem;padding-right:0}
    .main_post .right {padding-top:0.3571rem;padding-bottom:0}
    .main_post .post_cont {min-height:auto}
}
@media screen and (max-width:720px){ 
    .main_post .gall_list li {width:50%}
}

/* 하단배너 */
.main_bt_banner {background-color:#024a73;padding:1rem 0;margin-top:3.857rem}
.main_bt_banner .banner_list {margin:-0.4286rem}
.main_bt_banner .banner_list li {float:left;position:relative;width:14.28571428571429%;padding:0.4286rem}
.main_bt_banner .banner_list li img {max-width:100%;height:auto}
@media screen and (max-width:1000px){ 
    .main_bt_banner .banner_list li {width:20%}
}
@media screen and (max-width:720px){ 
    .main_bt_banner .banner_list li {width:25%}
}
@media screen and (max-width:600px){ 
    .main_bt_banner .banner_list li {width:33.33333333%}
}
@media screen and (max-width:413px){ 
    .main_bt_banner .banner_list li {width:50%}
}