@charset "utf-8";

/* 공통 : 타이틀 */
.heading{display:flex; align-items:center; position:relative; gap:1rem; font-size:2.2rem; color:#111; line-height:1; font-weight:800; font-family:"Pretendard";}
.heading > em{padding-top:0.2rem; font-size:1.2rem; color:#7f8081; font-weight:500; font-family:"Montserrat";}

/* no-image */
.private{}
.private > span{display:flex; flex-direction:column; position:relative; align-items:center; justify-content:center; width:100%; height:100%; gap:0.6rem;}
.private > span:before{display:block; position:relative; width:51px; height:46px; background:url(/images/template/T1001/common/no-image.png) no-repeat left top; content:'';}
.private > span em{color:#B3B3B3; font-size:0.8rem; line-height:1.5; font-weight:500;}

/*** MVisual : 비쥬얼 슬라이드 ***/
.MVisual{overflow:hidden; position:relative; width:100%; border-radius:6rem 6rem 0 6rem;}
.MVisual .slider{}
.MVisual .vis_link{display:block; position:relative; width:100%; height:37rem; font-size:0; line-height:0;}
.MVisual .vis_link > img{width:100%; height:100%;}
.MVisual .control{position:absolute; z-index:2; bottom:7.5rem; right:3rem;}
.MVisual .control .btn_wrap{display:flex; position:relative; gap:0.5rem;}
.MVisual .control .btn_wrap a{display:flex; align-items:center; justify-content:center; position:relative; width:3.25rem; height:3.25rem; background:#fff; border-radius:100%; font-size:1.3rem; color:#000; box-shadow:-4px 4px 15px 0 rgba(0, 0, 0, 0); transition:color 0.3s ease, box-shadow 0.3s ease;}
.MVisual .control .btn_wrap a:hover,
.MVisual .control .btn_wrap a:focus{color:#0772ed; box-shadow:-4px 4px 15px 0 rgba(0, 0, 0, 0.3);}

/*** M_Search : 통합검색 ***/
.M_Search{position:relative; width:auto; padding:0.9rem 5.8rem 0 1.1rem; border-top-left-radius:1.7rem; background:#fff;}
.M_Search:before,
.M_Search:after{display:block; position:absolute; width:1.9rem; height:1.9rem; background:url(/images/template/T1001/main/ico_round01.png) no-repeat left top; content:"";}
.M_Search:before{bottom:0; right:100%;}
.M_Search:after{bottom:100%; right:0;}
.M_Search fieldset{display:flex; min-width:0; gap:0.6rem;}
.M_Search .search_wrap{display:flex; overflow:hidden; align-items:center; position:relative; min-width:0; width:32.7rem; gap:1.7rem; padding:0 1.45rem; border:1px solid #000; border-radius:1.2rem 0.5rem 0.5rem; background:#fff;}
.M_Search .search_wrap > h2,
.M_Search .search_wrap .total_search{position:relative; font-size:1.2rem; color:#222;}
.M_Search .search_wrap > h2{font-weight:700;}
.M_Search .search_wrap > h2:after{display:block; position:absolute; top:0.15rem; right:-1rem; width:1px; height:0.95rem; background:#000; content:"";}
.M_Search .search_wrap .total_search{flex:1; height:3.6rem; padding:0; border:none;}
.M_Search .search_wrap .total_search::placeholder{color:#757575;}
.M_Search .srch_btn{flex-shrink:0; position:relative; width:3.6rem; border-radius:0.5rem; background-color:#0772ed; transition:background 0.3s ease-in;}
.M_Search .srch_btn:hover,
.M_Search .srch_btn:focus{background-color:#000;}
.M_Search .srch_btn > img{width:1.4rem; height:1.4rem; vertical-align:middle;}

/*** M_link1 : 바로가기 ***/
.M_link1{position:relative; width:100%;}
.M_link1 ul{display:flex; position:relative; width:100%; gap:1.6rem;}
.M_link1 ul li{flex:1;}
.M_link1 ul li > a{display:flex; flex-direction:column; align-items:center; position:relative; height:100%; gap:1.2rem; padding:1rem 0.5rem 1.6rem; background:#fff; border-radius:0rem; transition:background 0.3s ease, border-radius 0.3s ease;}
.M_link1 ul li > a img{width:6.5rem; height:6.5rem;}
.M_link1 ul li > a span{position:relative; font-size:1.4rem; color:#222; font-weight:600; text-align:center; transition:color 0.3s ease;}
.M_link1 ul li > a[target="_blank"] span:after{display:inline-block; position:relative; margin-left:0.2rem; color:#89929c; font-weight:400; font-family:"remixicon"; content:"\ecaf"; transition:color 0.3s ease;}
.M_link1 ul li > a:hover{background:#0772ed; border-radius:0.75rem;}
.M_link1 ul li > a:hover img{filter:brightness(100);}
.M_link1 ul li > a:hover span{color:#fff;}
.M_link1 ul li > a[target="_blank"]:hover span:after{color:#fff;}
.M_link1 ul li > a span br {display:none;}

/*** accBox : 주요사업 ***/
.accBox{display:flex; position:relative; justify-content:space-between; margin-top:1.3rem;}
.accBox > ul{position:relative; }
.accBox .acc_item{width:9rem; height:29.5rem; transition:all 0.3s;}
.accBox .acc_item .acc_btn{overflow:hidden; position:relative; padding:0; width:100%; height:100%; border-radius:0.6rem; transition:border-radius 0.1s ease;}
.accBox .acc_item.active .acc_btn{border-radius:0.6rem 0rem 0.6rem 0.6rem;}
.accBox .acc_item .acc_btn:before{overflow:hidden; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;border-radius:0.6rem; content:"";}
.accBox .acc_item:nth-child(1) .acc_btn:before,
.accBox .acc_item:nth-child(2) .acc_btn:before{background:rgba(0, 65, 136, 0.6);}
.accBox .acc_item:nth-child(3) .acc_btn:before{background:rgba(10, 102, 207, 0.6);}
.accBox .acc_item .acc_btn .title{position:absolute; z-index:1; top:2rem; left:3rem; font-size:2rem; color:#fff; font-weight:700; text-align:right; transform:rotate(90deg); transform-origin:left bottom;}
.accBox .acc_item .acc_btn .img{display:block; position:relative; width:100%; height:100%;}
.accBox .acc_item .acc_btn .img:before{display:block; position:absolute; top:0; right:0; width:5.25rem; height:5.25rem; background:url(/images/template/T1001/main/ico_round03.png) no-repeat left top; content:""; opacity:0; visibility:hidden; transition:opacity 0.3s ease, visibility 0.3s ease;}
.accBox .acc_item.active .acc_btn .img:before{opacity:1; visibility:visible;}
.accBox .acc_item .acc_btn .img > img{width:100%; height:100%; max-width:inherit; object-fit:cover;}
.accBox .acc_item:nth-child(1) .acc_btn .img > img{object-position:84% top;}
.accBox .acc_item:nth-child(2) .acc_btn .img > img{object-position:69% top;}
.accBox .acc_item:nth-child(3) .acc_btn .img > img{object-position:48% top;}
.accBox .acc_item.active .acc_btn .img > img{object-position:center top !important;}
.accBox .acc_item .acc_btn .more{display:flex; align-items:center; justify-content:center; position:absolute; z-index:1; bottom:3rem; left:calc(50% - 1.4rem); width:2.8rem; height:2.8rem; background:rgba(255, 255, 255, 0); border:1px solid rgba(255, 255, 255, 0.7); border-radius:100%; transition:background 0.3s ease;}
.accBox .acc_item .acc_btn .more > i{position:relative; font-size:1.3rem; color:#fff; font-weight:400; transform:rotate(0deg); transition:transform 0.3s ease;}
.accBox .acc_item .acc_btn:focus{outline-offset:0.2rem;}
.accBox .acc_item .acc_btn:hover .more,
.accBox .acc_item .acc_btn:focus .more{background:rgba(255, 255, 255, 0.2);}
.accBox .acc_item .acc_btn:hover .more > i,
.accBox .acc_item .acc_btn:focus .more > i{transform:rotate(360deg);}
.accBox .accWrap{display:none; overflow:hidden; position:absolute; top:0; left:auto; z-index:1; width:100%; height:100%; padding:4.5rem 4rem;}
.accBox .accWrap .tit{font-size:2.25rem; color:#fff; font-weight:700; line-height:1;}
.accBox .accWrap p{margin-top:1.5rem; font-size:1rem; color:#fff; line-height:1.6; font-weight:500;}
.accBox .accWrap .my_link{margin-top:3.3rem;}
.accBox .accWrap .my_link > ul{display:flex; flex-wrap:wrap; position:relative; width:23.4rem; gap:0.8rem;}
.accBox .accWrap .my_link > ul li{width:calc(50% - 0.4rem);}
.accBox .accWrap .my_link > ul li a{display:flex; align-items:center; position:relative; width:100%; height:2.75rem; padding:0 0.95rem; gap:0.5rem; border:1px solid rgba(255, 255, 255, 0.4); background:transparent; border-radius:10rem; transition:background 0.3s ease;}
.accBox .accWrap .my_link > ul li a img{}
.accBox .accWrap .my_link > ul li a span{font-size:0.9rem; color:#fff; font-weight:600;}
.accBox .accWrap .my_link > ul li a:hover,
.accBox .accWrap .my_link > ul li a:focus{background:#fff;}
.accBox .accWrap .my_link > ul li a:hover img,
.accBox .accWrap .my_link > ul li a:focus img{filter:brightness(0);}
.accBox .accWrap .my_link > ul li a:hover span,
.accBox .accWrap .my_link > ul li a:focus span{color:#000;}
.accBox .accWrap .more{display:flex; position:absolute; top:0; right:0; opacity:0; visibility:hidden; transition:opacity 0.3s ease 1s, visibility 0.3s ease 1s;}
.accBox .accWrap .more > img{width:3.1rem; height:3.1rem;}
.accBox .acc_item.active,
.accBox .acc_item.active .accWrap{width:calc(100% - 22rem);}
.accBox .acc_item:nth-child(1).active .acc_btn:before,
.accBox .acc_item:nth-child(2).active .acc_btn:before{background:rgba(0, 65, 136, 0);}
.accBox .acc_item:nth-child(3).active .acc_btn:before{background:rgba(10, 102, 207, 0);}
.accBox .acc_item.active .acc_btn .title,
.accBox .acc_item.active .acc_btn .more{display:none;}
.accBox .acc_item.active .accWrap{display:block;}
.accBox .acc_item.active .accWrap .more{opacity:1; visibility:visible;}

/* accBox : 아코디언 애니메이션 효과 */
@keyframes accFadeInUp{from{opacity:0; transform:translateY(1rem);} to{opacity:1; transform:translateY(0);}}
@keyframes accFadeInScale{from{opacity:0; transform:scale(0);} to{opacity:1; transform:scale(1);}}
.accBox .acc_item:not(.active) .accWrap .tit,
.accBox .acc_item:not(.active) .accWrap p,
.accBox .acc_item:not(.active) .accWrap .my_link{opacity:0; transform:translateY(1rem);}
.accBox .acc_item.active .accWrap .tit{opacity:0; transform:translateY(1rem); animation:accFadeInUp 0.3s ease 0.1s forwards;}
.accBox .acc_item.active .accWrap p{opacity:0; transform:translateY(1rem); animation:accFadeInUp 0.3s ease 0.15s forwards;}
.accBox .acc_item.active .accWrap .my_link{opacity:0; transform:translateY(1rem); animation:accFadeInUp 0.3s ease 0.2s forwards;}
.accBox .acc_item.active .accWrap .more img{opacity:0; transform:scale(0); animation:accFadeInScale 0.3s ease 0.3s forwards;}

/*** 공지사항 및 보도자료 ***/
/* 공통 : 더보기 */
.MC_wrap4 .more_btn{display:flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; width:2.3rem; height:2.3rem; border:1px solid #1984ff; border-radius:100%; transform:rotate(0deg); transition:transform 0.3s ease;}
.MC_wrap4 .more_btn > i{font-size:1.3rem; color:#1984ff;}
.MC_wrap4 .more_btn:hover,
.MC_wrap4 .more_btn:focus{transform:rotate(360deg);}
.MC_wrap4 .new{display:inline-flex; align-items:center; position:relative; width:auto; height:1.2rem; padding:0 0.5rem; border:1px solid #136fd8; border-radius:2rem; background:#fff; font-size:0.6rem; color:#136fd8; line-height:1; font-weight:bold; font-family:'Montserrat'; vertical-align:34%; text-align:center;}
/* 공통 영역 */
.notiWrap,
.newsWrap{position:relative; margin-top:1.5rem;}
.notiWrap .noti-list li a .title > em,
.newsWrap > ul li a .con > p{font-size:1.1rem; color:#111; font-weight:500; transition:color 0.3s ease;}
.notiWrap .noti-list li a:hover .title > em,
.newsWrap > ul li a:hover .con > p{color:#0d3c6a; font-weight:700;}
.notiWrap .noti-list li a .date,
.newsWrap > ul li a .con .date{display:flex; align-items:center; position:relative; gap:0.4rem; font-size:0.9rem; color:#444; transition:color 0.3s ease;}
.notiWrap .noti-list li a:hover .date,
.newsWrap > ul li a:hover .con .date{color:#000;}
.notiWrap .noti-list li a .date:before,
.newsWrap > ul li a .con .date:before{display:inline-block; position:relative; width:0.85rem; height:0.85rem; background:url(/images/template/T1001/main/ico_clock.png) no-repeat center; content:"";}
.notiWrap .noti-list li a:hover .date:before,
.newsWrap > ul li a:hover .con .date:before{filter:brightness(0);}
/* notiWrap : 공지사항 */
.notiWrap .noti-main{display:flex; position:relative; width:100%; padding-bottom:1.75rem; gap:1.75rem;}
.notiWrap .noti-main:after{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#a7a8a9; content:"";}
.notiWrap .noti-main .main-date{display:flex; flex-shrink:0; flex-direction:column; align-items:center; justify-content:center; position:relative; width:6rem; height:6rem; background:#f0f7fe; border-radius:0.6rem;}
.notiWrap .noti-main .main-date .date_day{font-size:2.1rem; color:#0065da; line-height:2rem; font-weight:700;}
.notiWrap .noti-main .main-date .date_ym{margin-top:0.25rem; font-size:0.9rem; color:#636363; line-height:1.5; font-weight:500;}
.notiWrap .noti-main .main-date .date{display:none; font-size:0.9rem; color:#fff; font-weight:700;}
.notiWrap .noti-main .main-con{padding-top:0.3rem; min-width:0;}
.notiWrap .noti-main .main-con > .title,
.notiWrap .noti-main .main-con > p{overflow:hidden; text-overflow:ellipsis; position:relative; line-height:1.5;}
.notiWrap .noti-main .main-con > .title{width:100%; font-size:1.3rem; color:#111; font-weight:600; white-space:nowrap; transition:color 0.3s ease;}
.notiWrap .noti-main .main-con > p{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:0.5rem; font-size:0.9rem; color:#444; transition:color 0.3s ease;}
.notiWrap .noti-main:hover .main-con > .title{color:#0d3c6a; font-weight:700;}
.notiWrap .noti-main:hover .main-con > p{color:#000; font-weight:500;}
.notiWrap .noti-list{display:flex; flex-direction:column; position:relative; height:8.65rem; padding-top:1.75rem; gap:1.2rem;}
.notiWrap .noti-list li:nth-child(n + 4){display:none;}
.notiWrap .noti-list li a{display:flex; position:relative; align-items:center; justify-content:space-between; padding-left:0.75rem;}
.notiWrap .noti-list li a:before{display:block; position:absolute; top:0.6rem; left:0; width:0.35rem; height:0.35rem; background:#c3c3c3; border-radius:100%; content:""; transition:background 0.3s ease;}
.notiWrap .noti-list li a .title{display:flex; align-items:center; position:relative; width:83%;}
.notiWrap .noti-list li a .title:after{display:block; clear:both; content:"";}
.notiWrap .noti-list li a .title > em,
.notiWrap .noti-list li a .date{line-height:1.5rem;}
.notiWrap .noti-list li a .title > em{float:left; overflow:hidden; text-overflow:ellipsis; position:relative; max-width:89%; white-space:nowrap;}
.notiWrap .noti-list li a:hover:before{background:#0d3c6a;}
.notiWrap .noti-list:has(.no-data){padding-top:0;}
.notiWrap .noti-list li.no-data{display:flex; position:relative; align-items:center; justify-content:center; width:100%; height:100%; background:#F7F7F7; border-radius:0.5rem; font-size:0.9rem;}
/* newsWrap : 보도자료 */
.newsWrap > ul{display:flex; position:relative; width:100%; gap:2rem;}
.newsWrap > ul li{flex:1;}
.newsWrap > ul li a{display:block; position:relative; width:100%; font-size:0;}
.newsWrap > ul li a .img{overflow:hidden; position:relative; height:12.25rem; background:#f1f1f1; border-radius:0.5rem;}
.newsWrap > ul li a .img > img{object-fit:contain;}
.newsWrap > ul li a .con{margin-top:1rem;}
.newsWrap > ul li a .con > p:not(.date){display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; position:relative; width:100%; height:3.3rem;}
.newsWrap > ul li a .con > p{line-height:1.5;}
.newsWrap > ul li a .con .new{margin-right:0.4rem;}
.newsWrap > ul li a .con .date{justify-content:flex-end; margin-top:0.35rem;}
.newsWrap > ul li.no-data{display:flex; flex:auto; position:relative; align-items:center; justify-content:center; width:100%; height:8.65rem; background:#F7F7F7; border-radius:0.5rem; font-size:0.9rem;}

/* snsTab : 커뮤니티 */
.snsTab{position:absolute; z-index:1; top:-0.75rem; right:0;}
.snsTab > ul{display:inline-flex; align-items:center; position:relative; gap:0.7rem;}
.snsTab > ul li{}
.snsTab > ul li a{display:flex; align-items:center; justify-content:center; position:relative; width:3.5rem; height:3.5rem; border-width:1px; border-style:solid; border-radius:100%; transition:border 0.3s ease;}
.snsTab > ul li a.sns_f{border-color:#0c7eff; background:rgba(7, 114, 237, 0.07);}
.snsTab > ul li a.sns_b{border-color:#d1eaca; background:rgba(66, 211, 26, 0.12);}
.snsTab > ul li a.sns_i{border-color:#ffdace; background:#ffefe9;}
.snsTab > ul li a.sns_y{border-color:#ffcdd5; background:#ffebef;}
.snsTab > ul li.on a.sns_f,
.snsTab > ul li a:hover.sns_f,
.snsTab > ul li a:focus.sns_f{border-color:#0c7eff;}
.snsTab > ul li.on a.sns_b,
.snsTab > ul li a:hover.sns_b,
.snsTab > ul li a:focus.sns_b{border-color:#42d31a;}
.snsTab > ul li.on a.sns_i,
.snsTab > ul li a:hover.sns_i,
.snsTab > ul li a:focus.sns_i{border-color:#D93272;}
.snsTab > ul li.on a.sns_y,
.snsTab > ul li a:hover.sns_y,
.snsTab > ul li a:focus.sns_y{border-color:#FF1443;}
.snsTab > ul li a img{position:relative; width:2rem; height:2rem;}
.snsWrap{position:relative; width:100%; padding-top:3.5rem;}
.snsWrap > ul{display:flex; position:relative; width:100%; gap:2rem;}
.snsWrap > ul li{width:100%;}
.snsWrap > ul li:nth-child(n + 5){display:none;}
.snsWrap > ul li a{display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative; width:100%; height:18.5rem; background:#f1f1f1; border-radius:0.5rem; box-shadow:0 6px 10px rgba(11, 43, 78, 0.5);}

/* 공통 : 이미지 확대 */
.newsWrap > ul li a .img{display:flex; align-items:center; justify-content:center;}
.newsWrap > ul li a .img > img,
.snsWrap > ul li a img{max-width:100%; transition:all 0.3s;}
.newsWrap > ul li a:hover .img > img,
.snsWrap > ul li a:hover img{transform:scale(1.03);}

/* 구글 번역 */
html:not([lang="ko"]) .M_Search .search_wrap > h2,
html:not([lang="ko"]) .M_Search .search_wrap .total_search{line-height:1.2;}
html:not([lang="ko"]) .accBox .acc_item .acc_btn .title{font-size:1.7rem; line-height:1;}


@media screen and (min-width:861px) {
    html:not([lang="ko"]) .accBox .acc_item .acc_btn .title{left:7.5rem; text-align:left; transform-origin:left top;}
}

@media screen and (max-width:1900px) {
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .vis_link{height:34rem;}
    .MVisual .control{bottom:6rem; right:2rem;}
    .MVisual .control .btn_wrap a{width:2.8rem; height:2.8rem;}
    
    /*** M_Search : 통합검색 ***/
    .M_Search{padding-right:4rem;}
}

@media screen and (max-width:1640px) {
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .vis_link{height:38vw;}
    
    /*** M_Search : 통합검색 ***/
    .M_Search{padding-right:2rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{gap:2vw;}
    .M_link1 ul li > a{gap:0.9rem;}
    .M_link1 ul li > a img{width:5rem; height:5rem;}
    .M_link1 ul li > a span{font-size:1.3rem;}
    
    /*** 공지사항 및 보도자료 ***/
    /* 공통 : 더보기 */
    .MC_wrap4 .more_btn{width:2.2rem; height:2.2rem;}
    /* notiWrap : 공지사항 */
    .notiWrap .noti-main{gap:2vw;}
    .notiWrap .noti-list li a .title{width:80%;}
    /* newsWrap : 보도자료 */
    .newsWrap > ul{gap:2.5vw;}
    
    /* snsTab : 커뮤니티 */
    .snsWrap{padding-top:3rem;}
    .snsWrap > ul{gap:2.5vw;}
    .snsWrap > ul li a{height:22.4vw;}
}

@media screen and (max-width:1440px) {
    .MC_wrap4 .new{height:1.1rem; padding:0 0.35rem; border-radius:1.5rem; font-size:0.5rem;}
    /* 공통 : 타이틀 */
    .heading{gap:0.8rem; font-size:1.8rem;}
    .heading > em{line-height:normal;}
    
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual{border-radius:2.5rem;}
    
    /*** M_Search : 통합검색 ***/
    .M_Search{padding:0.9rem 1.7rem 0 0.9rem;}
    .M_Search .search_wrap{width:45vw;}
    .M_Search .search_wrap > h2:after{height:0.9rem;}
    .M_Search .search_wrap > h2,
    .M_Search .search_wrap .total_search{font-size:1.1rem;}
    .M_Search .search_wrap .total_search{height:3.4rem;}
    .M_Search .srch_btn{width:3.5rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{gap:1.6vw;}
    .M_link1 ul li > a{gap:1.2vw; padding:1.3vw 0.5rem 2.2vw;}
    .M_link1 ul li > a img{width:6.2vw; height:6.2vw;}
    .M_link1 ul li > a span{font-size:1.2rem;}
    
    /*** accBox : 주요사업 ***/
    .accBox .acc_item{width:7rem;}
    .accBox .acc_item .acc_btn .title{left:2.2rem; font-size:1.8rem;}
    .accBox .acc_item .acc_btn .img:before{width:5rem; height:5rem; background-size:cover;}
    .accBox .acc_item:nth-child(1) .acc_btn .img > img{object-position:81% top;}
    .accBox .acc_item:nth-child(2) .acc_btn .img > img{object-position:66% top;}
    .accBox .acc_item:nth-child(3) .acc_btn .img > img{}
    .accBox .accWrap{padding:4.5rem 5vw;}
    .accBox .accWrap .tit{font-size:2rem;}
    .accBox .accWrap .more > img{width:2.9rem; height:2.9rem;}
    .accBox .acc_item.active,
    .accBox .acc_item.active .accWrap{width:calc(100% - 17rem);}
    
    /*** 공지사항 및 보도자료 ***/
    /* 공통 : 더보기 */
    .MC_wrap4 .more_btn{top:-0.1rem; width:2rem; height:2rem;}
    /* 공통 영역 */
    .notiWrap .noti-list li a .title > em,
    .newsWrap > ul li a .con > p{font-size:1rem;}
    .notiWrap .noti-list li a .date,
    .newsWrap > ul li a .con .date{gap:0.3rem;}
    /* notiWrap : 공지사항 */
    .notiWrap .noti-list li a .title{width:77%;}
    .notiWrap .noti-main .main-con{padding-top:0.2rem;}
    .notiWrap .noti-main .main-con > .title{font-size:1.15rem;}
    .notiWrap .noti-main .main-date{width:5.5rem; height:5.5rem;}
    .notiWrap .noti-main .main-date .date_day{font-size:2rem;}
    .notiWrap .noti-list{gap:1rem;}
    /* newsWrap : 보도자료 */
    .newsWrap > ul li a .con > p:not(.date){height:3rem;}
    
    /* snsTab : 커뮤니티 */
    .snsTab{top:-0.6rem;}
    .snsTab > ul li a{width:3rem; height:3rem;}
    .snsTab > ul li a img{width:1.8rem; height:1.8rem;}
    .snsWrap{padding-top:3.5vw;}
    
    html:not([lang="ko"]) .accBox .acc_item .acc_btn .title{left:5rem; font-size:1.3rem;}
}

@media screen and (max-width:1440px) and (min-width:1201px) {
    /*** 공지사항 및 보도자료 ***/
    /* newsWrap : 보도자료 */
    .newsWrap > ul{gap:2vw;}
    .newsWrap > ul li a .img{height:11rem;}
}

@media screen and (max-width:1240px) {
    /* 공통 : 타이틀 */
    .heading{gap:0.7rem; font-size:1.8rem;}
    .heading > em{font-size:1.15rem;}
    
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual{border-radius:2rem;}
    .MVisual .vis_link{height:41vw;}
    .MVisual .control{bottom:3rem;}
    .MVisual .control .btn_wrap a{width:2.7rem; height:2.7rem;}
    
    /*** M_Search : 통합검색 ***/
    .M_Search{margin:0 2rem; padding:0.9rem; border-radius:1rem 1rem 0 0;}
    .M_Search:before,
    .M_Search:after{display:none;}
    .M_Search .search_wrap{width:100%; border-radius:0.5rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul li > a{gap:1.3vw; padding:1.2vw 0.25rem 2vw;}
    .M_link1 ul li > a span{font-size:1rem;}
    
    /*** accBox : 주요사업 ***/
    .accBox .acc_item{width:6rem; height:26rem;}
    .accBox .acc_item .acc_btn .title{left:1.8rem; font-size:1.5rem;}
    .accBox .acc_item .acc_btn .img:before{width:4.4rem; height:4.4rem;}
    .accBox .acc_item .acc_btn .more{left:calc(50% - 1.3rem); width:2.5rem; height:2.5rem;}
    .accBox .accWrap{padding:3.5rem 4vw;}
    .accBox .accWrap .tit{font-size:1.7rem;}
    .accBox .accWrap p{font-size:0.95rem;}
    .accBox .accWrap .my_link{margin-top:2.8rem;}
    .accBox .accWrap .my_link > ul li a{height:2.6rem; gap:0.4rem; padding:0 0.85rem;}
    .accBox .accWrap .my_link > ul li a img{transform:scale(0.85);}
    .accBox .accWrap .my_link > ul li a span{font-size:0.85rem;}
    .accBox .accWrap .more > img{width:2.5rem; height:2.5rem;}
    .accBox .acc_item.active,
    .accBox .acc_item.active .accWrap{width:calc(100% - 14rem);}
    
    /*** 공지사항 및 보도자료 ***/
    /* 공통 영역 */
    .notiWrap .noti-list li a .title > em,
    .newsWrap > ul li a .con > p{font-size:0.95rem;}
    .notiWrap .noti-list li a .date,
    .newsWrap > ul li a .con .date{font-size:0.85rem;}
    .notiWrap .noti-list li a .date:before,
    .newsWrap > ul li a .con .date:before{width:0.8rem; height:0.8rem; background-size:cover;}
    /* newsWrap : 보도자료 */
    .newsWrap > ul li a .con > p:not(.date){height:2.85rem;}
    
    html:not([lang="ko"]) .accBox .acc_item .acc_btn .title{left:4.5rem;}
    }

@media screen and (max-width:1240px) and (min-width:1025px) {
    .snsWrap > ul{gap:1.6vw;}
    .snsWrap > ul li a{height:23vw;}
}

@media screen and (max-width:1200px) {
    /*** 공지사항 및 보도자료 ***/
    /* 공통 영역 */
    .notiWrap,
    .newsWrap{margin-top:1.3rem;}
    /* notiWrap : 공지사항 */
    .notiWrap .noti-main{gap:1.5rem; padding-bottom:1.5rem;}
    .notiWrap .noti-list{gap:0.75rem; padding-top:1.5rem;}
    .notiWrap .noti-list li a .title{width:85%; gap:0.5rem;}
    /* newsWrap : 보도자료 */
    .newsWrap > ul{gap:1.5rem;}
    .newsWrap > ul li a .img{height:25vw;}
}

@media screen and (max-width:1024px) {
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .vis_link{height:39vw;}
    .MVisual .control{bottom:2.5rem; right:5vw;}
    .MVisual .control .btn_wrap a{width:2.3rem; height:2.3rem; font-size:1.1rem;}
    
    /*** M_Search : 통합검색 ***/
    .M_Search{margin:0 5vw; padding:0.7rem;}
    .M_Search .search_wrap > h2,
    .M_Search .search_wrap .total_search{font-size:1rem;}
    .M_Search .search_wrap > h2:after{top:0.1rem; height:0.8rem;}
    .M_Search .search_wrap .total_search{height:3rem;}
    .M_Search .srch_btn{width:3.1rem;}
    .M_Search .srch_btn > img{width:1.3rem; height:1.3rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{gap:1.2vw;}
    .M_link1 ul li > a{padding:0.6rem 0.25rem 0.9rem;}
    .M_link1 ul li > a span{display:flex; align-items:center;}
    
    /*** accBox : 주요사업 ***/
    .accBox .accWrap{padding:3rem 3vw;}
    .accBox .acc_item{width:5.3rem; height:24rem;}
    .accBox .acc_item .acc_btn .title{top:1.5rem; left:2rem; font-size:1.35rem;}
    .accBox .acc_item .acc_btn .img:before{width:3.8rem; height:3.8rem;}
    .accBox .acc_item .acc_btn .more{bottom:2.5rem; left:calc(50% - 1.1rem); width:2.2rem; height:2.2rem;}
    .accBox .acc_item.active,
    .accBox .acc_item.active .accWrap{width:calc(100% - 12.5rem);}
    .accBox .accWrap .tit{font-size:1.5rem;}
    .accBox .accWrap .my_link > ul{width:22.5rem; gap:0.6rem;}
    .accBox .accWrap .my_link > ul li{width:calc(50% - 0.3rem);}
    .accBox .accWrap .my_link > ul li a{padding:0 0.8rem;}
    .accBox .accWrap .more > img{width:2.2rem; height:2.2rem;}
    
    /*** 공지사항 및 보도자료 ***/
    /* notiWrap : 공지사항 */
    .notiWrap .noti-list li a .title > em{max-width:92%;}
    
    /* snsTab : 커뮤니티 */
    .snsTab{top:-0.4rem;}
    .snsTab > ul{gap:0.5rem;}
    .snsTab > ul li a{width:2.7rem; height:2.7rem;}
    .snsWrap{padding-top:1.7rem;}
    .snsWrap > ul li a{height:30vw;}
    .snsWrap > ul li:nth-child(n + 4){display:none;}
}

@media screen and (max-width:1024px) and (min-width:701px) {
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul li > a{gap:0.25rem;}
    .M_link1 ul li > a span{height:2.2rem; line-height:1.1rem;}
    .M_link1 ul li > a span br {display:block;}
    .M_link1 ul li > a[target="_blank"] span:after{position:absolute; left:100%; margin-left:0.1rem;}
}

@media screen and (max-width:1024px) and (min-width:861px) {
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul li > a[target="_blank"] span{font-size:0.95rem;}
}

@media screen and (max-width:860px) {
    /* 공통 : 타이틀 */
    .heading{gap:0.6rem; font-size:1.6rem;}
    .heading > em{font-size:1.1rem; line-height:1.5;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul li > a span{font-size:0.95rem;}
    
    /*** accBox : 주요사업 ***/
    .accBox{flex-direction:column; gap:1rem; margin-top:1.1rem;}
    .accBox .acc_item{position:relative; width:100%; height:5rem;}
    .accBox .acc_item.active,
    .accBox .acc_item.active .accWrap{width:100%; height:22rem;}
    .accBox .acc_item .acc_btn .title{top:1.7rem; font-size:1.2rem; transform:none;}
    .accBox .acc_item:nth-child(1) .acc_btn .img > img{object-position:left 8%;}
    .accBox .acc_item:nth-child(2) .acc_btn .img > img{object-position:left 33%;}
    .accBox .acc_item:nth-child(3) .acc_btn .img > img{object-position:left 55%;}
    .accBox .acc_item .acc_btn .more{bottom:1.4rem; left:auto; right:2rem;}
    .accBox .accWrap{padding:2.5rem 1.8rem;}
    .accBox .accWrap p{margin-top:1.3rem;}
    .accBox .accWrap .my_link{margin-top:2rem;}
    
    /*** 공지사항 및 보도자료 ***/
    /* newsWrap : 보도자료 */
    .newsWrap > ul li a .img{height:28.5vw;}
    
    /* snsTab : 커뮤니티 */
    .snsWrap > ul li a{height:30.2vw;}
    
    /* 구글 번역 */
    html:not([lang="ko"]) .accBox .acc_item .acc_btn .title{top:50%; left:2rem; text-align:left; transform:translateY(-50%);}
}

@media screen and (max-width:860px) and (min-width:701px) {
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul li > a[target="_blank"] span{font-size:0.9rem;}
}

@media screen and (max-width:768px) {
    .private > span:before{width:45px; height:40px; background-size:cover;}
    
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual{border-radius:1rem;}
    .MVisual .control{bottom:1rem; right:1rem;}
    
    /*** M_Search : 통합검색 ***/
    .M_Search{margin:0; padding:1rem 0.6rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul li > a img{width:2.8rem; height:2.8rem;}
    
    /*** 공지사항 및 보도자료 ***/
    /* 공통 영역 */
    .notiWrap .noti-list li a .date,
    .newsWrap > ul li a .con .date{line-height:normal;}
    .notiWrap .noti-list li a .date:before,
    .newsWrap > ul li a .con .date:before{width:0.78rem; height:0.78rem; margin-top:0.1rem;}
    /* notiWrap : 공지사항 */
    .notiWrap .noti-list li a .title{width:83%;}
    .notiWrap .noti-main{gap:1.1rem;}
    /* newsWrap : 보도자료 */
    .newsWrap > ul li a .img{height:30.5vw;}
}

@media screen and (max-width:700px) {
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{flex-wrap:wrap; gap:0;}
    .M_link1 ul li{flex:0 1 50%;}
    .M_link1 ul li > a img{width:3rem; height:3rem;}
}

@media screen and (max-width:640px) {
    /* 공통 : 타이틀 */
    .heading{flex-wrap:wrap; gap:0.5rem; font-size:1.4rem;}
    .heading > em{display:none;}
    
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .vis_link{height:40vw;}
    
    /*** M_Search : 통합검색 ***/
    .M_Search .search_wrap{padding:0 1rem; gap:1.4rem;}
    .M_Search .search_wrap > h2,
    .M_Search .search_wrap .total_search{font-size:0.95rem; line-height:normal;}
    .M_Search .search_wrap > h2:after{top:0.3rem; right:-0.8rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul li > a{padding:0.6rem 0.1rem 0.9rem;}
    
    /*** accBox : 주요사업 ***/
    .accBox{margin-top:0.9rem;}
    .accBox .acc_item .acc_btn .title{left:1.2rem;}
    .accBox .acc_item .acc_btn .img:before{width:3.3rem; height:3.3rem;}
    .accBox .acc_item .acc_btn .more{bottom:1.5rem; right:1.2rem; width:2rem; height:2rem;}
    .accBox .acc_item.active,
    .accBox .acc_item.active .accWrap{height:20rem;}
    .accBox .accWrap{padding:2.4rem 1.2rem;}
    .accBox .accWrap .tit{font-size:1.35rem;}
    .accBox .accWrap p{margin-top:0.85rem;}
    .accBox .accWrap p br {display:none;}
    .accBox .accWrap .my_link{display:none;}
    .accBox .accWrap .more > img{width:2rem; height:2rem;}
    
    /*** 공지사항 및 보도자료 ***/
    /* 공통 : 더보기 */
    .MC_wrap4 .new{height:1rem; padding:0 0.25rem; border-radius:100%;}
    .MC_wrap4 .new > em{display:none;}
    .MC_wrap4 .more_btn{top:-0.15rem; width:1.8rem; height:1.8rem;}
    .MC_wrap4 .more_btn > i{font-size:1.2rem;}
    /* 공통 영역 */
    .notiWrap .noti-list li a .title > em,
    .newsWrap > ul li a .con > p{font-size:0.9rem;}
    .notiWrap .noti-list li a .date:before,
    .newsWrap > ul li a .con .date:before {margin-top:0rem;}
    /* notiWrap : 공지사항 */
    .notiWrap .noti-list{gap:0.5rem; padding-top:1.2rem;}
    .notiWrap .noti-list li a{gap:0.4rem; padding-left:0.6rem;}
    .notiWrap .noti-list li a:before{width:0.3rem; height:0.3rem;}
    .notiWrap .noti-list li a .title{width:100%; min-width:0; gap:0;}
    .notiWrap .noti-list li a .title > em{float:none; order:2; max-width:unset;}
    .notiWrap .noti-list li a .title > i{order:1; margin-right:0.2rem; line-height:1.5;}
    .notiWrap .noti-main{gap:0.8rem; padding-bottom:1.2rem;}
    .notiWrap .noti-main .main-date{width:5rem; height:5rem;}
    .notiWrap .noti-main .main-date .date_day,
    .notiWrap .noti-main .main-date .date_ym{line-height:1;}
    .notiWrap .noti-main .main-date .date_day{font-size:1.6rem;}
    .notiWrap .noti-main .main-date .date_ym{font-size:0.8rem;}
    .notiWrap .noti-main .main-con > .title{font-size:1rem;}
    .notiWrap .noti-main .main-con > p{margin-top:0.3rem; font-size:0.85rem; line-height:1.4;}
    /* newsWrap : 보도자료 */
    .newsWrap > ul{gap:1.1rem;}
    .newsWrap > ul li a .con{margin-top:0.7rem;}
    
    /* snsTab : 커뮤니티 */
    .snsTab{top:-0.5rem;}
    .snsTab > ul{display:flex; justify-content:flex-end; width:100%; gap:0.7rem;}
    .snsTab > ul li a{width:2.5rem; height:2.5rem;}
    .snsTab > ul li a img{width:1.6rem; height:1.6rem;}
    .snsWrap > ul{gap:4vw;}
    .snsWrap > ul li:nth-child(n + 3){display:none;}
    .snsWrap > ul li a{height:45.6vw;}
    .snsWrap > ul li a img{height:100%;}
    
    /* 구글 번역 */
    html:not([lang="ko"]) .accBox .acc_item .acc_btn .title{left:1.5rem; margin-right:3rem; font-size:1.2rem;}
}

@media screen and (max-width:520px) {
    /*** accBox : 주요사업 ***/
    .accBox .acc_item.active .accWrap p br{display:none;}
}

@media screen and (max-width:480px) {
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .vis_link{height:38vw;}
    .MVisual .control .btn_wrap a{width:2.1rem; height:2.1rem;}
    
    /*** M_Search : 통합검색 ***/
    .M_Search{padding:1rem 0;}
    .M_Search .search_wrap{gap:1rem; padding:0 0.7rem;}
    .M_Search .search_wrap > h2,
    .M_Search .search_wrap .total_search{font-size:0.9rem;}
    .M_Search .search_wrap > h2:after{right:-0.5rem; height:0.7rem;}
    .M_Search .search_wrap .total_search{height:2.7rem;}
    .M_Search .srch_btn{width:2.8rem;}
    .M_Search .srch_btn > img{width:1.2rem; height:1.2rem;}
    
    /*** accBox : 주요사업 ***/
    .accBox{gap:0.8rem;}
    .accBox .accWrap{padding:2.2rem 1rem;}
    .accBox .accWrap .tit{font-size:1.2rem;}
    .accBox .acc_item:nth-child(1).active .acc_btn .img > img{object-position:70% top !important;}
    .accBox .acc_item:nth-child(2).active .acc_btn .img > img{object-position:70% top !important;}
    
    /*** 공지사항 및 보도자료 ***/
    /* 공통 : 더보기 */
    .MC_wrap4 .more_btn{top:-0.1rem; width:1.7rem; height:1.7rem;}
    .MC_wrap4 .more_btn > i{font-size:1.1rem;}
    .MC_wrap4 .new{line-height:normal;}
    /* notiWrap : 공지사항 */
    .notiWrap .noti-main{flex-direction:column; gap:0.5rem;}
    .notiWrap .noti-main .main-con{padding-top:0;}
    .notiWrap .noti-main .main-date{flex-direction:row; width:100%; height:auto; padding:0.3rem 0.5rem; background:#1984ff; border-radius:0.3rem;}
    .notiWrap .noti-main .main-date .date_ym,
    .notiWrap .noti-main .main-date .date_day{display:none;}
    .notiWrap .noti-main .main-date .date{display:block;}
    /* newsWrap : 보도자료 */
    .newsWrap > ul{flex-direction:column;}
    .newsWrap > ul li a .img{height:51vw;}
    .newsWrap > ul li a .con > p:not(.date){height:auto;}
    .newsWrap > ul:has(.no-data){height:8.65rem;}
}

@media screen and (max-width:420px) {
    /*** accBox : 주요사업 ***/
    .accBox .accWrap p{font-size:0.9rem;}
    .accBox .accWrap .my_link > ul{width:100%;}
    .accBox .accWrap .my_link > ul li a{gap:0.15rem; padding:0 0.5rem;}
    .accBox .accWrap .my_link > ul li a img{transform:scale(0.7);}
}

@media screen and (max-width:400px) {
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul li > a{padding:0.4rem 0.1rem 0.7rem;}
}

@media screen and (max-width:360px) {
    /*** M_Search : 통합검색 ***/
    .M_Search fieldset{flex-direction:column;}
    .M_Search .search_wrap > h2:after{top:0.23rem; right:-0.55rem;}
    .M_Search .search_wrap .total_search{height:2.5rem;}
    .M_Search .srch_btn{width:100%; height:2.2rem;}
    .M_Search .srch_btn > img{width:1.1rem; height:1.1rem; margin-bottom:0.1rem;}
    
    /*** accBox : 주요사업 ***/
    .accBox .accWrap{padding:2rem 1rem;}
    .accBox .accWrap p{line-height:1.4;}
    .accBox .acc_item{height:4.5rem;}
    .accBox .acc_item .acc_btn .title{top:1.55rem; left:1rem; font-size:1.1rem;}
    .accBox .acc_item .acc_btn .more{bottom:1.35rem; right:1rem; width:1.8rem; height:1.8rem;}
    .accBox .acc_item .acc_btn .more > i{font-size:1.1rem;}
    
    /*** 공지사항 및 보도자료 ***/
    /* notiWrap : 공지사항 */
    .notiWrap .noti-list li a .title > em,
    .notiWrap .noti-list li a .date{line-height:1.2;}
    .notiWrap .noti-list li a{flex-direction:column; align-items:flex-start;}
    .notiWrap .noti-list li a:before{top:0.4rem;}
    .notiWrap .noti-list li a .date{margin-left:auto;}
    .newsWrap > ul li a .img{height:61vw;}
    
    /* snsTab : 커뮤니티 */
    .snsTab{position:relative; top:auto; margin-top:0.8rem;}
    .snsTab > ul{justify-content:center;}
    .snsTab > ul li a{width:2.3rem; height:2.3rem;}
    .snsWrap{padding-top:0.7rem;}
    .snsWrap > ul{flex-direction:column; gap:1.2rem;}
    .snsWrap > ul li:nth-child(n + 2){display:none;}
    .snsWrap > ul li a{height:77.6vw;}
    .snsWrap > ul li a img{object-fit:cover;}
}

@media screen and (max-width:320px) {
    .private > span:before{width:40px; height:35px;}
}

@media screen and (max-width:300px) {
    .M_link1 ul{flex-direction:column;}
    .M_link1 ul li{flex:auto; width:100%;}
}