@media (min-width: 1240px){  }
@media (max-width: 1240px) and (min-width: 768px){  }
@media (max-width: 768px){  }

.home_page {position: relative;}

/* 배경 그라데이션 */
#bg_gradation{background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));background: -o-linear-gradient(#ffffff, #f8f8f8);background: linear-gradient(#ffffff, #f8f8f8);}
@media (min-width: 1240px){
    #bg_gradation{padding-top: 100px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #bg_gradation{padding-top: 80px;}
}
@media (max-width: 768px){
    #bg_gradation{padding-top: 60px;}
}

/* 배너 */
#banner {position: relative;}
#banner .banner_list {}
#banner .banner_contents { position: absolute; top: 0; box-sizing: border-box; left: 50%; transform: translateX(-50%); height: 0;}
#banner .banner_item {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;background-size: cover !important;background-position: center !important;}
#banner .banner_body {-webkit-box-sizing: content-box;box-sizing: content-box;position: relative;}
#banner .banner_body.empty:before { display: none; }
#banner .banner_body:before {content: " ";display: block;position: absolute;background: -webkit-gradient( linear, left top, right top, from(#f354b1), color-stop(#9f3dff),to(#39b8fd) );background: -o-linear-gradient( left, #f354b1, #9f3dff,#39b8fd );background: linear-gradient( to right, #f354b1, #9f3dff,#39b8fd );top: 0;left: 0;}
#banner .banner_body h1, #banner .banner_body h2, #banner .banner_body h3{font-family: NS-EB, sans-serif;font-weight: normal;}
#banner .banner_body h1 span, #banner .banner_body h2 span, #banner .banner_body h3 span{font-family: NS-R, sans-serif;}
#banner .banner_body p{font-family: notokr-regular, sans-serif;}
#banner .banner_controller {position: absolute;font-size: 0;}
#banner .banner_controller .banner_controller_item{display: inline-block;vertical-align: middle;border-radius: 100%;cursor: pointer;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid rgba(255,255,255,0.5);}
#banner .banner_controller .banner_controller_item:hover{border: 1px solid white;}
#banner .banner_controller .banner_controller_item img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#banner .banner_pager {position: absolute;font-size: 0;text-align: center;}
#banner .banner_pager .pager_item{display: inline-block;vertical-align: middle;font-family: NS-R, sans-serif;color: rgba(255,255,255,0.3);}
#banner .banner_pager .pager_item.current{color: rgba(255,255,255,1);}

#banner .banner_link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; color: transparent; line-height: 1;}

#banner .slick-dots {display: block;text-align: center;font-size: 0;line-height: 1;position: absolute;width: 100%;}
#banner .slick-dots li {display: inline-block;vertical-align: middle;line-height: 1;}
#banner .slick-dots li button {font-size: 0;background-color: rgba(57, 184, 253, 0.2);}
#banner .slick-dots li.slick-active button {font-size: 0;background-color: rgba(57, 184, 253, 1);}

@media (min-width: 1600px){
    #banner {}
    #banner .banner_list {height: 650px;}
    #banner .banner_contents {width: 1600px; padding: 120px 180px 80px 100px;}
    #banner .banner_item {width: 1600px;height: 650px;margin: 0 25px;padding: 120px 180px 80px 180px;background-color: transparent;}
    #banner .banner_body {padding-top: 26px;  width: 50%; }
    #banner .banner_body:before {width: 20px;height: 4px;}
    #banner .banner_body h1, #banner .banner_body h2, #banner .banner_body h3{ /*font-family: NS-EB, sans-serif;*/font-size: 38px;letter-spacing: -0.76px;line-height: 54px;margin-bottom: 15px;}
    #banner .banner_body h1 span, #banner .banner_body h2 span, #banner .banner_body h3 span{font-size: 38px;letter-spacing: -0.76px;line-height: 54px;}
    #banner .banner_body p{font-size: 16px;letter-spacing: -0.32px;line-height: 26px;}
    #banner .banner_controller {bottom: -370px;}
    #banner .banner_controller .banner_controller_item{width: 51px;height: 51px;}
    #banner .banner_controller .banner_prev {margin-right: 9px;}
    #banner .banner_controller .banner_controller_item:hover{}
    #banner .banner_controller .banner_controller_item img{width: 6px;}
    #banner .banner_pager {width: 52px;height: 51px;bottom: -370px;right: 180px;}
    #banner .banner_pager .pager_item{font-size: 14px;letter-spacing: -0.28px;line-height: 51px;}
    #banner .banner_pager .pager_item.current {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
    #banner .banner_pager .pager_item.divide {margin: 0 5px;}
    #banner .banner_pager .pager_item.total {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}

    #banner .slick-dots {bottom: 40px;}
    #banner .slick-dots li:not(:last-child) {margin-right: 6px;}
    #banner .slick-dots li button {width: 6px;height: 6px;border-radius: 3px;}
    #banner .slick-dots li.slick-active button {width: 20px;height: 6px;border-radius: 3px;}
}

@media (min-width: 1240px) and (max-width: 1600px){
    #banner {}
    #banner .banner_list {height: 650px;}
    #banner .banner_contents { width: 1240px; padding: 120px 100px 80px 100px;}
    #banner .banner_item {width: 1240px;height: 650px;margin: 0 25px;padding: 120px 180px 80px 180px;background-color: transparent;}
    #banner .banner_body {padding-top: 26px; width: 50%;}
    #banner .banner_body:before {width: 20px;height: 4px;}
    #banner .banner_body h1, #banner .banner_body h2, #banner .banner_body h3{ /*font-family: NS-EB, sans-serif;*/font-size: 38px;letter-spacing: -0.76px;line-height: 54px;margin-bottom: 15px;}
    #banner .banner_body h1 span, #banner .banner_body h2 span, #banner .banner_body h3 span{font-size: 38px;letter-spacing: -0.76px;line-height: 54px;}
    #banner .banner_body p{font-size: 16px;letter-spacing: -0.32px;line-height: 26px;}
    #banner .banner_controller {bottom: -370px;left: 100px;}
    #banner .banner_controller .banner_controller_item{width: 51px;height: 51px;}
    #banner .banner_controller .banner_prev {margin-right: 9px;}
    #banner .banner_controller .banner_controller_item:hover{}
    #banner .banner_controller .banner_controller_item img{width: 6px;}
    #banner .banner_pager {width: 52px;height: 51px;bottom: -370px;right: 100px;}
    #banner .banner_pager .pager_item{font-size: 14px;letter-spacing: -0.28px;line-height: 51px;}
    #banner .banner_pager .pager_item.current {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
    #banner .banner_pager .pager_item.divide {margin: 0 5px;}
    #banner .banner_pager .pager_item.total {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}


    #banner .slick-dots {bottom: 40px;}
    #banner .slick-dots li:not(:last-child) {margin-right: 6px;}
    #banner .slick-dots li button {width: 6px;height: 6px;border-radius: 3px;}
    #banner .slick-dots li.slick-active button {width: 20px;height: 6px;border-radius: 3px;}
}

@media (max-width: 1240px) and (min-width: 768px){
    #banner {}
    #banner .banner_list {height: 460px;}
    #banner .banner_contents {width: 100%; padding: 80px 20px 60px 20px;}
    #banner .banner_item {width: 100vw;height: 460px;margin: 0;padding: 80px 20px 60px 20px;background-color: transparent;}
    #banner .banner_body {padding-top: 20px; width: 70%;}
    #banner .banner_body:before {width: 20px;height: 4px;}
    #banner .banner_body h1, #banner .banner_body h2, #banner .banner_body h3{ font-size: 32px;letter-spacing: -0.64px;line-height: 42px;margin-bottom: 30px;}
    #banner .banner_body h1 span, #banner .banner_body h2 span, #banner .banner_body h3 span{font-size: 32px;letter-spacing: -0.64px;line-height: 42px;}
    #banner .banner_body p{font-size: 14px;letter-spacing: -0.28px;line-height: 24px;}
    #banner .banner_controller {bottom: -260px;left: 20px;}
    #banner .banner_controller .banner_controller_item{width: 44px;height: 44px;}
    #banner .banner_controller .banner_prev {margin-right: 9px;}
    #banner .banner_controller .banner_controller_item:hover{}
    #banner .banner_controller .banner_controller_item img{width: 6px;}
    #banner .banner_pager {width: 52px;height: 51px;bottom: -260px;right: 20px;}
    #banner .banner_pager .pager_item{font-size: 14px;letter-spacing: -0.28px;line-height: 51px;}
    #banner .banner_pager .pager_item.current {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
    #banner .banner_pager .pager_item.divide {margin: 0 5px;}
    #banner .banner_pager .pager_item.total {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
}

@media (max-width: 768px){
    #banner { }
    #banner .banner_list {height: 460px;}
    #banner .banner_contents {width: 100%; padding: 30px 15px 50px 15px;}
    #banner .banner_item {width: 100vw;height: 460px;margin: 0;padding: 60px 15px 50px 15px;background-color: transparent;}
    #banner .banner_body {padding-top: 25px; word-break: keep-all; min-width: 290px; width: 60%;}
    #banner .banner_body:before {width: 20px;height: 4px;}
    #banner .banner_body h1, #banner .banner_body h2, #banner .banner_body h3{ font-size: 26px;letter-spacing: -0.52px;line-height: 36px;margin-bottom: 30px;}
    #banner .banner_body h1 span, #banner .banner_body h2 span, #banner .banner_body h3 span{font-size: 26px;letter-spacing: -0.52px;line-height: 36px;}
    #banner .banner_body p{font-size: 14px;letter-spacing: -0.28px;line-height: 24px;}
    #banner .banner_controller {bottom: -330px;left: 20px;}
    #banner .banner_controller .banner_controller_item{width: 44px;height: 44px;}
    #banner .banner_controller .banner_prev {margin-right: 9px;}
    #banner .banner_controller .banner_controller_item:hover{}
    #banner .banner_controller .banner_controller_item img{width: 6px;}
    #banner .banner_pager {width: 52px;height: 51px;bottom: -330px;right: 20px;}
    #banner .banner_pager .pager_item{font-size: 14px;letter-spacing: -0.28px;line-height: 51px;}
    #banner .banner_pager .pager_item.current {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
    #banner .banner_pager .pager_item.divide {margin: 0 5px;}
    #banner .banner_pager .pager_item.total {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}

    #banner .slick-dots {
        bottom: 30px;
    }

    #banner .slick-dots li:not(:last-child) {
        margin-right: 6px;
    }

    #banner .slick-dots li button {
        width: 6px;
        height: 6px;
        border-radius: 3px;
    }

    #banner .slick-dots li.slick-active button {
        width: 20px;
        height: 6px;
        border-radius: 3px;
    }
}


/* 정화소식 */

#news { }

#news .article_header {position: relative;}
#news .news_header .header_title {display: inline-block;vertical-align: middle;font-family: notokr-bold, sans-serif;font-weight: normal;}
#news .news_header .header_comment {display: inline-block;vertical-align: middle;font-family: notokr-regular, sans-serif;color: #707070;}
#news .news_header .header_more {display: block;position: absolute;top: 0;right: 0;font-size: 0;}
#news .header_more span {display: inline-block;vertical-align: middle;font-family: notokr-regular, sans-serif;color: #707070;}
#news .header_more img {display: inline-block;vertical-align: middle;}
#news .header_more img.hover {display: none;}
#news .header_more:hover span {color: #9f3dff;}
#news .header_more:hover img.hover {display: inline-block;}
#news .header_more:hover img:not(.hover) {display: none;}

#news .news_list{font-size: 0;white-space: nowrap;}
#news .news_list .news_item{display: inline-block;vertical-align: top;cursor: pointer;outline: none;}
#news .news_item .news_contents{}
#news .news_contents .thumbnail{background-size: cover;background-position: center !important;background-repeat: no-repeat;background-color: #232323; border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
#news .news_item:not(.item_media) .thumbnail { background-position: top !important; }
#news .news_contents .thumbnail:hover{-webkit-animation: linear forwards 0.3s expand_thumb;animation: linear forwards 0.3s expand_thumb;}

@-webkit-keyframes expand_thumb {
    from { background-size: 110%; }
    to { background-size: 125%; }
}

@keyframes expand_thumb {
    from { background-size: 110%; }
    to { background-size: 125%; }
}

#news .news_contents .board_name{background: -o-linear-gradient(45deg, #39b8fd, #9f3dff );background: linear-gradient(45deg, #39b8fd, #9f3dff );color: white;font-family: notokr-medium, sans-serif;text-align: center; transform: translateY(-50%);}

#news .news_contents .title{font-family: notokr-medium, sans-serif;}
#news .news_contents .registered_date{font-family: notokr-regular, sans-serif;color: #707070;}


@media (min-width: 1240px){
    #news {padding-bottom: 50px;}

    #news .article_header {font-size: 0; margin-bottom: 37px;}
    #news .news_header .header_title {font-size: 36px;line-height: 1}
    #news .news_header .header_comment {font-size: 16px;letter-spacing: -0.32px;line-height: 36px;margin-left: 27px;}
    #news .news_header .header_more {}
    #news .header_more span {font-size: 16px;letter-spacing: -0.32px;margin-right: 15px;line-height: 36px;}
    #news .header_more img {width: 20px;}
    #news .header_more .pc_hide { display: none !important; }
    #news .header_more .pc_show { display: inline-block; vertical-align: middle; }


    #news .news_list{width: 1240px;margin: 0 auto;white-space: nowrap;}
    #news .news_list .news_item{width: calc(33.333% - 26px);max-height: 415px;}
    #news .news_list .news_item:not(:last-child){margin-right: 40px;}
    #news .news_item .news_contents{}
    #news .news_contents .thumbnail{width: 100%;height: 217px;}
    #news .news_contents .board_name{width: 80px;height: 40px;margin-bottom: 5px;font-size: 14px;line-height: 40px;}
    #news .news_contents .title{width: 100%;max-height: 56px;font-size: 18px;letter-spacing: -0.36px;line-height: 28px;white-space: normal;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    #news .news_contents .registered_date{font-size: 14px;letter-spacing: -0.28px;line-height: 1;margin-top: 10px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #news {padding-bottom: 40px;}

    #news .article_header {font-size: 0; margin-bottom: 30px;}
    #news .news_header .header_title {font-size: 30px;line-height: 34px;}
    #news .news_header .header_comment {font-size: 14px;letter-spacing: -0.28px;line-height: 34px;margin-left: 20px;}
    #news .news_header .header_more {}
    #news .header_more span {font-size: 14px;letter-spacing: -0.28px;margin-right: 10px;line-height: 34px;}
    #news .header_more img {width: 16px;}

    #news .header_more .pc_show { display: none !important; }

    #news .news_list{width: 100%;}
    #news .news_list .news_item{width: 320px;max-height: 340px;}
    #news .news_list .news_item:not(:last-child){margin-right: 20px;}
    #news .news_item .news_contents{}
    #news .news_contents .thumbnail{width: 100%;height: 180px;}
    #news .news_contents .board_name{width: 60px;height: 30px;font-size: 12px;line-height: 30px;}
    #news .news_contents .title{width: 100%;max-height: 52px;font-size: 16px;letter-spacing: -0.32px;line-height: 26px;white-space: normal;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    #news .news_contents .registered_date{font-size: 12px;letter-spacing: -0.24px;line-height: 1;margin-top: 10px;}

    #news .news_list {padding-left : 20px;}

}
@media (max-width: 768px){
    #news {padding-bottom: 30px;}

    #news .article_header {font-size: 0; margin-bottom: 30px;}
    #news .news_header .header_title {display: block;font-size: 24px;line-height: 1;}
    #news .news_header .header_comment {display: block;font-size: 14px;letter-spacing: -0.32px;line-height: 1;margin-top: 20px;}
    #news .news_header .header_more {}
    #news .header_more span {font-size: 14px;letter-spacing: -0.28px;margin-right: 10px;line-height: 16px;}
    #news .header_more img {width: 16px;}

    #news .header_more .pc_show { display: none !important; }

    #news .news_list{width: 100%;padding: 0;}
    #news .news_list .news_item{width: 290px;max-height: 320px;}
    #news .news_list .news_item:not(:last-child){margin-right : 20px;}
    /*#news .news_list {padding-left : 20px;}*/
    #news .news_list { padding-left: 20px; }

    #news .news_item .news_contents{}
    #news .news_contents .thumbnail{width: 100%;height: 163px;}
    #news .news_contents .board_name{width: 60px;height: 30px;margin-bottom: 5px;font-size: 12px;line-height: 30px;}
    #news .news_contents .title{width: 100%;max-height: 44px;font-size: 16px;letter-spacing: -0.32px;line-height: 24px;white-space: normal;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    #news .news_contents .registered_date{font-size: 12px;line-height: 1;margin-top: 10px;}
}



/* 학부소개 */

#department {}
#department .article_header {position: relative; margin-bottom : 40px;}
#department .dept_header .header_title {display: block;font-family: notokr-bold, sans-serif;font-weight: normal; line-height: 1;}
#department .dept_header .header_comment {display: block;font-family: notokr-regular, sans-serif;color: #707070; line-height: 1;}


#department .dept_list_wrapper { }
#department .dept_list { margin: 0 auto; }
#department .dept_list .dept_item {border-radius: 100%;background-size: cover;background-position: center;display: inline-block;vertical-align: top;outline: none;position: relative; cursor: pointer;overflow: hidden;}
#department .dept_list .dept_item.slick-current {-webkit-box-shadow: 4px 0 30px rgba(36, 36, 36, 0.4);box-shadow: 4px 0 30px rgba(36, 36, 36, 0.4);}
#department .dept_item .dept_contents {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;}
#department .dept_item .dept_contents::before{content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; background:rgba(36, 36, 36, 0.5); top:50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 200px 0;}
#department .dept_item.slick-current .dept_contents::before{ background: -o-linear-gradient(45deg, rgba(57, 184, 253, 0.3), rgba(159, 61, 255, 0.3)); background: linear-gradient(45deg, rgba(57, 184, 253, 0.3), rgba(159, 61, 255, 0.3)); }
#department .dept_item .dept_contents li{width: 100%;text-align: center;}
#department .dept_contents .dept_name_en {font-family: notokr-regular, sans-serif;color: white;display: none;}
#department .dept_item.slick-current .dept_name_en {display: block;}
#department .dept_contents .dept_name_kor {font-family: notokr-medium, sans-serif;color: white;}
#department .dept_contents .dept_name_link {text-align: center;}
#department .dept_contents .dept_name_link img{display: none; cursor: pointer;}
#department .dept_item.slick-current .dept_name_link img {display: inline-block;}

#department .dept_controller {font-size: 0; text-align: center;}
#department .dept_controller .controller_item{display: inline-block;vertical-align: middle; position: relative;}
#department .dept_controller .controller_item.btn_prev { margin-right: 40px; }
#department .dept_controller .controller_item.btn_next { margin-left: 40px; }
#department .dept_controller .controller_item img {display: block; cursor: pointer;}
#department .dept_controller .controller_item img.hover {display: none;}
#department .dept_controller .controller_item:hover img:not(.hover) {display: none;}
#department .dept_controller .controller_item:hover img.hover {display: block;}
#department .dept_controller .current {font-family: NS-R, sans-serif;color: #232323;}
#department .dept_controller .divider {font-family: NS-R, sans-serif;color: #aaaaaa;margin: 0 10px;}
#department .dept_controller .total {font-family: NS-R, sans-serif;color: #aaaaaa;}

#department .controller_item.btn_next:hover::after, #department .controller_item.btn_prev:hover::after{content: "";display: block;background-color: transparent;width: 30px;height: 30px;position: absolute;top: calc(50% - 2px);left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 100%;cursor: pointer;}



@media (min-width: 1240px){

    @keyframes zoom {
        from { transform: scale(0.8); }
        to { transform: scale(1.1)}
    }

    #department {padding-top: 150px; padding-bottom: 90px;}
    #department.on_scroll {background-image: url(/res/service/img/index/main/main_triangle.svg);background-repeat: no-repeat;background-size: 730px;background-position-x: -120px; background-position-y: 100px;}
    #department .article_header {}
    #department .dept_header .header_title {font-size: 36px;line-height: 1}
    #department .dept_header .header_comment {font-size: 16px;letter-spacing: -0.32px;margin-top: 30px;}


    #department .dept_list_wrapper { height: 400px; width: 1750px; margin: -90px auto 0 auto; position: absolute; left: 50%; transform: translateX(-50%);}
    #department .dept_list { height: 350px; margin-bottom: 50px;}
    #department .dept_list .slick-track { padding: 30px 0 90px 0; }
    #department .dept_list .dept_item:not(.slick-current) {height: 270px;margin: 85px 35px 0 35px;transform: scale(0.8);}
    #department .dept_list .dept_item.slick-current {height: 270px;margin: 80px 35px 0 35px;-webkit-animation: zoom 0.5s ease-in-out;animation: zoom 0.5s ease-in-out;transform: scale(1.1)}

    #department .dept_item.slick-current .dept_contents { top: 55%; }
    #department .dept_item.slick-current .dept_name_en {font-size: 11px; letter-spacing: -0.22px; }
    #department .dept_item .dept_name_kor {font-size: 17px;letter-spacing: -0.32px;}
    #department .dept_item.slick-current .dept_name_kor {font-size: 18px;letter-spacing: -0.32px;margin-bottom: 26px;}
    #department .dept_contents .dept_name_link {}
    #department .dept_item.slick-current .dept_name_link { margin-bottom: -10px; transform: translateY(-10px); }
    #department .dept_contents .dept_name_link img{width: 20px;}

    #department .dept_controller {line-height: 36px; margin-top: 360px; }
    #department .dept_controller img {width: 6px;-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);}
    #department .dept_controller .current {font-size: 16px;line-height: 36px;width: 20px;}
    #department .dept_controller .divider {font-size: 16px;line-height: 36px;width: 20px;}
    #department .dept_controller .total {font-size: 16px;line-height: 36px;}
}
@media (max-width: 1240px) and (min-width: 768px){

    @keyframes zoom {
        from { transform: scale(0.8); }
        to { transform: scale(1.1)}
    }

    #department {padding-top: 100px; padding-bottom: 64px;}
    /*#department.on_scroll {background-image: url(/res/service/img/index/main/triangle.svg);background-repeat: no-repeat;background-size: 730px;background-position-x: -120px; background-attachment: fixed; background-position-y: bottom;}*/
    #department .article_header {}
    #department .dept_header .header_title {font-size: 30px;line-height: 1}
    #department .dept_header .header_comment {font-size: 14px;letter-spacing: -0.28px;margin-top: 30px;}


    #department .dept_list_wrapper { height: 400px; width: 1730px; margin: -65px auto 0 auto; position: absolute; left: 50%; transform: translateX(-50%);}
    #department .dept_list { height: 350px; margin-bottom: 50px;}
    #department .dept_list .slick-track { padding: 47px 0; }
    #department .dept_list .dept_item:not(.slick-current) {height: 270px;margin: 32px 30px 0 30px;transform: scale(0.8);}
    #department .dept_list .dept_item.slick-current {height: 270px;margin: 32px 30px 0 30px;-webkit-animation: zoom 0.5s ease-in-out;animation: zoom 0.5s ease-in-out;transform: scale(1.1)}

    #department .dept_item .dept_contents {}
    #department .dept_item.slick-current .dept_name_en {font-size: 16px;}
    #department .dept_item .dept_name_kor {font-size: 20px;letter-spacing: -0.4px;}
    #department .dept_item.slick-current .dept_name_kor {font-size: 24px;letter-spacing: -0.48px;margin-bottom: 40px;}
    #department .dept_contents .dept_name_link {}
    #department .dept_contents .dept_name_link img{width: 24px;}

    #department .dept_controller {line-height: 36px; margin-top: 367px; }
    #department .dept_controller img {width: 6px;-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);}
    #department .dept_controller .current {font-size: 16px;line-height: 36px;width: 20px;}
    #department .dept_controller .divider {font-size: 16px;line-height: 36px;width: 20px;}
    #department .dept_controller .total {font-size: 16px;line-height: 36px;}
}
@media (max-width: 768px){

    @keyframes zoom {
        from { transform: scale(0.8); }
        to { transform: scale(1)}
    }

    #department {padding-top: 80px; padding-bottom: 44px;}
    /*#department.on_scroll {background-image: url(/res/service/img/index/main/triangle.svg);background-repeat: no-repeat;background-size: 730px;background-position-x: -120px; background-attachment: fixed; background-position-y: bottom;}*/
    #department .article_header {}
    #department .dept_header .header_title {font-size: 24px;line-height: 1}
    #department .dept_header .header_comment {font-size: 14px;letter-spacing: -0.28px;margin-top: 30px;}


    #department .dept_list_wrapper { height: 400px; width: 1760px; margin: -65px auto 0 auto; position: absolute; left: 50%; transform: translateX(-50%);}
    #department .dept_list { height: 350px; margin-bottom: 50px;}
    #department .dept_list .slick-track { padding: 47px 0; }
    #department .dept_list .dept_item:not(.slick-current) {height: 270px;margin: 32px 30px 0 30px;transform: scale(0.8);}
    #department .dept_list .dept_item.slick-current {height: 270px;margin: 32px 30px 0 30px;-webkit-animation: zoom 0.5s ease-in-out;animation: zoom 0.5s ease-in-out;transform: scale(1.1)}

    #department .dept_item .dept_contents {}
    #department .dept_item.slick-current .dept_name_en {font-size: 16px;}
    #department .dept_item .dept_name_kor {font-size: 20px;letter-spacing: -0.4px;}
    #department .dept_item.slick-current .dept_name_kor {font-size: 24px;letter-spacing: -0.48px;margin-bottom: 40px;}
    #department .dept_contents .dept_name_link {}
    #department .dept_contents .dept_name_link img{width: 24px;}

    #department .dept_controller {line-height: 36px; margin-top: 367px; }
    #department .dept_controller img {width: 6px;-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);}
    #department .dept_controller .current {font-size: 16px;line-height: 36px;width: 20px;}
    #department .dept_controller .divider {font-size: 16px;line-height: 36px;width: 20px;}
    #department .dept_controller .total {font-size: 16px;line-height: 36px;}
}


/* 공지사항 + 행사안내 : 전체 레이아웃*/
@media (min-width: 1240px){
    #notice{padding: 50px 0 50px 0; position: relative; overflow: hidden;}
    #festival { padding: 50px 0 100px 0; position: relative; overflow: hidden; }
}
@media (max-width: 1240px) and (min-width: 768px){
    #notice{margin: 40px 0 80px 0;}
    #festival { margin: 80px 0 80px 0; }
}
@media (max-width: 768px){
    #notice{margin: 30px 0 60px 0;}
    #festival { margin: 60px 0 60px 0; }
}

/* 공지사항 : 해더 */
.notice_section .nt_header .nt_header_top{position: relative;}
.notice_section .nt_header .nt_header_top .nt_header_title{font-family: 'notokr-bold', Sans-Serif;text-align: center;}
.notice_section .nt_header .nt_header_top .nt_header_more{color: #707070;position: absolute;top: 50%;right: 0;-webkit-transform: translate( 0, -50%);-ms-transform: translate( 0, -50%);transform: translate( 0, -50%);cursor: pointer;background-repeat: no-repeat;background-size: contain;background-position: right;}
.notice_section .nt_header .nt_header_top .nt_header_more:hover{background-image: url("/res/service/img/index/main/btn_more_notice.png");color: #9f3dff;}
.notice_section .nt_header .nt_header_bottom{width: 100%;text-align: center;}
.notice_section .nt_header .nt_header_bottom .nt_header_category{font-size: 0;}
.notice_section .nt_header .nt_header_bottom .nt_header_item{font-family: 'notokr-medium', Sans-Serif;color: #cccccc;display: inline-block;cursor: pointer;position: relative;}
.notice_section .nt_header .nt_header_bottom .nt_header_item:hover, .notice_section .nt_header .nt_header_bottom .nt_header_item.active {color: #232323;}
.notice_section .nt_header .nt_header_bottom .nt_header_item:hover::before, .notice_section .nt_header .nt_header_bottom .nt_header_item.active::before {content: "";position: absolute;bottom: -5px;left: 50%;transform: translate(-50%, 0);height: 10px;width: 100%;z-index: -999;padding: 0 5px;background: -webkit-gradient(linear, left top, right top, from(#39b8fd), to(#9f3dff));background: -o-linear-gradient(left, #39b8fd, #9f3dff);background: linear-gradient(90deg, #39b8fd, #9f3dff);opacity: 0.5;}
@media (min-width: 1240px){
    #notice .bg_svg{background: url(/res/service/img/index/main/main_square.svg) no-repeat;width: 620px;height: 620px;position: absolute;top: -170px;right:-120px;}
    /*#festival .bg_svg{ transform: rotate(-180deg); background: url(/res/service/img/index/main/main_square.svg) no-repeat;width: 620px;height: 620px;position: absolute;bottom: -170px;left:-120px;}*/
    .notice_section .nt_header{margin-bottom: 35px;}
    .notice_section .nt_header .nt_header_top{margin-bottom: 40px;}
    .notice_section .nt_header .nt_header_top .nt_header_title{font-size: 36px;line-height: 36px;}
    .notice_section .nt_header .nt_header_top .nt_header_more{background-image: url("/res/service/img/index/main/btn_more.png");background-size: 20px;background-position-x: 57px;font-size: 16px;line-height: 20px;padding-right: 34px;}
    .notice_section .nt_header .nt_header_bottom .nt_header_category{height: 18px;}
    .notice_section .nt_header .nt_header_bottom .nt_header_item{margin: 0 25px;font-size: 18px;line-height: 18px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .notice_section .nt_header{margin-bottom: 25px;}
    .notice_section .nt_header .nt_header_top{margin-bottom: 30px;}
    .notice_section .nt_header .nt_header_top .nt_header_title{font-size: 30px;line-height: 30px;}
    .notice_section .nt_header .nt_header_top .nt_header_more{font-size: 14px;line-height: 16px;padding-right: 24px;background-image: url("/res/service/img/index/main/mobile/btn_more.png");}
    .notice_section .nt_header .nt_header_bottom .nt_header_category{height: 16px;}
    .notice_section .nt_header .nt_header_bottom .nt_header_item{margin: 0 20px;font-size: 16px;line-height: 16px;}
}
@media (max-width: 768px){
    .notice_section .nt_header{margin-bottom: 25px;}
    .notice_section .nt_header .nt_header_top{margin-bottom: 30px;}
    .notice_section .nt_header .nt_header_top .nt_header_title{font-size: 24px;line-height: 24px;}
    .notice_section .nt_header .nt_header_top .nt_header_more{font-size: 14px;line-height: 16px;padding-right: 24px;background-image: url("/res/service/img/index/main/mobile/btn_more.png");}
    .notice_section .nt_header .nt_header_bottom .nt_header_category{height: 16px;}
    .notice_section .nt_header .nt_header_bottom .nt_header_item{margin: 0 15px;font-size: 16px;line-height: 16px;}
}

/* 공지사항 : 타이틀 리스트*/
.notice_section .nt_item_wrapper{width: 100%;}
.notice_section .nt_item_wrapper .nt_list{width: 100%;font-size: 0;}
.notice_section .nt_item_wrapper .nt_list .nt_item{border-bottom: 1px solid #e5e5e5;position: relative;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: top;cursor: pointer;}
.notice_section .nt_item_wrapper .nt_list .nt_item:hover{color: #9f3dff;}
@media (min-width: 1240px){

    .notice_section .nt_item_wrapper .nt_list {min-height: 213px;}
    .notice_section .nt_item_wrapper .nt_list .nt_item{width: calc( 50% - 30px );display: inline-block;font-size: 18px;line-height: 70px;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'notokr-medium', Sans-Serif;padding-right: 100px;margin-right: 60px;}
    .notice_section .nt_item_wrapper .nt_list .nt_item:nth-child(2n){margin-right: 0;}
    .notice_section .nt_item_wrapper .nt_list .nt_item span{position: absolute;right: 0;}
    .notice_section .nt_item_wrapper .nt_list .nt_item:hover::before{content:"";position: absolute;right: 0;top: 50%;-webkit-transform: translate( 0, -50%);-ms-transform: translate( 0, -50%);transform: translate( 0, -50%);width: 20px;height: 20px;background-image: url("/res/service/img/index/main/btn_more_purple.png");background-size: contain;}
    .notice_section .nt_item_wrapper .nt_list .nt_item:hover span{display: none;}
}
@media (max-width: 1240px) and (min-width: 768px){

    .notice_section .nt_item_wrapper .nt_list {min-height: 153px;}
    .notice_section .nt_item_wrapper .nt_list .nt_item{width: calc( 50% - 20px );display: inline-block;font-size: 14px;line-height: 50px;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'notokr-medium', Sans-Serif;margin-right: 40px;}
    .notice_section .nt_item_wrapper .nt_list .nt_item:nth-child(2n){margin-right: 0;}
    .notice_section .nt_item_wrapper .nt_list .nt_item span{display: none;}
}
@media (max-width: 768px){
    .notice_section .nt_item_wrapper .nt_list {min-height: 204px;}
    .notice_section .nt_item_wrapper .nt_list .nt_item{width: 100%;font-size: 14px;line-height: 50px;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'notokr-medium', Sans-Serif;}
    .notice_section .nt_item_wrapper .nt_list .nt_item:nth-child(n+5){display: none;}
    .notice_section .nt_item_wrapper .nt_list .nt_item span{display: none;}
}


/* 기관소식 : 전체 레이아웃 */
#agency{background-image: url("/res/service/img/index/main/bg_news.jpg");background-size: cover;background-repeat: no-repeat;z-index: -999;overflow: hidden;}
@media (min-width: 1800px){
    #agency{width: 1800px;margin: 0 auto;padding-top: 100px;padding-bottom: 180px;}
}
@media (max-width: 1800px) and (min-width: 1240px){
    #agency {width: 100%;padding-top: 100px;padding-bottom: 180px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #agency {width: 100%;padding: 80px 0;}
}
@media (max-width: 768px){
    #agency {width: 100%;padding-top: 60px;padding-bottom: 50px;}
}

/* 기관소식 : 왼쪽 해더 */
#agency .ag_box {font-size: 0;width: 100%;position: relative;}
#agency .ag_box .ag_left{position: relative;}
#agency .ag_box .ag_left .ag_header{width: 100%;}
#agency .ag_box .ag_left .ag_header .nt_header_title{font-family: 'notokr-bold', Sans-Serif;}
#agency .ag_box .ag_left .ag_header .nt_header_ment{color: #aaaaaa;}
#agency .ag_box .ag_left .ag_header .ag_item{width: 100%;}
#agency .ag_box .ag_left .ag_header .ag_item .ag_item_list{position: relative;cursor: pointer;}
#agency .ag_box .ag_left .ag_header .ag_item .ag_item_list img{position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
#agency .ag_box .ag_left .ag_header .ag_item .ag_item_list .ag_item_next{display: none;}
#agency .ag_box .ag_left .ag_header .ag_item .ag_item_list.select{background-color: #51c2ff;}
#agency .ag_box .ag_left .ag_header .ag_item .ag_item_list.select:after{content: "";position: absolute;top:0;right: 0;width: 100%;height: 100%;background-image: url("/res/service/img/index/common/bu_menu_reverse.png");background-size: contain;background-position: right;background-repeat: no-repeat;}
#agency .ag_box .ag_left .ag_header .ag_item .ag_item_list.select .ag_item_next{display: block;}

@media (min-width: 1240px){
    #agency .ag_box .ag_left{display: inline-block;width: 280px;color: #ffffff;-webkit-box-sizing: border-box;box-sizing: border-box;}
    #agency .ag_box .ag_left::before{content: "";position: absolute;top:50%;right:0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);width: 1px;height: 100%;padding: 1000px 0;background-color: #797579;}
    #agency .ag_box .ag_left .ag_header .nt_header_title{font-size: 36px;line-height: 36px;margin-bottom: 30px;}
    #agency .ag_box .ag_left .ag_header .nt_header_ment{font-size: 16px;line-height: 16px;margin-bottom: 80px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list{width: 100%;font-size: 16px;line-height: 65px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list .ag_item_icon{left: 0;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list .ag_item_next{right: 20px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list span{margin-left:48px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list.select::before{content: "";position: absolute;top: 0;left: -20px;width: 20px;height: 100%;background-color: #51c2ff;}

}
@media (max-width: 1240px) and (min-width: 768px){
    #agency .ag_box .ag_left{display: inline-block;width: 240px;color: #ffffff;-webkit-box-sizing: border-box;box-sizing: border-box;}
    #agency .ag_box .ag_left::before{content: "";position: absolute;top:50%;right:0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);width: 1px;height: 100%;padding: 1000px 0;background-color: #797579;}
    #agency .ag_box .ag_left .ag_header .nt_header_title{font-size: 30px;line-height: 30px;margin-bottom: 20px;}
    #agency .ag_box .ag_left .ag_header .nt_header_ment{font-size: 14px;line-height: 14px;margin-bottom: 60px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list{width: 100%;font-size: 14px;line-height: 50px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list .ag_item_icon{left: 15px;width: 20px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list .ag_item_next{right: 15px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list span{margin-left:46px;}
}
@media (max-width: 768px){
    #agency .ag_box .ag_left{width: 100%;color: #ffffff;margin-bottom: 50px;}
    #agency .ag_box .ag_left .ag_header .nt_header_title{font-size: 24px;line-height: 24px;margin-bottom: 20px;}
    #agency .ag_box .ag_left .ag_header .nt_header_ment{font-size: 14px;line-height: 14px;margin-bottom: 30px;}
    #agency .ag_box .ag_left .ag_header .ag_item{font-size: 0;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list{width: 50%;display: inline-block;font-size: 14px;line-height: 50px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #6f6766;border-top: 0;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list:nth-child(-n+2){border-top: 1px solid #6f6766;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list:nth-child(2n){border-left: 0;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list .ag_item_icon{left: 15px;width: 20px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list .ag_item_next{right: 15px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list span{margin-left:46px;}
    #agency .ag_box .ag_left .ag_header .ag_item .ag_item_list.select::before{content: "";position: absolute;top: -1px;left: -1px;width: 100%;height: 100%;border: 1px solid #51c2ff;}

}


/* 기관소식 : 오른쪽 영역 */
#agency .ag_right .ag_card_list .ag_card .ag_card_box{background-color: #ffffff;border-bottom-right-radius: 10px;border-top-left-radius: 10px;z-index: 99;-webkit-box-shadow: 5px -5px 10px rgba(36,36,36, 0.1);box-shadow: 5px -5px 10px rgba(36,36,36, 0.1);}
#agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_date{color: #707070;margin-bottom: 15px;}
#agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_title{-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_content{color: #707070;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-break: break-word;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-family: notokr-regular, sans-serif !important;}
#agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_btn{font-family: 'NS-R',Sans-Serif;text-align: center;position: absolute;}
.ag_right .ag_card_list .ag_card .ag_card_box .ag_card_more{position: absolute;background: -o-linear-gradient(45deg, #39b8fd, #9f3dff);background: linear-gradient(45deg, #39b8fd, #9f3dff);border-radius: 100%;cursor: pointer;}
.ag_right .ag_card_list .ag_card .ag_card_box .ag_card_more img{width:14px;height: 12px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate( -50%, -50%);-ms-transform: translate( -50%, -50%);transform: translate( -50%, -50%);}
@media (min-width: 1240px){
    #agency .ag_right{display: inline-block;width: calc( 100% - 280px );vertical-align: top;}
    #agency .ag_right .ag_card_list .ag_card{width: 100%;position: relative;height: 422px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_bg{position: absolute;right: 0;top: 50px;width: 620px;height: 348px;background-image: url("/res/service/img/index/main/img_news01.jpg");background-repeat: no-repeat;background-size: cover;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box{position: absolute;bottom: -30px;left: 140px;width: 440px;height: 280px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 40px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_date{font-size: 14px;line-height: 14px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_title{font-size: 18px;line-height: 20px;margin-bottom: 24px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_content{font-size: 16px !important; letter-spacing: -0.32px !important; line-height: 26px;max-height:  52px;}
    .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_more{top: -30px;right: 40px;width: 60px;height: 60px;}

}
@media (max-width: 1240px) and (min-width: 768px){
    #agency .ag_right{display: inline-block;vertical-align: top;width: calc( 100% - 240px );}
    #agency .ag_right .ag_card_list .ag_card{width: 100%;position: relative;height: 324px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_bg{position: absolute;right: 0;top: 12px;width: 320px;height: 180px;background-image: url("/res/service/img/index/main/img_news01.jpg");background-repeat: no-repeat;background-size: cover;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box{position: absolute;bottom: 10px;left: 60px;width: calc(100% - 188px);height: 210px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 30px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_date{font-size: 12px;line-height: 12px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_title{font-size: 16px;line-height: 18px;margin-bottom: 14px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_content{font-size: 14px !important; letter-spacing: -0.28px !important; line-height: 24px;max-height:  48px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_btn{font-size: 14px;line-height: 14px;right: 30px;bottom: 30px;}
    .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_more{top: -25px;right: 30px;width: 50px;height: 50px;}
}
@media (max-width: 768px){
    #agency .ag_right{width: 100%;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box{width: calc( 100% - 40px );margin: 0px auto;height: 205px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 30px 20px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_date{font-size: 12px;line-height: 12px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_title{font-size: 16px;line-height: 18px;margin-bottom: 14px;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_content{font-size: 14px !important; letter-spacing: -0.28px !important; line-height: 20px;max-height:  72px;-webkit-line-clamp:3;}
    #agency .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_btn{display: none;}
    .ag_right .ag_card_list .ag_card .ag_card_box .ag_card_more{bottom: -25px;right: 40px;width: 50px;height: 50px;}
}

/* 모바일 */
#agency .ag_card_mobile_list .ag_card .ag_card_box{background-color: #ffffff;border-bottom-right-radius: 10px;border-top-left-radius: 10px;z-index: 99;-webkit-box-shadow: 5px -5px 10px rgba(36,36,36, 0.1);box-shadow: 5px -5px 10px rgba(36,36,36, 0.1);}
#agency .ag_card_mobile_list .ag_card .ag_card_box .ag_card_date{color: #707070;margin-bottom: 15px;}
#agency .ag_card_mobile_list .ag_card .ag_card_box .ag_card_title{-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#agency .ag_card_mobile_list .ag_card .ag_card_box .ag_card_content{color: #707070;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-break: break-word;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#agency .ag_card_mobile_list .ag_card .ag_card_box .ag_card_btn{font-family: 'NS-R',Sans-Serif;text-align: center;position: absolute;}
.ag_card_mobile_list .ag_card .ag_card_box .ag_card_more{position: absolute;background: -o-linear-gradient(45deg, #39b8fd, #9f3dff);background: linear-gradient(45deg, #39b8fd, #9f3dff);border-radius: 100%;cursor: pointer;}
.ag_card_mobile_list .ag_card .ag_card_box .ag_card_more img{width:14px;height: 12px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate( -50%, -50%);-ms-transform: translate( -50%, -50%);transform: translate( -50%, -50%);}
@media (max-width: 768px){
    #agency .ag_right{width: 100%;}
    #agency .ag_card_mobile_list .slick-list{ padding-bottom: 25px!important; }
    #agency .ag_card_mobile_list .ag_card { width: calc( 100vw - 70px ); outline: none; margin: 0 10px; }
    #agency .ag_card_mobile_list .ag_card .ag_card_box{position: relative; margin: 0px auto;height: 205px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 30px 20px;}
    #agency .ag_card_mobile_list .ag_card .ag_card_box .ag_card_date{font-size: 12px;line-height: 12px;}
    #agency .ag_card_mobile_list .ag_card .ag_card_box .ag_card_title{font-size: 16px;line-height: 18px;margin-bottom: 14px;}
    #agency .ag_card_mobile_list .ag_card .ag_card_box .ag_card_content{font-size: 14px !important; letter-spacing: -0.28px !important; line-height: 20px;max-height:  72px;-webkit-line-clamp:3;}
    #agency .ag_card_mobile_list .ag_card .ag_card_box .ag_card_btn{display: none;}
    .ag_card_mobile_list .ag_card .ag_card_box .ag_card_more{bottom: -25px;right: 20px;width: 50px;height: 50px;}
}

/* 좌우 버튼 */
#agency .dept_controller {font-size: 0; text-align: center;}
#agency .dept_controller .controller_item{display: inline-block;vertical-align: middle;}
#agency .dept_controller .controller_item.btn_prev { margin-right: 40px; }
#agency .dept_controller .controller_item.btn_next { margin-left: 40px; }
#agency .dept_controller .controller_item img {display: block; cursor: pointer;}
#agency .dept_controller .controller_item img.hover {display: none;}
#agency .dept_controller .controller_item:hover img:not(.hover) {display: none;}
#agency .dept_controller .controller_item:hover img.hover {display: block;}
#agency .dept_controller .current {font-family: NS-R, sans-serif;color: #232323;}
#agency .dept_controller .divider {font-family: NS-R, sans-serif;color: #aaaaaa;margin: 0 10px;}
#agency .dept_controller .total {font-family: NS-R, sans-serif;color: #aaaaaa;}

@media (min-width: 1240px){
    #agency .dept_controller {line-height: 36px; position: absolute; right: 40px; bottom: 25px; }
    #agency .dept_controller img {width: 6px;-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);}
    #agency .dept_controller .current {font-size: 16px;line-height: 36px;width: 20px;}
    #agency .dept_controller .divider {font-size: 16px;line-height: 36px;width: 20px;}
    #agency .dept_controller .total {font-size: 16px;line-height: 36px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #agency .dept_controller { line-height: 36px; position: absolute; right: 30px; bottom: 15px; }
    #agency .dept_controller img {width: 6px;-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);}
    #agency .dept_controller .current {font-size: 16px;line-height: 36px;width: 20px;}
    #agency .dept_controller .divider {font-size: 16px;line-height: 36px;width: 20px;}
    #agency .dept_controller .total {font-size: 16px;line-height: 36px;}
}
@media (max-width: 768px){
    #agency .dept_controller { display: none;  line-height: 36px; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
    #agency .dept_controller img {width: 6px;-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);}
    #agency .dept_controller .current {font-size: 16px;line-height: 36px;width: 20px;}
    #agency .dept_controller .divider {font-size: 16px;line-height: 36px;width: 20px;}
    #agency .dept_controller .total {font-size: 16px;line-height: 36px;}

}


/* sns : 레이아웃 */
#sns{ background-color: #f8f8f8;}
@media (min-width: 1240px){
    #sns{padding: 100px 0;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #sns{padding: 80px 0 50px;}
}
@media (max-width: 768px){
    #sns{padding-top: 60px;padding-bottom: 50px;}
}


/* sns : 해더 */
#sns .sns_header .sns_title{font-family: 'notokr-bold';text-align: center;}
#sns .sns_header .sns_tab{font-size: 0;text-align: center;}
#sns .sns_header .sns_tab .sns_tab_item{display: inline-block;color: #cccccc;cursor: pointer;position: relative; font-family: notokr-medium, sans-serif;}
#sns .sns_header .sns_tab .sns_tab_item:hover, #sns .sns_header .sns_tab .sns_tab_item.current{color: #232323; font-family: notokr-medium, sans-serif; position: relative; z-index: 2;}
#sns .sns_header .sns_tab .sns_tab_item:hover::before, #sns .sns_header .sns_tab .sns_tab_item.current::before{content: "";position: absolute;bottom: -5px;left: 50%; z-index: -1;transform: translate(-50% , 0);width: 100%;height: 10px;padding: 0 5px;background: -webkit-gradient(linear, left top, right top, from(#39b8fd), to(#9f3dff));background: -o-linear-gradient(left, #39b8fd, #9f3dff);background: linear-gradient(90deg, #39b8fd, #9f3dff);opacity: 0.5;}

@media (min-width: 1240px){
    #sns .sns_header{margin-bottom: 40px;}
    #sns .sns_header .sns_title{font-size: 36px;line-height: 36px;margin-bottom: 40px;}
    #sns .sns_header .sns_tab .sns_tab_item{font-size: 18px;line-height: 18px;margin: 0 25px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #sns .sns_header{margin-bottom: 30px;}
    #sns .sns_header .sns_title{font-size: 30px;line-height: 30px;margin-bottom: 30px;}
    #sns .sns_header .sns_tab .sns_tab_item{font-size: 16px;line-height: 16px;margin: 0 20px;}
}
@media (max-width: 768px){
    #sns .sns_header{margin-bottom: 30px;}
    #sns .sns_header .sns_title{font-size: 24px;line-height: 24px;margin-bottom: 30px;}
    #sns .sns_header .sns_tab .sns_tab_item{font-size: 16px;line-height: 16px;margin: 0 15px;}
    #sns .sns_header .sns_tab .sns_tab_item:first-child{margin-left: 0;}
    #sns .sns_header .sns_tab .sns_tab_item:last-child{margin-right: 0;}
}


/* sns : 리스트 아이템 */
#sns .sns_box_list{font-size: 0; white-space: nowrap;}
#sns .sns_box_list .slick-track{ padding: 10px 0; }
#sns .sns_box_list .sns_box_item{ box-shadow: 0 0 10px #e4e4e4; display: inline-block;border-radius: 10px;overflow: hidden;background-size: cover !important;background-repeat: no-repeat;background-position: center center !important;background: #6e6e6e;position: relative;cursor: pointer;outline: none;}
#sns .sns_box_list .sns_box_item:last-child{margin-right: 0;}
#sns .sns_box_list .sns_box_item .sns_box_icon{background-repeat: no-repeat;background-size: cover;position: absolute;}
#sns .sns_box_list .sns_box_item .sns_box_icon.youtube{background-repeat: no-repeat;background-size: cover;position: absolute; background-image: url("/res/service/img/index/common/mobile/btn_sns03_pressed.png");}
#sns .sns_box_list .sns_box_item .sns_box_icon.instagram{background-repeat: no-repeat;background-size: cover;position: absolute; background-image: url("/res/service/img/index/common/mobile/btn_sns01_pressed.png");}
#sns .sns_box_list .sns_box_item .sns_box_icon.blog{background-repeat: no-repeat;background-size: cover;position: absolute; background-image: url("/res/service/img/index/common/mobile/btn_sns05_pressed.png");}
#sns .sns_box_list .sns_box_item .sns_box_content_wapper{width: 100%;height: 100%;background-color: rgba(0,0,0, 0.5);position: absolute;top:0;left:0;z-index: 99;}
#sns .sns_box_list .sns_box_item .sns_box_content .sns_box_ment, #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_title{-o-text-overflow: ellipsis;text-overflow: ellipsis;word-break: break-word;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical; white-space: normal;}
#sns .sns_box_list .sns_box_item .sns_box_content .sns_box_title{-webkit-line-clamp:1;}
#sns .sns_box_list .sns_box_item .sns_box_content .sns_box_ment{-webkit-line-clamp:2;}
/*#sns .sns_box_list .slick-list.draggable{padding: 0!important;}*/
@media (min-width: 1240px){
    #sns .sns_box_list {width: 1240px;margin: 0px auto;}
    #sns .sns_box_list .slick-list.draggable{padding: 0!important;}
    #sns .sns_box_list .slick-track{width: 100%!important;-webkit-transform: translate(0) !important;-ms-transform: translate(0) !important;transform: translate(0) !important;}
    #sns .sns_box_list .sns_box_item{width: 386px!important;height: 386px;margin-right: 40px;vertical-align: top;}
    #sns .sns_box_list .sns_box_item .sns_box_icon{width: 30px;height: 30px;bottom: 30px;right: 30px;}
    #sns .sns_box_list .sns_box_item .sns_box_content_wapper .sns_box_content {width: 100%;padding: 150px 40px 40px 40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_category{font-size: 14px;line-height: 14px;color: #39b8fd;margin-bottom: 25px;}
    #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_title, #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_ment{font-size: 18px;line-height: 28px;color: #ffffff;}
    #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_btn{width: 24px;height: 24px;margin-top: 35px;background-image: url("/res/service/img/index/main/btn_more_white.png");background-repeat: no-repeat;background-size: contain;}


    /*!* sns 애니메이션 효과 *!*/
    /*.sns_box_content_wapper{-webkit-transform: translateY(101%);-ms-transform: translateX(101%);transform: translateY(101%);-webkit-transition: -webkit-transform .45s ease-in;transition: -webkit-transform .45s ease-in;-o-transition: transform .45s ease-in;transition: transform .45s ease-in;transition: transform .45s ease-in, -webkit-transform .45s ease-in;}*/
    /*.sns_box_item:hover .sns_box_content_wapper{-webkit-transform: translateY(0);-ms-transform: translateX(0);transform: translateY(0);}*/
    /*@-webkit-keyframes sns_box_item {*/
    /*    0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;} 35% {-webkit-transform: translateX(20px);transform: translateX(20px);opacity: 0;} 50.001% {-webkit-transform: translateX(-20px);transform: translateX(-20px);} 60% {-webkit-transform: translateX(0px);transform: translateX(0px);}*/
    /*}*/
    /*@keyframes sns_box_item {*/
    /*    0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;} 35% {-webkit-transform: translateX(20px);transform: translateX(20px);opacity: 0;} 50.001% {-webkit-transform: translateX(-20px);transform: translateX(-20px);} 60% {-webkit-transform: translateX(0px);transform: translateX(0px);}*/
    /*}*/

    .sns_box_item .sns_box_content_wapper{ display: none; }
    .sns_box_item:hover .sns_box_content_wapper{ display: block; }




}
@media (max-width: 1240px) and (min-width: 768px){
    #sns .sns_box_list_wrapper{overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }
    #sns .sns_box_list_wrapper::-webkit-scrollbar { display: none; }
    #sns .sns_box_list{width: 1020px;  padding: 0 20px; margin: 0px auto;}
    #sns .sns_box_item{width: 320px;height: 320px;margin-right: 30px;}
    #sns .sns_box_list .sns_box_item .sns_box_icon{width: 28px;height: 28px;bottom: 20px;right: 20px;}
    #sns .slick-list {padding-left : 20px; width: 100%;}

    #sns .sns_box_list .sns_box_item .sns_box_content_wapper .sns_box_content {width: 100%;padding: 154px 40px 40px 40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_category{font-size: 14px;line-height: 14px;color: #39b8fd;margin-bottom: 25px;}
    #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_title, #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_ment{font-size: 18px;line-height: 28px;color: #ffffff;}
    #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_btn{width: 24px;height: 24px;margin-top: 35px;background-image: url("/res/service/img/index/main/btn_more_white.png");background-repeat: no-repeat;background-size: contain;}

}
@media (max-width: 768px){
    #sns .sns_box_list_wrapper{overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }
    #sns .sns_box_list_wrapper::-webkit-scrollbar { display: none; }
    #sns .sns_box_list{ /* height: 290px!important;*/ width: 900px;padding: 0 15px;}
    #sns .sns_box_list .sns_box_item{width: 290px !important;height: 290px;margin-right:15px;}
    #sns .sns_box_list .sns_box_item .sns_box_icon{width: 28px;height: 28px;bottom: 20px;right: 20px;}
    #sns .slick-list {padding-left : 20px;}

    #sns .sns_box_list .sns_box_item .sns_box_content_wapper .sns_box_content {width: 100%;padding: 124px 40px 40px 40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_category{font-size: 14px;line-height: 14px;color: #39b8fd;margin-bottom: 25px;}
    #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_title, #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_ment{font-size: 18px;line-height: 28px;color: #ffffff;}
    #sns .sns_box_list .sns_box_item .sns_box_content .sns_box_btn{width: 24px;height: 24px;margin-top: 35px;background-image: url("/res/service/img/index/main/btn_more_white.png");background-repeat: no-repeat;background-size: contain;}


}
/* sns 예시 이미지 */
#sns .sns_box_list .sns_box_item:nth-child(2){background-image: url("/res/service/img/index/main/news_test_2.jpg");}
#sns .sns_box_list .sns_box_item:nth-child(3){background-image: url("/res/service/img/index/main/news_test_3.jpg");}




/* 슬라이드 : 레이아웃 */
#popup_zone{width: 100%;position: relative;}
@media (min-width: 1240px){
    #popup_zone{margin-bottom: 118px; height: 120px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #popup_zone .container { padding: 0; }
    #popup_zone{margin-bottom: 98px}
}
@media (max-width: 768px){
    #popup_zone .container { padding: 0; }
    #popup_zone{margin-bottom: 60px;}
}

/* 슬라이드 : 이미지 영역 */
#popup_zone{font-size: 0;}
#popup_zone .slide_list .slide_item{display: inline-block;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;}
@media (min-width: 1240px){
    #popup_zone .slide_list {width: 100%;height: 120px;position: relative;}
    #popup_zone .slide_list .slick-list {padding-left: calc(50% - 620px);}
    #popup_zone .slide_list.init {width: calc(620px + 50%);height: 120px;position: relative;right: calc(-50% + 620px);}
    #popup_zone .slide_list.init .slick-track { position: relative; left: -170px; }
    #popup_zone .slide_list .slide_item{width: 380px;height: 120px;margin-right: 50px;}
}
@media (max-width: 1240px) and (min-width: 768px){

    #popup_zone .slide_list {width: 1320px;}
    #popup_zone .slide_list .slick-list {padding-left: 70px;}
    #popup_zone .slide_list .slide_item{width: 39.0625vw;height: 12.24vw;margin-right: 30px;}
}
@media (max-width: 768px){
    #popup_zone .slide_list {width: 100vw;height: 31.66vw;overflow: hidden;}
    #popup_zone .slide_list .slide_item{width: 100vw;height: 31.66vw;}
}

/* 팝업존 */
#popup_zone .slide_list .slide_item{background-color: #232323; cursor: pointer;}

#popup_zone .slide_list_wrapper .slide_circle{font-size:0;text-align: center;height: 6px;margin-top: 20px;}
#popup_zone .slide_list_wrapper .slide_circle .slide_dot{display: inline-block;vertical-align: top;width: 8px;height: 8px;background-color: #cccccc;border-radius: 100%;margin-right: 10px;cursor: pointer;}
#popup_zone .slide_list_wrapper .slide_circle .slide_dot:last-child{margin-right: 0;}
#popup_zone .slide_list_wrapper .slide_circle .slide_dot.select{background-color: #1f1f1f;}

/* 슬라이드 : 버튼영역 */
@media (min-width: 1400px){
    #popup_zone .slide_list_wrapper .slide_btn {position: absolute;width: 1400px;height: 50px;top: 150px;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev, #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next {position: absolute;width: 50px;height: 50px;border-radius: 100%;background-color: rgba(31, 31, 31, 0.1);cursor: pointer; transform: translate(0, -115px);}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev:hover,  .slide_btn_next:hover{background-color: #1f1f1f !important;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev{left: 0;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next{right: 0;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev img, #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next img{width: 6px;height: 10px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate( -50% , -50%);-ms-transform: translate( -50% , -50%);transform: translate( -50% , -50%);}
}
@media (max-width: 1400px) and (min-width: 1240px){
    #popup_zone .slide_list_wrapper .slide_btn {position: absolute;width: 1240px;height: 50px;top: 150px;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev, #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next {position: absolute;width: 50px;height: 50px;border-radius: 100%;background-color: rgba(31, 31, 31, 0.1);cursor: pointer; transform: translate(0, -115px);}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev:hover, #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next:hover{background-color: #1f1f1f;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev{left: 0;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next{right: 0;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev img, #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next img{width: 6px;height: 10px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate( -50% , -50%);-ms-transform: translate( -50% , -50%);transform: translate( -50% , -50%);}
}
@media (max-width: 1240px) and (min-width: 768px){
    #popup_zone .slide_list_wrapper .slide_btn {position: absolute;width: 100%;height: 44px;bottom : -80px; left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev, #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next {position: absolute;width: 44px;height: 44px;border-radius: 100%;background-color: rgba(31, 31, 31, 0.1);cursor: pointer; transform: translate(0, calc(-6.12vw - 56px));}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev:hover, #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next:hover{background-color: #1f1f1f;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev:hover, #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next:hover{background-color: #1f1f1f;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev{left: 20px;top: 0;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next{right: 20px;top: 0;}
    #popup_zone .slide_list_wrapper .slide_btn .slide_btn_prev img, #popup_zone .slide_list_wrapper .slide_btn .slide_btn_next img{width: 6px;height: 10px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate( -50% , -50%);-ms-transform: translate( -50% , -50%);transform: translate( -50% , -50%);}

    #popup_zone .slide_list_wrapper .slide_circle{position: absolute;left: 50%;transform: translateX(-50%);}

}



/* 스케쥴 : 레이아웃 */
@media (min-width: 1240px){
    #schedule{}
}
@media (max-width: 1240px) and (min-width: 768px){
    #schedule{}
}
@media (max-width: 768px){
    #schedule{}
}

/* 스케쥴 : 해더 */
#schedule .scd_header{font-size: 0;position: relative;}
#schedule .scd_header .scd_header_title{font-family: 'notokr-bold', Sans-Serif;vertical-align: top;}
#schedule .scd_header .scd_header_ment{color: #707070;vertical-align: top;}
#schedule .scd_header .scd_header_more{color: #707070;position: absolute;right: 0;cursor: pointer;background-repeat: no-repeat;background-size: contain;background-position: right;}
#schedule .scd_header .scd_header_more:hover{background-image: url("/res/service/img/index/main/btn_more_purple.png");color: #9f3dff;}
@media (min-width: 1240px){
    #schedule .scd_header{margin-bottom: 40px;}
    #schedule .scd_header .scd_header_title{font-size: 36px;line-height: 36px;display: inline-block;}
    #schedule .scd_header .scd_header_ment{font-size: 16px;line-height: 36px;margin-left: 30px;display: inline-block;}
    #schedule .scd_header .scd_header_more{background-image: url("/res/service/img/index/main/btn_more.png");background-size: 20px;background-position-x: 57px;font-size: 16px;line-height: 20px;padding-right: 34px;top: 8px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #schedule .scd_header{margin-bottom: 30px;}
    #schedule .scd_header .scd_header_title{font-size: 30px;line-height: 30px;display: inline-block;}
    #schedule .scd_header .scd_header_ment{font-size: 14px;line-height: 30px;margin-left: 20px;display: inline-block;}
    #schedule .scd_header .scd_header_more{font-size: 14px;line-height: 16px;padding-right: 24px;background-image: url("/res/service/img/index/main/mobile/btn_more.png");top: 7px;}
}
@media (max-width: 768px){
    #schedule .scd_header{margin-bottom: 30px;}
    #schedule .scd_header .scd_header_title{font-size: 24px;line-height: 24px;}
    #schedule .scd_header .scd_header_ment{font-size: 14px;line-height: 14px;margin-top: 20px;}
    #schedule .scd_header .scd_header_more{font-size: 14px;line-height: 16px;padding-right: 24px;background-image: url("/res/service/img/index/main/mobile/btn_more.png");top: 4px;}
}


/* 스케쥴 : 컨텐츠 레이아웃 */
#schedule .scd_content .scd_content_list{width: 100%;}

@media (min-width: 1240px){
    #schedule .scd_content .scd_content_list{display: table;table-layout: fixed;}
    #schedule .scd_content .scd_content_list .scd_content_item{display: table-cell;vertical-align: top;-webkit-box-sizing: border-box;box-sizing: border-box;height: 250px;padding: 40px 30px;border: 1px solid #e5e5e5;border-right: none;position: relative;}
    #schedule .scd_content .scd_content_list .scd_content_item:last-child{border-right: 1px solid #e5e5e5;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #schedule .scd_content{overflow-x: scroll;}
    #schedule .scd_content::-webkit-scrollbar{width: calc(100vw - 40px);height: 2px;background-color: #e5e5e5;}
    #schedule .scd_content::-webkit-scrollbar-thumb{background-color: #51c2ff;}
    #schedule .scd_content::-webkit-scrollbar-track {background-color: #e5e5e5;}
    #schedule .scd_content .scd_content_list{min-width: 1100px;font-size: 0;margin-bottom: 20px;}
    #schedule .scd_content .scd_content_list .scd_content_item{display: inline-block;vertical-align: top;-webkit-box-sizing: border-box;box-sizing: border-box;width: 220px;height: 220px;padding: 30px 20px;border: 1px solid #e5e5e5;border-right: none;position: relative;}
    #schedule .scd_content .scd_content_list .scd_content_item:last-child{border-right: 1px solid #e5e5e5;}
    #schedule .scd_content .scd_content_list .scd_content_item.today{background-color: #51c2ff;border: none;color: #ffffff;}
    #schedule .scd_content .scd_content_list .scd_content_item.today::before{content: "";position: absolute;top: 0;right: -1px;height: 100%;width: 1px;z-index: 1;background-color: #51c2ff;}
}
@media (max-width: 768px){

}



/* 스케쥴 : 컨텐츠 내부 */
#schedule .scd_content_item {position: relative;}
@media (min-width: 1240px){
    #schedule .scd_content_item .scd_content_item_bg{background-image: url("/res/service/img/index/main/bu_calendar.png");background-repeat: no-repeat;background-position: left bottom;width: 100%;height: 100%;position: absolute;top:0;left:0;}
    #schedule .scd_content_item .scd_content_top{font-size: 0;position: relative;margin-bottom: 22px;}
    #schedule .scd_content_item .scd_content_top .scd_cotent_day{display: inline-block;vertical-align: top;line-height: 36px;font-size: 26px;font-family: 'NS-B',Sans-Serif;color: #000000;}
    #schedule .scd_content_item .scd_content_top .scd_cotent_day .scd_content_week{line-height: 36px;font-size: 16px;font-family: 'notokr-regular',Sans-Serif;margin-left: 16px;color: #aaaaaa;}
    #schedule .scd_content_item .scd_content_top .scd_content_weather {position: absolute;width: 36px;height: 36px;background-image: url("/res/service/img/index/main/ico_weather01.png");background-size: contain;background-repeat: no-repeat;right: 0;top: 0;}
    #schedule .scd_content_item .scd_content_bottom {font-size: 16px;line-height: 32px;}
    #schedule .scd_content_item .scd_content_bottom .scd_content_title{padding-left: 10px;position: relative;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    #schedule .scd_content_item .scd_content_bottom .scd_content_title::before{content: "";position: absolute;width: 3px;height: 3px;top: 50%;left: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);background-color: #000000;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #schedule .scd_content_item .scd_content_item_bg{background-image: url("/res/service/img/index/main/bu_calendar.png");background-repeat: no-repeat;background-position: left bottom;width: 100%;height: 100%;position: absolute;top:0;left:0;}
    #schedule .scd_content_item .scd_content_top{font-size: 0;position: relative;margin-bottom: 15px;}
    #schedule .scd_content_item .scd_content_top .scd_cotent_day{display: inline-block;vertical-align: top;line-height: 24px;font-size: 20px;font-family: 'NS-B',Sans-Serif;color: #000000;}
    #schedule .scd_content_item .scd_content_top .scd_cotent_day .scd_content_week{line-height: 24px;font-size: 14px;font-family: 'notokr-regular',Sans-Serif;margin-left: 10px;color: #aaaaaa;}
    #schedule .scd_content_item .scd_content_top .scd_content_weather {position: absolute;width: 24px;height: 24px;background-image: url("/res/service/img/index/main/mobile/ico_weather01.png");background-size: contain;background-repeat: no-repeat;right: 0;top: 0;}
    #schedule .scd_content_item .scd_content_bottom {font-size: 14px;line-height: 24px;}
    #schedule .scd_content_item .scd_content_bottom .scd_content_title{padding-left: 10px;position: relative;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    #schedule .scd_content_item .scd_content_bottom .scd_content_title::before{content: "";position: absolute;width: 3px;height: 3px;top: 50%;left: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);background-color: #000000;}
}
@media (max-width: 768px){
    #schedule .scd_content .scd_content_item{width: 100%;}
    #schedule .scd_content .scd_content_item .scd_content_top{height: 24px;width: 100%;position: relative;margin-bottom: 20px;}
    #schedule .scd_content .scd_content_item .scd_content_top .scd_cotent_day{display: inline-block;vertical-align: top;line-height: 24px;font-size: 20px;font-family: 'NS-B',Sans-Serif;color: #000000;}
    #schedule .scd_content_item .scd_content_top .scd_cotent_day .scd_content_week{line-height: 24px;font-size: 14px;font-family: 'notokr-regular',Sans-Serif;margin-left: 10px;color: #aaaaaa;}
    #schedule .scd_content_item .scd_content_top .scd_content_weather {position: absolute;width: 24px;height: 24px;background-image: url("/res/service/img/index/main/mobile/ico_weather01.png");background-size: contain;background-repeat: no-repeat;right: 0;top: 0;}
    #schedule .scd_content_item .scd_content_bottom {font-size: 14px;line-height: 60px;}
    #schedule .scd_content_item .scd_content_bottom .scd_content_title{width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;background-color: #f8f8f8;margin-bottom: 10px;position: relative;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    #schedule .scd_content_item .scd_content_bottom .scd_content_title:last-child{margin-bottom: 0;}

    /* 모바일 상단 */
    #schedule .scd_mcontent{width: 100%;height: 65px;margin-bottom: 30px;position: relative;}
    #schedule .scd_mcontent:before{content: "";position: absolute;width: 100vw;height: 1px;background-color: #e5e5e5;bottom: 0;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
    #schedule .scd_mcontent .scd_mcontent_box_wrapper{display: table;table-layout: fixed;width: 100%;height: 100%;position: relative;}
    #schedule .scd_mcontent .scd_mcontent_box_wrapper .scd_mcontent_box{display: table-cell;height: 100%;text-align: center;position: relative; cursor: pointer;}
    #schedule .scd_mcontent .scd_mcontent_box_wrapper .scd_mcontent_box .scd_content_item_bg{background-image: url("/res/service/img/index/main/bu_calendar.png");background-repeat: no-repeat;background-position: left bottom;background-size: contain;width: 100%;height: 90%;position: absolute;bottom:0;left:0;}
    #schedule .scd_mcontent .scd_mcontent_box_wrapper .scd_mcontent_box .scd_mcontent_week{font-size: 12px;line-height: 12px;margin-top: 13px;margin-bottom: 10px;color: #cccccc;}
    #schedule .scd_mcontent .scd_mcontent_box_wrapper .scd_mcontent_box .scd_mcontent_day{font-family: 'NS-EB',Sans-Serif;font-size: 20px;line-height: 20px;}

    /*!* 다른일정 감추기 *!*/
    #schedule .scd_content_item:not(.today){display: none;width: 20%;}
}



/* 활성화 시 */
@media (min-width: 1240px){
    #schedule .scd_content .scd_content_list .scd_content_item.today{background-color: #51c2ff;border: none;color: #ffffff;-webkit-box-shadow: 0px 0px 15px #ccc;box-shadow: 0px 0px 15px #ccc;}
    #schedule .scd_content .scd_content_list .scd_content_item.today::before{content: "";position: absolute;top: 0;right: -1px;height: 100%;width: 1px;z-index: 1;background-color: #51c2ff;}
    #schedule .scd_content .scd_content_list .scd_content_item.today .scd_cotent_day, #schedule .scd_content .scd_content_list .scd_content_item.today .scd_content_week{color: #ffffff;}
    #schedule .scd_content .scd_content_list .scd_content_item.today .scd_content_weather {background-image: url("/res/service/img/index/main/ico_weather01_pressed.png");}
    #schedule .scd_content_item.today .scd_content_bottom .scd_content_title::before{background-color: #ffffff;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #schedule .scd_content .scd_content_list .scd_content_item.today{background-color: #51c2ff;border: none;color: #ffffff;-webkit-box-shadow: 0px 0px 15px #ccc;box-shadow: 0px 0px 15px #ccc;}
    #schedule .scd_content .scd_content_list .scd_content_item.today::before{content: "";position: absolute;top: 0;right: -1px;height: 100%;width: 1px;z-index: 1;background-color: #51c2ff;}
    #schedule .scd_content .scd_content_list .scd_content_item.today .scd_cotent_day, #schedule .scd_content .scd_content_list .scd_content_item.today .scd_content_week{color: #ffffff;}
    #schedule .scd_content .scd_content_list .scd_content_item.today .scd_content_weather {background-image: url("/res/service/img/index/main/ico_weather01_pressed.png");}
    #schedule .scd_content_item.today .scd_content_bottom .scd_content_title::before{background-color: #ffffff;}
}
@media (max-width: 768px){
    #schedule .scd_mcontent .scd_mcontent_box_wrapper .scd_mcontent_box.today{background-color: #51c2ff;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow: 0px 0px 5px #ccc;}
    #schedule .scd_mcontent .scd_mcontent_box_wrapper .scd_mcontent_box.today .scd_mcontent_week{color: #ffffff;}
    #schedule .scd_mcontent .scd_mcontent_box_wrapper .scd_mcontent_box.today .scd_mcontent_day{color: #ffffff;}
}




/* 퀵버튼 */
#quick_btn .quick_btn_menu{background: -o-linear-gradient(45deg, #39b8fd, #9f3dff);background: linear-gradient(45deg, #39b8fd, #9f3dff);border-radius: 100%;position: relative;cursor: pointer;}
#quick_btn .quick_btn_menu img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate( -50%, -50%);-ms-transform: translate( -50%, -50%);transform: translate( -50%, -50%);}
#quick_btn .quick_btn_top{background-color: #ffffff;border-radius: 100%;position: relative;-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);cursor: pointer;}
#quick_btn .quick_btn_top img{width: 14px;height: 8px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate( -50%, -50%);-ms-transform: translate( -50%, -50%);transform: translate( -50%, -50%);}
@media (min-width: 1240px){
    #quick_btn{position: fixed;bottom: 70px;right: 100px;z-index: 99;}
    #quick_btn .quick_btn_menu{width: 68px;height: 68px;}
    #quick_btn .quick_btn_menu img{width: 25px;height: 25px;-ms-interpolation-mode: nearest-neighbor;image-rendering: -webkit-optimize-contrast;image-rendering: -moz-crisp-edges;image-rendering: -o-pixelated;image-rendering: pixelated;}
    #quick_btn .quick_btn_top{width: 68px;height: 68px;margin-top: 15px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #quick_btn{position: fixed;bottom: 40px;right: 20px;z-index: 99;}
    #quick_btn .quick_btn_menu{width: 55px;height: 55px;}
    #quick_btn .quick_btn_menu img{width: 24px;height: 24px;}
    #quick_btn .quick_btn_top{width: 55px;height: 55px;margin-top: 10px;}
}
@media (max-width: 768px){
    #quick_btn{position: fixed;bottom: 40px;right: 20px;z-index: 99;}
    #quick_btn .quick_btn_menu{width: 55px;height: 55px;}
    #quick_btn .quick_btn_menu img{width: 24px;height: 24px;}
    #quick_btn .quick_btn_top{width: 55px;height: 55px;margin-top: 10px;}
}


/* 퀵 메뉴 : 전체 레이아웃 및 해더 */
.hidden {height:100%;min-height:100%;overflow:hidden !important;-ms-touch-action:none;touch-action:none;}
.none{display: none;}
#quick_menu{position: fixed;top:0;left: 0;z-index: 1000;width: 100vw;height: 100vh;}
#quick_menu .quick_menu_box{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
#quick_menu .quick_menu_box .qm_header{position: relative;font-size: 0;}
#quick_menu .quick_menu_box .qm_header::before{content: "";position: absolute;padding: 0 40px;bottom: 0;left: 50%;-webkit-transform: translate( -50%, 0);-ms-transform: translate( -50%, 0);transform: translate( -50%, 0);width: 100%;height: 2px;background: -webkit-gradient(linear, right top, left top, from(#39b8fd), color-stop(#9f3dff), to(#f354b1));background: -o-linear-gradient(right, #39b8fd, #9f3dff, #f354b1);background: linear-gradient(-90deg, #39b8fd, #9f3dff, #f354b1);}
#quick_menu .quick_menu_box .qm_header .qm_header_title{font-family: 'notokr-medium', Sans-Serif;}
#quick_menu .quick_menu_box .qm_header .qm_header_close{width: 24px;height: 24px;background-image: url("/res/service/img/index/common/btn_close.png") ;background-size: contain;background-repeat: no-repeat;position: absolute;right: 0;top: 50%;-webkit-transform: translate(0 , -50%);-ms-transform: translate(0 , -50%);transform: translate(0 , -50%);cursor: pointer;}

@media (min-width: 1240px){
    #quick_menu .quick_bg{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
    #quick_menu .quick_menu_box{width: 800px;height: 670px;padding: 0 40px;background-color: #ffffff;border-radius: 10px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
    #quick_menu .quick_menu_box .qm_header{height: 80px;}
    #quick_menu .quick_menu_box .qm_header .qm_header_title{line-height: 80px;font-size: 26px;display: inline-block;vertical-align: top;}
    #quick_menu .quick_menu_box .qm_header .qm_header_ment{line-height: 80px;font-size: 14px;margin-left: 30px;color: #707070;display: inline-block;vertical-align: top;}

}
@media (max-width: 1240px) and (min-width: 768px){
    #quick_menu{background-color: #ffffff;overflow-y: scroll;}
    #quick_menu .quick_menu_box{padding: 0 15px;}
    #quick_menu .quick_menu_box .qm_header{height: 60px;}
    #quick_menu .quick_menu_box .qm_header .qm_header_title{line-height: 60px;font-size: 20px;}
    #quick_menu .quick_menu_box .qm_header .qm_header_ment{display: none;}
}
@media (max-width: 768px){
    #quick_menu{background-color: #ffffff;overflow-y: scroll;}
    #quick_menu .quick_menu_box{padding: 0 15px;}
    #quick_menu .quick_menu_box .qm_header{height: 60px;}
    #quick_menu .quick_menu_box .qm_header .qm_header_title{line-height: 60px;font-size: 20px;}
    #quick_menu .quick_menu_box .qm_header .qm_header_ment{display: none;}
}

/* 퀵 메뉴 : 박스 */
#quick_menu .qm_content{font-size: 0;}
#quick_menu .qm_content .qm_content_box{position: relative;}
#quick_menu .qm_content .qm_content_box.box_color{background-color: #f8f8f8;}
#quick_menu .qm_content .qm_content_box.box_border{border: 1px solid #e5e5e5;}
@media (min-width: 1240px){
    #quick_menu .qm_content{padding: 40px 0;}
    #quick_menu .qm_content .qm_content_box{display: inline-block;width: 226px;padding: 30px;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;vertical-align: top;margin:  21px 21px 0 0;}
    #quick_menu .qm_content .qm_content_box:nth-child(-n+3){margin-top: 0;}
    #quick_menu .qm_content .qm_content_box:nth-child(3n){margin-right: 0;}
    #quick_menu .qm_content .qm_content_box.box_top{height: 265px;}
    #quick_menu .qm_content .qm_content_box.box_bottom{height: 220px;}
    #quick_menu .qm_content .qm_content_box.box_p_border{width: 472px;margin-right: 0;border: 1px solid #7b4fb8;padding: 40px 30px 50px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #quick_menu .qm_content{padding: 20px 0;}
    #quick_menu .qm_content .qm_content_box{width: 100%;padding: 25px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;margin-top: 15px;display: block;}
    #quick_menu .qm_content .qm_content_box:first-child{margin-top: 0;}
    #quick_menu .qm_content .qm_content_box.box_p_border{border: 1px solid #7b4fb8;}
}
@media (max-width: 768px){
    #quick_menu .qm_content{padding: 20px 0;}
    #quick_menu .qm_content .qm_content_box{width: 100%;padding: 25px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;margin-top: 15px;display: block;}
    #quick_menu .qm_content .qm_content_box:first-child{margin-top: 0;}
    #quick_menu .qm_content .qm_content_box.box_p_border{border: 1px solid #7b4fb8;}
}


/* 퀵 메뉴 : 박스 내부 */
#quick_menu a:link {text-decoration:none; color:#232323;}
#quick_menu a:visited {text-decoration:none; color:#232323;}
#quick_menu a:active {text-decoration:none; color:#232323;}
#quick_menu a:hover {text-decoration:none; color:#232323;}

#quick_menu .qm_content .qm_content_box .qm_content_list{margin-top: 20px;}
#quick_menu .qm_content .qm_content_box .qm_content_list .qm_content_item:hover a{color: #7b4fb8; }
#quick_menu .qm_content .qm_content_box .qm_content_list .qm_content_item a{display: block;}
#quick_menu .qm_content .qm_content_box .qm_content_list .qm_content_item{-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;line-height: 44px;cursor: pointer;position: relative;}
#quick_menu .qm_content .qm_content_box .qm_content_list .qm_content_item:last-child{border-bottom: 0;}
#quick_menu .qm_content .qm_content_box .qm_content_list .qm_content_item::before{content: "";position: absolute;top: 50%;right: 0;-webkit-transform: translate(0 , -50%);-ms-transform: translate(0 , -50%);transform: translate(0 , -50%);width: 6px;height: 10px;background-image: url("/res/service/img/index/main/arr_quick.png");background-repeat: no-repeat;background-size: contain;}
#quick_menu .qm_content .qm_content_box .qm_content_list .qm_content_item:hover::before{background-image: url("/res/service/img/index/main/arr_quick_pressed.png");}
#quick_menu .qm_content .qm_content_box .qm_content_icon{width: 40px;height: 40px;background-image: url("/res/service/img/index/main/ico_quick01.png");background-size: contain;}
#quick_menu .qm_content .qm_content_box .qm_content_ment{color: #707070;margin-top: 15px;}
#quick_menu .qm_content .qm_content_box .qm_content_btn{cursor: pointer;width: 20px;height: 20px;background-image: url("/res/service/img/index/main/btn_more.png");background-size: contain;background-position: center center;}
#quick_menu .qm_content .qm_content_box .qm_content_btn:hover{background-image: url("/res/service/img/index/main/btn_more_purple.png");}

@media (min-width: 1240px){
    #quick_menu .qm_content .qm_content_box .qm_content_title{font-size: 20px;line-height: 20px;}
    #quick_menu .qm_content .qm_content_box .qm_content_list .qm_content_item{font-size: 16px;}
    #quick_menu .qm_content .qm_content_box .qm_content_icon{margin-bottom: 10px;}
    #quick_menu .qm_content .qm_content_box .qm_content_ment{font-size: 16px;line-height: 26px;}
    #quick_menu .qm_content .qm_content_box .qm_content_btn{position: absolute;bottom: 45px;right: 30px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #quick_menu .qm_content .qm_content_box .qm_content_title{font-size: 18px;line-height: 18px;}
    #quick_menu .qm_content .qm_content_box .qm_content_list .qm_content_item{font-size: 14px;}
    #quick_menu .qm_content .qm_content_box .qm_content_icon{margin-bottom: 15px;}
    #quick_menu .qm_content .qm_content_box .qm_content_ment{font-size: 14px;line-height: 21px;}
    #quick_menu .qm_content .qm_content_box .qm_content_btn{margin-top: 22px;}
}
@media (max-width: 768px){
    #quick_menu .qm_content .qm_content_box .qm_content_title{font-size: 18px;line-height: 18px;}
    #quick_menu .qm_content .qm_content_box .qm_content_list .qm_content_item{font-size: 14px;}
    #quick_menu .qm_content .qm_content_box .qm_content_icon{margin-bottom: 15px;}
    #quick_menu .qm_content .qm_content_box .qm_content_ment{font-size: 14px;line-height: 21px;}
    #quick_menu .qm_content .qm_content_box .qm_content_btn{margin-top: 22px;}
}



@media (min-width: 1240px){

}
@media (max-width: 1240px) and (min-width: 768px){

}
@media (max-width: 768px){
    .mobile_controller{
        text-align: center;
        color: #fff;
        margin-top: 20px;

    }
    .mobile_controller .current{
        font-size: 16px;
        line-height: 36px;
        width: 20px;
        font-family: NS-R, sans-serif;
    }
    .mobile_controller .divider {
        font-size: 16px;
        line-height: 36px;
        width: 20px;
        font-family: NS-R, sans-serif;
        margin: 0 10px;
    }
    .mobile_controller .total {
        font-size: 16px;
        line-height: 36px;
        font-family: NS-R, sans-serif;
    }
}






/* 기관소식 */
#agency_new {background: #f8f8f8;}
#agency_new .article_header {position: relative;}
#agency_new .news_header .header_title {display: inline-block;vertical-align: middle;font-family: notokr-bold, sans-serif;font-weight: normal;}
#agency_new .news_header .header_comment {display: inline-block;vertical-align: middle;font-family: notokr-regular, sans-serif;color: #707070;}
#agency_new .news_header .header_more {display: block;position: absolute;top: 0;right: 0;font-size: 0;}
#agency_new .header_more span {display: inline-block;vertical-align: middle;font-family: notokr-regular, sans-serif;color: #707070;}
#agency_new .header_more img {display: inline-block;vertical-align: middle;}
#agency_new .header_more img.hover {display: none;}
#agency_new .header_more:hover span {color: #9f3dff;}
#agency_new .header_more:hover img.hover {display: inline-block;}
#agency_new .header_more:hover img:not(.hover) {display: none;}

#agency_new .agency_list{width: 100%;font-size: 0;}
#agency_new .agency_list .slick-list{overflow: inherit;}
#agency_new .agency_list .agency_item{position: relative;border-radius: 10px;overflow: hidden;cursor: pointer;background: #fff;box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);}
#agency_new .agency_list .agency_item::before{content: "";width: 100%;height: 100%;border: 1px solid #e5e5e5;border-radius: 10px;position: absolute;top: 0;left: 0;box-sizing: border-box;}
#agency_new .agency_list .agency_item .agency_img{width: 100%;position: relative;z-index: 1;background-size: cover !important;}
#agency_new .agency_list .agency_item .agency_info{width: 100%;box-sizing: border-box;}
#agency_new .agency_list .agency_item .agency_info .agency_category{color: #51c2ff;}
#agency_new .agency_list .agency_item .agency_info .agency_content{font-family: 'notokr-medium';overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

#agency_new .agency_list .agency_item .agency_btn{width: 100%;padding: 0 20px;box-sizing: border-box;border-top: 1px solid #e5e5e5;display: flex;align-items: center;}
#agency_new .agency_list .agency_item .agency_btn .agency_title{color: #232323;box-sizing: border-box;}
#agency_new .agency_list .agency_item .agency_btn .agency_arrow{width: 14px;height: 12px;background: url("/res/service/img/sub/icon_arrow_right_black.svg")no-repeat;background-size: cover;}

#agency_new .agency_list .agency_item:hover .agency_btn{background-color: #51c2ff; border-top: none; background-image: url("/res/service/img/index/common/bg_hover.png");background-size: contain;background-position: right center;background-repeat: no-repeat;}
#agency_new .agency_list .agency_item:hover .agency_btn .agency_title{color: #fff;}
#agency_new .agency_list .agency_item:hover .agency_btn .agency_arrow{background: url("/res/service/img/sub/icon_arrow_right.svg")no-repeat;background-size: cover;}

#agency_new .agency_list .agency_item.agency_01 .agency_img{background: url("/res/service/img/index/main/img_ag_01.png")no-repeat center center;background-size: cover;}
#agency_new .agency_list .agency_item.agency_01 .agency_icon{ background: url("/res/service/img/index/main/btn_news01_black.svg")no-repeat center center; background-size: cover; }
#agency_new .agency_list .agency_item.agency_01:hover .agency_icon{ background: url("/res/service/img/index/main/btn_news01.svg")no-repeat center center; background-size: cover; }

#agency_new .agency_list .agency_item.agency_02 .agency_img{background: url("/res/service/img/index/main/img_ag_02.png")no-repeat center center;background-size: cover;}
#agency_new .agency_list .agency_item.agency_02 .agency_icon{ background: url("/res/service/img/index/main/btn_news02_black.svg")no-repeat center center; background-size: cover; }
#agency_new .agency_list .agency_item.agency_02:hover .agency_icon{ background: url("/res/service/img/index/main/btn_news02.svg")no-repeat center center; background-size: cover; }

#agency_new .agency_list .agency_item.agency_03 .agency_img{background: url("/res/service/img/index/main/img_ag_03.png")no-repeat center center;background-size: cover;}
#agency_new .agency_list .agency_item.agency_03 .agency_icon{ background: url("/res/service/img/index/main/btn_news03_black.svg")no-repeat center center; background-size: cover; }
#agency_new .agency_list .agency_item.agency_03:hover .agency_icon{ background: url("/res/service/img/index/main/btn_news03.svg")no-repeat center center; background-size: cover; }

#agency_new .agency_list .agency_item.agency_04 .agency_img{background: url("/res/service/img/index/main/img_ag_04.png")no-repeat center center;background-size: cover;}
#agency_new .agency_list .agency_item.agency_04 .agency_icon{ background: url("/res/service/img/index/main/btn_news04_black.svg")no-repeat center center; background-size: cover; }
#agency_new .agency_list .agency_item.agency_04:hover .agency_icon{ background: url("/res/service/img/index/main/btn_news04.svg")no-repeat center center; background-size: cover; }

#agency_new .agency_list .agency_item.agency_05 .agency_img{background: url("/res/service/img/index/main/img_ag_01.png")no-repeat center center;background-size: cover;}
#agency_new .agency_list .agency_item.agency_05 .agency_icon{ background: url("/res/service/img/index/main/btn_news05_black.svg")no-repeat center center; background-size: cover; }
#agency_new .agency_list .agency_item.agency_05:hover .agency_icon{ background: url("/res/service/img/index/main/btn_news05.svg")no-repeat center center; background-size: cover; }

@media (min-width: 1240px){
    #agency_new {padding: 100px 0 150px;}

    #agency_new .article_header {font-size: 0; margin-bottom: 37px;}
    #agency_new .news_header .header_title {font-size: 36px;line-height: 1}
    #agency_new .news_header .header_comment {font-size: 16px;letter-spacing: -0.32px;line-height: 36px;margin-left: 27px;}
    #agency_new .news_header .header_more {}
    #agency_new .header_more span {font-size: 16px;letter-spacing: -0.32px;margin-right: 15px;line-height: 36px;}
    #agency_new .header_more img {width: 20px;}
    #agency_new .header_more .pc_hide { display: none !important; }
    #agency_new .header_more .pc_show { display: inline-block; vertical-align: middle; }

    #agency_new .agency_list .agency_item{width: 380px!important;margin: 0 25px;}
    #agency_new .agency_list .agency_item .agency_img{height: 214px;}
    #agency_new .agency_list .agency_item .agency_info{padding: 30px 30px 40px 30px;}
    #agency_new .agency_list .agency_item .agency_info .agency_category{font-size: 14px;line-height: 14px;margin-bottom: 20px;}
    #agency_new .agency_list .agency_item .agency_info .agency_content{font-size: 18px;line-height: 23px;height: 46px;}

    #agency_new .agency_list .agency_item .agency_btn{height: 65px; border-radius: 0 0 11px 11px;}
    #agency_new .agency_list .agency_item .agency_btn .agency_icon{width: 32px;height: 32px;}
    #agency_new .agency_list .agency_item .agency_btn .agency_title{font-size: 18px;width: calc(100% - 61px);padding: 0 15px;}

    #agency_new .agency_list .slick-arrow{font-size: 0;background-color: rgba(31, 31, 31, 0.1);width: 50px;height: 50px;border-radius: 100%;position: absolute;bottom: -100px;z-index: 1;}
    #agency_new .agency_list .slick-arrow::before{content: "";width: 6px;height: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    #agency_new .agency_list .slick-arrow:hover{ background: #1f1f1f; }

    #agency_new .agency_list .slick-prev{left: calc(50% - 60px);}
    #agency_new .agency_list .slick-next{right: calc(50% - 60px);}
    #agency_new .agency_list .slick-prev::before{background: url("/res/service/img/index/common/arr_prev_white.png");background-size: cover;}
    #agency_new .agency_list .slick-next::before{background: url("/res/service/img/index/common/arr_next_white.png");background-size: cover;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #agency_new {padding: 80px 0 40px;}

    #agency_new .article_header {font-size: 0; margin-bottom: 30px;}
    #agency_new .news_header .header_title {font-size: 30px;line-height: 34px;}
    #agency_new .news_header .header_comment {font-size: 14px;letter-spacing: -0.28px;line-height: 34px;margin-left: 20px;}
    #agency_new .news_header .header_more {}
    #agency_new .header_more span {font-size: 14px;letter-spacing: -0.28px;margin-right: 10px;line-height: 34px;}
    #agency_new .header_more img {width: 16px;}

    #agency_new .header_more .pc_show { display: none !important; }

    #agency_new .agency_list .agency_item{width: 290px!important;margin: 0 15px; transform: translateX(20px);}
    #agency_new .agency_list .agency_item .agency_img{height: 160px;}
    #agency_new .agency_list .agency_item .agency_info{padding: 20px 20px 30px 20px;}
    #agency_new .agency_list .agency_item .agency_info .agency_category{font-size: 12px;line-height: 12px;margin-bottom: 15px;}
    #agency_new .agency_list .agency_item .agency_info .agency_content{font-size: 16px;line-height: 20px;height: 40px;}

    #agency_new .agency_list .agency_item .agency_btn{height: 60px;}
    #agency_new .agency_list .agency_item .agency_btn .agency_icon{width: 20px;height: 20px;}
    #agency_new .agency_list .agency_item .agency_btn .agency_title{font-size: 16px;width: calc(100% - 44px);padding: 0 10px;}

    #agency_new .agency_list .slick-dots{ display: flex; align-items: center; justify-content: center; margin-top: 30px; }
    #agency_new .agency_list .slick-dots li{width: 6px;height: 6px;margin-left: 5px;display: flex; align-items: center; justify-content: center;}
    #agency_new .agency_list .slick-dots li:first-child{margin-left: 0;}
    #agency_new .agency_list .slick-dots li button{font-size: 0;width: 100%;height: 100%;border-radius: 100%;background-color: #ccc;}
    #agency_new .agency_list .slick-dots li.slick-active button{background-color: #1f1f1f;}

}
@media (max-width: 768px){
    #agency_new {padding: 60px 0 30px;}

    #agency_new .article_header {font-size: 0; margin-bottom: 30px;}
    #agency_new .news_header .header_title {display: block;font-size: 24px;line-height: 1;}
    #agency_new .news_header .header_comment {display: block;font-size: 14px;letter-spacing: -0.32px;line-height: 1;margin-top: 20px;}
    #agency_new .news_header .header_more {}
    #agency_new .header_more span {font-size: 14px;letter-spacing: -0.28px;margin-right: 10px;line-height: 16px;}
    #agency_new .header_more img {width: 16px;}

    #agency_new .header_more .pc_show { display: none !important; }

    #agency_new .agency_list .agency_item{width: 290px!important;margin: 0 10px; transform: translateX(15px);}
    #agency_new .agency_list .agency_item .agency_img{height: 160px;}
    #agency_new .agency_list .agency_item .agency_info{padding: 20px 20px 30px 20px;}
    #agency_new .agency_list .agency_item .agency_info .agency_category{font-size: 12px;line-height: 12px;margin-bottom: 15px;}
    #agency_new .agency_list .agency_item .agency_info .agency_content{font-size: 16px;line-height: 20px;height: 40px;}

    #agency_new .agency_list .agency_item .agency_btn{height: 60px;}
    #agency_new .agency_list .agency_item .agency_btn .agency_icon{width: 20px;height: 20px;}
    #agency_new .agency_list .agency_item .agency_btn .agency_title{font-size: 16px;width: calc(100% - 44px);padding: 0 10px;}

    #agency_new .agency_list .slick-dots{ display: flex; align-items: center; justify-content: center; margin-top: 30px; }
    #agency_new .agency_list .slick-dots li{width: 6px;height: 6px;margin-left: 5px; display: flex; align-items: center; justify-content: center;}
    #agency_new .agency_list .slick-dots li:first-child{margin-left: 0;}
    #agency_new .agency_list .slick-dots li button{font-size: 0;width: 100%;height: 100%;border-radius: 100%;background-color: #ccc;}
    #agency_new .agency_list .slick-dots li.slick-active button{background-color: #1f1f1f;}
}